@charset "UTF-8";
/*共通部分*/
html {
    font-size: 100%;
}
body {
    font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic", sans-serif;
    line-height: 1.7;
    color: #443322;
}
a {
    text-decoration: none;
}
img{
    max-width: 100%;
}
.origin-font {
    text-align: center;
}
.origin-font a {
    color: #443322;
}    

/*レイアウト*/
.wrapper {
    max-width: 1120px;
    margin: auto;
}
.align-center {
    text-align: center;
}

/*見出し*/
.font-english {
    font-family: 'Philosopher', sans-serif;
    font-weight: normal;
}
.page-title,
.heading-large, 
.heading-medium {
    font-size: 3rem;
    text-align: center;
}    
.page-title {
    margin-top: 5rem;
    line-height: 1.4;
}
.heading-large {
    margin-bottom: 1rem;
}
.cover {
    background-size: cover;
    background-position: center bottom;
    height: 800px;
}
.origin-title {
    font-size: 2rem;
    text-align: center;
    margin-top: 15rem;
    line-height: 1.4;
}

/*ボタン*/
.btn {
    display: inline-block;
    font-size: 1.5rem;
    background-color: #0bd;
    color: #ffffff;
    border-radius: 8px;
    padding: .75rem 1.5rem;
    transition: .5s;
}

/*ヘッダー*/
.page-header {
    padding-top: .5rem;
}
.logo {
    width: 210px;
}
.main-nav {
    display: flex;
    justify-content: center;
    gap: 2.5rem;
    font-size: 1.5rem;
    list-style: none;
}
.main-nav a {
    color: #443322;
    margin: -.6rem;
}
.main-nav a:hover {
    color: #0bd;
}

/*Amazon*/
.item a:hover {
    color: #0090aa
}

/*記事部分*/
.post {
    margin-bottom: 3rem;
}
.post-title {
    font-weight: normal;
    margin-bottom: 1.25rem;
}
.post-info {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
}
.post-date {
    font-size: .875rem;
}
.post-cat {
    display: flex;
    gap: .5rem;
    list-style: none;
}
.post-cat a {
    color: #432;
    background-color: #faf7f0;
    border-radius: 8px;
    font-size: .875rem;
    padding: .5rem .75rem;
}
.post-cat a:hover {
    background-color: #c9c2bc;
}
.post-thumbnail {
    border-radius: 16px;
    margin-bottom: 1.5rem;
}
.post p {
    margin-bottom: 1.5rem;
    line-height: 2;
}

/*フッター*/
.page-footer {
    background-image: url(../images/footer-s.webp);
    background-size: cover;
    background-position: center;
    padding-top: 20%;
}
.info {
    width: 100%;
    max-width: 544px;
    margin: auto;
    border-spacing: 0;
}
.info th,
.info td {
    border-bottom: 1px solid #c9c2bc;
}
.info th {
    text-align: left;
    font-weight: normal;
    padding: 1rem;
}
.info td {
    padding: 1rem;
}

/*サイドバー*/
.side-menu {
    list-style: none;
    text-align: center;
    margin-bottom: 4rem;
}
.side-menu li {
    color: #432;
    display: block;
    padding: 1rem;
}
.side-menu a:hover {
    color: #0bd;
}

/*コピーライト*/
.copyright {
    background-color: #432;
    text-align: center;
    padding: 2rem 0;
    margin-top: 6rem;
    color: #fff;
}

/*検索*/
.search-form {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 10px;
    width: 250px;
    margin: 0 auto 2rem;
}
.search-form input {
    width: 100%;
    height: 30px;
    padding: 1px 5px 1px 8px;
    border: none;
    border-radius: 4px 0 0 4px;
    box-sizing: border-box;
    background-color: #ffffff;
    color: #000;
    outline:0;
}
.search-form button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    max-width: 140px;
    height: 34px;
    border: none;
    border-radius:0 4px 4px 0;
    font-size: 16px;
    background-color: #7fbfff;
    color:#fff;
    cursor: pointer;
}
.search-form button::before {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: '';
}

/*ヘッダーカバー画像*/
.cover {
    background-size: cover;
    background-position: center bottom;
    height: 800px;
}
.sub-cover {
    background-size: cover;
    background-position: center bottom;
    height: 528px;
    margin-bottom: 4rem;
}

/*INDEX*/
.cover-index {
    background-image: url(../images/cover-index-s.webp);
}
.about {
    max-width: 736px;
    padding: 0 1.5rem;
    margin: 3rem auto 4rem;
}
.about p {
    margin-bottom: 3rem;
}
.align-center {
    margin-bottom: 10rem;
}
.email p {
    max-width: 736px;
    padding: 0 1.5rem;
    margin: 1rem 0 3rem;
}
.origin-title2 {
    padding-left: 10%;
    font-size: 1rem;
}

