@charset "utf-8";

.navHeight{
    width:100%;
    height:97.73px;
    height:95.73px;
}
.topEyecatch,
.topEyecatch_inner{
    aspect-ratio: 1920/880;
    position:relative;
    width:100%;
    height:100%;
}
@keyframes bgAnime{
    0%{opacity: 0;}
    20%{opacity: 1;}
    33%{opacity: 1;}
    63%{opacity: 0;}
    100%{opacity: 0;}
}
.bgImg{
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left: 0;
    opacity: 0;
    animation: bgAnime 21s infinite;
}
.src02{            
    background-image: url(../images/top_2501/bg02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    animation-delay: 0s;
}
.src03{            
    background-image: url(../images/top_2501/bg03.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    animation-delay: 7s;
}
.src04{            
    background-image: url(../images/top_2501/bg04.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    animation-delay: 14s;
}
.topEyecatch_textarea{
    position:absolute;
    width:80%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-shadow:0px 0px 10px rgba(40,40,40,0.8);
}
.topEyecatch_textarea h2{
    font-family: 'Ovo', serif;
    font-size:3em;
    letter-spacing:0.3em;
    color:#fff;
    text-align:center;
}
.topEyecatch_textarea p{                
    font-family: 'Noto Serif JP', serif;
    font-size:1em;
    letter-spacing:0.5em;
    color:#fff;
    text-align:center;
}
.pointSection{
    padding-top:50px;
    padding-bottom:50px;
}
.pointSection_inner{
    width:1100px;
    margin:0 auto;
}
.requestSection{
    padding-top:80px;
    padding-bottom:80px;
}
.requestSection_inner .emTxt{
    font-size:2em;
    letter-spacing:0.5em;
    margin-bottom:50px;
}
.topBtn_area{
    width:880px;
    margin:0 auto;
    display:flex;
    justify-content:space-around;
    margin-bottom:50px;
}
.topBtn_inner{
    width:46%;
    position:relative;
}
.topBtn_inner:nth-of-type(1)::after{
    content: '';
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-top: solid 2px #dbd4c6;   /* 好みで色を変えてください */  
    border-right: solid 2px #dbd4c6;   /* 好みで色を変えてください */  
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 20px;
}
.topBtn_inner:nth-of-type(2)::after{
    content: '';
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-top: solid 2px #44403f;   /* 好みで色を変えてください */  
    border-right: solid 2px #44403f;   /* 好みで色を変えてください */  
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 20px;
}
.topBtn_inner a{
    display:flex;
    align-items:center;
    justify-content:center;
    aspect-ratio:480/80;
    font-family: 'Noto Serif JP', serif;
    font-size:1.25em;
    letter-spacing:0.25em;
}
.topBtn_inner a:hover{
    opacity:0.5;
}
.topBtn_inner:nth-of-type(1) a{
    background-image:url(../images/top/requestBtnbg.svg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    color:#dbd4c6;
}
.topBtn_inner:nth-of-type(2) a{
    background-image:url(../images/top/secretBtnbg.svg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    color:#44403f;
}
.museumArea{
    width:880px;
    margin:0 auto;
    background-color:#fff;
    border-radius:5px;
    padding-top:25px;
    padding-bottom:25px;
    margin-bottom:50px;
}
.museumArea h2{
    font-family: 'Noto Serif JP', serif;
    font-size:1em;
    letter-spacing:0.25em;
    text-align:center;
    margin-bottom:15px;
}
.museumArea_inner{
    width:90%;
    margin:0 auto;
    display:flex;
    justify-content:space-around;
    align-items:center;
    margin-bottom:15px;
}
.museumArea_content{
    width:48%;
}
.museumArea_content table{
    width:100%;
    font-family: 'Noto Serif JP', serif;
}
.museumArea_content table tr{
    width:100%;
}
.museumArea_content table tr th{
    width:30%;
    text-align:right;
    vertical-align:top;
}
.museumArea_content table tr td{
    width:70%;
}
.museumArea_content table tr th,
.museumArea_content table tr td{
    font-size:0.8em;
}
.requestSection p{
    margin-bottom:0;
}
.museumGuide_btn{
    width:90%;
    margin:0 auto;
    position:relative;
}
.museumGuide_btn::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translateY(-50%); 
    border: 5px solid transparent;
    border-left: 8px solid #fff;            
}
.museumGuide_btn a{
    padding-top:5px;
    padding-bottom:5px;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#00a098;
    color:#fff;
}
.museumGuide_btn a:hover{
    opacity:0.5;
}
.under400,
.under500,
.under350{
    display:none;
}
.topContent_section{
    background-color:#eeebe8;
    position:relative;
    display:flex;
}
.topContent_section_inner{
    width:1100px;
    margin:0 auto;
}
.topContent_section_inner .textBox{
    width:50%;
}
.topContent_section_inner .textBox.right{
    width:100%;
}
.topContent_section_inner .textBox a{
    display:flex;
    padding:120px 0;
}
.topContent_section_inner .textBox.right a{
    justify-content:flex-end;
}
.topContent_section_inner .textBox a:hover{
    opacity:0.5;
}
.topContent_section_inner .textBox h2{
    position: relative;
    font-family: 'Ovo', serif;
    font-size:2em;
    letter-spacing:0.3em;
    color:#604c3f;
    margin-bottom:25px;
}
.topContent_section_inner .textBox.right h2,
.topContent_section_inner .textBox.right p{
    text-align:right;
}
.topContent_section_inner .textBox h2 .leftTtl{
    position: absolute;
    top:-35px;
    left:0;
    font-family: 'Ovo', serif;
    font-size:0.5em;
    letter-spacing:0.25em;
    background-color:#a28978;
    color:#fff;
    padding:2px 10px 0px 17px;
}
.blinking{
    -webkit-animation:blink 1.2s ease-in-out infinite alternate;
    -moz-animation:blink 1.2s ease-in-out infinite alternate;
    animation:blink 1.2s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
.topContent_section_inner .textBox p{
    font-family: 'Noto Serif JP', serif;
    font-size:1.5em;
    letter-spacing:0.25em;
    color:#604c3f;
    margin-bottom:35px;
}
.topContent_section_inner .textBox .detailBox{
    font-family: 'Ovo', serif;
    font-size:1.5em;
    letter-spacing:0.25em;
    color:#604c3f;
    padding:0 1.5rem 0 0;
    width:4em;
    background-image:url(../images/top/moreArrow.svg);
    background-repeat:no-repeat;
    background-position:right;
}
.topContent_section_inner .textBox.right .detailBox{
    float:right;
}
.topContent_section .imgBox{
    position:absolute;
    width:50%;
    height:100%;
}
.topContent_section .imgBox.right{
    top:0;
    right:0;
}
.topContent_section .imgBox.left{
    top:0;
    left:0;
}
.topContent_section .imgBox.img01{
    background-image:url(../images/top/topContent01@2x.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
}
.topContent_section .imgBox.img02{
    background-image:url(../images/top/topContent02@2x.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
}
.topContent_section .imgBox.img03{
    background-image:url(../images/top/topContent03@2x.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
}
.specialSection .specialSection_inner .subTtl{
    font-family: 'Ovo', serif;
    font-size:1.5em;
    letter-spacing:0.5em;
    padding-bottom:15px;
    margin-bottom:0px;
}
.specialSection h2{
    width:880px;
    margin:0 auto;
    font-size:1.75em;
    padding-top:15px;
    margin-bottom:35px;
    border-top:1px solid #fff;
}
.informationSection{
    padding-top:80px;
    padding-bottom:80px;
}
.infoInner{
    width:680px;
    margin:0 auto;
}
.infoInner h2{
    font-family: 'Ovo', serif;
    font-size: 1.5em;
    letter-spacing: 0.15em;
    padding-bottom: 5px;
    margin-bottom:5px;
    border-bottom:1px solid #44403f;
}
.infoInner table tr th,
.infoInner table tr td{
    font-family: 'Noto Serif JP', serif;
    font-size:0.9em;
    vertical-align:top;
}
.infoInner table tr td{
    padding-left:10px;
}
.requestSection_inner .emTxt_20240206{
    font-size: 2.8em;
    letter-spacing: 0.5em;
    margin-bottom: 30px;
}
.seasonSection{
    padding:80px 0;
    background-image:url(../images/top_2407/bg01_0625.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center bottom;                
}
.seasonSection_inner{
    width:1100px;
    margin:0 auto;
}
.seasonSection_inner>p:last-of-type{
    margin-bottom:30px;
}
.seasonSection>.topBtn_area{
    margin-bottom:0;
}
@media (max-width:768px){
    .seasonSection {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .seasonSection_inner{
        width: 100%;
    }
    .seasonSection .txt1 {
        width: 80%;
        padding-bottom: 0;
    }
    .seasonSection .txt2{
        width: 90%;
        padding-bottom: 5px;
    }
    .seasonSection .txt3{
        width: 70%;
        padding-bottom: 20px;
    }
    .seasonSection .note {
        padding: 0 40px;
        font-size: 12px;
    }
}
@keyframes shiny {
    0% {
        transform: scale(0) rotate(25deg);
        opacity: 0;
    }
    50% {
        transform: scale(1) rotate(25deg);
        opacity: 1;
    }
    100% {
        transform: scale(50) rotate(25deg);
        opacity: 0;
    }
}
.shiny-btn {
    position: relative;
    display: block;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    background-color: #384878;
    overflow: hidden;
}
.shiny-btn::before {
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    width: 50px;
    height: 50px;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);
    /* アニメーション */
    animation-name: shiny;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
@media (max-width:1600px){
    .topEyecatch_textarea h2{
        font-size:2.75em;
        letter-spacing:0.275em;
    }
    .pointSection_inner{
        width:60%;
    }
    .seasonSection_inner{
        width: 60%;
    }
}            
@media (max-width:1400px){
    .navHeight{
        height:94.85px;
    }
}
@media (max-width:1200px){
    .navHeight{
        height:90.89px;
    }
    .pointSection{
        padding-top:35px;
        padding-bottom:35px;
    }
    .pointSection_inner{
        width:70%;
    }
    .requestSection{
        padding-top:50px;
        padding-bottom:50px;
    }
    .requestSection_inner .emTxt{
        letter-spacing:0.25em;
        margin-bottom:25px;
    }
    .topBtn_area,
    .museumArea{
        width:75%;
    }
    .topBtn_inner a{
        font-size:1.15em;
        letter-spacing:0.15em;
    }
    .topContent_section_inner{
        width:90%;
    }
    .specialSection .specialSection_inner .subTtl{
        font-size:1.5em;
        letter-spacing:0.15em;
    }
    .specialSection h2{
        width:75%;
        font-size:1.75em;
    }
    .infoInner{
        width:50%;
    }
    .seasonSection_inner{
        width: 80%;
    }
}
@media (max-width:1100px){
    .navHeight{
        height:84.92px;
    }
    .topBtn_area,
    .museumArea{
        width:80%;
    }
}
@media (max-width:1000px){
    .navHeight{
        height:80.96px;
    }
    .pointSection{
        padding-top:25px;
        padding-bottom:25px;
    }
}        
@media (max-width:900px){
    .navHeight{
        height:77.5px;
    }
    .topBtn_area,
    .museumArea{
        width:85%;
    }
}
@media (max-width:850px){
    .topBtn_area,
    .museumArea{
        width:90%;
    }
}
@media (max-width:768px){
    .navHeight{
        height:50.63px;
    }
    .topEyecatch,
    .topEyecatch_inner{
        aspect-ratio: 768/900;
    }
    .src01{            
        background-image: url(../images/top_2501/spbg01.jpg);
    }
    .src02{            
        background-image: url(../images/top_2501/spbg02.jpg);
    }
    .src03{            
        background-image: url(../images/top_2501/spbg03.jpg);
    }
    .src04{            
        background-image: url(../images/top_2501/spbg04.jpg);
    }
    .topEyecatch_textarea h2{
        font-size:3em;
        letter-spacing:0.3em;
    }
    .topEyecatch_textarea p{
        font-size:1.25em;
    }
    .pointSection ul li:nth-of-type(odd){
        margin-bottom:10px;
    }
    .pointSection ul li:nth-of-type(even){
        width: 80%;
        margin:0 auto;
        margin-bottom:10px;
    }
    .requestSection_inner .emTxt{
        font-size:3em;
        letter-spacing:0.3em;
    }
    .topBtn_area{
        width:70%;
    }
    .topBtn_area{
        flex-direction:column;
    }
    .topBtn_inner{
        width:100%;
    }
    .topBtn_inner:nth-of-type(1){
        margin-bottom:15px;
    }
    .topBtn_inner a{
        font-size:1.75em;
        letter-spacing:0.25em;
    }
    .requestSection_inner .emTxt_20240206{
        font-size:3.2em;
        letter-spacing: 0.25em;
    }
    .museumArea{
        width:80%;
    }
    .museumArea h2{
        font-size:1.5em;
        letter-spacing:0.15em;
    }
    .museumArea_inner{
        flex-direction:column;
    }
    .museumArea_content{
        width:90%;
    }
    .museumArea_content table tr th{
        width:20%;
    }
    .museumArea_content table tr td{
        width:80%;
    }
    .museumArea_content:nth-of-type(1){
        margin-bottom:15px;
    }
    .museumArea_content table tr th,
    .museumArea_content table tr td{
        font-size:1.25em;
    }
    .museumGuide_btn::before{
        left: 10%;    
    }
    .museumGuide_btn a{
        font-size:0.8em;
    }
    .topContent_section{
        flex-wrap:wrap;
    }
    .topContent_section_inner{
        width:70%;
        order:2;
    }
    .topContent_section_inner .textBox{
        width:100%;
    }
    .topContent_section_inner .textBox a{
        padding:80px 0;
    }
    .topContent_section .imgBox {
        position: relative;
        width: 100%;
        height: 100%;
        aspect-ratio: 960/510;
        order: 1;
    }
    .infoInner{
        width:70%;
    }
    .infoInner table tr th,
    .infoInner table tr td{
        text-align:left;
        display:block;
    }
    .infoInner table tr td{
        padding-left:0px;
    }
    .seasonSection_inner{
        width: 90%;
    }
    .seasonSection_inner>p:first-of-type{
        margin-bottom:10px;
    }
}
@media (max-width:700px){
    .navHeight{
        height:46.26px;
    }
    .museumArea h2{
        font-size:1.25em;
    }
    .museumArea_content table tr th,
    .museumArea_content table tr td{
        font-size:1.15em;
    }
    .museumGuide_btn a{
        font-size:0.7em;
    }
}
@media (max-width:650px){
    .museumArea{
        width:90%;
    }
}
@media (max-width:600px){
    .navHeight{
        height:45px;
    }
    .requestSection_inner .emTxt_20240206{
        font-size:3em;
        letter-spacing: 0.2em;
    }
    .requestSection_inner .emTxt{
        font-size:2.5em;
        letter-spacing:0.2em;
    }
    .topBtn_inner a{
        font-size:1.5em;
        letter-spacing:0.15em;
    }
    .museumArea_content{
        width:95%;
    }
    .museumArea h2{
        letter-spacing:0em;
    }
    .museumArea_content table tr th{
        width:25%;
    }
    .museumArea_content table tr td{
        width:75%;
    }
    .museumArea_content table tr th,
    .museumArea_content table tr td{
        font-size:1.05em;
    }
}
@media (max-width:500px){
    .topEyecatch_textarea h2{
        font-size:2.75em;
        letter-spacing:0.3em;
    }
    .topEyecatch_textarea p{
        font-size:1.15em;
    }
    .pointSection ul{
        width: 80%;
    }
    .requestSection_inner .emTxt_20240206{
        font-size:2.8em;
        letter-spacing: 0.1em;
    }
    .requestSection_inner .emTxt{
        font-size:2.25em;
        letter-spacing:0.1em;
    }
    .topBtn_inner a{
        font-size:1.25em;
        letter-spacing:0.05em;
    }
    .museumArea_content table tr th,
    .museumArea_content table tr td{
        font-size:1em;
    }
    .museumGuide_btn::before{
        left: 10px;    
    }
    .under500{
        display:block;
    }
    .topContent_section_inner .textBox h2 span{
        top:-20px;
    }
    .topContent_section_inner .textBox h2{
        font-size:1.75em;
        letter-spacing:0.25em;
        margin-bottom:15px;
    }
    .topContent_section_inner .textBox p{
        font-size:1.25em;
        letter-spacing:0.15em;
        margin-bottom:25px;
    }
    .topContent_section_inner .textBox .detailBox{
        font-size:1.25em;
        letter-spacing:0.15em;
        width:3em;
    }
    .specialSection .specialSection_inner .subTtl{
        font-size:1.25em;
        letter-spacing:0.05em;
    }
    .specialSection h2{
        width:75%;
        font-size:1.5em;
    }
    .infoInner{
        width:80%;
    }
    .seasonSection{
        padding:50px 0;
        background-image:url(../images/top_2407/bg01_sp.jpg);
    }
    .seasonSection_inner{
        width: 100%;
    }
}
@media (max-width:414px){
    .infoInner{
        width:90%;
    }
}
@media (max-width:400px){
    .topEyecatch_textarea h2{
        font-size:2.5em;
        letter-spacing:0.25em;
    }
    .topEyecatch_textarea p{
        font-size:1.05em;
    }
    .requestSection_inner .emTxt_20240206{
        font-size:2.6em;
    }
    .requestSection_inner .emTxt{
        font-size:2em;
    }
    .topBtn_inner a{
        font-size:1.15em;
    }
    .museumArea_content table tr th,
    .museumArea_content table tr td{
        font-size:0.9em;
    }
    .museumGuide_btn a{
        letter-spacing:0em;
    }
    .museumGuide_btn::before{
        left: 10px;    
    }
}
@media (max-width:350px){
    .topEyecatch_textarea h2{
        font-size:2.25em;
        letter-spacing:0.15em;
        margin-bottom:5px;
    }
    .topEyecatch_textarea p{
        font-size:1em;
    }
    .topBtn_area{
        width:90%;
    }
    .requestSection_inner .emTxt_20240206{
        font-size:2.4em;
        letter-spacing: 0;
    }
    .requestSection_inner .emTxt{
        font-size:1.75em;
    }
    .topBtn_inner a{
        font-size:1.05em;
    }
    .museumArea_content{
        width:98%;
    }
    .museumArea h2{
        font-size:1.15em;
    }
    .museumArea_content table tr th{
        width:30%;
    }
    .museumArea_content table tr td{
        width:70%;
    }
    .museumArea_content table tr th,
    .museumArea_content table tr td{
        font-size:0.85em;
    }
    .museumGuide_btn a{
        font-size:0.65em;
        letter-spacing:0em;
    }
    .museumArea_content table tr td .under500{
        display:none;
    }
    .under350{
        display:block;
    }
    .topContent_section_inner{
        width:80%;
    }
    .topContent_section_inner .textBox h2{
        font-size:1.5em;
        letter-spacing:0.25em;
        margin-bottom:10px;
    }
    .topContent_section_inner .textBox p{
        font-size:1.15em;
        letter-spacing:0.15em;
        margin-bottom:20px;
    }
    .topContent_section_inner .textBox .detailBox{
        font-size:1.15em;
        letter-spacing:0.15em;
        width:3em;
    }
    .specialSection .specialSection_inner .subTtl{
        font-size:1.15em;
        letter-spacing:0.05em;
    }
    .specialSection h2{
        width:75%;
        font-size:1.25em;
    }
}
@media (max-width:280px){
    .navHeight{
        height:28.5px;
    }
}