@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

body{margin:0; padding:0; text-align:center; position: relative; color:#000000; font-size:16px; -webkit-text-size-adjust: 100%; font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; box-sizing: border-box;}
p{text-align:left; font-size:16px; margin:0 0 1rem 0; line-height:1.5em;}
img {border:none; margin:0; padding:0; max-width: 100%;}
a{text-decoration:none; color: #16529a; font-weight:normal; outline:none;}
hr{ clear:both; margin:0; padding:0; visibility:hidden; height:0px; border:none;}
h1{ text-align:right; font-size:16px; font-weight:normal;}

h2{line-height:2.5rem; color:#000;}
h2 .big{text-align: center; font-size:clamp(18px, 8vw, 80px); font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal; line-height: 1em}
h2 .small{display: block; font-size:clamp(18px, 2vw, 22px);}
h4{margin: 0 0 0.5rem 0;}

iframe{border: 0;}

video {filter: drop-shadow(0px 0px rgba(0,0,0,0)); outline: none; border: none;}

/* 共通パーツ */

table{ border-left:#e3e3e3 1px solid; border-top:#e3e3e3 1px solid; padding:0px; margin:0 0 0 0; border-collapse: collapse; border-spacing: 0;}
table th{ border-bottom:#e3e3e3 1px solid; border-right:#e3e3e3 1px solid; padding:5px; text-align:center; font-weight: normal;}
table td{ border-bottom:#e3e3e3 1px solid; border-right:#e3e3e3 1px solid; padding:5px; text-align:center; font-weight: normal;}

/*ヘッダー*/
header {width:100%; position: fixed; top:0; left:0; background: #fff; z-index: 10;}
header .head_menu{padding:0; border-bottom: #f1f1f1 1px solid; display: flex; justify-content: left; flex-direction: row-reverse; min-height: 74px;}
header .head_menu h1{ text-align:center; font-size:1.3rem; font-weight:bold; color:#000; width: calc(100% / 3); margin: 0;}
header .head_menu h1 a {display: flex; justify-content: center; height: 100%;}
header .head_menu h1 img{max-width:200px; margin: 0 auto; display: block;}
@media only screen and (max-width: 768px){
	header .head_menu h1 img{max-width:150px;}
}
header .head_menu .link-yado-sagashi {width: calc(100% / 3); text-align: left; margin: 0!important;}
header .head_menu .link-yado-sagashi a {display: flex; justify-content: center; width: 74px; height: 100%; background: #06815d; transition : all 0.5s ease 0s;}
header .head_menu .link-yado-sagashi a:hover {background: #7fa746;}
header .bgr_menu{position: absolute; right:20px; top:22px; cursor: pointer;}

/*フッター*/
footer{padding:2rem 0 0 0; background: #2f2f2f; min-height: 200px; box-sizing: border-box;}
footer h2{font-size:20px; color:#fff; text-align: left;}
footer h3{font-size:20px; color:#fff; text-align: left; font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal;}
footer a{font-weight: normal; color:#fff;}
footer .menu_box{max-width:1300px; margin: 0 auto; padding: 0 0 3rem 0; display:flex; flex-wrap: wrap; justify-content:flex-start; box-sizing: border-box;}
footer .menu_box .title_box{width:300px;}
footer .menu_box .footer_menu {width:400px; display:flex; flex-wrap: wrap; justify-content:space-between;}
footer .menu_box .footer_menu ul{list-style: none; text-align: left; padding: 0; color:#fff; font-size:12px; position: relative;}
footer .menu_box .footer_menu li{padding:0 0 0 1rem; margin: 0 0 0.5rem 0;}
footer .menu_box .footer_menu li::after{position: absolute; content:"―"; left:0;}
footer .menu_box .footer_menu .box{width:50%;}

footer .footer_yado-sagashi {max-width: 320px; margin-left: auto;}
footer .footer_yado-sagashi h3 {text-align: center;}
footer .footer_yado-sagashi h3 img {width: 100px; height: auto;}
footer .footer_yado-sagashi p {color: #fff; font-size: 12px;}
@media only screen and (max-width: 1100px){
	footer .footer_yado-sagashi {max-width: 100%; border-top: #434343 1px solid; margin: 30px auto 0 auto; padding-top: 20px;}
}

footer .info_box{border-top: #434343 1px solid; border-bottom: #434343 1px solid;}
footer .info_box .wrap{max-width:1300px; margin: 0 auto; display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;  }
footer .info_box .wrap .sns{display:flex; flex-wrap: wrap; justify-content:flex-start; align-items: center;}
footer .info_box .sns a{width:60px; height: 60px; display:flex; align-items: center; box-sizing: border-box;  border-left: #434343 1px solid;}
footer .info_box .sns a:last-child{border-right: #434343 1px solid;}
footer .info_box .sns a img{margin: 0 auto;}
footer .info_box .copy{height: 60px; display:flex; justify-content:flex-end; align-items: center;}
footer .info_box .copy p{color:#fff; margin: 0; font-size: 12px;}

@media only screen and (max-width: 1300px){
footer .menu_box{padding: 0 2rem 3rem 2rem;}
footer .info_box .copy{padding-right: 1rem;}
}

@media only screen and (max-width: 768px){
footer .menu_box .title_box{width:100%; text-align: center;}
footer .menu_box .title_box h2{text-align: center;}
footer .info_box .copy{padding: 0; border-top: #434343 1px solid; justify-content:center;  }
footer .info_box .wrap{display:block;  }
footer .info_box .sns a{width:80px; height: 80px; }

}

main{overflow-x: hidden; padding-top: 50px;}

.menu_btn{cursor: pointer; padding:10px; outline:none; position: absolute; right:10px; top:10px;}

.global_menu{color:#fff; text-align: left; padding: 4rem 1rem 1rem 1rem; }

.drawer-menu{background: #16529a!important; box-sizing: border-box;}
.drawer-menu h2{font-size:20px; color:#fff; text-align: center;}
.drawer-menu h3{font-size:20px; color:#fff; text-align: left; font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal;}
.drawer-menu ul{list-style: none; text-align: left; padding: 0; color:#fff; font-size:12px; position: relative;}
.drawer-menu li{padding:0 0 0 1rem; margin: 0 0 0.5rem 0;}
.drawer-menu li::after{position: absolute; content:"―"; left:0;}
.drawer-menu a{color:#fff;}

.page_top{text-align: center; padding: 1rem 0; background: #2f2f2f; border-bottom: #3c3c3c 1px solid;}
.page_top a img{display: inline-block;}
.copy{ font-size:10px}

/*本文ー*/
.intro_box{max-width:1350px; margin:2rem auto; padding:2rem; display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.intro_box h2{line-height:3rem; color:#16529a;}
.intro_box h2 .big{text-align: center;  font-size:clamp(18px, 8vw, 120px); font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal;}
.intro_box h2 .small{display: block; font-size:clamp(18px, 2vw, 32px);}
.intro_box .contents_box{width:35%; order:1;}
.intro_box .img_box{width:58%; order:2;}
.intro_box .img_box img{max-width:768px;}
.intro_box .tenki_widget{margin: 2rem 0; padding:1rem 2rem; background:#fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); border-radius: 20px; box-sizing: border-box;}
.intro_box .tenki_widget p{text-align: center; margin: 0 0 2px 0; line-height: 1;}
.intro_box .tenki_widget .date{font-size:16px; font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal;}
.intro_box .tenki_widget .date span{font-size:10px;}
.intro_box .tenki_widget .city{font-size:10px;}
.intro_box .tenki_widget .title{font-size:10px;}
.intro_box .tenki_widget .detail{margin: 6px 0 0 0; display:flex; flex-wrap: wrap; justify-content:center; align-items: center;}
.intro_box .tenki_widget .temp{width:90px;}
.intro_box .tenki_widget .temp .number{font-size:48px; font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal;}
.intro_box .tenki_widget .temp span{font-size:32px; font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal;}
.intro_box .tenki_widget .icon{width:90px;}
.intro_box .tenki_widget .source{font-size:10px;}
.intro_box .tenki_widget .source a{color:#2f2f2f;}

.info_box table{margin: 0 0 2rem 0; width:100%; border: none; border-top:#e3e3e3 1px solid; font-size: 14px; }
.info_box table tr{border-bottom:#e3e3e3 1px solid;}
.info_box table th{width:20%; border: none; text-align: left; padding: 0.5rem;}
.info_box table td{width:60%; border: none; text-align: left; padding: 0.5rem;}

.scroll_wrap{position: relative;  }
.scroll_wrap::after{content:""; width:100%; height: 50%; background:#16529a; position: absolute; bottom:0; left:0; z-index: -1;}
.scroll_wrap{overflow: hidden; width:100%; }
.scroll_wrap .scroll_gallery{align-items: flex-start!important; display: none;}
.scroll_wrap .scroll_gallery span{margin-left: 1rem; display: none; width:25%; display: inline-block;}
.scroll_wrap .scroll_gallery span.even{padding-top:5%; width:15%;}
.scroll_wrap .scroll_gallery img{border-radius: 20px; overflow: hidden; width:100%; height: auto;}

.scroll_text_wrap{ background:#16529a; padding:3rem 0;}
.scroll_text_wrap span{margin-right: 10px;}
.scroll_text_bg_wrap{padding:3rem 0;}
.scroll_text_bg_wrap span{margin-right: 10px;}

.yt_box_wrap{ background:#16529a; padding:2rem 2rem 4rem 2rem;}
.yt_box{max-width:1300px; margin: 0 auto; display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.yt_box h3{color:#fff; font-size:32px;}
.yt_box p{color:#fff;}
.yt_box .text_box{width:48%; text-align: left;}
.yt_box .embed_box{width:48%; order:1;}
.yt_box .yt_btn{margin: 1rem 0; display: inline-block;}

#wave{display: block; width:100%; background: #16529a; overflow: hidden; }
#wave canvas{display: block; width:100%; min-width:1920px;}

.more_box{margin:2rem 0; text-align: center; width:100%;}
.more_box a{display: inline-block;}

.stay_box{padding:4rem 0 2rem 0; background:#f3f6fb; border-top: #e3e3e3 1px solid;}
.stay_box h2 span{color:#2f2f2f;}
.stay_box .list{display:flex; flex-wrap: wrap; justify-content:center; }
.stay_box .box{margin: 0 0.5rem; background:#fff; border-radius:10px; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); overflow: hidden;}
.stay_box .detail_box{padding: 1rem 1.5em; text-align: left;}
.stay_box .detail_box .tag{margin:0 0 0.5rem 0; padding:2px 11px 4px 10px; color:#16529a; font-size:12px; 
display: inline-block; border:#16529a 1px solid; border-radius: 20px;}
.stay_box .detail_box h4{padding:0 30px 0 0; font-size:22px; background: url("../img/link_icon.svg") no-repeat right center/ 14px; display: inline-block;} 
.stay_box .detail_box a h4{color:#000;}
.stay_box .detail_box p{font-size: 15px;}
.stay_box .img_box{background: #2f2f2f;}
.stay_box .img_box img{display: block; width:100%;}
.stay_box .search_btn{padding:1rem 2rem; margin: 0 auto 4rem auto;  background:url(../img/link_icon_w.svg) no-repeat right 100px center/ 16px ,#16529a; color:#fff; max-width:300px; border-radius: 50px; display: block;}
.stay_box .swiper{margin: 0 auto 2rem auto; padding:2rem 10rem; user-select: none;}
.stay_box .swiper-wrapper{width: 80%;}
.stay_box .swiper-button-prev {background:#16529a; width: 50px; height: 50px; border-radius: 50px; padding: 10px; box-sizing: border-box; }
.stay_box .swiper-button-prev::after{font-size:1.5rem;}
.stay_box .swiper-button-next {background:#16529a; width: 50px; height: 50px; border-radius: 50px; padding: 10px; box-sizing: border-box; }
.stay_box .swiper-button-next::after{font-size:1.5rem;}

.section_bg01{height:50vh; background:url(../img/ishigakijima/section_bg.jpg) no-repeat center center / cover;}

.spot{margin:6rem 0;}
.spot h2{margin:0 0 4rem 0;}
.spot .column{display:flex; flex-wrap: wrap; justify-content:space-between; }
.spot .column .map{width:49%; max-height: 800px; background:#d2eefc; text-align: center; display:flex; justify-content: center; align-items: center;  box-sizing: border-box;}
.spot .column .list{width:49%; padding: 0 2rem 0 0;  box-sizing: border-box;} 
.spot .column .list .wrap{height: 800px; margin: 0 auto; border:#dfdfdf 2px solid; box-sizing: border-box; position: relative; overflow-y: scroll; scrollbar-color:#16529a #e6edf5; position: relative;}
.spot .column .list .box{margin:0; padding: 1.5rem 1.5em 0 1.5rem;}
.spot .column .list .box .column{padding:0 0 1.5rem 0; display:flex; flex-wrap: wrap; justify-content:space-between; border-bottom: #dfdfdf 1px solid;  }
.spot .column .list .box:last-child{border: none;}
.spot .column .list .box .img{width: 30%;}
.spot .column .list .box .img img{display: block;}
.spot .column .list .box .text{width:67%; text-align: left;}
.spot .column .list .box .text h3{margin: 0 0 0.5rem 0;}
.spot .column .list .box .text .title{display:flex; justify-content:flex-start; align-items: center; }
.spot .column .list .box .text .title .number{width:30px; height: 30px; margin: 0 0.5rem 0 0; padding:3px 0 0 0; background:#16529a; color:#fff; border-radius: 4px; font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal; font-size:22px; display:flex; justify-content:center; align-items: center; box-sizing: border-box;}
.spot .column .list .box .text p{font-size:14px; margin: 0 0 0.2rem 0;}
.spot .column .list .box .text strong{font-size: 16px!important;}
.spot .column .list .box.on{background:#d2eefc;}
.spot .column .list .wrap.list_sp.on{height: auto!important; overflow-y: none!important;}
.spot .column .list .wrap.list_sp.on::before{display: none;}

.more_box_list{ display: none; border-top: #dfdfdf 1px solid; border-bottom: #dfdfdf 1px solid;}
.more_box_list a {display: block; padding:1.5rem 0;}
.more_box_list a img{display: inline-block;}
.more_box_list.hidden{display: none;}

.yadosagashi_box{text-align: center; padding:4rem 2rem 5rem 2rem;}
.yadosagashi_box .widget{max-width:1100px; min-height: 50vh; margin: 0 auto;}
.yadosagashi_box .widget a{color:#2f2f2f; font-weight: normal;}
/* .yadosagashi_box .widget iframe{height:800px; } */


.access_box{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.access_box .map{width: 50%;}
.access_box .info{width: 50%; margin: 0 auto; padding: 0 2rem; display:flex; align-items: center; box-sizing: border-box;}
.access_box .info .wrap{max-width: 600px; margin: 0 auto; text-align: left;}

.collection_box{display:flex; flex-wrap: wrap; justify-content:space-between; min-height: 800px; }
.collection_box .caption{padding: 8rem 2rem 0 2rem; width:400px; background: #16529a; box-sizing: border-box;}
.collection_box .caption h2 {color:#fff;}
.collection_box .caption h2 .big{font-size:60px;}
.collection_box .caption h2 .small{display: block; font-size:22px;}
.collection_box .caption p{color:#fff;}
.collection_box .caption .img{text-align: center; margin: 1rem 0;}
.collection_box .widget{width: calc(100% - 400px); padding: 0 2rem; box-sizing: border-box; text-align: left;}
.collection_box .widget .wrap{max-width: 1100px; min-height: 800px; margin: 0 auto; padding: 4rem 0 2rem 0; text-align: left;}
.collection_box .widget .sbi-header-type-text{text-align: left!important;}
.collection_box .widget .sbi_load_btn{width:260px!important; border:#2f2f2f 1px solid!important; background:#fff!important; font-size:20px!important; border-radius: 0!important; font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal;}
.collection_box .widget .sbi_load_btn:hover{background:#e7edf5!important; box-shadow: none!important;}
/* .collection_box .widget iframe{height:800px;} */


.koyado_title h2{margin: 0 0 3rem auto;}

.koyado_box {display:flex; flex-wrap: wrap; justify-content:space-between; border-top: #dfdfdf 1px solid; border-bottom: #dfdfdf 1px solid; }
.koyado_box a{color:#000;}
.koyado_box h2{text-align: center; margin:0 0 40px 0;}
.koyado_box .travel_box_1{width:50%; border-left: #dfdfdf 1px solid; border-right: #dfdfdf 1px solid; box-sizing: border-box; }
.koyado_box .travel_box_1 .post{width:auto; height: auto; padding-bottom: 2rem;}
.koyado_box .travel_box_1 .post .img_box{position: relative; height: auto; overflow: hidden; margin:0 0 15px 0;}
.koyado_box .travel_box_1 .post .img_box img{width:100%; height: auto; display: block; margin:0 0 10px 0;}
.koyado_box .travel_box_1 .post .img_box .like{position: absolute; bottom:0; right:10px;}
.koyado_box .travel_box_1 .post .meta{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center; margin:0 0 10px 0;}
.koyado_box .travel_box_1 .post .meta .cat{border:#0091d1 1px solid; padding: 2px 10px; border-radius: 30px; font-size:12px; color:#0091d1; font-weight: bold;}
.koyado_box .travel_box_1 .post .meta .cat a{font-size:12px; color:#0091d1; font-weight: bold;}
.koyado_box .travel_box_1 .post .meta .date{color:#666666}
.koyado_box .travel_box_1 .post .post_title{margin:0 0 15px 0;  text-align: left;}
.koyado_box .travel_box_1 .post .post_title a{font-weight: bold; font-size:15px;}
.koyado_box .travel_box_1 .caption p{font-size:14px;}

.koyado_box .travel_box_2{ width:50%; display:flex; flex-wrap: wrap; justify-content:space-between;}
.koyado_box .travel_box_2 .post{width:50%; height: auto; border-right: #dfdfdf 1px solid; box-sizing: border-box; padding-bottom: 2rem;}
.koyado_box .travel_box_2 .post .img_box{position: relative; height:auto; margin:0 0 20px 0; overflow: hidden;}
.koyado_box .travel_box_2 .post .img_box img{width:100%; height: auto; display: block; margin:0 0 10px 0;}
.koyado_box .travel_box_2 .post .img_box .like{position: absolute; bottom:0; right:10px;}
.koyado_box .travel_box_2 .post .meta{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center; margin:0 0 10px 0;}
.koyado_box .travel_box_2 .post .meta .cat{border:#0091d1 1px solid; padding: 2px 10px; border-radius: 30px; font-size:12px; color:#0091d1; font-weight: bold;}
.koyado_box .travel_box_2 .post .meta .cat a{font-size:12px; color:#0091d1; font-weight: bold;}
.koyado_box .travel_box_2 .post .meta .date{color:#666666}
.koyado_box .travel_box_2 .post .post_title{margin:0 0 10px 0;  text-align: left;}
.koyado_box .travel_box_2 .post .post_title a{font-weight: bold; font-size:15px;}
.koyado_box .post_wrap{padding: 0 1rem; box-sizing: border-box;}


.travel_box a{color:#000;}
.travel_box h2{text-align: center; margin:0 0 40px 0;}
.travel_box .travel_box_2{ display:flex; flex-wrap: wrap; justify-content:space-between; border-top: #dfdfdf 1px solid; border-left: #dfdfdf 1px solid;}
.travel_box .travel_box_2 .post{width:25%; height: auto; border-right: #dfdfdf 1px solid; border-bottom: #dfdfdf 1px solid; box-sizing: border-box; padding-bottom: 2rem;}
.travel_box .travel_box_2 .post .img_box{position: relative; height:auto; margin:0 0 20px 0; overflow: hidden;}
.travel_box .travel_box_2 .post .img_box img{width:100%; height: auto; display: block; margin:0 0 10px 0;}
.travel_box .travel_box_2 .post .img_box .like{position: absolute; bottom:0; right:10px;}
.travel_box .travel_box_2 .post .meta{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center; margin:0 0 10px 0;}
.travel_box  .travel_box_2 .post .meta .cat{border:#0091d1 1px solid; padding: 2px 10px; border-radius: 30px; font-size:12px; color:#0091d1; font-weight: bold;}
.travel_box .travel_box_2 .post .meta .cat a{font-size:12px; color:#0091d1; font-weight: bold;}
.travel_box .travel_box_2 .post .meta .date{color:#666666}
.travel_box .travel_box_2 .post .post_title{margin:0 0 10px 0;  text-align: left;}
.travel_box .travel_box_2 .post .post_title a{font-weight: bold; font-size:15px;}
.travel_box .post_wrap{padding: 0 1rem; box-sizing: border-box;}

.author{ width:auto; padding: 0;  border: #cacaca 2px solid}
.author .author_box{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center; padding:20px;}

.author .avatar{width:15%; }
.author .avatar img{width:100%; height: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.author .intro{margin:0 0 10px 0;}
.author .author_name{width:82%; text-align: left;}
.author .author_name .name{color:#3892d0; font-size:20px; margin: 0;}
.author .author_name .name a{color:#3892d0; font-size:20px; font-weight: bold;}
.author .author_name p{font-size:13px; margin: 0;}
.author .author_desc{ margin:10px 0 0 0; text-align: left; font-size:13px;}
.author .author_box .message{width:100%; margin:10px 0 0 0; text-align: left;}
.author .author_box .message h3{margin:0 0 5px 0;}
.author .author_box .message p{font-size:13px;}

.author_mini{ width:auto; margin:0;}
.author_mini .author_box{display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center; margin:0 0 15px 0;}
.author_mini .avatar{width:45px; height: 45px; }
.author_mini .avatar img{width:100%; height:100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; object-fit: cover;}
.author_mini .author_name{width:calc(100% -  55px); text-align: left;}
.author_mini .author_name .name{color:#3892d0; font-size:14px; font-weight: bold;}
.author_mini .author_name .name a{color:#3892d0; font-size:14px; font-weight: bold;}
.author_mini .author_name p{font-size:13px; margin: 0;}

.yado_name{margin: 0 0 0 0; font-size:14px; color:#16529a; font-weight: bold; display:flex; flex-wrap: wrap; justify-content:space-between; align-items: flex-start; width: 100%; }
.yado_name span.tag{padding:1px 3px 2px 4px; background: #16529a; color:#fff; font-size:13px; letter-spacing: 1px; font-weight: normal; display: block; width:30px; }
.yado_name span.name{display:block; overflow-wrap: anywhere; width: calc(100% -  46px);}

.island_map area{cursor: pointer;}
.grecaptcha-badge{display: none!important;}

.insta_widget{text-align: left;}
.insta_widget a{color:#2f2f2f; font-weight: normal;}
.insta_widget .sbi-header-type-text{font-size:26px!important;}
.insta_widget .sbi_load_btn{width:260px!important; border:#2f2f2f 1px solid!important; background:#fff!important; font-size:20px!important; border-radius: 0!important; font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal; color: #000!important;}
.insta_widget .sbi_load_btn:hover{background:#e7edf5!important; box-shadow: none!important;}



.widget .sbi-header-type-text{font-size:26px!important;}

.sp_on{display: none;}
.pc_on{display: inline;}


@media only screen and (max-width: 1300px){
.spot .column .list .wrap{height: 80vh; overflow: hidden; position: relative;}
.spot .column .list .wrap::before{content: ""; position: absolute; bottom:0; left:0; width:100%; height: 100px; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%); z-index: 100;}

.spot .column{display:block;}
.spot .column .map{width:auto; min-height: inherit; padding: 2rem;}
.spot .column .list{width:auto; max-width: 800px; margin: 2rem auto 0 auto; padding: 0;} 
.spot .column .list .wrap{border: none; }
.spot .column .list .box .img{width: 40%;}
.spot .column .list .box .text{width:57%; text-align: left;}
}


@media only screen and (max-width: 1000px){
main{overflow-x: hidden;}
.koyado_box {display:block; }
.koyado_box .travel_box_1{width:auto;}
.koyado_box .travel_box_2{width:auto;}
.travel_box .travel_box_2{width:auto;}
.travel_box .travel_box_2 .post{width:50%;}
.more_box_list{display: block;}

}



@media only screen and (max-width: 768px){
.sp_on{display: inline;}	
.pc_on{display: none;}

h2{line-height:2rem; color:#000;}
h2 .big{text-align: center; font-size:clamp(18px, 14vw, 80px); font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal;}
h2 .small{display: block; font-size:clamp(18px, 2vw, 22px);}

footer{padding:1rem 0 0 0;}

.collection_box{display:block; }
.collection_box .caption{padding:4rem 2rem; width:auto;}
.collection_box .widget{width:auto; padding:2rem;}
.collection_box .widget .wrap{padding:0; min-height: 30vh;}

.yadosagashi_box .widget{max-width:1100px; min-height: 30vh; margin: 0 auto;}

.intro_box{margin:2rem auto 0 auto; padding:2rem 2rem; display:block;}
.intro_box h2{margin:0 0 2rem 0;}
.intro_box h2 .big{font-size:clamp(18px, 18vw, 120px); }
.intro_box h2 .small{font-size:clamp(18px, 12vw, 32px);}
.intro_box .contents_box{width:auto;}
.intro_box .img_box{width:auto; margin: 2rem auto; max-width: 500px;}

.koyado_title h2{margin: 0 0 2rem auto;}

.koyado_box .travel_box_1 .post_wrap{padding: 0 2rem;}

.scroll_wrap .scroll_gallery span{width:40%;}
.scroll_wrap .scroll_gallery span.even{padding-top:10%; width:20%;}
.scroll_wrap .scroll_gallery img{border-radius: 10px; overflow: hidden; width:100%; height: auto;}

.scroll_text_wrap span{width:80%;}

.yt_box_wrap{padding:0;}
.yt_box{display: block; padding: 0 2rem;}
.yt_box h3{font-size:21px;}
.yt_box .text_box{width:auto; text-align: left;}
.yt_box .embed_box{width:auto;}

.stay_box{padding: 4rem 0;}
.stay_box h2{margin: 0;}
.stay_box .detail_box{padding: 0.5rem 0.5em; }
.stay_box .detail_box h4{font-size:13px; margin: 0.2rem;} 
.stay_box .detail_box p{font-size:11px;}
.stay_box .detail_box .tag{margin:0 0 0.2rem 0; padding:2px 11px 4px 10px; font-size:12px;}
.stay_box .swiper{ margin: 0 auto 1rem auto; padding:1rem 2rem 1rem 3rem;}
.stay_box .swiper-button-prev {width: 30px; height: 30px;}
.stay_box .swiper-button-prev::after{font-size:1.2em;}
.stay_box .swiper-button-next {width: 30px; height: 30px;}
.stay_box .swiper-button-next::after{font-size:1.2rem;}
.stay_box .search_btn{margin: 0 auto 0 auto; width: 70%; background-position:right 30px center;}

.spot{margin:6rem 0 4rem 0;}
.spot h2{margin:0 0 2rem 0;}

.access_box{display:block;}
.access_box h2{text-align: center;}
.access_box .map{width: auto;}
.access_box .map iframe{height:50vh;}
.access_box .info{width: auto; padding:2rem;}

.island_map{display: none;}

.widget .sbi-header-type-text{font-size:21px!important;}
#sb_instagram .sbi_caption_wrap{padding:0.5rem 0 0 0!important;}

.yadosagashi_box{text-align: center; padding:0 2rem 5rem 2rem;}

}


.load{position: relative;}
.load .loading{width:100%; height: 100%; display:flex; flex-wrap: wrap; justify-content:center; align-items: center; position: absolute; left:0; top:0;}
.load.done .loading{display: none!important;}
.load .spinner {width: 100px; height: 100px; background-color: #d2eefc; border-radius: 100%;
  animation: sk-scaleout 1s infinite ease-in-out;}

/* ローディングアニメーション */
@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}