/*NEWS*/
.cover-news {
    background-image: url(../images/cover-news-s.webp);
}
.post {
    margin-top: 6rem;
}
.post-title {
    text-align: center;
    font-size: larger;    
}
.post-cat {
    padding-left: 8.5rem;
}
.news-list {
    list-style: none outside;
    max-width: 1000px;
    border-radius: 96px;
    margin: 0 auto 0;
}
.news-list .tips a {
    display: flex;
    flex-wrap: wrap;
    flex-wrap: nowrap;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #CCC;
    padding: 20px 20px;
}
.news-list .tips:first-child a {
    border-top: 1px solid #CCC;
}
.news-list .tips .date {
    min-width: 120px;
    font-size: 16px;
    color: #999;
    padding: 0 20px 0 0;
}
.news-list .tips .title {
    width: 100%;
}
.news-list .tips a:hover .title {
    color: #0bd
}


/*CONTACT*/
.cover-contact {
    background-image: url(../images/cover-contact-s.webp);
}
.location {
    margin-bottom: 3.5rem;
}
.location-info .info {
    padding: 0;
}
.location-map {
    position: relative;
    padding-bottom: 150%;
}
.location-map  iframe {
    position: absolute;
    width: 100%;
    margin-top: 20%;
}


/*SNS*/
.sns-item {
    margin-top: 10rem;
    margin-bottom: 65%;
}
.sms-item {
    margin-top: 10rem;
    margin-bottom: 75%;
}
.sls-item {
    margin-top: 10rem;
    margin-bottom: 100%;
}

.sns-item .sms-item .heading-medium {
    margin-bottom: .5rem;
}
.iframe-wrapper {
    position: relative;
    padding-bottom: 150%;
}
.iframe-wrapper iframe {
    position: absolute;
    width: 100%;
}


/*.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
}
.facebook-wrapper > .fb-post {
    width: 100%;
}
.facebook-wrapper > .fb-post > span,
.facebook-wrapper iframe {
    width: 100% !important;
}

/*WORKS*/
.cover-works {
    background-image: url(../images/cover-works-s.webp);
}
.grid {
    display: grid;
    gap: 2rem 1.5rem;
    grid-template-columns: repeat(2,1fr);
    text-align: center;
}
.item {
    object-fit: cover;
    border-radius: 16px;
    margin-bottom: 2.5rem;
}
.item p {
    font-size: .875rem;
}

/*AUTHOR*/
.cover-author {
    background-image: url(../images/cover-author-s.webp);
    background-size: contain;
}
.cosmos-title {
    text-align: center;
    font-size: 1.25rem;
}
.cosmos-subtitle  {
    text-align: center;
    margin-bottom: 1.5rem;
    line-height: 2;
}
.cosmos p {
    margin-bottom: 1.5rem;
    line-height: 2;
}
.plofile-title  {
    text-align: center;
    font-size: large;
}
.plofile {
    margin-bottom: 8.5rem;
}
.plofile h2 {
    padding-top: 5rem;
}
.sidebar {
    margin-top: 5rem;
}
.side-menu {
    font-size: medium;
}

/*RESEARCH*/
.research-title {
    text-align: center;
    font-size: x-large;
    margin-bottom: 1.5rem;
}
.research p {
    margin-bottom: 1.5rem;
    line-height: 2;
    text-indent: -1.05rem;
    margin-left: 1.05rem;
}

/*career*/
.career-title {
    text-align: center;
    font-size: x-large;
    margin-bottom: 1.5rem;
}
.career p {
    margin-bottom: 1.5rem;
    line-height: 2;
    text-indent: -7rem;
    padding-left: 4rem;
}

/*academic*/
.academic-title {
    text-align: center;
    font-size: x-large;
    margin-bottom: 1.5rem;
}
.academic p {
    margin-bottom: 1.5rem;
    line-height: 2;
    text-indent: -7rem;
    padding-left: 4rem;
}


