/*! Theme Name: kaganhotel */ body {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Hiragino Sans",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif;
}/* common */ #loader{display:none;position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:99999;background:#000;} #loader img{width:80px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} /* layout */ .wrap{overflow:hidden;position:relative;margin:0 60px;} header,main,footer{position:relative;} main{} section{} .inner{position:relative;max-width:823px;width:90%;margin-left:auto;margin-right:auto;} .inner_l{max-width:1000px;} .inner_archive{max-width:1000px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;} .inner_archive article{width:30.33333%;margin:0 1.5% 40px;} .inner_archive article figure{margin-bottom:20px;} @media screen and (max-width:768px){.inner_archive article{width:100%;margin:0 0 30px;}} /* header */ /* navi */ #nav-drawer{position:relative;} .nav-unshown{display:none;} #nav-open{display:inline-block;position:fixed;top:24px;right:10px;width:30px;height:22px;vertical-align:middle;z-index:999;} #nav-open span,#nav-open span:before,#nav-open span:after{position:absolute;height:3px;width:25px;border-radius:3px;background:#000;display:block;content:'';cursor:pointer;-webkit-transition:.3s linear;transition:.3s linear;} #home #nav-open span,#home #nav-open span:before,#home #nav-open span:after{background:#FFF;} #home #nav-open.scroll_now span,#home #nav-open.scroll_now span:before,#home #nav-open.scroll_now span:after{background:#000;} #nav-open span:before{top:-8px;} #nav-open span:after{top:8px;} #nav-close{display:none;position:fixed;z-index:900;top:0;right:0;width:100%;height:100%;background:black;opacity:0;-webkit-transition:.3s linear;transition:.3s linear;} #nav-input:checked~#nav-open span{-webkit-transform:rotate(315deg);transform:rotate(315deg);} #nav-input:checked~#nav-open span,#nav-input:checked~#nav-open span::before,#nav-input:checked~#nav-open span::after{} #nav-content{overflow:auto;position:fixed;top:0;left:0;z-index:9999;width:90%;max-width:260px;height:100%;background:#fff;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-transform:translateX(-105%);transform:translateX(-105%);} #nav-input:checked~#nav-close{display:block;opacity:.5;} #nav-input:checked~#nav-content{-webkit-transform:translateX(0%);transform:translateX(0%);-webkit-box-shadow:6px 0 25px rgba(0,0,0,0);box-shadow:6px 0 25px rgba(0,0,0,0);} #nav-content h1 a{padding:10px 0;background:#000;color:#FFF;} #nav-content ul{margin-top:20px;} #nav-content ul a{padding:8px 0;font-size:1.6rem;} .nav_ttl{margin-top:10px;padding:10px 0 10px;font-weight:700;background:#000;color:#FFF;} .move_box{overflow:hidden;} .move_box .box_inner{opacity:0;} .move_box a:hover{opacity:.7;} .isPlay{-webkit-animation-name:play;animation-name:play;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.8,0,.5,1);animation-timing-function:cubic-bezier(.8,0,.5,1);position:relative;opacity:1!important;} .isPlay:before{-webkit-animation-name:maskOut;animation-name:maskOut;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.8,0,.5,1);animation-timing-function:cubic-bezier(.8,0,.5,1);content:'';position:absolute;top:0;left:2px;z-index:1;width:100%;height:100%;background:#000;} @-webkit-keyframes play{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);}to{-webkit-transform:translateX(0);transform:translateX(0);}} @keyframes play{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);}to{-webkit-transform:translateX(0);transform:translateX(0);}} @-webkit-keyframes maskOut{from{-webkit-transform:translateX(0);transform:translateX(0);}to{-webkit-transform:translateX(100%);transform:translateX(100%);}} @keyframes maskOut{from{-webkit-transform:translateX(0);transform:translateX(0);}to{-webkit-transform:translateX(100%);transform:translateX(100%);}} #navi_left,#navi_right{position:fixed;top:0;height:100vh;z-index:100;} #navi_left{top:30px;left:5px;} #navi_right{right:0;} #navi_left nav{position:fixed;top:60px;left:-25px;z-index:100;} #navi_left nav>ul{display:block;} #navi_left nav>ul>li{margin:0;position:relative;display:block;width:108px;height:118px;} #navi_left nav>ul>li>span{display:block;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);} #navi_left nav>ul>li>span>a{padding:4px 0;border:#000 solid 1px;letter-spacing:0;} #navi_left nav>ul>li>span>a:hover{background:#000;color:#FFF;} #navi_left nav>ul>li>.navi_sub{display:none;background:#000;position:absolute;top:-41px;left:66px;} #navi_left nav>ul>li>.navi_sub li{text-align:left;padding:10px;width:140px;} #navi_left nav>ul>li>.navi_sub li a{color:#FFF;display:block;} #navi_left nav>ul>li>.navi_sub li a:hover{color:#999;} #navi_right nav{} #navi_right nav>*{position:absolute;} #navi_right h1{-webkit-transform:rotate(90deg);transform:rotate(90deg);font-size:1.8rem;width:200px;top:80px;right:-72px;} #navi_right .main_navi{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:300px;right:-100px;} #navi_right ul.main_navi li a{border-left:3px solid #000;padding-left:8px;margin-left:20px;} #navi_right ul.main_navi li a:hover{border-left:3px solid #666;color:#666;} #navi_right .sns_navi{bottom:30px;right:18px;font-size:2rem;} #navi_right .sns_navi li{margin-bottom:20px;} #navi_right .sns_navi li a:hover{color:#666;} .btn_apply{position:fixed;bottom:80px;right:100px;z-index:130;} .btn_apply a{width:180px;height:180px;line-height:180px;color:#FFF;background:#000;border-radius:50%;text-align:center;font-size:2rem;font-weight:600;letter-spacing:2px;text-indent:2px;} .btn_apply a:hover{background:#FFF;color:#000;} .scroll_now{bottom:20px;right:60px;} .scroll_now a{width:150px;height:40px;line-height:40px;border-radius:0;font-size:1.6rem;} .animate04{display:block;-webkit-transform-origin:bottom left;transform-origin:bottom left;} @media screen and (max-height:600px){#navi_right h1{top:60px;} #navi_right .main_navi{top:260px;right:-104px;} #navi_right ul.main_navi li a{border-left:2px solid #000;padding-left:6px;margin-left:15px;} #navi_right ul.main_navi li a:hover{border-left:2px solid #666;} #navi_right .sns_navi{bottom:20px;} #navi_right .sns_navi li{margin-bottom:12px;}} /* footer */ footer{padding:20px 0;} .copy small{line-height:20px;} /* ===================================== --------------------------------------------------------------------- main --------------------------------------------------------------------- ===================================== */ main{text-align:center;background:url("assets/images/bg_body.gif") repeat 0 0;} main aside{padding:80px 0 1px;} #content .inner{text-align:left;} .ttl_cont{text-align:left;font-size:2rem;letter-spacing:5px;text-indent:5px;margin-bottom:40px;} .ttl_cont span{background:#000;padding:5px 15px;color:#FFF;display:inline-block;} .swiper-button-prev,.swiper-button-prev02,.swiper-button-prev03,.swiper-button-next,.swiper-button-next02,.swiper-button-next03{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat;} .swiper-button-prev02,.swiper-button-next02{background:none;width:0;height:0;border-style:solid;bottom:20px;top:auto;} .swiper-button-prev02{border-width:5px 7px 5px 0;border-color:transparent #000 transparent transparent;left:25px;} .swiper-button-next02{border-width:5px 0 5px 7px;border-color:transparent transparent transparent #000;left:55px;} .swiper-button-prev,.swiper-button-next,.swiper-button-prev03,.swiper-button-next03{background:none;width:0;height:0;border-style:solid;bottom:20px;top:auto;} .swiper-button-prev,.swiper-button-prev03{border-width:15px 26px 15px 0;border-color:transparent #fff transparent transparent;left:20px;} .swiper-button-next,.swiper-button-next03{border-width:15px 0 15px 26px;border-color:transparent transparent transparent #fff;right:20px;} .swiper-button-prev03,.swiper-button-next03{bottom:50%;margin-bottom:-42px;} .swiper-button-disabled{opacity:0;} .btn_back a{max-width:300px;text-align:center;width:90%;margin:80px auto;position:relative;border:#000 solid 2px;font-size:2rem;padding:12px 0;letter-spacing:3px;text-indent:3px;} .btn_back a::before{content:'';display:block;position:absolute;top:50%;left:10%;width:10px;height:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-5px;border-bottom:2px solid #000;border-left:2px solid #000;} .btn_back a:hover{color:#FFF;background:#000;} .btn_back a:hover::before{left:5%;border-bottom:2px solid #FFF;border-left:2px solid #FFF;} .btn_go a{max-width:300px;text-align:center;width:90%;margin:20px auto;position:relative;border:#000 solid 2px;font-size:2rem;padding:12px 0;letter-spacing:3px;text-indent:3px;} .btn_go a::before{content:'';display:block;position:absolute;top:50%;right:10%;width:10px;height:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-5px;border-top:2px solid #000;border-right:2px solid #000;} .btn_go a:hover{color:#FFF;background:#000;} .btn_go a:hover::before{right:5%;border-top:2px solid #FFF;border-right:2px solid #FFF;} /* ===================================== TOP ===================================== */ /* mv */ #home header{background:url("assets/images/mv_bg04.jpg") no-repeat center center/cover;height:calc(100vh - 50px);overflow:hidden;} #mv01,#mv02,#mv03,#mv04,#mv05{position:absolute;top:0;left:0;width:100%;height:100vh;} #mv01{background:url("assets/images/mv_bg04.jpg") repeat center center/1600px;mask-image:url("assets/images/logo_wh.svg");-webkit-mask-image:url("assets/images/logo_wh.svg");mask-size:2000px;-webkit-mask-size:2000px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-webkit-animation:bg-slider4 14s linear infinite;animation:bg-slider4 14s linear infinite;z-index:30;-webkit-transform:rotate(30deg);transform:rotate(30deg);height:1500px;top:10%;left:20%;} #mv02{background:url("assets/images/mv_bg04.jpg") repeat center center;-webkit-animation:bg-slider4 14s linear infinite;animation:bg-slider4 14s linear infinite;z-index:20;height:2500px;} #mv03{background:url(assets/images/mv_bg04.jpg) repeat center center;mask-image:url(assets/images/logo_wh.svg);-webkit-mask-image:url(assets/images/logo_wh.svg);mask-size:12000px;-webkit-mask-size:12000px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-webkit-animation:bg-slider3 30s linear infinite;animation:bg-slider3 30s linear infinite;z-index:40;-webkit-transform:rotate(-60deg);transform:rotate(-60deg);width:8000px;height:6000px;top:-190%;left:-210%;} @-webkit-keyframes bg-slider1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(60deg);transform:rotate(60deg);}} @keyframes bg-slider1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(60deg);transform:rotate(60deg);}} @-webkit-keyframes bg-slider2{from{background-position:0 0;}to{background-position:-1600px 1600px;}} @keyframes bg-slider2{from{background-position:0 0;}to{background-position:-1600px 1600px;}} @-webkit-keyframes bg-slider3{from{background-position:0 0;}to{background-position:-1600px -1600px;}0%{top:-190%;left:-350%;}100%{top:-160%;left:30%;}} @keyframes bg-slider3{from{background-position:0 0;}to{background-position:-1600px -1600px;}0%{top:-190%;left:-350%;}100%{top:-160%;left:30%;}} @-webkit-keyframes bg-slider4{from{background-position:0 0;}to{background-position:1600px -1600px;}} @keyframes bg-slider4{from{background-position:0 0;}to{background-position:1600px -1600px;}} .mv_logo{position:absolute;top:20px;left:20px;width:200px;z-index:50;} .mv_txt{color:#FFF;text-align:left;position:absolute;bottom:40px;left:20px;z-index:120;font-size:1.3rem;} .mv_logo a:hover{opacity:.7;} /* top news */ #top_news{margin-bottom:120px;} .swiper-container02{background:#FFF;text-align:left;padding-left:60px;} .top_news_item{padding:10px 20px;line-height:30px;} .top_news_item a{text-decoration:underline;} .top_news_item a:hover{text-decoration:none;} /* top event */ #top_event{margin-bottom:120px;} .top_list_ttl,.top_list_link{margin:20px;} .top_list_ttl li{margin:0 20px;padding:4px 20px;border:#000 solid 1px;font-size:2rem;} #top_event .top_list_ttl li,#top_floor .top_list_ttl li{padding:0;border:none;} #top_event .top_list_ttl li a,#top_floor .top_list_ttl li a,#top_cal .top_list_ttl li a{padding:4px 20px;border:#000 solid 1px;cursor:pointer;} #top_event .top_list_ttl li a:hover,#top_floor .top_list_ttl li a:hover,#top_cal .top_list_ttl li a:hover{background:#000;color:#FFF;} .swiper-button-prev04.swiper-button-disabled,.swiper-button-next04.swiper-button-disabled{opacity:1!important;} .top_list_link li{margin:0 20px;font-size:1.6rem;} .top_list_link li a{padding:4px 20px;border:#000 solid 1px;} .top_list_link li a:hover{background:#000;color:#FFF;} .feed_event{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;} .news_frame{width:50%;} .slide_last figure,.slide_even figure,.slide_odd figure{height:300px;} .feed_event figure{position:relative;width:100%;background:#000;} .feed_event figure img{opacity:.5;} .feed_event figcaption{position:absolute;left:5%;bottom:40px;width:90%;color:#FFF;font-weight:700;font-size:1.7rem;text-align:left;} .feed_event a{position:relative;} .feed_event a::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;border:#000 0 solid;} .feed_event a strong{font-size:1.4rem;padding:8px 15px;border:#FFF solid 1px;margin-right:20px;} .feed_event a:hover::after{border:#000 20px solid;} .feed_event a:hover figure img{opacity:1;} .feed_event a:hover strong{border:#000 solid 1px;background:#000;} .event_frame,.story_frame{display:none;} .ge_frame,.ga_frame,.hotel_frame,.cafe_frame{display:none;} .btn_ge.active,.btn_ga.active,.btn_hotel.active,.btn_cafe.active{pointer-events:none;background:#000;color:#FFF;} .btn_all{display:none;} .swiper-container04{overflow:hidden;} .slide-wrapper{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;} .feed_event .slide_first .box_inner figure{width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} /* top about */ #top_about{margin:0 auto 120px;} #top_about .swiper-container{margin:0 auto 20px;} #top_about h1{font-size:2.6rem;margin-bottom:30px;letter-spacing:3px;text-indent:3px;} #top_about h2{font-size:1.5rem;margin-bottom:30px;letter-spacing:3px;text-indent:3px;} #top_about .desc{text-align:left;line-height:2;} #top_cal{padding:50px 0;} .cal_cf_frame,.cal_ev_frame,.cal_ex_frame{background:#FFF;padding:40px;} .btn_cal_cf a.active,.btn_cal_ev a.active,.btn_cal_ex a.active{pointer-events:none;background:#000;color:#FFF;} /* top_artist */ #top_artist{margin-bottom:60px;} .artist_box{margin-right:40px;margin-bottom:10px;} .artist_box figure{height:150px;overflow:hidden;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .artist_box:nth-of-type(1n) figure{width:75%;} .artist_box:nth-of-type(2n) figure{width:55%;} .artist_box:nth-of-type(3n) figure{width:35%;} .artist_box:nth-of-type(4n) figure{width:50%;} .artist_box:nth-of-type(5n) figure{width:70%;} .artist_box:nth-of-type(6n) figure{width:40%;} .artist_box .txt h3{font-size:2rem;margin-bottom:40px;} .artist_box .txt .sns_navi{font-size:2rem;} .artist_box .txt .sns_navi li{margin-left:20px;} .artist_box .txt .sns_navi li a:hover{color:#666;} /* top adviser */ #top_adviser{margin-bottom:120px;} .adviser_box{text-align:left;width:33.333333%;margin-right:2%;padding-right:2%;border-right:#000 solid 1px;} .adviser_box:nth-child(3){margin-right:0;padding-right:0;border-right:none;} .adviser_box .ttl{font-size:2rem;letter-spacing:5px;margin-bottom:25px;} .adviser_box .degree{font-size:1.4rem;line-height:1.8;min-height:75px;margin-bottom:40px;} /* top floor */ /* top access */ .traffic{margin-top:40px;} .traffic dl dt{margin-right:40px;font-weight:700;width:42%;text-align:left;} .traffic dl dd{text-align:left;-webkit-box-flex:1;-ms-flex:1;flex:1;} .traffic dl dd span{display:block;margin-bottom:10px;} /* ===================================== PAGE/SINGLE ===================================== */ #page_content{padding:100px 0;} #page_content .ttl_cont{font-size:8rem;letter-spacing:0;text-indent:0;text-align:left;line-height:1.2;margin-bottom:60px;} #page_content article .btn_apply a{background:#000;display:block;text-decoration:none;} #page_content article{text-align:left;line-height:2;} #page_content article h1{font-size:3rem;padding-top:30px;margin-bottom:30px;} #page_content article h2{font-size:2.4rem;padding-top:24px;margin-bottom:24px;} #page_content article h3{font-size:2rem;padding-top:18px;margin-bottom:18px;} #page_content article h4{font-size:1.6rem;padding-top:10px;margin-bottom:10px;} #page_content article p,#page_content article ul,#page_content article ol{margin-bottom:20px;} #page_content article ul li{list-style:circle;margin-left:2em;} #page_content article ol li{list-style:decimal;margin-left:2em;} #page_content article img{max-width:100%;height:auto;} #page_content .aligncenter{display:block;margin:0 auto;} #page_content .alignright{float:right;} #page_content .alignleft{float:left;} #page_content strong{font-weight:700;} #page_content em{font-style:italic;} #page_content blockquote{display:block;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:40px;-webkit-margin-end:40px;} #page_content{overflow:hidden;zoom:1;} #page_content:after{content:"";display:block;clear:both;} #page_content article a{background:rgba(0,0,0,.1);display:inline;text-decoration:underline;} #page_content article a:hover{background:rgba(0,0,0,0);text-decoration:none;} @media screen and (max-width:990px){} @media screen and (max-width:768px){ /* layout */ .wrap{margin:0;padding:5px;} .inner{width:90%;} /* header */ /* navi */ /* footer */ footer{} footer .inner{} /* ===================================== --------------------------------------------------------------------- main --------------------------------------------------------------------- ===================================== */ main aside{padding:40px 0 1px;} .ttl_cont{text-align:center;font-size:1.6rem;letter-spacing:2px;text-indent:2px;margin-bottom:20px;} .ttl_cont span{background:#000;padding:5px 0;color:#FFF;display:block;} .swiper-button-prev02,.swiper-button-next02{bottom:auto;} .swiper-button-prev02{left:5px;top:37px;} .swiper-button-next02{left:auto;right:5px;top:37px;} .swiper-button-prev,.swiper-button-next,.swiper-button-prev03,.swiper-button-next03{bottom:20px;z-index:100;} .swiper-button-prev,.swiper-button-prev03{border-width:8px 14px 8px 0;left:10px;} .swiper-button-next,.swiper-button-next03{border-width:8px 0 8px 14px;right:10px;} .swiper-button-prev03{border-color:transparent #000 transparent transparent;} .swiper-button-next03{border-color:transparent transparent transparent #000;} .swiper-button-prev03,.swiper-button-next03{bottom:-30px;margin-top:0;margin-bottom:0;} /* ===================================== TOP ===================================== */ /* mv */ #home header{height:calc(100vh - 10px);} #mv01{background:url(assets/images/mv_bg04.jpg) repeat center center/800px;mask-size:1200px;-webkit-mask-size:1200px;height:1200px;top:0;left:0;} #mv03{mask-size:6000px;-webkit-mask-size:4500px;width:4000px;height:3000px;} .mv_logo{top:10px;left:10px;width:180px;} .mv_txt{bottom:20px;left:10px;font-size:1.3rem;padding-right:10px;} /* top news */ #top_news{margin-bottom:60px;} .swiper-container02{background:#000;text-align:left;padding-left:0;} .top_news_item{padding:10px 30px;line-height:20px;font-size:1.3rem;} /* top event */ #top_event{margin-bottom:60px;} .top_list_ttl{margin:20px;} .top_list_ttl li{margin:0 0 10px;padding:4px 10px;font-size:1.6rem;} .top_list_ttl li:first-child{margin:0 0 10px;} .top_list_link{margin:0 auto 20px;} .top_list_link li{margin:0 5% 15px;font-size:1.3rem;} .top_list_link li a{padding:4px 5px;} .feed_event{width:100%;display:block;} .news_frame{width:100%;} .slide_last figure,.slide_even figure,.slide_odd figure{height:200px;} .feed_event figure img{opacity:1;} .feed_event figcaption{bottom:20px;width:90%;font-size:1.3rem;z-index:10;} .feed_event a::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;border:#000 0 solid;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,0)),to(rgba(0,0,0,.5)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,.5) 100%);} .feed_event a strong{font-size:1.2rem;padding:4px 8px;position:absolute;left:0;top:-40px;} /* top about */ #top_about{margin:0 auto 60px;} #top_about h2{font-size:1.5rem;margin-bottom:20px;letter-spacing:2px;text-indent:2px;line-height:1.7;} #top_about .desc{line-height:1.7;} .txt_jp{margin-bottom:20px;} .cal_cf_frame,.cal_ev_frame,.cal_ex_frame{padding:10px;} /* top_artist */ .artist_box{margin-right:0;margin-bottom:20px;} .artist_box figure{height:110px;overflow:hidden;margin-bottom:10px;} .artist_box:nth-of-type(1n) figure,.artist_box:nth-of-type(2n) figure,.artist_box:nth-of-type(3n) figure,.artist_box:nth-of-type(4n) figure,.artist_box:nth-of-type(5n) figure,.artist_box:nth-of-type(6n) figure{width:100%;} .artist_box .txt h3{font-size:1.6rem;margin-bottom:10px;} .artist_box .txt .sns_navi{font-size:1.7rem;margin:0 auto;} .artist_box .txt .sns_navi li{margin:0 10px;} /* top adviser */ #top_adviser{margin-bottom:60px;} .adviser_box{width:100%;margin:0 0 20px;padding-bottom:20px;border-right:none;border-bottom:#000 solid 1px;} .adviser_box .ttl{font-size:1.6rem;letter-spacing:2px;margin-bottom:15px;} .adviser_box .degree{font-size:1.3rem;line-height:1.7;min-height:1px;margin-bottom:20px;} /* top floor */ #top_floor{margin:0 auto 30px;} #top_floor figure{max-width:823px;} /* top access */ .traffic{margin-top:40px;} .traffic dl{text-align:left;} .traffic dl dt{margin-right:0;margin-bottom:10px;width:100%;} .traffic dl dd span{font-size:1.3rem;} #page_content .ttl_cont{font-size:4rem;line-height:1.5;margin-bottom:40px;} } @media screen and (max-width:479px){} /* カテゴリーアーカイブ */ .pagination{margin:0 auto;} .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;} .page-numbers{font-size:18px;border:1px solid #000;padding:10px;display:inline-block;} .page-numbers.current{border:1px solid #888;background:#888;color:#FFF;}

	/* assets/css/lib/common.css または swiper専用CSSに追記 */
.swiper {
    width: 100%;
    height: 300px; /* 固定高さ、デザインに合わせる */
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* アスペクト比を維持しつつ画面に収める */
}

/* =================== h1/h2 レスポンシブ微調整 =================== */

/* モバイルだけ h1 を少し大きく */
@media screen and (max-width:768px) {
  #page_content article h1 {
    font-size: 3.6rem; /* ほんの少し大きく */
  }
}

/* デスクトップだけ h2 を少し大きく */
@media screen and (min-width:769px) {
  #page_content article h2 {
    font-size: 2.6rem; /* ほんの少し大きく */
  }
}
	
	.map-wrap {
  content-visibility: auto;
  contain-intrinsic-size: 400px;
}

.top-catch {
  line-height: 1.9;
  margin: 0;
}

.section-gap {
  margin-bottom: 80px;
}