@charset "UTF-8";

/* Font -------------*/
.comic-neue-light {
    font-family: "Comic Neue", cursive;
    font-weight: 300;
    font-style: normal;
  }
  
  .comic-neue-light-italic {
    font-family: "Comic Neue", cursive;
    font-weight: 300;
    font-style: italic;
  }
  
  .comic-neue-regular {
    font-family: "Comic Neue", cursive;
    font-weight: 400;
    font-style: normal;
  }
  
  .comic-neue-regular-italic {
    font-family: "Comic Neue", cursive;
    font-weight: 400;
    font-style: italic;
  }
  
  .comic-neue-bold {
    font-family: "Comic Neue", cursive;
    font-weight: 700;
    font-style: normal;
  }
  
  .comic-neue-bold-italic {
    font-family: "Comic Neue", cursive;
    font-weight: 700;
    font-style: italic;
  }
/* Font -------------*/

/* HEADER -------------*/
.logo{
    width: 144px;
    margin: 10px;
}

.logo2{
    width: 140px;
    margin-top: 10x;
    margin-right: 10px;
}
/* HEADER -------------*/


/* Name ---------------*/
.name{
    text-align: center;
    /* font-size: 1.75rem; */
    /* font-family: "Comic Neue", cursive; */
    /* font-weight: 700; */
    /* font-style: normal; */
    /* font-family:Helvetica, sans-serif, times, "ヒラギノ角ゴ Pro W3";  */
}

#name .page-title{
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Name ---------------*/




/* Left Contents -----------*/ 
article{
    width: 77%;
    
}

aside{
    width: 23%;
}

.post-info{
    font-family:Helvetica, sans-serif, times, "ヒラギノ角ゴ Pro W3"; 
}

.contents{
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    font-family:Helvetica, sans-serif, times, "ヒラギノ角ゴ Pro W3"; 
}

/* .imageratio img { */
    /* width: 95%; */
    /* height: auto; */
 /* } */
/* Left Contents -----------*/ 


/* Right Contents -----------*/ 
.sub-title{
    margin-right: 1.375rem; 
    padding: 0 3px 3px;
    border-bottom: 2px #00a096 solid;
}

aside p {
    padding:12px 10px;
}

.sub-menu {
    margin-bottom: 60px;
    list-style: none;
}

.sub-menu li {
    border-bottom: 1px #ddd solid;
}

.sub-menu a{
    color: #432;
    padding: 10px;
    display: block;
    font-family:Helvetica, sans-serif, times, "ヒラギノ角ゴ Pro W3"; 
    font-size: 1.25rem;
}

.sub-menu a:hover{
    color: #0bd;
}



/* Right Contents -----------*/ 


/* タイトル ------------*/
.post-title{
    font-family:Helvetica, sans-serif, times, "ヒラギノ角ゴ Pro W3"; 
    font-size: 2rem;
    font-weight: normal;    
}
.post-title, .post-cat{
    margin-left: 120px;
}


.intro{
    font-size: 1.0rem;
    font-weight: normal;   
    color: blue;  
    text-align: left;
    /* margin-bottom:0.5rem;  */
}

.email{
    margin-top:1.0rem; 
    font-size: 0.8rem;
    text-align: left;
}
/* タイトル ------------*/

/* Date ---------------*/
.post-info{
    position: relative;
    padding-top: 4px;
    margin-bottom: 40px;
}

.post-date{
    background: #00a096;
    border-radius: 50%;
    color: #fff;
    width: 100px;
    height: 100px;
    font-size: 1.625rem;
    text-align: center;
    position: absolute;
    top: 0;
    padding-top: 10px;
}

.post-date span{
    font-size: 1rem;
    border-top: 1px rgba(255, 255, 255, 0.5) solid;
    padding-top: 6px;
    display: block;
    width: 60%;
    margin: 0 auto;
}
/* Date ---------------*/


.grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
    margin-top: 6%;
    margin-bottom: 10px;
    text-align: center;
}


/* Publication --------*/

.publication h1{
    text-align: center;       
}