/*デスクトップ版*/
@media(min-width: 800px) {

/*見出し*/
.page-title {
    font-size: 5rem;    
}
.origin-title {
    font-size: 3rem;
}
.heading-large {
    font-size: 4rem;
}
.post-title {
    font-size: 2rem;
}

/*ヘッダー*/
.page-header {
    display: flex;
    justify-content: space-between;
    padding-top: 1.5rem;
}
.main-nav {
    font-size: 2rem;
}

/*ヘッダーカバー画像*/
.sub-cover {
    height: 400px;
    margin-bottom: 6rem;
}
        
/*INDEX*/
.cover-index {
    background-image: url(../images/cover-index-l.webp);
    background-size: 74%;
    background-repeat: repeat-x;
}
.about {
    margin: 4rem auto 0;
}
.search-form {
    padding-bottom: 6.5rem;
}
.origin-title2 {
    font-size: 2rem;
    text-align: center;
    margin-right: 9rem;
}

/*NEWS*/
.cover-news {
    background-image: url(../images/cover-news-l.webp);
} 
.news-contents {
    display: flex;
    justify-content: center;
}
.post {
    width: 100%;
}
.post p {
    font-size: large;
}
.post-cat {
    padding-left: 31rem;
}

/*フッター*/
.page-footer{
    background-image: url(../images/footer-l.webp);
    background-size: contain;
    background-repeat: repeat-x;
    padding-top: 0%;
}
.info td { 
    padding: 1rem;
}
.info th {
    padding-left: 2rem;
}

/*お問い合わせ*/
.email {
    max-width: 815px;
    border-radius: 48px;
    padding: 1.5rem 2.5rem 2.5rem;
    margin: 0 auto 2rem;
}
.email p {
    max-width: 736px;
    padding: 0 1.5rem;
    margin: 1rem 0 3rem;
}
        
/*新着情報*/
.news-list {
    list-style: none outside;
    max-width: 1000px;
    border-radius: 96px;
    padding: 1.5rem 2.5rem 1.5rem;
    margin: 0 auto 0;
}
.news-list .tips a {
    display: flex;
    flex-wrap: nowrap;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #CCC;
    padding: 20px 20px;
}
.news-list .tips:first-child a {
    border-top: 1px solid #CCC;
}
.news-list .tips .date {
    min-width: 120px;
    font-size: 16px;
    color: #999;
    padding: 0 20px 0 0;
}
.news-list .tips .title {
    width: 100%;
}
.news-list .tips a:hover .title {
    color: #0bd
}

/*コンタクト*/
.cover-contact {
    background-image: url(../images/cover-contact-l.webp)
}
.location {
    gap: 2rem;
}
.location-info {
    width: 100%;
    padding-left: 2rem;
}
.location-map  iframe {
    margin-top: 10%;
}

/*AUTHOR*/
.cover-author { 
    background-image: url(../images/cover-author-l.webp);
}
.author-contents {
    display: flex;
    justify-content: space-between;
}
.heading-medium {
    margin-top: 10%;
}
.sidebar {
    width: 22%;
    background-color: #fcdb8f;
}
.sidebar {
    line-height: 1;
    margin-bottom: 1rem;
}
.side-menu {
    margin-top: 20%;
    font-size: large;
}
.cosmos {
    width: 70%;
}
.cosmos-title {
    font-size: xx-large;
    font-weight: normal;
    margin-bottom: 1.25rem;
}
.cosmos-subtitle  {
    text-align: center;
    margin-bottom: 1.5rem;
    line-height: 2;
}
.cosmos p {
    margin-bottom: 1.5rem; 
    line-height: 2;
    font-size: large;
}
.plofile {
    margin-bottom: 15.5rem;
    line-height: 2;
}
.plofile-title  {
    font-size: xx-large;
    margin-left: -60%;
}
.plofile p {
    margin: auto 16% auto 16%;
    margin-bottom: 1.5rem;
    line-height: 2.5;
    font-size: large;
}

/*RESEARCH*/
.research-contents {
    display: flex;
    justify-content: space-between;
}
.research {
    width: 70%;
}
.research-title {
    text-align: center;
    font-size: xx-large;
    font-weight: normal;
    margin-bottom: 5.25rem;
}
.research p {
    margin-bottom: 1.5rem;
    font-size: large;
}

/*CAREER*/
.career-contents {
    display: flex;
    justify-content: space-between;
}
.career {
    width: 70%;
}
.career p {
    margin-bottom: 1.5rem;
    font-size: large;
    text-indent: -8.1rem;
    margin-left: 8.1rem;
}
.career-title {
    text-align: center;
    font-size: xx-large;
    font-weight: normal;
    margin-bottom: 3.25rem;
}

/*academic*/
.academic-contents {
    display: flex;
    justify-content: space-between;
}
.academic {
    width: 70%;
}
.academic-title {
    text-align: center;
    font-size: xx-large;
    font-weight: normal;
    margin-bottom: 3.25rem;
}
.academic p {
    margin-bottom: 1.5rem;
    font-size: large;
    text-indent: -8.1rem;
    margin-left: 8.1rem;
}

/*WORKS*/
.cover-works {
    background-image: url(../images/cover-works-l.webp);
}
.grid {
    gap: 3rem 2rem;
    grid-template-columns: repeat(3,1fr);
}
.item img {
    margin-bottom: .5rem;
}
.item p {
    font-size: 1rem;
}

/*SNS*/
.iframe-wrapper {
    position: relative;
    padding-bottom: 25%;
}
.iframe-wrapper iframe {
    position: absolute;
    left: 35%;
    width: 30%;
}
.sns-item {
    margin-bottom: 40%;
}
.sls-item {
    margin-bottom: 50%
}
.sms-item {
    margin-top: -55%;
    margin-bottom: 45%;
}
}

/* <div class="post-info">
                        <ul class="post-cat">
                            <li><a href="#">村上　則夫</a></li>
                        </ul>
                    </div>*/