.publication{
    font-family: Helvetica, sans-serif, times, "ヒラギノ角ゴ Pro W3";   
    text-align: left;  
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 4%;
    font-size: 110%;
    /* line-height:250%; */
}


.publication uf{
    text-decoration:underline;
    text-decoration-color:blue;
    /* display: block; */
} 


/* Publication --------*/




/* フッター ------------*/
footer {    
    background: #432;
    text-align: center;
    padding:12px 0;
    margin-top: 50px;   

    max-width: 1200px;
    margin: 0 auto;
}

footer p{
    color: #fff;
    font-size: 0.875rem;
    font-family:Helvetica, sans-serif, times, "ヒラギノ角ゴ Pro W3"; 
}
/* フッター ------------*/


/* CV -----------------*/

#cv .page-title{
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    }

.cv-contents{
    font-family:Helvetica, sans-serif, times, "ヒラギノ角ゴ Pro W3"; 
    font-size: 100%;
}

.cv-contents c{
    font-family:Helvetica, sans-serif, times, "ヒラギノ角ゴ Pro W3"; 
    font-size: 8%;
}

ul{
    list-style-position: outside;
    font-family:Helvetica, sans-serif, times, "ヒラギノ角ゴ Pro W3"; 
    font-size: 100%;
}

ol li{
    list-style-position: outside;
    font-family:Helvetica, sans-serif, times, "ヒラギノ角ゴ Pro W3"; 
    /* line-height:250%; */
    padding-top:8px;
    padding-bottom:8px;
}



#cv .face{ 
    width: 144px;
    margin: 10px;
}

/* CV -----------------*/


/* 共通部分 ------------*/
html {
    font-size: 100%;
}

body {
    font-family: Helvetica, sans-serif, times, "ヒラギノ角ゴ Pro W3";
    line-height: 1.7;
    color: #432; 
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
}

.main-nav {
    display: flex;
    font-size: 1.25rem;
    /* text-transform: uppercase; */
    margin-top: 34px;
    list-style: none;
}

.main-nav li{
    margin-left: 36px;
}

.main-nav a{
    color: #432;
}

.main-nav a:hover {
    color: #0bd; 
}

.page-header{
    display: flex;
    justify-content: space-between;
}

.wrapper { 
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 4%;
    font-size: 120%;
}



/* 共通部分 ------------*/



/* 共通部分 モバイル版------------*/
@media (max-width: 600px) {
    .page-title{
        font-size: 2.5rem;
    }

    /* HEADER */
    .main-nav {
        font-size: 1rem;
        margin-top: 10px;
    }

    .main-nav li {
        margin: 0 20px;
    }

    /* HOME */
    .home-content {
        margin-top: 20%;
    }

    .page-header {
        flex-direction: column;
        align-items: center;
    }

    /* NEWS */
    .contents{
        flex-direction: column;
    }
    article, aside{
        /* flex-direction: column; */
        width: 100%;    
    }

    .page-title{
        margin-top: 10px;
        text-align: center;
    }

    aside {
        margin-top: 60px;
    }
    .post-info {
        margin-bottom: 30px;
    }
    .post-date {
        width: 70px;
        height: 70px;
        font-size: 1rem;
    }
    .post-date span {
        font-size: 0.875rem;
        padding-top: 2px;
    }
    .post-title {
        font-size: 1.375rem;
    }
    .post-cat {
        font-size: 0.875rem;
        margin-top: 10px;
    }
    .post-title,
    .post-cat {
        margin-left: 80px;
    }

/* ↑ ここまで追加 ↑ */

/* MENU */
    .menu-content{
        margin-top: 20%;
    }

    .big-box{
        grid-column: auto;
        grid-row: auto;
    }
    .big-box img{
        height: 100%;
    }



    .cv-contents{
        margin-top: 10%;
    }

    .cv-contents{
        grid-column: auto;
        grid-row: auto;
    }

    .cv-contents img{
        height: 100%;
    }

    .publication{
        margin-top: 10%;
    }

    .publication{
        grid-column: auto;
        grid-row: auto;
    }

    .publication img{
        height: 100%;
    }

}