@charset 'utf-8';

a { color: #0000ff; }
html { font-size: 58%; }
body { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', Osaka, sans-serif; font-size: 1.4em; overflow-x: hidden !important; }

.lb:hover { text-decoration: underline; }
.noMainImg { padding-top: 68px; }
.noMainImg .header-logo { display: none; }
#preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 2000;}
.path { font-size: 1.2rem; box-sizing: border-box; padding: 20px 0 0 50px; letter-spacing: 1px; }
.path li { float: left; margin-right: .2%; }
.path li:last-of-type { margin-right: 0; }
.path a { color: #454545; transition: .5s all ease-out; }
.path a:hover { opacity: .8; }
header { position: absolute; z-index: 1000; top: 0; left: 0; }
.sumahoMenu-contents .header-navOuter { display: none; }
.header-logo { padding: 25px 0 0 30px; transition: .5s all ease; width: calc(223px / 1.4); height: calc(54px / 1.4);}
.header-logo a { display: block; }
.header-logo img { width: 100%; height: auto; }
.header-logo:hover { opacity: .5; }
.header-logo-txt { display: none; }
.topMainContents { position: relative; overflow: hidden; width: 100%; height: 100vh; }
.mainContents { position: relative; z-index: 1; transition: .5s all ease-out; }
.mainContents-img { width: 100%; height: auto; }
.popupReservation { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.8); z-index: 2000; padding: 5% 0; box-sizing: border-box; display: none; }

.path1 { font-size: 1.2rem; box-sizing: border-box; padding: 100px 0 0 50px; letter-spacing: 1px; }
.path1 li { float: left; margin-right: .2%; }
.path1 li:last-of-type { margin-right: 0; }
.path1 a { color: #454545; transition: .5s all ease-out; }
.path1 a:hover { opacity: .8; }
/* .popupReservation-outer { justify-content: center; display: flex; align-items: center; height: 100%; } */
.popupReservation-outer { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.popupReservation-outer2 { width: 670px; background-color: #fff; padding-bottom: 2%; margin: 0 auto; }
.popupReservation-ttl1 { background-color: #f2f2f2; text-align: center; font-size: 1.9rem; padding: 2% 0; line-height: 1; position: relative; }
.popupReservation-closeBtn1 { position: absolute; right: 2%; top: 0; width: 20px; height: 20px; bottom: 0; margin: auto; cursor: pointer;}
.popupReservation-closeBtn2 { width: 30%; background-color: #195988; color: #fff; margin: 0 auto; text-align: center; padding: 1% 0; font-size: 1.5rem; cursor: pointer;  }
.popupReservation-closeBtn1:before,.popupReservation-closeBtn1:after { content: ''; position: absolute; top: 0;left: 0;right: 0;bottom: 0;margin: auto; width: 100%; height: 1px; background-color: #333;
}
.popupReservation-closeBtn1:before { transform: rotate(45deg);}
.popupReservation-closeBtn1:after { transform: rotate(-45deg);}
.popupReservation-inner { width: 60%; margin: 0 auto; padding: 5% 0; }

.popupReservation-select { width: 100%; margin-bottom: 5%;}
.popupReservation-select th, .popupReservation-select td { border: 1px solid #ccc; padding: 10px 15px; }
.popupReservation-select th { background-color: #eee; border: 1px solid #ccc; width: 20%; }
.popupReservation-select td { background-color: #f9f9f9; }

.popupReservation-adult { position: relative; }
.popupReservation-adult-select { width: 100%; }

.popupReservation-children { display: flex; justify-content: space-between; }
.popupReservation-children-inner { display: inline-flex; }

.popupReservation-mitei { display: flex; justify-content: center; align-items: center; background-color: #eee; box-sizing: border-box; border: 1px solid #ccc; padding: 3% 0; margin-bottom: 3%; }

.popupReservation-mitei #mitei { margin: 10px; }

.popupReservation-price { width: 90%; display: flex; background-color: #eee; margin: 0 auto; flex-flow: column wrap; justify-content: center; text-align: center; align-items: center; margin-bottom: 3%; }
.popupReservation-price-ttl { padding: 2% 0; cursor: pointer; width: 100%; cursor: pointer;}
.popupReservation-price-ttl span { position: relative; padding-right: 25px; }
.popupReservation-price-ttl span:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; background: url(../img/icon/arrow2.svg) no-repeat; width: 17px; height: 7px; margin: auto; }

.popupReservation-price-inner { display: none; }
.popupReservation-price-table { width: 100%; margin-bottom: 20px; }
.popupReservation-price-table th,.popupReservation-price-table td{ border: solid 1px #ccc; padding: 10px 15px; }
.popupReservation-price-table th { background-attachment: #f9f9f9; }
.popupReservation-price-table td { background-color: #fff; }

.centertou { max-width: 625px; margin: 0 auto 3%; }
.centerTouPopup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); z-index: 1000; }
.centerTouPopup-close { width: 50px; height: 50px; position: absolute; top: 20px; right: 20px; cursor: pointer; }
.centerTouPopup-close:before { transform: rotate(45deg); }
.centerTouPopup-close:after { transform: rotate(-45deg); }
.centerTouPopup-close:before,.centerTouPopup-close:after { content: ''; width: 100%; height: 1px; background-color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.centerTouPopup-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.centertou-btns { max-width: 1000px; margin: 0 auto; }

.coupon { float: left;color: #4D6194;border: solid 2px #4D6194;font-weight: bold;/* background-color: #fff; */box-sizing: border-box;padding: 1% 5%;position: relative;top: -14px;}
.air-discount {  float: left; position: relative; top: 14px; font-size: 0.8em; text-align: center; }
.jal_sakitoku { width: 10em; float: left; }
.jal_sakitoku a { color:#666; }
.jal_sakitoku span { width: calc(106px / 2); height: calc(58px / 2); margin: 0 auto 3px; display: block; }
.ana_supervalue { width: 10em; float: left; }
.ana_supervalue a { color:#666; }
.ana_supervalue span { width: calc(124px / 2); height: calc(58px / 2); margin: 0 auto 3px; display: block; }
.peach { width: 10em; float: left; }
.peach a { color:#666; }
.peach span {width: calc(136px / 2); height: calc(58px / 2);  margin: 0 auto 3px; display: block; }


/* スケジュールカレンダー */
.fc-head { display: flex; justify-content: space-around; text-align: center; color: #fff; font-size: 1.8rem; line-height: 1; background-color: #233c7c; line-height: 1; }
.fc-head div { width: 100%; padding: 10px 0; border-right: 1px solid #fff; }
.fc-head div:last-of-type { border-right: none; }
.fc-row { display: flex; justify-content: space-around; border-top: solid 1px #233c7c; }
.fc-row:last-of-type { border-bottom: solid 1px #233c7c; }
.fc-row div:first-of-type { border-left: 1px solid #233c7c; }
.fc-row div { border-right: 1px solid #233c7c; }
.fc-past,.fc-today,.fc-future{ width: 100%; padding: 10px; box-sizing: border-box; height: 10vh; }
.fc-weekday { display: none; }
.fc-date { color:#233c7c; font-size: 1.8rem; line-height: 1; font-weight: bold; }
.fc-emptydate { color:#ddd; }

.moonage .fc-past,.moonage .fc-today,.moonage .fc-future { height: 150px; }
.moonage .fc-row div { background-color: #233c7c !important; border-right: 1px solid #fff; }
.moonage .fc-row div:last-child { border-right: 1px solid #233c7c; }
.moonage .fc-row { border-bottom: 1px solid #fff; background-color: #233c7c; }
.moonage .fc-date { color: #fff; }
.moonage .fc-head { background-color: #a9b4d0; color: #fff; font-weight: bold; border-bottom: solid 1px #fff; }
.moonage .fc-row div:first-of-type { border-left: none; }
.moonage .fc-calendar-events { text-align: center; }
.moonage .scheduleCalendar-ui-common { color: #fff; background-color: #233c7c;}
.moonage .scheduleCalendar-now , .moonage .scheduleCalendar-next { border-left: solid 1px #fff; }
.moonage .scheduleCalendar-ui-common:hover { color: #233c7c; background-color: #fff; }

.scheduleCalendarYearMonth { text-align: center; font-size: 2.5rem; font-weight: bold; color: #454545; margin-bottom: 1%; }
.scheduleCalendar-ui { display: flex; justify-content: center; margin-bottom: 3%; }
.scheduleCalendar-ui-common { cursor: pointer; font-weight: bold; border: solid 1px #233c7c; padding: 20px; border-right:none; line-height: 1; transition: .3s ease-out all; }
.scheduleCalendar-ui-common:hover { color: #fff; background-color: #233c7c; }
.scheduleCalendar-now { line-height: 1.8; }
.scheduleCalendar-prev,.scheduleCalendar-next { font-size: 2rem; }
.scheduleCalendar-ui-common:last-of-type { border-right: solid 1px #233c7c; }
.fc-calendar-event,.fc-calendar-events { border:none !important; }
.fc-allday { display: none; }
.fc-starttime { display: none; }
.fc-endtime { display: none; }

/* 客室マップ */
.roomMapOuter { padding: 0 0 5%; }
.roomMapOuter.typeA { padding: 0 0 5%; }
.roomMap { max-width: 1000px; text-align: center; margin: 0 auto 1% auto; position: relative; }
.roomMap-btns { max-width: 1000px; margin: 0 auto; }
.roomMap-btn { float: left; width: calc(98% / 5); margin: 0 calc(2% / 4) calc(2% / 4) 0; padding: 1% .5%; font-size: 1.2rem; display: flex; align-items: center; justify-content: center; color: #fff; transition: .5s all ease-out; border: solid 1px #233c7c; box-sizing: border-box; background-color: #233c7c; }
.roomMap-btn:hover { background-color: #fff; color: #233c7c; }

/* .roomMap-img { width: 100%; height: auto; } */
.roomMap-btn:nth-of-type(5n) { margin-right: 0; }
.roomMap-btn.hover { background-color: #fff; color: #233c7c; }

.roomMapBalloon { display: none; position: absolute; top: 0; left: 0; background-color: #fff; padding: 1.5%; box-sizing: border-box; z-index: 100; border: solid 2px #ddd; }
.roomMapBalloon:after,.roomMapBalloon:before { position: absolute; content: ''; width: 0; height: 0; bottom: -30px; left: 0; right: 0; border: solid 15px transparent; border-top: solid 15px #fff; margin: auto; }
.roomMapBalloon:before { bottom: -32px; border-top: solid 15px #ddd; }
.roomMapBalloon-img { margin-bottom: 3.5%; }
.roomMapBalloon-txt { color:#666; line-height: 1; }
.roomMapBalloon-ja { font-size: 1.5rem; margin-bottom: 2%; }
.roomMapBalloon-en { font-size: 1.1rem; }

.roomMap-tabletSumahoBtn { display: none; }

/* 下層ページviemo動画 */
.mainContents-movie1.mainContents-viemo { height: auto; }
.mainContents-viemo-contents { padding:56.25% 0 0 0; position:relative; }
.mainContents-viemo-contents iframe { position:absolute;top:0;left:0;width:100%;height:100%; }

/* 下層ページ動画 */
.movieContents { display: none; position: fixed; top: 0; left: 0;	z-index: 1000;	width: 100%;	height: 100%; background-color:rgba(255,255,255,.8); }
.movieContents-outer { width: 70vw; height: 80vh; position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); overflow: hidden;}
.movieContents-outer:before { content: ''; width: 100%; height: 100%; background-color: #233c7c; z-index: 100; top: 0; left: -100%; position: absolute; transition: 1s all ease; }
.movieContents2 { display: none; position: fixed; top: 0; left: 0;	z-index: 1000;	width: 100%;	height: 100%; background-color:rgba(255,255,255,.8); }
.movieContents2-outer { width: 70vw; height: 80vh; position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); overflow: hidden;}
.movieContents2-outer:before { content: ''; width: 100%; height: 100%; background-color: #233c7c; z-index: 100; top: 0; left: -100%; position: absolute; transition: 1s all ease; }

.movieContents2-outer video { position: relative; opacity: 0; width: 100%; height: 100%; }

.movieContents2-outer video.on { opacity: 1; }
.movieContents2-outer.on:before { left: 0; }
.movieContents2-outer.off:before { left: 100%; }

.movieContents2-closeBtn,.movieContents2-closeBtn:before,.movieContents2-closeBtn:after { transition: .3s all ease-out; }
.movieContents2-closeBtn { position: absolute; right: 0; bottom: 50px; left: 0; box-sizing: border-box; width: 50px; height: 50px; margin: 0 auto; cursor: pointer; border: solid 1px #fff; border-radius: 50%; background-color: #233c7c; }
.movieContents2-closeBtn:before ,.movieContents2-closeBtn:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 40%; height: 2px; margin: auto; content: ''; background-color: #fff; }

.movieContents2-closeBtn:before { transform: rotate(45deg); }
.movieContents2-closeBtn:after { transform: rotate(-45deg); }

.movieContents2-closeBtn:hover { border: solid 2px #233c7c; background-color: #fff; }
.movieContents2-closeBtn:hover:before ,.movieContents2-closeBtn:hover:after { background-color: #233c7c; }

/* 下層ページ動画2 */
.mainContents2-movie-btn,.mainContents2-movie-btn:before { transition: .3s all ease-out; }
.mainContents2-movie-btn { position: absolute; width: 60px; height: 60px; border: solid 2px #fff; border-radius: 50%; box-sizing: border-box; top: 0; left: 0; right: 0; bottom: 0; margin: auto; cursor: pointer; z-index: 10; }
.mainContents2-movie-anim1 { transform: scale(1); transition: .3s all ease-out; z-index: 15;}
.mainContents2-movie-anim1.on { opacity: 0; transform: scale(1.3); }
.mainContents2-movie-btn:before { content: ''; width: 0; height: 0; border:solid 10px transparent; border-left: solid 15px #fff; position: absolute; top: 0; left: 15px; right: 0; bottom: 0; margin: auto; }
.mainContents2-movie-contents { cursor: pointer; opacity:1; transition: .3s all ease-out; }
.mainContents2-movie-contents,.mainContents2-movie-contents:before { transition: .6s all ease; }
.mainContents2-movie-contents-inner { opacity: 0; }
.mainContents2-movie-contents-inner.on { opacity: 1; }
.mainContents2-movie-contents { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; overflow: hidden; }
.mainContents2-movie-contents:before { content: ''; width: 100%; height: 100%; background-color: #233c7c; z-index: 100; top: 0; left: -100%; position: absolute; }
.mainContents2.on { height: 80vh; }
.mainContents2-movie-contents.on { opacity: 1; }
.mainContents2-movie-contents.on:before { left: 0; }
.mainContents2-movie-contents.stop { opacity: 0; }
.mainContents2-movie-contents.off:before { left: 100%; }
.mainContents2-movie-btn:hover { background-color: #fff; border: solid 5px #fff; }
.mainContents2-movie-btn:hover:before { border-left: solid 15px #277cea;}
.mainContents2-movie-ttl,.mainContents2-movie-txt { text-align: center; color: #fff; font-weight: bold; position: absolute; width: 100%; }
.mainContents2-movie-ttl { font-size: 2.5rem; top: -80px; letter-spacing: 2px; }
.mainContents2-movie-txt { font-size: 1.3rem; letter-spacing: 0; top: 40px; }
.mainContents2-movie { position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); z-index: 10; width: 100%; }


.mainContents3-movie-btn,.mainContents3-movie-btn:before { transition: .3s all ease-out; }
.mainContents3-movie-btn { position: absolute; width: 60px; height: 60px; border: solid 2px #fff; border-radius: 50%; box-sizing: border-box; top: 0; left: 0; right: 0; bottom: 0; margin: auto; cursor: pointer; z-index: 10; }

.mainContents3-movie-anim1 { transform: scale(1); transition: .3s all ease-out; z-index: 15;}
.mainContents3-movie-anim1.on { opacity: 0; transform: scale(1.3); }

.mainContents3-movie-btn:before { content: ''; width: 0; height: 0; border:solid 10px transparent; border-left: solid 15px #fff; position: absolute; top: 0; left: 15px; right: 0; bottom: 0; margin: auto; }

.mainContents3-movie-contents { cursor: pointer; opacity:1; transition: .3s all ease-out; }
.mainContents3-movie-contents,.mainContents3-movie-contents:before { transition: .6s all ease; }
.mainContents3-movie-contents-inner { opacity: 0; }
.mainContents3-movie-contents-inner.on { opacity: 1; }
.mainContents3-movie-contents { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; overflow: hidden; }


.mainContents3-movie-btn:hover { background-color: #fff; border: solid 5px #fff; }
.mainContents3-movie-btn:hover:before { border-left: solid 15px #277cea;}
.mainContents3-movie-ttl,.mainContents3-movie-txt { text-align: center; color: #fff; font-weight: bold; position: absolute; width: 100%; }
.mainContents3-movie-ttl { font-size: 2.5rem; top: -80px; letter-spacing: 2px; }
.mainContents3-movie-txt { font-size: 1.3rem; letter-spacing: 0; top: 40px; }

.mainContents3-movie { position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); z-index: 10; width: 100%; }

.mainContents-movie1 { /*height: 100vh;*/ overflow: hidden; }

.movieContents-outer video { position: relative; opacity: 0; width: 100%; height: 100%; }

.movieContents-outer video.on { opacity: 1; }
.movieContents-outer.on:before { left: 0; }
.movieContents-outer.off:before { left: 100%; }

.movieContents-closeBtn,.movieContents-closeBtn:before,.movieContents-closeBtn:after { transition: .3s all ease-out; }
.movieContents-closeBtn { position: absolute; right: 0; bottom: 50px; left: 0; box-sizing: border-box; width: 50px; height: 50px; margin: 0 auto; cursor: pointer; border: solid 1px #fff; border-radius: 50%; background-color: #233c7c; }
.movieContents-closeBtn:before ,.movieContents-closeBtn:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 40%; height: 2px; margin: auto; content: ''; background-color: #fff; }

.movieContents-closeBtn:before { transform: rotate(45deg); }
.movieContents-closeBtn:after { transform: rotate(-45deg); }

.movieContents-closeBtn:hover { border: solid 2px #233c7c; background-color: #fff; }
.movieContents-closeBtn:hover:before ,.movieContents-closeBtn:hover:after { background-color: #233c7c; }



.mainContents-movie-btn,.mainContents-movie-btn:before { transition: .3s all ease-out; }
.mainContents-movie-btn { position: absolute; width: 60px; height: 60px; border: solid 2px #fff; border-radius: 50%; box-sizing: border-box; top: 0; left: 0; right: 0; bottom: 0; margin: auto; cursor: pointer; z-index: 10; }

.mainContents-movie-anim1 { transform: scale(1); transition: .3s all ease-out; z-index: 15;}
.mainContents-movie-anim1.on { opacity: 0; transform: scale(1.3); }

.mainContents-movie-btn:before { content: ''; width: 0; height: 0; border:solid 10px transparent; border-left: solid 15px #fff; position: absolute; top: 0; left: 15px; right: 0; bottom: 0; margin: auto; }

.mainContents-movie-contents { cursor: pointer; opacity:1; transition: .3s all ease-out; }
.mainContents-movie-contents,.mainContents-movie-contents:before { transition: .6s all ease; }
.mainContents-movie-contents-inner { opacity: 0; }
.mainContents-movie-contents-inner.on { opacity: 1; }
.mainContents-movie-contents { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; overflow: hidden; }


.mainContents-movie-btn:hover { background-color: #fff; border: solid 5px #fff; }
.mainContents-movie-btn:hover:before { border-left: solid 15px #277cea;}
.mainContents-movie-ttl,.mainContents-movie-txt { text-align: center; color: #fff; font-weight: bold; position: absolute; width: 100%; }
.mainContents-movie-ttl { font-size: 2.5rem; top: -80px; letter-spacing: 2px; }
.mainContents-movie-txt { font-size: 1.3rem; letter-spacing: 0; top: 40px; }

/* .mainContents-movie1 { height: 75vh; overflow: hidden; } */
.mainContents-movie1,.mainContents-movie1.typeA { height: auto; overflow: auto; }
.mainContents-movie1 video,.mainContents-movie1.typeA video { vertical-align: top; width: 100%; }
.mainContents .header-navOuter { position: relative; }

.mainContents-movie { position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); z-index: 10; width: 100%; }
.headerSumahoContents { display: none; }
.header-navOuter { font-size: 1.6rem; line-height: 1; position: absolute; z-index: 1; /*transform: translateZ(0);*/ bottom: 0; left: 0; width: 100%; text-align: center; letter-spacing: 1px; }
.header-navOuter.on { position: fixed; top: 0; bottom: auto; z-index: 1000; }
.header-nav * { transition: .5s all ease-out; }
.header-navOuter.on .header-nav-list { width: calc(100% / 10); opacity: 1; }
.header-nav-list.header-nav-logo { width: 0; opacity: 0;}
.header-nav-list { float: left; width: calc(100% / 9); }
.header-nav-btn ,.header-nav-btn-txt { transition: .3s all ease-out; }
.header-nav-reservation-txt1,.header-nav-reservation-txt { display: block; }
.header-nav-reservation-txt1 { padding-right: 5px; line-height: 1.5em; }
.header-nav-reservation-txt2 { font-size: 1.3rem; }
.header-nav-btn { position: relative; display: block; box-sizing: border-box; height: 68px; cursor: pointer; color: #454545; border-left: solid 1px #d9d9d9; background-color: rgba(255,255,255,.85); }
.header-navOuter.on .header-nav-btn { background-color: #fff; border-left: solid 1px #efefef; }
.header-navOuter.on .header-nav-reservation .header-nav-btn { color: #fff; background-color: #233c7c; }
.header-nav-btn-txt,.header-nav-logo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; }
.header-nav-logo img { width: 145px; height: 35px; }
.header-nav-btn:hover { background-color: #d9ddde; }
.header-nav-reservation-btn:hover { opacity: .8; }
.header-nav-btn:hover .header-nav-btn-txt { top: 55%; color: #233c7c; }
.header-nav-btn:hover .header-nav-reservation-txt { color: #fff; }
.header-nav-btn-txt-br { display: none; }

.header-nav-btn:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; content: ''; background-color: transparent; box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); }
.header-nav-reservation .header-nav-btn { color: #fff; background-color: #233c7c; }

.topMainContents-slider video { width: 100%; height: auto; }

.topmovieVimeo{ position: relative; padding-bottom: 56.25%; }
.topViemoSlider-slider { position: relative; padding-bottom: 18.8%; }
.topmovieVimeo-iframe,.topViemoSlider-slider-iframe {position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%;}

.langEn { font-size: 1.3rem; font-weight: bold; position: absolute; z-index: 1; top: 20px; right: 20px; display: block; box-sizing: border-box; padding: 12px 24px; transition: .5s all ease-out; text-align: center; letter-spacing: 1px; color: #666; border: solid 1px #fff; background-color: #fff; }
.langEn:hover { color: #fff; background-color: transparent; }

.centerof8silands { position: absolute; z-index: 1; right: 20px; bottom: 110px; cursor: pointer; text-align: center; }
.centerof8silands-img { width: calc(540px / 2); height: calc(76px / 2); margin-bottom: 15px; }
.centerof8silands-btn { font-size: 1.2rem; line-height: 1; display: inline-block; box-sizing: border-box; padding: 10px 15px; transition: .5s all ease-out; text-align: center; letter-spacing: 1px; color: #fff; border: solid 1px #fff; }
.centerof8silands:hover .centerof8silands-btn { color: #000; background-color: #fff; }

.topMainContents-slider { position: relative; width: 100%; height: 100%; }

.centerof8silandsMovie { position: fixed; z-index: 100; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(255,255,255,.9); }

.centerof8silandsMovie-contents { position: absolute; top: 44%; left: 50%; overflow: hidden; width: 60%; height: 75%; transform: translate(-50%,-50%); }
.centerof8silandsMovie-contents:before { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; content: ''; transition: 1s .5s all ease-in-out; background-color: #233c7c; }
.centerof8silandsMovie-contents.on:before { left: 0; }
.centerof8silandsMovie-contents.on.showMovie:before { left: 100%; }

.centerof8silandsMovie-contents iframe { display: block; width: 100%; height: 100%; }

.centerof8silandsMovie-iframe { height: 100%; opacity: 0; }
.centerof8silandsMovie-iframe.on { opacity: 1; }
.centerof8silandsMovie-closeBtn ,.centerof8silandsMovie-closeBtn:before ,.centerof8silandsMovie-closeBtn:after { transition: .3s all ease-out; }
.centerof8silandsMovie-closeBtn { position: absolute; right: 0; bottom: 90px; left: 0; box-sizing: border-box; width: 50px; height: 50px; margin: 0 auto; cursor: pointer; border: solid 1px #fff; border-radius: 50%; background-color: #233c7c; }
.centerof8silandsMovie-closeBtn:before ,.centerof8silandsMovie-closeBtn:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 40%; height: 2px; margin: auto; content: ''; background-color: #fff; }

.centerof8silandsMovie-closeBtn:before { transform: rotate(45deg); }
.centerof8silandsMovie-closeBtn:after { transform: rotate(-45deg); }

.centerof8silandsMovie-closeBtn:hover { border: solid 2px #233c7c; background-color: #fff; }
.centerof8silandsMovie-closeBtn:hover:before ,.centerof8silandsMovie-closeBtn:hover:after { background-color: #233c7c; }

/* コロナ時差し替えコンテンツ用 */
.topMovieSound { position: absolute; z-index: 1; right: 20px; bottom: 110px; text-align: center; }
.sound-on{ width: 48px; height: 27px; opacity: 1; color: #ffffff; font-size: 12px; border: 1px solid #ffffff; padding: 3px 12px; margin: 0 5px; cursor: pointer;}
.sound-on.js-sound-active{ width: 48px; height: 27px; background-color: #ffffff; color: #838383; font-size: 12px; padding: 3px 12px; margin: 0 5px; cursor: pointer;}
.sound-off{ width: 48px; height: 27px; opacity: 1; color: #ffffff; font-size: 12px; border: 1px solid #ffffff; padding: 3px 12px; cursor: pointer;}
.sound-off.js-sound-active{ width: 48px; height: 27px; background-color: #ffffff; color: #838383; font-size: 12px; padding: 3px 12px; cursor: pointer;}
/* .topmovieVimeo-iframe{ top: unset; height: 117%;} 
 @media screen and (max-width: 1680px){
	.topmovieVimeo-iframe{ top: 0; height: 100%;}
} */

.reset-bottom {bottom: initial; position: fixed;}

.information { background: url('../img/top/information/bg.png') no-repeat; background-color: #fff;-webkit-background-size: cover; background-size: cover; }
.information-outer { padding: 0 0 60px; }
.information-inner { max-width: 769px; margin: 0 auto; }
.information-contents-table {font-size: 1.6rem;  display: table; width: 100%; margin-bottom: 3%; transition: .5s all ease-out; color: #454545; }
.information-contents .information-contents-table:last-of-type { margin-bottom: 0; }
.information-contents-table:hover { opacity: .5; }
.information-contents-cell { display: table-cell; text-align: left; vertical-align: top; }
.information-contents-th { width: 59px; padding-right: 35px; }
#topNews { font-size: 1.6rem; color: #454545; }
.topNewsBox { margin-bottom: 3%; }
.topNewsBox a { padding-left: 35px; transition: .5s all ease-out; color: #454545; }
.topNewsBox a:hover { opacity: .5; }
.topNewsBox span { width: 20%;}
@media screen and (max-width: 600px) {
	.topMovieSound { right: 5px; top: 10px;}
	.topNewsBox span { width: 100%;}
}
.selection-outer { padding: 70px 0; }
.selection-inner { max-width: 1260px; margin: 0 auto; }
.selection-contens {display: block; transition: .5s all ease-out;  color: #454545; }
.selection-contens:hover { opacity: .6; }
.selection-contens-img ,.selection-contens-ttl { margin-bottom: 15px; }
.selection-contens-movie { display: flex; width: 100%;}
.selection-contens-movie video { width: 100%; height: 100%; }
.selection-contens-ttl {font-size: 1.6rem; font-weight: bold;  text-align: center; letter-spacing: 1px; }
.selection-contens-txt { font-size: 1.4rem; }

.limited-balloon-top { position: relative; }
.limited-balloon-top .balloon_ba { width: 84px; height: 94px; position: absolute; top: -20px; left: -20px; }
.load { width: 84px; height: 94px; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; -ms-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }
@-webkit-keyframes spin { 0% {-webkit-transform: rotate(10deg);} 50% {-webkit-transform: rotate(-30deg);} 100% {-webkit-transform: rotate(10deg);} }
@-moz-keyframes spin { 0% {-moz-transform: rotate(10deg);} 50% {-moz-transform: rotate(-30deg);} 100% {-moz-transform: rotate(10deg);} }
@-ms-keyframes spin { 0% {-ms-transform: rotate(10deg);} 50% {-ms-transform: rotate(-30deg);} 100% {-ms-transform: rotate(10deg);} }
@keyframes spin { 0% {transform: rotate(10deg);} 50% {transform: rotate(-30deg);} 100% {transform: rotate(10deg);} }

.limited-balloon-activity { position: relative; }
.limited-balloon-activity .balloon_ba { width: 84px; height: 94px; position: absolute; top: -20px; left: -20px; }
.load { width: 84px; height: 94px; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; -ms-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }
@-webkit-keyframes spin { 0% {-webkit-transform: rotate(10deg);} 50% {-webkit-transform: rotate(-30deg);} 100% {-webkit-transform: rotate(10deg);} }
@-moz-keyframes spin { 0% {-moz-transform: rotate(10deg);} 50% {-moz-transform: rotate(-30deg);} 100% {-moz-transform: rotate(10deg);} }
@-ms-keyframes spin { 0% {-ms-transform: rotate(10deg);} 50% {-ms-transform: rotate(-30deg);} 100% {-ms-transform: rotate(10deg);} }
@keyframes spin { 0% {transform: rotate(10deg);} 50% {transform: rotate(-30deg);} 100% {transform: rotate(10deg);} }


.selectionInner1 { margin-bottom: 3%; }

.iyashi { background-color: #f4f4f4; }
.iyashi-outer { padding: 70px 0 60px 0; }
.iyashi-inner { max-width: 1260px; margin: 0 auto; }
.iyashiInner1 { margin-bottom: 3%; }

.staffBlog-contents { box-sizing: border-box; padding: 15px; border: 1px solid #e1e1e1; border-top: none; background-color: #fff; overflow-y: scroll;max-height: 383px;}
.staffBlog-contents-inner {display: block; margin-bottom: 20px;  padding-bottom: 20px; transition: .5s all ease-out; border-bottom: 1px solid #e1e1e1; }
.staffBlog-contents-inner:hover { opacity: .6; }
.staffBlog-contents .staffBlog-contents-inner:last-of-type {margin-bottom: 0; padding-bottom: 0;  border-bottom: none; }
.staffBlog-contents-ttl { font-size: 2.0rem; font-weight: bold; margin-bottom: 3%; letter-spacing: 1px; color: #454545; }
.staffBlog-contents-txt { font-size: 1.3rem; line-height: 2; position: relative; overflow: hidden; height: 100px; margin-bottom: 5%; color: #454545; }
.staffBlog-contents-txt:after {line-height: 1; position: absolute; right: 2px; bottom: 9px; width: 1em; height: 1em; padding: 0 5px;  content: '...'; background-color: #fff; }
.staffBlog-contents-data { font-size: 1.2rem; text-align: right; color: #999; }
.staffBlog-contents-img { float: left; width: 40%; margin-right: 5%; }
.staffBlog-contents-txts { float: left; width: 55%; }

.sp-btMenu { display: none; }
.more-arrow { text-align: right; }
.more-arrow a { display: inline-block; position: relative; color:#454545; padding-left: 5px; }
.more-arrow a:before { content: ''; position: absolute; width: calc(14px / 1.5); height: calc(7px / 1.5); background: url(../img/icon/arrow2.svg) no-repeat; transform: translate(-50%,-50%) rotate(-90deg); top: 50%; left: 0; -webkit-background-size: contain; background-size: contain; }

.voice-list { text-align: center; display: flex; justify-content: center; align-items: center; }
.voice-list li { display: inline-block; margin-right: 3%; }
.voice-list li:last-of-type { margin-right: 0; }
.voice-list a { display: block; transition: .5s all ease-out; }
.voice-list a:hover { opacity: .6; }
.ikyu { width: calc(165px / 2); height: calc(48px / 2); }
.jyaran { width: calc(149px / 2); height: calc(51px / 2); }
.rakuten { width: calc(138px / 2); height: calc(70px / 2); }
.tripadvisor { width: calc(126px / 2); height: calc(66px / 2); }

.highligth { transition: .5s all ease-out; }
.highligth:hover { opacity: .6; }

.highlight { transition: .5s all ease-out; display: block; }
.highlight:hover { opacity: .6; }

/* contents */
.contents-outer { position: relative; }
.contents-inner { padding: 3% 0; max-width: 1260px; margin: 0 auto; }
.contents-inner1 { padding: 3% 0; max-width: 1000px; margin: 0 auto; }
.contents-inner2 { padding-bottom: 3%; max-width: 1260px; margin: 0 auto; }

.haimuruLogo { width: calc(220px / 2); height: calc(52px / 2); }
.tobaLogo { width: calc(238px / 2); height: calc(42px / 2);}
.shiojiLogo { width: calc(238px / 2); height: calc(58 / 2); }
.nemuLogo { width: calc(254px / 2); height: calc(41px / 2); }
.mitsuiLogo { width: calc(230px / 2); height: calc(76px / 2); }
.celesLogo { width: calc(224px / 2); height: calc(40px / 2); }

/* ttl */
.ttl1 {font-size: 2.6rem; font-weight: bold;  text-align: center; letter-spacing: 1px; color: #333; }
.ttl1.typeA { margin-bottom: 5%; }
.ttl1.typeB { margin-bottom: 3.2%; }

.ttl2 { text-align: center; color: #333; font-size: 2.8rem; font-weight: bold; }
.ttl2.typeA { margin-bottom: 4%; }

.ttl3 { text-align: center; color: #233c7c; font-size: 2.2rem; font-weight: bold; }
.ttl3.typeA { margin-bottom: 2%; }
.ttl3.typeB { margin-bottom: 3%; }

.ttl4 { font-size: 2rem; color: #333; padding-bottom: .5%; border-bottom: 1px solid #333; font-weight: bold; position: relative; }
.ttl4.typeA { margin-bottom: 3.5%; }
.ttl4-txt1 { padding: 0 1% 0 0;}
.ttl4-txt2 { font-size: 1.1rem; }
.ttl4-txt3 { position: absolute; top: 10px; right: 5px; line-height: 1.2; }
.ttl4-txt3-ja,.ttl4-txt3-en { display: block; }
.ttl4-txt3-ja { font-size: 1.2rem;}
.ttl4-txt3-en { font-size: 1rem; }
.ttl4.typeB {font-size: 1.7rem; }


.ttl5 { text-align: center; font-size: 1.6rem; color: #333; font-weight: bold; }
.ttl5.typeA { margin-bottom: 3%; }
.ttl5.typeB { margin-bottom: 3%; }

.ttl6 { text-align: center; font-size: 1.8rem; color: #333; font-weight: bold; }
.ttl6.typeA { margin-bottom: 3%; }

.ttl7 { font-size: 1.4rem; color: #333; }
.ttl7.typeA { margin-bottom: 1%; }

.ttl8 { text-align: center; border-bottom: dashed 1px #aaa; padding-bottom: 3%; }
.ttl8 .ja { font-size: 3rem; font-weight: bold; letter-spacing: 2px; color: #333; }
.ttl8 .en { font-size: 1.8rem; color: #233c7c; }
.ttl8-txt { display: block; }
.ttl8.typeA { margin-bottom: 3%; }
.ttl8.typeB { margin-bottom: 1%; }
.ttl8.typeC { margin-bottom: 2%; }
.ttl8.typeD { margin-bottom: 1%; padding-bottom: 1%; }

.ttl9 { text-align: center; font-size: 1.6rem; color: #454545; font-weight: bold;}
.ttl10 { text-align: center; font-size: 1.3rem; color: #454545;}
.ttl11 { color: #043860; font-size: 2.3rem; font-weight: bold;}
.ttl11.typeA { margin-bottom: 3%;}
.ttl12 { font-size: 2.2rem; font-weight: bold; color: #454545; }
.ttl12.typeA { margin-bottom: 5%;}
.ttl13 { font-size: 1.8rem; font-weight: bold; color: #454545; }
.ttl13.typeA { margin-bottom: 3%; }
.ttl14 { display: inline-block; font-size: 1.4rem; border: solid 1px #043860; box-sizing: border-box; padding: .5%; font-weight: bold; }
.ttl14.typeA { margin-bottom: .5%; }
.ttl14.typeB{padding: 1%;}
/* .ttl12 { font-size: 1.8rem; font-weight: bold; color: #043860; } */
.ttl14 { text-align: center; }
.ttl14-ja,.ttl14-en { display: block; }
.ttl14-ja { font-size: 1.7rem; font-weight: bold; }
.ttl14-en { font-size: 1.3rem;}
.ttl15 { font-weight: bold; font-size: 2rem; color:#454545; }
.ttl16 { text-align: center; }
.ttl16-ja,.ttl14-en { display: block; }
.ttl16-ja { font-size: 1.7rem; font-weight: bold; }
.ttl16-en { font-size: 1.3rem;}
.ttl17 { font-weight: bold; font-size: 1.8rem; text-align: center; }
.ttl17.typeA { margin-bottom: 2%; }
.ttl18 { font-size: 2.3rem; color: #233c7c; border-bottom: 5px solid #233c7c; font-weight: bold; position: relative; }
.ttl19 { color: #454545; font-size: 1.8rem; font-weight: bold; padding-left: 1%; margin-bottom: 3.5%; border-left: 8px solid #e9d768;}
.dashed{border-bottom: dashed 2px #aaa;}
.ttl20 { display: inline-block; font-size: 1.8rem; border: solid 1px #043860; box-sizing: border-box; padding: .5%; font-weight: bold; }
.ttl20.typeA { margin-bottom: .5%; }
.ttl20.typeB{padding: 1%;}
/* btn */
.btn1 { text-align: center; color: #fff; background-color: #233c7c; display: block; padding: 6% 0; transition: .5s all ease-out; border: solid 1px #233c7c; box-sizing: border-box; }
.btn1:hover { background-color: #fff; color: #233c7c; }
.btn1.typeA { padding: 2% 0; }
.btn1.typeB { letter-spacing: 2px; padding: 6% 0; font-size: 2rem; }
.btn1.typeC { padding: 5% 0; }

.btn2 { border: 1px solid #424242; box-sizing: border-box; color: #424242; text-align: center; display: block; padding: 5% 10%; position: relative; }
.btn2:before { content: ''; position: absolute; width:14px; height: 7px; background: url(../img/icon/arrow2.svg) no-repeat; transform: translate(-50%,-50%) ; top: 50%; right: 5%; -webkit-background-size: contain; background-size: contain; }
.btn3 { text-align: center; color: #fff; background-color: #233c7c; display: block; padding: 6% 0; letter-spacing: 2px; font-size: 1.6rem; transition: .5s all ease-out; }
.btn3:hover { opacity: .7; }
.btn3.typeA { padding: 4% 0;}
.btn4 { text-align: center; color: #fff; background-color: #233c7c; display: block; transition: .3s all ease-out; box-sizing:border-box; border: solid 1px #233c7c; padding: 5% 0; font-size: 2rem; letter-spacing: 5px; }
.btn4.typeA { font-size: 1.5rem; letter-spacing: 1px; padding: 4% 0;}
.btn4:hover { background-color: #fff; color: #233c7c;}

.btn5 { display: block; text-align: center; color: #233c7c; box-sizing: border-box; border: solid 1px #233c7c; padding: 6% 10%; transition: .5s ease-out; line-height: 1; }
.btn5:hover { background-color: #233c7c; color:#fff; }
.btn5:after { content: ''; width: 14px; height: 7px; background: url('../img/icon/arrow4.svg') no-repeat; position: absolute; top: 50%; right: 10px; transform: translate(-50%,-50%); }
.btn5:hover:after { background: url('../img/icon/arrow5.svg') no-repeat; }

.btn6 { box-sizing: border-box; border: solid 1px #233c7c; padding: 1% 2%; display: inline-block; transition: .5s ease-out; font-weight: bold; margin: 1%; }
.btn6:hover { color: #fff; background-color: #233c7c; }
.btn6.typeA{padding: 0.5% 3%; display: inline-block; }
.btn7{display: inline-block; padding: 1% 2%; background-color: #233c7c; border-radius: 30px; margin: 1% 0;}
.btn7 span{font-size: 1.3rem; color: #fff; font-weight: bold; letter-spacing: 0.2em;}

.btn-red { text-align: center; color: #fff; background-color: #cc2811; display: block; transition: .3s all ease-out; box-sizing:border-box; border: solid 1px #cc2811; padding: 1% 0; font-size: 1.4rem; }

/* txt */
.txt1 { text-align: center; font-size: 1.4rem; color: #454545; line-height: 2; }
.txt1.typeA { margin-bottom: 8%; }
.txt2 { font-size: 1.4rem; color: #454545; /*letter-spacing: 1px;*/ line-height: 1.8; }
.txt2.typeA { margin-bottom: 8%; }
.txt3 { font-size: 1.4rem; color: #454545; line-height: 2; }
.txt3.typeA { margin-bottom: 5%; }
.txt4 { font-size: 1.2rem; font-weight: bold; }
.txt5 { font-size: 1.8rem; color: #454545; line-height: 2; }
.txt6 { font-size: 1.6rem; color: #454545; line-height: 2; }
.txt7 { letter-spacing: 1px; line-height: 1.8; }
.txt8 {line-height: 1.8;}


/* table */
.table1 { width: 100%; }
.table1 th,.table1 td { color: #454545; border-top: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf; font-size: 1.4rem; }
.table1 th {font-weight: bold; white-space: nowrap; width: 20%;padding: 3% 1%; position: relative;}
.table1 th:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 1px; height: calc(100% - 30px); background-color: #dfdfdf; }
.table1 td { padding: 3%; }

.table2 { width: 100%; color:#595959;}
.table2 th,.table2 td { border: solid 1px #dfdfdf; text-align: center; }
.table2 th { background-color: #f4f4f4; padding: 1% 0; font-size: 1.3rem; }
.table2 th.typeA {background-color: #F3F0ED; font-size: 1.1rem; }
.table2 th.typeB {background-color: #F3F0ED; }
.table2 th.typeC {background-color: #eaeaea; }
.table2 td { vertical-align: middle; }

/* list */
.list0 { font-size: 1.4rem; /*padding-left: 1em;*/ box-sizing: border-box; }
.list0 li { position: relative; padding-left: 1em; line-height: 1.5; box-sizing: border-box; margin-bottom: 1.5%; }
.list0 li:last-of-type { margin-bottom: 0; }
.list0 li:before { content: ''; width: 2px; height: 2px; background-color: #454545; border-radius: 50%; position: absolute; top: 0.7em; left: 0; margin: auto; }
.list1 { font-size: 1.2rem; }
.list1 li { position: relative; padding-left: 1em; line-height: 1; box-sizing: border-box; margin-bottom: 1%; }
.list1 li:last-of-type { margin-bottom: 0; }
.list1 li:before { content: ''; width: 2px; height: 2px; background-color: #454545; border-radius: 50%; position: absolute; top: 6px; left: 0; margin: auto; }
.list2 { font-size: 1.4rem; padding-left: 1em; box-sizing: border-box; line-height: 2; }
.list2 li { position: relative; padding-left: 1em; box-sizing: border-box; }
.list2 li:before { content: ''; width: 2px; height: 2px; background-color: #454545; border-radius: 50%; position: absolute; top: 0.7em; left: 0; margin: auto; }
.list4 { font-size: 1.4rem; color: #454545; }
.list4 li { position: relative; padding-left: 1em; line-height: 1.6; box-sizing: border-box; margin-bottom: 5px; }
.list4 li:last-of-type { margin-bottom: 0; }
.list4 li:before { content: ''; width: 2px; height: 2px; background-color: #454545; border-radius: 50%; position: absolute; top: 10px; left: 0; margin: auto; }

.videoFit { width: 100%; height: auto; }

.label1 { font-size: 1.1rem; font-weight: bold; color: #fff; display: inline-block; padding: 0 .5%; letter-spacing: 1px; margin-left: .5%;}
.label2 { position: relative; }
.label2-txt { position: absolute; top: -30px; right: -20px; background-color: #CB4A47; color: #fff; font-size: 1.4rem; font-weight: bold; padding: 3%; line-height: 1.2; transform: rotate(10deg); }
.label3 { border: 1px solid #d36636; color:#d36636; padding: 3px 15px; }

.imgLabel { position: relative; }
.imgLabel-txt { font-weight: bold; letter-spacing: 1px; font-size: 1.4rem; position: absolute; top: 0; left: 10px; text-align: center; box-sizing: border-box; padding: 3%; }

.frame1 { box-sizing: border-box; border: solid 1px #dfdfdf; padding: 7% 5%; }
.frame1-ttl2 { margin-bottom: 5%; font-weight: bold; text-align: center; font-size: 1.6rem; color: #454545; }
.frame1-txt { box-sizing: border-box; padding: 5%; }
.frame1-label { display: inline-block; font-size: 1.1rem; color: #fff; font-weight: bold; padding: 1% 1.5%; position: relative; top: -2px; margin-right: .5%; letter-spacing: 1px; }
.frame1-label.typeA {padding:0.5%; }
.frame1-label.typeB {padding:2px 4px; }
.frame1-ttl1 { display: inline-block; font-weight: bold; font-size: 1.8rem; }
.frame1-inner { text-align: center; margin-bottom: 3%; line-height: 1; }

.frame2 { box-sizing: border-box; padding: 2%; }
.frame3 { box-sizing: border-box; padding: 2%; border: solid 1px #FFBF77; }
.frame4 { box-sizing: border-box; padding: 5% 2%; border: solid 1px #ddd; background-color: #FFFDF7; text-align: center; width: 70%; margin: 0 auto; }
.frame5 { box-sizing: border-box; border: solid 1px #dfdfdf; padding: 2%; }
.frame6 { box-sizing: border-box; border: solid 1px #000; margin: 1%; padding: 2%; color:#d36636; text-align: left;}
.frame7 { box-sizing: border-box; margin: 1%; padding: 2%; color:#d36636; text-align: left;}

.wd-frame { box-sizing: border-box; padding: 2%; background-color: #eef3ff; }
.wd-frame h3 { color:#233c7c; font-weight: bold; }
.wd-frame .wd-style1 { display: block; border-top: 4px solid #eef3ff; padding-top: 10px; }
.wd-frame-inner { background-color: #FFF; padding: 2%; margin-top: 2%; }


.annotation1 { font-size: 1.4rem; color: #454545; line-height: 2;}
.annotation1.typeA { font-size: 1.2rem; /*letter-spacing: 1px;*/ }
.annotation1 li { text-indent: -1em; padding-left: 1em; }

/* bg */
.bg0 { background-color: #f4f4f4; }
.bg1 { background-color: #f7fafe; }
.bg2 { background-color: #ebf8da; }
.bg3 { background-color: #e3f2f9; }
.bg4 { background-color: #9abf6a; }
.bg5 { background-color: #0097c6; }
.bg6 { background-color: #fcecef; }
.bg7 { background-color: #e3a0ad; }
.bg8 { background-color: #d36636; }
.bg9 { background-color: #f6fafe;}
.bg10 { background-color: #cc2811;}

/* c */
.c0 { color: #d36636; }
.c1 { color: #0097c6; }
.c2 { color: #9abf6a; }
.c3 { color: #e3a0ad; }
.c4 { color: #fff; }
.c5 { color: #42220d; }
.c6 { color: #d40707; }

.note-txt1 { font-size: 1.3rem; font-weight: bold; color: #ff6b48; }

.imgContents { display: block; transition: .5s all ease-out; }
div.imgContents:hover { opacity: 1; }
.imgContents:hover { opacity: .8; }
.imgContents-inner1 { margin-bottom: 5%; }
.activity-counter{ color: #0097c6; font-weight: bold; font-size: 1.3rem;}
/* qa */
.qa { padding: 1.5% 0 1.5% 1.5%; box-sizing: border-box; cursor: pointer; }
.qa:hover { animation: qa .6s ease; }
.qa-q-ttl { position: relative; box-sizing: border-box; color: #454545; font-size: 1.6rem; font-weight: bold; letter-spacing: 1px; padding-right: 4%; }
.qa-q-ttl:before { content: 'Q.'; color: #233c7c; font-weight: bold; font-size: 1.8rem; padding-right: .5%; }
.qa-q-ttl:after { content: ''; width: 20px; height: 10px; background: url('../img/icon/arrow3.svg') no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; right: 15px; bottom: 0; margin: auto; transition: .6s all ease; transform: rotateX(180deg);}
.qa.on .qa-q-ttl:after { transform: rotateX(0); }
.qa-a { display: none; padding: 2% 1.5% 1.5% 2em; box-sizing: border-box; letter-spacing: 1px; position: relative; }
.qa-a:before { content: 'A.'; position: absolute; top: 26px; left: 0; color: #cc3131; font-weight: bold; font-size: 1.8rem; padding: 0 .5% 0 0; line-height: 1; }
/* .qa-a:after { content: ''; clear: both; display: table; } */
@keyframes qa {
	30% {opacity: .5;}
	100% {opacity: 1;}
}

/* bnr */
.bnr { display: block; transition: .5s ease-out }
.bnr:hover { opacity: .7; }
.bnr-txts { color: #454545; box-sizing: border-box; padding: 5%;}
.bnr-txts-ttl { font-size: 2.0rem; font-weight: bold; letter-spacing: 1px; margin-bottom: 2%; }
.bnr-txts-txt { font-size: 1.4rem; }
.bnr-txts-btn { position: absolute; bottom: 15px; right: 15px; background-color: #fff; border-radius: 10px; padding: 1% 4%; line-height: 1; font-size: 1.2rem; font-weight: bold; letter-spacing: 1px; }
.bnr-ph { position: relative; overflow: hidden;}
.bnr-ph img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 100%;}

/* timeSchedule */
.timeSchedule { display: flex; justify-content: space-between; }
.timeSchedule2 { font-size: 1.3rem; }
.timeSchedule-inner2 { border: solid 1px #42220d; box-sizing: border-box; margin-right: 1%; padding: 1% 1.5%;  display: flex; flex-direction: column; position: relative; z-index: 0; width: calc(95% / 5); float: left; }
.timeSchedule-inner2:before,.timeSchedule-inner2:after { content: ''; position: absolute; top: 0; bottom: 0; right: -20px; width: 0; height: 0; margin: auto;  }
.timeSchedule-inner2:before { border: solid 10px transparent; border-left: solid 10px #fff; z-index: 2;}
.timeSchedule-inner2:after { border: solid 10px transparent; border-left: solid 10px #42220d; right: -21px; z-index: 1; }

.timeSchedule-inner { border: solid 1px #42220d; box-sizing: border-box; margin-right: 2%; padding: 1% 1.5%; width: 100%; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 0; }
.timeSchedule-inner:before,.timeSchedule-inner:after { content: ''; position: absolute; top: 0; bottom: 0; right: -20px; width: 0; height: 0; margin: auto;  }
.timeSchedule-inner:before { border: solid 10px transparent; border-left: solid 10px #fff; z-index: 2;}
.timeSchedule-inner:after { border: solid 10px transparent; border-left: solid 10px #42220d; right: -21px; z-index: 1; }

.timeSchedule-inner2.last:before,.timeSchedule-inner2.last:after { display: none; }

.timeSchedule-inner:last-of-type { margin-right: 0; }
.timeSchedule-inner:last-of-type:before,.timeSchedule-inner:last-of-type:after { display: none; }

.timeSchedule-inner2 .timeSchedule-inner-ttl,.timeSchedule-inner2 .timeSchedule-inner-txt { font-size: 1.4rem; }
.timeSchedule-inner-ttl { font-size: 1.6rem; color: #42220d; font-weight: bold; }
.timeSchedule-inner-txt { font-size: 1.6rem; color: #454545; }

.slick-main { margin-bottom: 2%; }
.slick-main-contents { position: relative; }
.slick-main-contents-btn { position: absolute; bottom: 20px; right: 20px; text-align: center; background-color: #233c7c; color:#fff; display: block; font-size: 1.6rem; z-index: 1; padding: 1.5% 3%; transition: .5s all ease-out; line-height: 1; letter-spacing: 2px; }
.slick-main-contents-btn:hover { background-color: #fff; color:#233c7c;}
.slick-thum .slick-slide { cursor: pointer; transition: .5s all ease-out; }
.slick-thum .slick-slide:hover { opacity: .7; }
.slick-thum .slick-slide { margin: 0 .5% }
.slick-thum .slick-slide.many { margin: 0 .2% }
/* .slick-thum .slick-slide:first-of-type { margin-left: 0;}
.slick-thum .slick-slide:last-of-type { margin-right: 0;} */

.point { max-width: 1060px; margin: 0 auto 60px; padding: 0 0 5% ; }
.point-txt { position: relative; width: 100%; font-size: 1.6rem; color: #43230e; }
.point-txt-inner { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; display: inline-block; }
.point-txt-inner.on { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 100%; }

.point-txt-inner_nosumaho{ -webkit-writing-mode: lr-tb; -ms-writing-mode: lr-tb; writing-mode: lr-tb; display: inline-block; }
.point-txt-inner_nosumaho.on { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 60%; }
@media screen and (min-width:480px) { 
.point-txt-inner_nosumaho{ -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; display: inline-block; }
.point-txt-inner_nosumaho.on { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 100%; }
}
.point-txt-inner_nosumaho_room{ -webkit-writing-mode: lr-tb; -ms-writing-mode: lr-tb; writing-mode: lr-tb; display: inline-block; }
.point-txt-inner_nosumaho_room.on { position: static; }
@media screen and (min-width:480px) { 
.point-txt-inner_nosumaho_room{ -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; display: inline-block; }
.point-txt-inner_nosumaho_room.on { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 100%; }
}

.point-ballon { border: solid 1px #42220d; box-sizing: border-box; text-align: center; color: #42220d; width: 80%; padding: 6% 0; margin: 0 auto 20%; position: relative; }
.point-ballon:before,.point-ballon:after { content: ''; position: absolute; width: 0; border: solid 10px transparent; border-top: solid 10px #42220d; bottom: -20px; right: 0; left: 0; margin: 0 auto; }
.point-ballon:after { bottom: -19px; border-top: solid 10px #fff; }

.point-ballon_room { border: solid 1px #42220d; box-sizing: border-box; text-align: center; color: #42220d; width: 80%; padding: 6% 0; margin: 0 auto 20%; position: relative; }
.point-ballon_room:before,.point-ballon_room:after { content: ''; position: absolute; width: 0; border: solid 10px transparent; border-top: solid 10px #42220d; bottom: -20px; right: 0; left: 0; margin: 0 auto; }
.point-ballon_room:after { bottom: -19px; border-top: solid 10px #fff; }
@media screen and (max-width:480px) { 
.point-ballon_room { border: solid 1px #42220d; box-sizing: border-box; text-align: center; color: #42220d; width: 80%; padding: 6% 0; margin: 0 auto 10%; position: relative; }
.point-ballon_room:before,.point-ballon_room:after { content: ''; position: absolute; width: 0; border: solid 10px transparent; border-left: solid 10px #42220d;  bottom: 10vw; left:31.6vw; right:0; margin: 0 auto; }
.point-ballon_room:after {left: 31.4vw; bottom: 10vw; border-left: solid 9px #fff; }
}




.point-ballon-txt1 { font-size: 1rem; }
.point-ballon-txt2 { font-size: 2.4rem; font-weight: bold; }

#fb-root { display: none; }

/* footer */
.footer-outer1 { background-color: #e6effb; }
.footer-inner1 { max-width: 769px; margin: 0 auto; padding: 3% 0; text-align: center; }
.footer-inner1-contents {line-height: 1; display: inline-block; vertical-align: top;  color: #233c7c;  }

.footer-inner1-tel {position: relative;margin-right: 5%;padding-left: 30px;pointer-events: none;}
.footer-inner1-tel:before {position: absolute; top: 2px; left: 0; width: 25px; height: 25px;  content: ''; background: url('../img/icon/tel.svg') no-repeat; }
.footer-inner1-tel-txt { text-align: left; }
.footer-inner1-tel-txt1 {font-size: 3rem;  font-weight: bold; margin-bottom: 3%; }
.footer-inner1-tel-txt2 { font-size: 1.2rem; }

.footer-inner1-contact { font-size: 2rem; position: relative; padding: 0 0 0 45px; transition: .5s all ease-out; text-align: left; }
.footer-inner1-contact:hover { opacity: .5; }
.footer-inner1-contact:before {position: absolute; top: 0; left: 0; width: 34px; height: 24px;  content: ''; background: url('../img/icon/mail.svg') no-repeat; }

.footer-inner2-bnr { transition: .5s all ease-out;  text-align: center; max-width: 876px; margin: 0 auto 1.5%; }
.footer-inner2-bnr:hover { opacity: .6; }

.footer-outer2 { background-color: #fff; }
.footer-inner2 { padding: 2% 0; }

.accordion1-contents { display: flex; max-width: 876px; margin: 0 auto; justify-content: space-around; align-items: center; }
.footer-inner2-links li { transition: .5s all ease-out; }
.footer-inner2-links li:hover { opacity: .5; }

.footer-outer3 { background-color: #f4f4f4; }
.footer-inner3 { padding: 3% 0; text-align: center; }
.footer-inner3 a {font-size: 1.4rem;  color: #666; }
.footer-inner3-list li {line-height: 1; display: inline-block; margin-right: 5px; padding-right: 5px; border-right: 1px solid #666; }
.footer-inner3-list li:last-of-type {margin-right: 0; padding-right: 0;  border-right: none; }
.footer-inner3-list a { transition: .3s all ease-out; }
.footer-inner3-list a:hover { opacity: .5; }

.footer-inner3-list1 { margin-bottom: .5%; }
.footer-inner3-list2 { margin-bottom: 1%; }

.footer-address { font-size: 1.4rem; text-align: center; color: #666; }

.footer-outer4 {position: relative; background-color: #233c7c; }
.footer-inner4 { padding: 30px 0 20px; }
.footer-logo { transition: .5s all ease-out;  text-align: center; width: calc(223px / 1.5); height: calc(54px / 1.5); margin: 0 auto 1%; }
.footer-logo img { width: 100%; height: auto; }
.footer-logo:hover { opacity: .6; }
.footer-copy {font-size: 1.2rem; text-align: center; color: #fff; }

.footer-mitsui {position: absolute; right: 10px; bottom: 20px;  width: calc(420px / 3); height: calc(66px / 3); }

#topscroll {display: none; position: fixed; right: 0; bottom: 0;  width: 63px; height: 63px; background-color: #514f49; transition: .5s all ease-out; cursor: pointer; z-index: 10; }

#topscroll:hover { opacity: .8 !important; }

#topscroll:before { width: 20px; height: 10px; background: url('../img/icon/arrow.svg') no-repeat; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

/* reservation */
.reservation { display: flex; justify-content: center; padding: 45px 0 60px; font-size: 1.6rem; color: #666;}

#reservation-formSyukuhaku { float: left; }

.reservation-label { display: block; position: relative; color: #666; font-size: 1.6rem; }
.reservation-icon { transition: .5s all ease-out; }
.reservation-icon:hover { opacity: .6; }

.reservation-label:before,.reservation-label:after { content: ''; position: absolute; top: 50%; left: -25px; transform: translate(-50%,-50%); border-radius: 50%; transition: .3s all cubic-bezier(0.18, 0.89, 0.32, 1.28); }
.reservation-label:before { width: 18px; height: 18px; background-color: #d6d3d3; }
.reservation-label:after { width: 0; height: 0; background-color: #514f49; }
.reservation-radio:checked ~ .reservation-label:after { width: 10px; height: 10px; }

.reservation-syukuhakuIcon { width: calc(76px / 2); height: calc(68px / 2); margin:0 auto; display: block; }
.reservation-hikoukiIcon { width: calc(150px / 2); height: calc(68px / 2); margin:0 auto; display: block; }

/* .reservation-selects { float: left; width: 260px; margin: 10px 15px 0 0; } */
.reservation-selects { margin-right: 30px;}
.reservation-inner { float: left; padding-left: 0; }
.reservation-radio { display: none; }
.reservation-sykuhaku { margin-right: 40px; margin-left: 40px; }
.reservation-label-txt { display: block; text-align: center; line-height: 1.3em; padding-top: 3px; /* min-height: 2.6em; */ }
.reservation-label-txt em { font-size: 80%; }
.reservation-form-syukuhaku,.reservation-form-haku,.reservation-form-ninzu { float: left; margin-right: 10px; }
.reservation-form-syukuhaku { width: 164px; position: relative; }
.reservation-form-ninzu { margin-right: 10px; }

.reservation-form-submit,.hikouki-form-submit { background-color: #514f49; float: left; color: #fff; width: 200px; letter-spacing: 3px; text-align: center; padding: 7px 0; cursor: pointer; transition: .5s all ease-out; margin-right: 20px; }
.reservation-form-submit { margin-top: 22px; }
.hikouki-form-submit { position: relative; top: 25px; }
.hikouki-form-submit.submit2 { right: 0; }
.reservation-form-submit:hover { opacity: .8; }
.hikouki-forms { display: none; }

.reservation select,.reservation input,.popupReservation-select select { -webkit-appearance: none; appearance: none; cursor: pointer; border: solid 1px #ccc; line-height: 1; padding: 10px 20px 10px 10px; box-sizing: border-box; height: 38px; background-color: #fff; }
.reservation select::-ms-expand,.popupReservation-select select::-ms-expand { display: none; }
.reservation-calendar { width: 164px; height: 38px; }
.reservation-form-select { position: relative; cursor: pointer; }
.reservation-children { outline: none; pointer-events: none; }
.reservation-children option { display: none; }
.reservation-form-select:before { content: ''; width: 14px; height: 7px; background: url('../img/icon/arrow2.svg') no-repeat; position: absolute; top: 50%; right: 0; transform: translate(-50%,-50%); }
.reservation-form-syukuhaku .ui-datepicker-trigger { position: absolute; top: 70%; right: 0; transform: translate(-50%,-50%); }

/* .reservation-outer { float: left; max-width: 100%; } */
.hikouki-form-select { max-width: 200px; margin-bottom: 3%; }
#hikouki-form-select-box { width: 100%; }
.hikouki-airport { float: left; margin-right: 10px; }
.reservation-outer .reservation-form-syukuhaku { width:auto; }
.reservation-outer .reservation-calendar { width: 150px; }
.plan-link { font-size: 0.8em; float: none; clear: both; }
.plan-link a { color: #666; text-decoration: underline; }
.plan-link a:hover { text-decoration: none; }

#insta-window { width: 400px !important; padding: 0px !important;}
.iswd-images-item { width: 47.76786% !important;}
#insta_gallery { max-height: 385px; overflow: hidden; overflow-y: scroll;}
.iswd-copyright-wrapper { display: none;}

.instafeed-ph { position: relative; width: 50%; float: left; box-sizing: border-box; border: solid 1px #fff; transition: .5s all ease-out; height: 190px; background-color: #fff; overflow: hidden; }
.instafeed-ph img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.instafeed-ph:hover { opacity: .8; }
#instafeed .instafeed-ph:nth-of-type(odd) { border-left: none; }
#instafeed .instafeed-ph:nth-of-type(even) { border-right: none; }
.sumahoSns { display: none; }
.sumahoReservation-contents,.sumahoMenu-contents { display: none; }
.instagram-box { box-sizing: border-box; padding: 0.93px; border: 1px solid #e1e1e1; border-top: none; background-color: #fff;}
.ui-datepicker select.ui-datepicker-year, .ui-datepicker select.ui-datepicker-month { border: none; background-color: #fff;}

.tabs {display: table;text-align: center;font-size: 1.8rem;line-height: 1.3;table-layout: fixed; width: 100%;}
.tabs-btn { display: table-cell; color: #fff; box-sizing: border-box; border:solid 1px #233c7c; cursor: pointer; border-right:none; padding: 1% 0; vertical-align: middle; transition: .5s all ease-out; letter-spacing: 1px; position: relative; background-color: rgba(35, 60, 124,.3); }
.tabs-btn.on,.tabs-btn.on:hover { background-color: #233c7c; color:#fff; }
.tabs-btn:before { content: ''; position: absolute; bottom: -17px; right: 0; left: 0; margin: auto; width: 0; border: solid 10px transparent; border-top: solid 10px #233c7c; transition: none; opacity: 0; }
.tabs-btn.on:before { bottom: -20px; opacity: 1; transition: .2s all ease-out; }
.tabs-btn:hover { background-color: rgba(35, 60, 124,.7); color: #fff; }
.tabs .tabs-btn:last-of-type { border-right: solid 1px #233c7c; }
.tab-contents { border: solid 1px #233c7c; border-top: none; padding: 4% 4%; box-sizing: border-box; }
.tab-contents-ttl { font-size: 2.2rem; text-align: center; font-weight: bold; }
.tab-contents-ttl.typeA {margin-bottom: 2%;}
.tab-contents-txt { text-align: center; font-size: 1.6rem; line-height: 1.8; /*letter-spacing: 1px;*/ }
.tab-contents-txt.typeA { margin-bottom: 5%; }


.tab-contents2{ padding: 4% 0%; border: none}
.tabs-btn2{display: table-cell;color: #fff;box-sizing: border-box;border: solid 1px #233c7c;cursor: pointer;border-right: none;padding: 1% 0;vertical-align: middle;transition: .5s all ease-out;letter-spacing: 1px;position: relative;background-color: rgba(35, 60, 124,.3);border: solid 2px white;}
.tabs-btn2.on,.tabs-btn2.on:hover { background-color: #233c7c; color:#fff; border: solid 2px white; box-shadow: 0px 8px 20px 5px rgba(0, 0, 0, 0.3);transition: border 0.1s ease-out 0.1s;}
.tabs-btn2:before { content: ''; position: absolute; bottom: -17px; right: 0; left: 0; margin: auto; width: 0; border: solid 10px transparent; border-top: solid 10px #233c7c; transition: none; opacity: 0; }
.tabs-btn2.on:before { bottom: -20px; opacity: 1; transition: .1s all ease-out; }
.tabs-btn2:hover { background-color: rgba(35, 60, 124,.7); color: #fff;}
.tabs .tabs-btn2:last-of-type { border-right: solid 1px white; }


#schedule.typeA { width: 50%; margin: 0 auto; }
#schedule.typeA .schedule-inner-date{ width: auto; }
#schedule.typeA .schedule-timetable-inner { background-color: #fff; }

.schedule-tab {display: flex; width: 100%; justify-content: space-between; margin-bottom: 3%; }
.schedule-tab-btn { background-color: #f8f8f8; font-size: 1.6rem; border: solid 1px #dfdfdf; width: 100%; text-align: center; padding: 2% 0; cursor: pointer; border-right: none; font-weight: bold; line-height: 1; position: relative; letter-spacing: 1px; transition: .5s all ease-out; box-sizing: border-box;}
.schedule-tab-btn:hover { background-color: #233c7c; color: #fff; }
.schedule-tab-btn:before { content: ''; position: absolute; bottom: 0; right: 0; left: 0; margin: auto; width: 0; border: solid 10px transparent; border-top: solid 10px #233c7c; transition: none; opacity: 0; }
.schedule-tab-btn.on:before { bottom: -20px; opacity: 1; transition: .2s all ease-out; }
.schedule-tab-btn.on { background-color: #233c7c !important; color:#fff!important; }

.schedule-tab .schedule-tab-btn:last-of-type { border-right: solid 1px #dfdfdf; }
.schedule-contents-ttl { font-size: 2rem; color: #454545; margin-bottom: 1%; font-weight: bold; text-align: center; }
.schedule-inner-date { font-size: 1.4rem; color: #454545; width: 15%; font-weight: bold; position: relative; }
.schedule-inner-date:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: 60%; background-color: #dfdfdf; }
.schedule-timetable-outer { display: flex; justify-content: space-between; font-size: 1.4rem; }

.schedule-inner { width: 100%; }
.schedule-inner th,.schedule-inner td { padding: .8% 0; border-top: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf; }
.schedule-inner .schedule-timetable { padding: .8% 0 .8% 1.3%; }
.schedule-inner .schedule-timetable.typeA { padding: 0; }
.schedule-timetable-inner { text-align: center; width: 100%; padding: .5% 1%; box-sizing: border-box; border-right: 10px solid #fff; }
.schedule-timetable-inner.typeA { padding: 1%; box-sizing: border-box; border-right: 1px solid #fff; }
.schedule-timetable-inner.typeA:nth-of-type(odd) { position: relative; }
.schedule-timetable-inner.typeA:nth-of-type(odd):before { content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: 0; background-color: #dfdfdf;}
.schedule-timetable-inner.typeA.schedule-timetable-inner_top:nth-of-type(odd):before,.schedule-timetable-inner.typeA:first-of-type:before { display: none;}

.schedule-timetable-inner.typeA.schedule-timetable-inner_top { padding: 0; box-sizing: border-box; border-right: 1px solid #fff; border-left: solid 1px #dfdfdf; font-size: 1.2rem; letter-spacing: 0; }
.schedule-timetable-inner.typeA.schedule-timetable-inner_top.halfHour { border-left: none;}
.schedule-inner td.schedule-timetable_top.typeA { border-top: none; padding: 0; font-weight: bold; }
.schedule-tr-lastTime th,.schedule-tr-lastTime td { border-bottom: none;}
.schedule-timetable-inner0 { background-color: #fff; }
.schedule-timetable-inner1 { background-color: #badde3; }
.schedule-timetable-inner2 { background-color: #9ed2e7; }
.schedule-timetable-inner3 { background-color: #9ed1d6; }
.schedule-timetable-inner4 { background-color: #88bce2;}
.schedule-timetable-inner5 { background-color: #7fc4ca; }
.schedule-timetable-inner6 { background-color: #61b4bc; }
.schedule-timetable-inner7 { background-color: #9dd2e2; }
.schedule-timetable-inner_maru { background-color: #88bce2; }
.schedule-timetable-inner_start { /*background-image: linear-gradient(to right, #fff 25%, #88bce2 );*/ background-color: #d2ecff; }
.schedule-timetable-inner_end { /*background-image: linear-gradient(to left, #fff 25%, #88bce2 );*/ background-color: #d2ecff; }

.schedule-inner th.schedule-inner-date_top { border-top: none; color: #fff; padding: 0; }
.schedule-inner th.schedule-inner-date_top:before { display: none; }

.tide-time { width: 50px; height: 18px; display: inline-block; margin-right: 5px; line-height: 1.5; }
.tide-time.tide1 { background-color: #d2ecff; }
.tide-time.tide2 { background-color: #88bce2; }

/* inner */
.inner1 { margin-bottom: 5%; }
.inner2 { margin-bottom: 8%; }
.otherInner1 { margin-bottom: 5%; }
.roomMap-txts { display: none; text-align: center; margin-bottom: 5%; }


@media screen and (max-width: 1770px) {
	/* .mainContents-movie1 { height: 60vh; } */
	.mainContents-movie1 video { height: auto; }
}
.sitemap a { color: #233c7c; }
.sitemap a:hover { color: #3d67d2; }
.sitemap ul { margin-left:1.5em; margin-bottom:0.5em; }
.sitemap li { text-indent: -0.8em; margin-left: 1em; }
ul.lv1 li:before { content: '\02022'; font-family: 'FontAwesome'; margin-right: 0.4em; color: #233c7c; }
ul.lv2 li:before { content: '\f0da'; font-family: 'FontAwesome'; font-size: 90%; margin-right: 0.4em; color: #233c7c; }
ul.lv3 li:before { content: '\f105'; font-family: 'FontAwesome'; font-size: 90%; margin-right: 0.4em; color: #233c7c; }


@media screen and (max-width: 1760px) {
	.header-nav-btn-txt-br { display: block; }
}
@media screen and (max-width: 1650px) {
	.topMainContents { height: auto; }
	.topMainContents-slider { width: 100%; height: auto; }
}
@media screen and (max-width: 1570px) {
/* .topMainContents-slider video { width: 100%; height: 100%; } */
/* .mainContents { height: 80vh; } */
.mainContents.mainContentsSlider { height: auto; }
}
@media screen and (max-width: 1550px) {
	.header-nav-logo img { width: calc(145px / 1.5); height: calc(35px / 1.5);}
}
@media screen and (max-width: 1450px) {
	.header-nav-list { font-size: 1.2rem; }
	/* .header-nav-list.header-nav-activity { font-size: 1.1rem; } */
	/* .mainContents-movie1 { height: 45vh; } */
}
@media screen and (max-width: 1310px) {
	.contents-inner,.contents-inner1,.selection-inner,.iyashi-outer,.contents-inner2 { width: 95%; margin: 0 auto; }
	.qa-a:before { top: 25px; }
	.reservation { flex-direction: column; align-items: center; }
	.reservation-selects { margin: 0 0 30px 0; }
	#reservation-formSyukuhaku { margin-bottom: 50px; }
	.air-discount { float: none; clear: both; display: flex; justify-content: center; top: 0; }
}
@media screen and (max-width: 1210px) {
	.header-nav-reservation-txt1 { display: block; padding-right: 0; }
}
@media screen and (max-width: 1110px) {
	.header-nav-logo img { width: calc(145px / 2); height: calc(35px / 2); }
}

@media screen and (max-width: 1047px) {
	/* .mainContents-movie1 { height: 30vh; } */
}

@media screen and (max-width: 1024px) {
	.information-outer { width: 90%; margin: 0 auto; padding: 10% 0; }
	.selection-outer,.iyashi-outer { width: 90%; margin: 0 auto; }
	.contents-inner,.contents-inner1,.contents-inner2 { width: 95%; margin: 0 auto; }
	.roomMapBalloon { display: none !important;}
	.roomMap-btn { flex-direction: column; padding: 1% 0 0; }
	.roomMap-tabletSumahoBtn { display: block; width: 100%; background-color: #fff; color: #233c7c; text-align: center; padding: 2% 0; }

	.roomMap-btn { width: calc(98% / 2); margin: 0 calc(2% / 1) calc(2% / 1) 0; padding: 4% 0; font-size: 1rem; }
	.roomMap-btn.hover { background-color: #233c7c; color:#fff; }
	/* .roomMap-btn.on { padding-bottom: 0;} */
	.roomMap-btn:nth-of-type(5n) { margin-right: calc(2% / 1); }
	.roomMap-btn:nth-of-type(4n) { margin-right: 0; }
	.roomMap-btn:hover { background-color: #233c7c; color: #fff; }
	.roomMap-tabletSumahoBtn { display: none; background-color: #fff; width: 100%; color: #233c7c; padding: 10% 0; }
	.roomMap-btn.on .roomMap-tabletSumahoBtn { margin-top: 10% !important; }
	.reservation-selects { float: none; margin: 0 auto; margin: 0 auto 20px auto; }
	.reservation-outer { margin: 0 auto; float: none; }
	.reservation-outer { max-width: 900px; }
	.reservation-form-submit, .hikouki-form-submit { width: 170px; }
}

@media screen and (max-width: 1000px) {
	.roomMap { margin-bottom: 5%; overflow-x: scroll;}
	/* .centertou { overflow-x: scroll; } */
	.roomMapOuter { width: 95%; margin: 0 auto; }
	.moonage .fc-past, .moonage .fc-today, .moonage .fc-future { height: auto; }
	.moonage-img { width: 100%; height: auto; }
	/* .air-discount { width: 10em; top: -15px; font-size: 0.8em; text-align: center; }
	.air-discount .jal_sakitoku { margin-bottom: 15px; } */
}

@media screen and (max-width: 876px) {
	.reservation-selects { float: none; margin: 0 auto; margin: 0 auto 20px auto; }
	.reservation-outer { margin: 0 auto; float: none; }
	.reservation-form-submit,.hikouki-form-submit { /*float: none; clear: both;*/ }
	.hikouki-form-submit { top: 22px; }
	/*.reservation-form-submit { margin-top: 0; }*/
	.reservation-form-syukuhaku,.reservation-form-haku,.reservation-form-ninzu { width: auto; /*margin-right: 5%;*/ margin-bottom: 5%; }
	/*.reservation-form-ninzu { margin-right: 0; }*/
	.hikouki-airport, .reservation select, .reservation input { width: auto; }
	/*.reservation-form-submit, .hikouki-form-submit { margin: 0 auto 5%; }*/
	.hikouki-form-submit.submit2 { right: 0; }
	.hikouki-form-select { max-width: 100%; }
	.coupon { float: none; text-align: center; top: 0; width: 40%; margin: 0 auto; padding: 5% 0;}
	.air-discount { width: 20em; float: none; position: relative; top: -45px; left: 169px; font-size: 0.8em; overflow: hidden; text-align: center; /*margin: 0 auto;*/ }
	/* .jal_sakitoku, .ana_supervalue { width: 10em; float: none; position: static; margin: 20px auto 0; } */

}

/* iPad横 */
@media screen and (orientation: landscape) and (max-width: 1024px) and (max-height: 768px){
	.mainContents { overflow: visible; }
	.movieContents-outer { top: 45%; width: 100%; height: 75%; }
	.movieContents-outer video { width: 100%; height: 100%; }
	.movieContents-closeBtn { bottom: 40px; }
	.movieContents2-outer { top: 45%; width: 100%; height: 75%; }
	.movieContents2-outer video { width: 100%; height: 100%; }
	.movieContents2-closeBtn { bottom: 40px; }
	.bnr-txts-ttl { margin-bottom: 0;}
}
/* iPad縦 */
@media screen and (max-width: 768px) {
	.qa-a:before { top: 15px; }
	.ttl17 { font-size: 1.5rem; }
	.ttl17.typeA { margin-bottom: 5%; }
	.mainContents { overflow: visible; }
	/* .mainContents-movie1 { height: 30vh; } */
	.mainContents-movie1 video { height: 100%; }
	.noMainImg { padding-top: 136px; }
	.label2-txt { top: 0; right: 0; transform: rotate(0); }
	.scalingBtn { position: absolute; top: 5px; left: 5px; }
	.scalingBtn-common { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; box-sizing: border-box; border:solid 1px #ddd; font-size: 1.8rem; font-weight: bold; color: #555; background-color: #fff; transition: .3s all ease-out; }
	.scalingBtn-up { border-bottom: none; }
	.roomMap-img { width: 190%; transition: .3s ease-out; }
	.centertou-img { width: 100%; }
	.roomMap-img.mapScale3 { width: 280%; }
	.roomMap-img.mapScale2{ width: 250%; }
	.roomMap-img.mapScale1 { width: 220%; }
	.roomMap-img.mapScale-1 { width: 160%; }
	.roomMap-img.mapScale-2 { width: 130%; }
	.roomMap-img.mapScale-3 { width: 100%; }
	.roomMap-img.mapSelect { width: 250%; }
	.footer-mitsui { width: calc(420px / 3); height: calc(66px / 3);}
	.tabletInner1 { margin-bottom: 10%; }
	.header-nav-list.header-nav-logo,.header-navOuter.on .header-nav-list { width: calc(100% / 5); opacity: 1; }
	.header-nav-list { width: calc(100% / 5); font-size: 1.4rem; }
	.header-nav-list.header-nav-activity { font-size: 1.4rem; line-height: 1.5; }
	.header-nav-logo img { width: calc(145px / 1.2); height: calc(35px / 1.2); }
	.centerof8silands { bottom: 170px; }
	.footer-copy { font-size: 1rem; }
	.footer-inner3 { padding: 10% 0; }
	.instagram,.facebook { margin-bottom: 10%; }
	.facebook { text-align: center; }
	.header-nav-reservation-txt1 { line-height: 1.5; }
	.centerof8silandsMovie-contents { width: 90%; height: 43%; }
	.btn4 { font-size: 1.5rem; padding: 5% 0; }
	.btn1 { font-size: 1.2rem; }
	.path { display: none; }
	.ttl9 { font-size: 1.2rem; }
	.btn5 { font-size: 1.3rem; padding: 5% 5% 12%; font-weight: bold; }
	.btn5.typeA { padding: 10% 5% 20%; }
	.btn5.typeB { padding: 10% 5% 20%; }
	.btn5:after { top: auto; bottom: 10px; left: 0; right: 0; margin: auto; transform: translate(0);}
	.mainContents-movie { top: 34%; }
	.roomMap-btn { width: calc(96% / 4); margin: 0 calc(4% / 3) calc(4% / 3) 0; padding: 2% 0; font-size: 1rem; }
	.roomMap-btn.hover { background-color: #233c7c; color:#fff; }
	/* .roomMap-btn.on { padding-bottom: 0;} */
	.roomMap-btn:nth-of-type(5n) { margin-right: calc(4% / 3); }
	.roomMap-btn:nth-of-type(4n) { margin-right: 0; }
	.roomMap-btn:hover { background-color: #233c7c; color: #fff; }
	.roomMap-tabletSumahoBtn { display: none; background-color: #fff; width: 100%; color: #233c7c; padding: 10% 0; }
	.roomMap-btn.on .roomMap-tabletSumahoBtn { margin-top: 10% !important; }
	.information-outer { width: 90%; margin: 0 auto; padding: 10% 0; }
	.selection-outer,.iyashi-outer { width: 90%; margin: 0 auto; }
	.mainContents3-movie { top: 34%; }
	.topMainContents { padding-bottom: 136px; }
	.bnr-txts { padding: 3%; }
}

@media screen and (max-width: 600px) {
	.topmovieVimeo { display: none; }
	.topMainContents.topIframeVimeo { height: 100vh; margin-top: 55px; }
	.topIframeVimeo .topmovieVimeo { display: block; width: 100%; height: 100%; margin: 0 auto; overflow: hidden; }
	.topmovieVimeo { padding-bottom: 0;}
	.topmovieVimeo-iframe { position: relative; height: 134%; top: unset; bottom: 170px;}
	.moonage .fc-row { display: flex; }
	.moonage .fc-past, .moonage .fc-today, .moonage .fc-future { width: calc(100% / 3); background-color: #233c7c; /*height: 128px;*/ }
	.moonage .fc-date { font-size: 15px; }
	.moonage .fc-weekday { color: #fff; }
	.moonage .fc-content ,.moonage .fc-future,.moonage .fc-past { border-bottom: solid 1px #fff; border-left: solid 1px #fff; }
	.moonage .fc-calendar { display: flex; flex-wrap: wrap; }
	.moonage .scheduleCalendar-ui-common:hover { color: #fff; background-color: #233c7c; }

	.reservation-form-submit,.hikouki-form-submit { background-color: #233c7c; }
	.reservation-form-submit { margin-top: 0; }
	.hikouki-form-submit { top:0; }
	.hikouki-airport, .reservation select, .reservation input { width: 100% !important; }
	.reservation-form-ninzu { margin-right: 0; }
	.jal_sakitoku, .ana_supervalue, .peach { width: 33%; float: left; position: static; margin: 15px auto 0; font-size: 0.7em; text-align: center; line-height: 1.3em; }
	.air-discount { margin: 0 auto; }
	.plan-link { padding-top: 10px; }
	.coupon { width: 100%; }

	.schedule-outer { overflow-x: scroll; }
	.schedule-inner.typeA { width: 1100px; }
	.schedule-contents-sumahoTxt { text-align: center; margin-bottom: 5%; }
	/* .scheduleScroll { overflow-x: scroll;} */
	.noMainImg .header-logo { display: block; }
	html { font-size: 62.5%; }
	body,.noMainImg { padding-top:55px; }
	body#toppage { padding-top:0; }
	.mainContents-movie1 { height: auto; }
	.topMainContents { padding-bottom: 0; }
	.centertou { width: 95%; margin: 0 auto 8%; } 
	.ttl4-txt3 { position: relative; top: 0; right: 0; display: block; }
	.topMainContentsSumaho { width: 100%; height: 100vh; position: relative; }
	/* .topMainContentsSumaho-movie { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); vertical-align: top; } */
	.topMainContentsSumaho-movie { width: 100%; height: auto; position: absolute; top: 55px; left: 0; right: 0; margin: auto; transform: none; }
	.roomMap-sumahoTxt { font-size: 1.1rem; margin-bottom: 5%; text-align: center; color: #FF6600; }
	.roomMap-btn { width: calc(98% / 2); margin: 0 calc(2% / 1) calc(2% / 1) 0; padding: 4% 0; }
	.roomMap-btn:nth-of-type(5n) { margin-right: calc(2% / 1); }
	.roomMap-btn:nth-of-type(even) { margin-right: 0; }
	.point-inner { margin-bottom: 0; }

	
	@media screen and (min-width:480px) { 
	.point-inner { margin-bottom: 20%; }
	}
	.room_point-inner { margin-bottom: 7em!important; }
	
	.accordion2-contents-inner { display: none; }

	.tabletInner1 { margin-bottom: 0; }
	.sumahoTxtLeft { text-align: left; }
	.list4 li { font-size: 1.2rem; }
	.hotelLogo { margin: 0 auto 10%; }
	.hotelLogo:last-of-type { margin-bottom: 0; }
	.accordion1 { width: 75%;	margin: 0 auto; }
	.btn2 { padding: 3%; font-size: 1.3rem; letter-spacing: 0; }
	.btn2:before { right: 2px; }
	/* .accordion1-contents .hotelLogo:last-of-type { margin-bottom: 0; } */
	.bnr-txts-ttl { font-size: 1.6rem; margin-bottom: 3%; }
	.bnr-txts-txt { font-size: 1.2rem; }
	.bnr-txts { padding: 6%; }
	.bnr-ph img { position: relative; top: 0; left: 0; transform: translate(0); }
	.mainContents.mainContentsSlider { height: auto; }
	.mainContentsSlider-inner { height: 100%; }
	.mainContentsSlider-inner .slick-list { height: 100%; }
	/* .mainContentsSlider-inner .fit { width: auto; height: 100%; } */
	.mainContentsSlider-inner .slick-track { height: 100%; }
	.mainContents3-movie-btn:hover { background-color: transparent; border: solid 2px #fff; }
	.mainContents3-movie-btn:hover:before { border-left: solid 15px #fff;}
	.mainContents3-movie-contents { width: 95%; }
	/* .mainContents { height: 80vh; } */

	.mainContents-movie { top: 60%; }
	.mainContents-movie-contents-inner::-webkit-media-controls {display:none !important;}
	.mainContents-movie-contents-inner::-webkit-media-controls-start-playback-button {display: none!important; -webkit-appearance: none;}

	.mainContents2-movie-btn:hover { background-color: transparent; border: solid 2px #fff; }
	.mainContents2-movie-btn:hover:before { border-left: solid 15px #fff;}
	.mainContents2-movie-contents { width: 95%;  }
	.mainContents2 { height: 80vh; }
	.mainContents2 .mainContents-img { width: auto; height: 100%; }
	.mainContents2-movie { top: 55%; }
	.mainContents2-movie-contents-inner::-webkit-media-controls {display:none !important;}
	.mainContents2-movie-contents-inner::-webkit-media-controls-start-playback-button {display: none!important; -webkit-appearance: none;}

	.mainContents3-movie { top: 60%; }
	.mainContents3-movie-contents-inner::-webkit-media-controls {display:none !important;}
 .mainContents3-movie-contents-inner::-webkit-media-controls-start-playback-button {display: none!important; -webkit-appearance: none;}
	.slick-thum .slick-slide { margin: 0 .2%; }
	.selection .selection-sectionSumaho { display: none; }
	.selection-btn { margin-top: 5%; }
	#topscroll { width: 45px; height: 45px; }
	.footer-mitsui { display: none; }
	.footer-logo { width: calc(223px / 1.8); height: calc(54px / 1.8); margin: 0 auto 3%; }
	.footer-logo img { width: 100%; height: auto; }
	.footer-inner2-bnr { display: none; }
	.centerof8silands { display: none; }
	.header-navOuter { display: none; }
	.langEn { display: none; }
	header { position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(35,60,124,0.8); height: 55px; z-index: 1000; }
	.header-logo { width: calc(223px / 2); height: calc(54px / 2); padding: 15px 0 0 15px; float: left; }
	.header-logo img { width: 100%; height: auto; }
	.topMainContents { height: 100vh; }
	.reservation { display: none; }
	.information { background: #f4f4f4; }
	.ttl1 { font-size: 1.6rem; }
	.ttl1.typeB { margin-bottom: 8%; }
	.information-contents-table { font-size: 1.3rem; }
	.information-contents-th { padding-right: 4%; width: 1%; display: block; margin-bottom: 2%; }
	.information-contents-cell { display: block; }
	.information-contents-table { margin-bottom: 8%; }
	#topNews { font-size: 1.3rem; }
	.topNewsBox { margin-bottom: 5%; padding-bottom: 5%; border-bottom: 1px dashed #aaa; }
	.topNewsBox a { padding-left: 0; display: block; margin-top: 1%; }
	div#topNews div:nth-child(n + 4) { display: none; }

	.selection-contens { width: 96%; margin: 0 auto; box-sizing: border-box; padding-right: 3%;}
	.selection-contens:before { content: ''; position: absolute; width: calc(16px / 1.5); height: calc(8px / 1.5); background: url('../img/icon/arrow2.svg') no-repeat; transform: translate(-50%,-50%) rotate(-90deg); top: 50%; right: 0%; background-size: contain; }
	.selection-contens:after { content: ''; display: table; clear: both; }
	
	.selection-contens-img { width: 47.5%; margin-right: 4%; float: left; margin-bottom: 0; }
	.selection-contens-txts { width: 47.5%; float: left; }
	.selection-contens-ttl { text-align: left; font-size: 1.4rem; margin-bottom: 3%; }
	.selection-contens-txt { font-size: 1.1rem; }
	.limited-balloon-top { position: static; }
	.limited-balloon-top .balloon_ba, .limited-balloon-activity .balloon_ba, .load { width: 60px; height: 67px; }
	.limited-balloon-top .balloon_ba { left: 0px; }
	.limited-balloon-activity .balloon_ba { left: -5px; }
	

	.selection-outer { width: 100%; padding: 10% 0; }
	.selection-inner { margin-bottom: 0; }

	.iyashi { background-color: #fff; }
	.iyashi-outer { padding: 5% 0; }

	.sp-btMenu { display: block; }

	.footer-inner1-contents { width: 50%; margin-right: 0; box-sizing: border-box; }
	.footer-inner1-tel-txt1 { font-size: 1.4rem; }
	.footer-inner1-contact { font-size: 1.2rem; }
	.footer-inner1-tel-txt2 { font-size: 1rem; }
	.footer-inner1-contents { display: block; float: left; }
	.footer-inner1-tel {padding-left: 20px;pointer-events: all;}
	.footer-inner1-tel:before { width: calc(25px / 1.5); height: calc(25px / 1.5); -webkit-background-size: contain;	background-size: contain; top: 0;}
	.footer-inner1-contact:before { width: calc(34px / 1.5); height: calc(24px / 1.5); -webkit-background-size: contain; background-size: contain;}
	.footer-inner1-contact { padding: 0 0 0 25px; }
	.footer-inner1 { width: 90%; padding: 8% 0; display: flex; align-items: center; }
	.footer-inner1:after { content: ''; display: table; clear: both; }

	.footer-inner3-list { text-align: left; }
	.footer-inner3-list:before,.footer-inner3-list:after { content: ''; display: table; clear: both; }
	.footer-inner3-list li { width: 50%; display: block; margin-right: 0; padding-right: 0; border-right: none; float: left; }
	.footer-inner3-list1,.footer-inner3-list2 { margin-bottom: 0; }
	.footer-inner3-list2 { margin-bottom: 5%; }
	.footer-inner3 { padding: 3% 0; }
	.footer-inner3 a { font-size: 1.2rem; display: block; padding: 5% 8% 5% 5%; box-sizing: border-box; position: relative; letter-spacing: -1px; }
	.footer-inner3 a:before { content: ''; position: absolute;width: calc(14px / 1.5);height: calc(7px / 1.5);background: url(../img/icon/arrow2.svg) no-repeat; transform: translate(-50%,-50%) rotate(-90deg); top: 50%; right: 1%; -webkit-background-size: contain; background-size: contain; }
	.footer-address { text-align: center; font-size: 1rem; line-height: 1.5; }

	.sumahoSns { width: 98%; margin: 0 auto; display: flex; justify-content: space-around; padding-bottom: 5%; border-bottom: 1px solid #eae9e9; margin-bottom: 5%; }
	.sumahoSns-facebook, .sumahoSns-instagram, .sumahoSns-youtube, .sumahoSns-blog { width: 50px; height: 50px; }
	.sumahoSns-facebook { animation: sns-move1 3s ease infinite normal; }
	.sumahoSns-instagram { animation: sns-move2 3s ease infinite normal; }
	.sumahoSns-youtube { animation: sns-move3 3s ease infinite normal; }
	.sumahoSns-blog { animation: sns-move4 3s ease infinite normal; }

	@keyframes sns-move1 {
		0% {transform: translateY(0px);}
		10% {transform: translateY(-6px);}
		15% {transform: translateY(0px);}
		20% {transform: translateY(-3px);}
		30% {transform: translateY(0px);}
		100% {transform: translateY(0px);}
	}
	@keyframes sns-move2 {
		0% {transform: translateY(0px);}
		20% {transform: translateY(0px);}
		30% {transform: translateY(-6px);}
		35% {transform: translateY(0px);}
		40% {transform: translateY(-3px);}
		50% {transform: translateY(0px);}
		100% {transform: translateY(0px);}
	}
	@keyframes sns-move3 {
		0% {transform: translateY(0px);}
		40% {transform: translateY(0px);}
		50% {transform: translateY(-6px);}
		55% {transform: translateY(0px);}
		60% {transform: translateY(-3px);}
		70% {transform: translateY(0px);}
		100% {transform: translateY(0px);}
	}
	@keyframes sns-move4 {
		0% {transform: translateY(0px);}
		60% {transform: translateY(0px);}
		70% {transform: translateY(-6px);}
		75% {transform: translateY(0px);}
		80% {transform: translateY(-3px);}
		90% {transform: translateY(0px);}
		100% {transform: translateY(0px);}
	}


	footer { display: flex; flex-direction: column; order: 3;}
	.footer-outer1 { order: 1; }
	.footer-outer2 { order: 3; }
	.footer-outer3 { order: 2; }
	.footer-outer4 { order: 4; }

	.accordion1.on { margin-bottom: 5%; }
	.accordion1-contents { display: none; }
	.footer-inner2 { padding: 5% 0; }
	.topContents { display: flex; flex-direction: column; }
	.selection { order: 1; }
	.information { order: 2; }
	.iyashi { order: 3; }
	.sumahoReservationBtn,.sumahoMenuBtn { width: 50px; height: 100%; float: left; letter-spacing: -1px; text-align: center; color: #fff; font-size: 1rem; padding: 3px 0; box-sizing: border-box; position: relative; cursor: pointer; }
	.sumahoReservationBtn:before { content: ''; background: url('../img/icon/reservation.png') no-repeat; width: calc(42px / 2); height: calc(42px / 2); -webkit-background-size: contain;	background-size: contain; position: absolute; top: 12px; left: 0; right: 0; bottom: 0; margin: auto; }
	.sumahoReservationBtn { margin-right: 5px; }
	.sumahoMenuBtn { background-color: #424242; }
	.sumahoMenu { width: 20px; height: 17px; position: absolute; top: 12px; left: 0; right: 0; bottom: 0; margin: auto; }
	.sumahoMenu-line { position: absolute; width: 100%; height: 2px; border-radius: 15px; background-color: #fff; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transition: .2s all ease;}

	.sumahoMenu-top { bottom: auto;}
	.sumahoMenu-bottom { top: auto; }
	.sumahoMenu.on .sumahoMenu-top { transform: rotate(45deg); top: 8px; }
	.sumahoMenu.on .sumahoMenu-center { opacity: 0; left: 15px;}
	.sumahoMenu.on .sumahoMenu-bottom { transform: rotate(-45deg); bottom: 7px; }
	.headerSumahoContents { display: block; float: right; height: 100%; }

	.sumahoMenu-contents { position: fixed; top: 55px; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: #e7eaf3; padding: 0 0 10% 0; display: none; }
	.sumahoMenu-contents .header-navOuter { display: block; position: relative; }
	.sumahoMenu-contents .header-nav-logo { display: none; }
	.sumahoMenu-contents .header-nav-reservation-btn { display: none; }
	.sumahoMenu-contents .header-nav-list { width: 100% !important; float: none; line-height: 1; }
	.sumahoMenu-contents .header-nav-btn { height: auto; padding: 4.5% 3%; font-size: 1.2rem; text-align: left; background-color: #e7eaf3; border: none; border-bottom: solid 1px #c8cddb; }
	.sumahoMenu-contents .header-nav-btn:before { display: none; }
	.sumahoMenu-contents .header-nav-btn:after {content: ''; position: absolute;width: calc(14px / 1.5); height: calc(7px / 1.5); background: url(../img/icon/arrow2.svg) no-repeat; transform: translate(-50%,-50%) rotate(-90deg); top: 50%; right: 1%; -webkit-background-size: contain; background-size: contain; }

	.sumahoMenu-contents .header-nav-btn-txt { position: relative; top: auto; left: auto; transform: translate(0); }
	.sumahoMenu-contents .header-nav-btn-txt-br { display: none; }
	.sumahoMenu-contents .header-nav { margin-bottom: 10%; }
	.sumahoMenu-contents .langEn,.sumahoMenu-closeBtn { position: relative; top: 0; right: 0; display: block; width: 70%; margin: 0 auto; background: transparent; color: #333; border: solid 1px #333; margin-bottom: 5%; font-size: 1.2rem; padding: 3% 0; text-align: center; font-weight: normal; }
	.sumahoMenu-closeBtn { margin-bottom: 0; cursor: pointer;}
	.sumahoMenu-closeBtn span { position: relative; line-height: 1; padding:0 0 0 10px;}
	.sumahoMenu-closeBtn span:before { content: ''; width: calc(16px / 2); height: calc(16px / 2); background: url('../img/icon/close.svg') no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 50%; left: 0; transform: translate(-50%,-50%); }

	#reservation-formSyukuhaku { margin-bottom: 5%; }
	.sumahoReservation-contents { position: fixed; top: 55px; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: #e7eaf3; padding: 0 0 10% 0; display: none; }
	.sumahoReservation-contents .reservation { display: block; padding: 0; }
	.sumahoReservation-contents .reservation-inner { margin-right: 0; margin-left: 0; padding: 0; width: 50%; position: relative; }
	.reservation-sykuhaku-kakaku { position: absolute; bottom: 5px; right: 5px; font-size: 1rem; letter-spacing: -1px;	}
	.sumahoReservation-contents .reservation-selects { width: 100%; }
	.sumahoReservation-contents .reservation-icon { margin: 0 5px 0 0; }
	.sumahoReservation-contents .reservation-syukuhakuIcon { width: calc(76px / 4); height: calc(68px / 4); }
	.sumahoReservation-contents .reservation-hikoukiIcon { width: calc(150px / 4); height: calc(68px / 4); }
	.sumahoReservation-contents .reservation-icon,.sumahoReservation-contents .reservation-label-txt { display: inline-block; min-height: auto; }
	.sumahoReservation-contents .reservation-label:before,.sumahoReservation-contents .reservation-label:after { display: none; }
	.sumahoReservation-contents .reservation-label { padding: 10% 0; font-size: 1.2rem; text-align: center; }
	.sumahoReservation-contents .reservation-radio + .reservation-label { background-color: #fff; }
	.sumahoReservation-contents .reservation-radio:checked + .reservation-label { background-color: #e7eaf3; }
	.sumahoReservation-contents .reservation-forms,.sumahoReservation-contents .hikouki-forms { width: 90%; margin: 0 auto; }
	.sumahoReservation-contents .reservation-form-syukuhaku { width: 100%; margin: 0 0 3% 0; }
	.sumahoReservation-contents .reservation-form-haku, .sumahoReservation-contents .reservation-form-ninzu { width: 47.5%; margin-bottom: 5%;}
	.sumahoReservation-contents .reservation-form-submit,.sumahoReservation-contents .hikouki-form-submit { width: 100%; padding: 5% 0; }
	.sumahoReservation-contents .reservation select, .sumahoReservation-contents .reservation input { border-radius: 0; background-color: #fff; }
	.sumahoReservation-contents .header-nav-reservation-txt2 { display: none; }
	.sumahoReservation-contents .reservation-form { margin-bottom: 5%; }
	.sumahoReservation-contents .header-nav-reservation-btn { text-align: center; padding: 3% 0; text-align: center; height: auto; color: #233c7c; border: solid 1px #233c7c; box-shadow: none; background-color: transparent; margin-bottom: 5%;}
	.sumahoReservation-contents .header-nav-reservation-btn + .header-nav-reservation-btn { display: none; }
	.sumahoReservation-contents .header-nav-btn-txt { position: relative; top: 0; left: 0; transform: translate(0); font-size: 1.2rem; }
	.sumahoReservation-contents .sumahoMenu-closeBtn { width: 99%; }
	.sumahoReservation-contents .reservation-form-submit,.sumahoReservation-contents .hikouki-form-submit { font-size: 1.2rem; }
	.hikouki-form-submit.submit2 { right: 0; }
	.sumahoReservation-contents .reservation-form-txt { font-size: 1.2rem; }

	/* .schedule-timetable-inner0 { display: none; } */
	.schedule-tab-btn.on:before { display: none; }
	.schedule-tab-btn { width: calc(100% / 4); float: left; font-size: 1.1rem; line-height: 1.8; padding: 5% 0; transition: none; letter-spacing: 0; }
	.schedule-tab .schedule-tab-btn:nth-of-type(n + 7) { border-top: none;}
	.schedule-tab .schedule-tab-btn:nth-of-type(6) { border-right: solid 1px #dfdfdf; }
	.schedule-tab { display: block; }
	#schedule.typeA { width: 100%; }
	#schedule.typeA .schedule-tab{ width: 100%; display: flex; }
	#schedule.typeA .schedule-timetable-inner { width: 100%; }
	#schedule.typeA .schedule-tab-btn { width: 100%; }
	.schedule-timetable-outer { display: block; font-size: 1.2rem; }
	.schedule-tab:after {content: ''; display: table; clear: both; }
	.schedule-contents-ttl { font-size: 1.5rem; text-align: left; }
	.schedule-inner-date { font-size: 1rem; }
	.schedule-tab-btn:hover { background-color: #f8f8f8; color:#000;}
	.schedule-timetable-inner { width: calc(100% / 3); padding: 2% 1%; float: left; border-right: solid 3px #fff; font-size: 0.9rem; }
	.schedule-timetable-inner.typeA{ width: calc(100% / 4); padding: 2% 1%; float: left; border-right: solid 3px #fff; font-size: 0.9rem; }
	.schedule-timetable.typeA .schedule-timetable-outer { display: flex; }
	.schedule-inner .schedule-timetable { padding: 1.5% 0 1.5% 1%; }
	.schedule-timetable-inner.typeA { width: 100%; padding: .5%; }
	.schedule-timetable-inner.typeA.schedule-timetable-inner0 { display: block; }
	.schedule-timetable-inner.typeA.schedule-timetable-inner_top { font-size: 1rem; }
	.tide-time { height: 12px; line-height: 1; }
	.contents-inner { padding: 10% 0; }

	.table1 th, .table1 td { font-size: 1.2rem; border-left: none; }
	.table1 th { width: 20%; }
	.table1 th:before { height: 100%; background-color: #fff; }
	.table1.oneline th, .table1.oneline td { border-bottom: none; }
	.table1.oneline th:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 1px; height: 100%; background-color: #dfdfdf;}
	.table1.oneline th:before { background-color: #dfdfdf; }

	.table2 th, .table2 td { font-size: 1.2rem; }
	.ttl2 { font-size: 2rem; }
	.ttl3 { font-size: 1.4rem; }
	.ttl4 { font-size: 1.8rem; }
	.ttl5 { font-size: 1.4rem; }
	.ttl11 { font-size: 1.8rem; }
	.ttl12 { font-size: 1.8rem; }
	.ttl13 { font-size: 1.5rem; }
	.txt1,.txt2,.txt3,.txt5,.txt6{ font-size: 1.2rem; }
	.frame1-txt { padding: 5% 4%; font-size: 1.3rem;}
	.frame1 { padding: 6% 3%; }
	.tab-contents-ttl { font-size: 1.6rem; }
	.tab-contents-txt { font-size: 1.3rem; }
	.slick-main-contents-btn { bottom: 10px; right: 10px; font-size: 1.2rem; padding: 15px; letter-spacing: 1px;}
	.tabs-btn:before { display: none; }
	.tabs-btn { display: flex; width: 50%; float: left; padding: 0; height: 60px; font-weight: bold; letter-spacing: 0; align-items: center; justify-content: center; }
	.sumaho-tabs-btn2 { display: flex; width: 20%; float: left; padding: 0; height: 60px; font-weight: bold; letter-spacing: 0; align-items: center; justify-content: center; font-size: 15px;}
	.tabs-btn2.on, .tabs-btn2.on:hover {background-color: #233c7c;color: #fff;border: solid 2px white;box-shadow: 0px 8px 20px 5px rgba(0, 0, 0, 0.3);position: relative;transition: border 0.1s ease-out 0.1s;
	}
	.nav__item--active:before {content: "";position: absolute;bottom: -20px;left: 50%;margin-left: -15px;border: 10px solid transparent;z-index: 2;}
	.tabs-btn2.on:after {content: "";position: absolute;bottom: -20px;left: 50%;margin-left: -17px;border: 12px solid transparent;border-top: 8px solid #233c7c;z-index: 1;right: inherit;top: inherit;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);
	}
	
	.tabs { font-size: 1.1rem; }
	.tabs .tabs-btn:nth-of-type(2) { border-right: solid 1px #233c7c; }
	.tabs .tabs-btn:nth-of-type(-n+2) { border-bottom: none; }
	.tabs .tabs-btn2:nth-of-type(2) { border-right: solid 1px white; }
	.tabs .tabs-btn2:nth-of-type(-n+2) { border-bottom: none; }
	.tabs .sumaho-tabs-btn2:nth-of-type(-n+2) { border-bottom: solid 2px white; }
	.tabs .tabs-btn2:last-of-type {border-right: solid 1px white;}
	.btn3 { font-size: 1.3rem; padding: 3% 0; }
	
	.mainContents3 { padding: 55px 0 0 0; }
	/* .mainContents { padding: 55px 0 0 0; } */

	.spinner1 { margin-bottom: 15%; }
	.spinner2 { margin-bottom: 5%; }
	.spinner3 { margin-bottom: 10%; }
	.spinner4 { margin-bottom: 10% !important; }
	.sptxt1 { text-align: right; display: block; }

	.point-ballon { width: 50%; padding: 3% 0; margin-bottom: 10%; }
	.point-txt { /*text-align: center;*/ font-size: 1.3rem; }
	.point-txt-inner { /*-webkit-writing-mode: horizontal-tb; -ms-writing-mode: tb-rl;  writing-mode: horizontal-tb; display: block;*/ margin-bottom: 10%; }

	.otherInner1,.otherInner2 { margin-bottom: 8%; }
	.timeSchedule { flex-direction: column; }
	.timeSchedule-inner2 { float: none; width: 100%; }
	.timeSchedule-inner,.timeSchedule-inner2 { margin: 0 0 7% 0; padding: 2%; }
	.timeSchedule-inner2 { padding: 5% 2%; }
	.timeSchedule-inner2.last { margin-bottom: 0; }
	.timeSchedule-inner:last-of-type { margin-bottom: 0; margin-right: auto; }
	.timeSchedule-inner:before, .timeSchedule-inner:after,.timeSchedule-inner2:before,.timeSchedule-inner2:after { border: solid 10px transparent; right: 0; top: auto; left: 0; bottom: -20px; }
	.timeSchedule-inner:before,.timeSchedule-inner2:before { border-top: solid 10px #fff; bottom: -19px; }
	.timeSchedule-inner:after,.timeSchedule-inner2:after { border-top: solid 10px #42220d; }
	.timeSchedule-inner-ttl { font-size: 1.4rem; }
	.timeSchedule-inner-txt { font-size: 1.1rem; }
	.timeSchedule-inner { width: 100%; margin: 0 auto 5%; }

	.qa { padding: 7% 3% 7% 2%; }
	.qa-q-ttl { font-size: 1.3rem; padding-right: 5%;}
	.qa-q-ttl:before,.qa-a:before { font-size: 1.3rem; }
	.qa-q-ttl:after { width: 10px; height: 5px; }
	.qa-q-ttl:after { right: 5px; }
	.qa-a { font-size: 1.2rem; padding: 6% 0 0 5%;}
	.qa-a:before { top: 23px; }

	.ttl4 { margin-bottom: 5%; }
	.ttl8.typeA,.ttl8.typeB { margin-bottom: 5%; }
	.ttl8 .ja { font-size: 1.8rem; }
	.ttl8 .en { font-size: 1.3rem; }
	.ttl10 { font-size: 1.1rem; }
	.ttl15 { font-size: 1.8rem; }

	.txt4 { font-size: 1.4rem; }
	.list0 { font-size: 1.2rem; }
	.list0 li,.list1 li { margin-bottom: 1%; line-height: 1.8; font-size: 1.3rem; }
	.list0 li:before,.list1 li:before { top: 10px; bottom: auto; left: 2px }

	.frame2 { padding: 4% 2%; }

	.note-txt1 { font-size: 1.1rem; }
	.annotation1 { font-size: 1.1rem; }
	.schedule-inner th { padding: 3% 2% 3% 0; }
	.schedule-inner-date.typeA { padding: .5%; width: 5%; }
	.label1 { padding: 0 1%; margin-left: 1%; }
	.frame1-label { top: -3px; }
	.frame1-label.typeA {padding: 0;}

	.movieContents-outer,.movieContents-outer video { width: 100%; }
	.movieContents-closeBtn { bottom: 50px; }
	.mainContents-movie-ttl { font-size: 1.5rem; top: -55px; }
	.mainContents-movie-txt { font-size: 1.2rem; }
	.mainContents-movie-btn { width: 50px; height: 50px; }
	.btn1:hover { background-color: #233c7c; color:#fff; }

	.frame5 p { font-size: 1.2rem; }
	.movieContents2-outer,.movieContents2-outer video { width: 100%; }
	.movieContents2-closeBtn { bottom: 50px; }
	.mainContents3-movie-ttl { font-size: 1.5rem; top: -55px; }
	.mainContents3-movie-txt { font-size: 1.2rem; }
	.mainContents3-movie-btn { width: 50px; height: 50px; }

	.btn5.typeB { padding: 5% 5% 10%; }
	.ttl3.typeB { margin-bottom: 8%; }

	/* sp-btMenu */
	ul.sp-btMenu-list { width: 100%; background: #fff; border-top: 1px solid #eae9e9; overflow: hidden; line-height: 1.4; cursor: pointer; }
	ul.sp-btMenu-list li { list-style: none; border-bottom: 1px solid #eae9e9; }
	ul.sp-btMenu-list li a { font-size: 1.4rem; display: block; padding: 5% 8% 5% 15px; box-sizing: border-box; position: relative; color: #454545; line-height: 1em; }
	ul.sp-btMenu-list a:after { content: ''; position: absolute; width: calc(16px / 1.5); height:  calc(8px / 1.5); background: url(../img/icon/arrow2.svg) no-repeat; transform: translate(-50%,-50%) rotate(-90deg); top: 50%; right: 10px; -webkit-background-size: contain; background-size: contain; }
	ul.sp-btMenu-list a:before { content: ""; display: inline-block; margin-right: 5px; width: calc(40px / 2); height: calc(40px / 2); vertical-align: text-bottom; }
	ul.sp-btMenu-list a.bt-ico1:before { background: url(../../img/icon/bt-ico1.png) no-repeat;-webkit-background-size: contain; background-size: contain; }
	ul.sp-btMenu-list a.bt-ico2:before { background: url(../../img/icon/bt-ico2.png) no-repeat;-webkit-background-size: contain; background-size: contain; }
	ul.sp-btMenu-list a.bt-ico3:before { background: url(../../img/icon/bt-ico3.png) no-repeat;-webkit-background-size: contain; background-size: contain; }
	ul.sp-btMenu-list a.bt-ico4:before { background: url(../../img/icon/bt-ico4.png) no-repeat;-webkit-background-size: contain; background-size: contain; }
	ul.sp-btMenu-list a.bt-ico5:before { background: url(../../img/icon/bt-ico5.png) no-repeat;-webkit-background-size: contain; background-size: contain; }
	ul.sp-btMenu-list a.bt-ico6:before { background: url(../../img/icon/bt-ico6.png) no-repeat;-webkit-background-size: contain; background-size: contain; }
	ul.sp-btMenu-list a.bt-ico7:before { background: url(../../img/icon/bt-ico7.png) no-repeat;-webkit-background-size: contain; background-size: contain; }
	ul.sp-btMenu-list a.bt-ico8:before { background: url(../../img/icon/bt-ico8.png) no-repeat;-webkit-background-size: contain; background-size: contain; }
	ul.sp-btMenu-list a.bt-ico9:before { background: url(../../img/icon/bt-ico9.png) no-repeat;-webkit-background-size: contain; background-size: contain; }

	.fc-head { display: none; }
	.scheduleCalendarYearMonth { font-size: 1.8rem; margin-bottom: 5%; }
	.fc-row { display: block; border-top: none; }
	.fc-row:last-of-type { border: none; }
	.fc-past, .fc-today, .fc-future { height: auto; }
	.fc-date { font-size: 1.5em; padding-right: 5px;}
	.fc-weekday { display: inline-block; font-weight: bold; line-height: 1; font-size: .9em; position: relative; bottom: 1px; }
	.fc-emptydate ~ .fc-weekday { color: #ddd;  }
	.scheduleCalendar-ui { margin-bottom: 8%; }
	.scheduleCalendar-ui-common { padding: 15px; transition:none; }
	.scheduleCalendar-ui-common:hover { background: transparent; color: #454545; }
	.fc-body { border-top: solid 1px #233c7c; }
	.fc-row div { border-left: solid 1px #233c7c; border-bottom: solid 1px #233c7c; }
	.fc-emptydateOuter { display: none; }
	.ttl5.typeB { margin-bottom: 7%; }

	.popupReservation-outer { justify-content: center; display: flex; align-items: center; width: 90%; box-sizing: border-box; height: 100%; margin: 0 auto; position: relative; top: auto; left: auto; transform: translate(0); }
/* .popupReservation-outer { justify-content: center; display: flex; align-items: center; height: 100%; } */

	.popupReservation-outer2 { padding-bottom: 20px; height: 100%; overflow-y: scroll; width: 100%; box-sizing: border-box; }
	.popupReservation-select th, .popupReservation-select td { padding: 5px; font-size: 1.2rem;}
	.popupReservation-select th { width: auto; white-space: nowrap; }
	.popupReservation-inner { width: 90%; }
	.popupReservation-children { flex-direction: column; }
	.popupReservation-children-outer { width: 100%; margin-bottom: 10px;}
	.popupReservation-children .popupReservation-children-outer:last-of-type { margin-bottom: 0; }
	.popupReservation-children-inner { display: block; }
	.popupReservation-select select { width: 100%; font-size: 1.6rem; padding: 5px; }
	.popupReservation-price { margin-bottom: 15px; }
	.popupReservation-closeBtn2 { width: 60%; padding: 15px 0; font-size: 1.2rem; }
	.popupReservation-ttl1 { font-size: 1.3rem; padding: 10px 0; }
	.popupReservation-mitei { padding: 5px 0; }
	.popupReservation-txt2 { font-size: 1.1rem; }
	.popupReservation-price-ttl { font-size: 1.2rem; }
	.popupReservation-price-table { font-size: 1.2rem; margin-bottom: 10px; }
	.popupReservation-price-table th, .popupReservation-price-table td { padding: 5px; }
	.popupReservation-mitei-txt { font-size: 1.2rem; }
	.reservation-children { pointer-events: none; }
	.sumahoReservation-contents .reservation-form-haku { width: 100%; }
	.sumahoReservation-contents .reservation-adultOuter { width: 47.5%; margin-right: 5%;}
	.sumahoReservation-contents .reservation-childrenOuter { width: 47.5%; }
}

@media screen and (max-width: 320px) {
	.footer-address { letter-spacing: -0.5px; }
	.voice-list li { margin-right: 0; }
	.footer-inner1-contact { font-size: 1rem; padding: 0 0 0 28px; }
	.selection-contens-ttl { font-size: 1.2rem; }
	.selection-contens-txt { font-size: 1rem; }
	.selectionInner1 { margin-bottom: 10%; }
	.schedule-tab-btn { font-size: 1rem; line-height: 1.8; letter-spacing: -1px;}
	.qa-q-ttl { font-size: 1.1rem; }
	.qa-a { font-size: 1.1rem; }
	.footer-inner3 a { font-size: 1.1rem; }
	.qa-a { font-size: 1.2rem; padding: 6% 0 0 7%;}
	.qa-a:before { top: 20px; }
}

/* iPhoneX */
@media screen and (max-width: 375px) and (min-height: 812px) {
	.topMainContentsSumaho-movie { /*width: auto; height: 180%;*/ width: 100%; height: auto; position: absolute; top: 55px; left: 0; right: 0; margin: auto; transform: none; }
	
}

/* iPhone横 */
@media screen and (orientation: landscape) and (max-width: 812px) and (max-height: 375px){
	.movieContents2-outer { top: 50%; width: 100%; height: 100%; }
	.movieContents2-closeBtn { bottom: 10px; }
}
@media screen and (orientation: landscape) and (max-width: 812px) and (max-height: 414px){
	.topMainContentsSumaho { width: 100%; height: 100vh; }
	.topMainContentsSumaho-movie { width: 100%; height: auto; }
}


/* 島チャリ散歩 */
.mincho { font-family: "nav", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
#shima-cycling .mincho { color:#233c7c; font-size: 3rem; font-weight: bold; letter-spacing: 1px; }
#shima-cycling .contents-outer.pa { background: url(../../activity/sanpo/img/main/bg_img.jpg) no-repeat fixed; background-size: 100%; }
.course { background-color: rgba(0,0,0,0.4); overflow: hidden; padding: 25px; margin: 5% 0; box-sizing: border-box; }
.course .ttl-cource { color: #FFF; font-size: 2rem; line-height: 1.1em; }
.course .ttl-cource span { font-size: 1.2rem; }
.s-course { width: 80%; margin: 0 auto; }
.s-course dt { background-color: #fff; color: #233c7c; text-align: left; height: 30px; line-height: 30px; border-radius: 30px; text-shadow: none; font-size: 16px; margin-bottom: 7px; padding-left: 20px; font-weight: bold; }
.s-course dd { color: #FFF; text-align: left; margin-bottom: 7px; position: relative; padding-left: 20px; }
.s-course dd:before { width: 20px; height: 10px; transform: scale(1, -1); background: url(../img/icon/arrow.svg) no-repeat; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
@media screen and (max-width: 600px) {
	#shima-cycling .contents-outer.pa { background: url(../../activity/sanpo/img/main/bg_img.jpg) no-repeat center top; background-size: cover; }	
}

/* 星空ナビ */
#star-nav .mincho { color:#233c7c; font-size: 3.5rem; font-weight: bold; letter-spacing: 1px; }
#star-nav .contents-outer.pa { background: url(../../activity/sky/img/main/bg1.jpg) no-repeat fixed; background-size: 100%; padding: 8% 0; }
#star-nav .tx-white { color: #FFF; line-height: 1.7em; text-shadow: #000 0px 0px 10px; }
#star-nav .qa-q-ttl:before, #star-nav .qa-a:before { content: none; }
#star-nav .qa-a { padding: 2% 1.5% 1.5% 0; }
#star-nav .tab-contents { border: none; padding: 30px 0 0; }
.lp-ttl { color: #233c7c; }
.lp-ttl .en { vertical-align: sub; font-family: 'Pinyon Script',serif; letter-spacing: -4px; font-size: 8rem; }

@media screen and (max-width: 1024px) {
#star-nav .contents-outer.pa { min-height:400px; background: url(../../activity/sky/img/main/bg1.jpg) no-repeat center top; background-size: cover; padding: 6% 0; }
}
@media screen and (max-width: 600px) {
.mincho { font-size: 2rem !important; line-height: 1.4em; }
.s-course { width: 100%; }
.lp-ttl .en { font-size: 4.5rem; }
}

/*covid19*/
.notice-frame { background-color: #fdf2ea; padding: 30px; }
.fl-ttl1 { font-size: 2.2rem; font-weight: bold; }
.fl-ttl1 span { font-size: 1.8rem; display: inline-block;}
@media screen and (max-width: 600px) {
	.notice-frame { padding: 15px; }
	.fl-ttl1 { font-size: 1.8rem!important; }
	.fl-ttl1 span { font-size: 1.5rem; line-height: 1.2em;}
}

/*vimeo*/
.nav-video { position: relative; height: 0; padding: 0 0 56.25%; overflow: hidden; }
.nav-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* 鳥アニメ */

.bird {
	display: none;
	position: absolute;
	top: 90px;
	z-index: 999;
	
}

/* GO TO Travel*/
.goto-img{
	width: 70%;
	height: auto;}

	@media screen and (max-width: 600px) {
	.goto-img{
		width: 50%;
	}
	}

/*リンクボタン、矢印追加*/
.btn-square { display: inline-block; padding: 0.5em 1em; text-decoration: none; background: #668ad8; color: #FFF; border-bottom: solid 4px #627295;	border-radius: 3px; font-size: 16px; }
.btn-square:active { -webkit-transform: translateY(4px); transform: translateY(4px); border-bottom: none; }

.btn-gradient-simple { display: inline-block; padding: 0.5em 1em; text-decoration: none; border-radius: 3px; font-weight: bold;	color: #FFF; background-image: linear-gradient(45deg, #709dff 0%, #b0c9ff 100%); transition: .4s; font-size: 16px; }
.btn-gradient-simple:hover { background-image: linear-gradient(45deg, #709dff 50%, #b0c9ff 100%); }

.arrow-move { width: 100%; position: relative;}
.arrow-move a.arrow-black { padding-top: 70px; }
a.arrow-black span { display: block; position: absolute; top: 0; left: 50%; width: 24px; height: 24px; margin-left: -12px; border-left: 2px solid #999; border-bottom: 2px solid #999; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb 1.5s infinite; animation: sdb 1.5s infinite; box-sizing: border-box; backface-visibility:hidden;-webkit-backface-visibility:hidden; overflow:hidden; box-shadow:5px 5px 5px 5px #FFF;}
@-webkit-keyframes sdb { 
	0% { -webkit-transform: rotate(-45deg) translate(0, 0); opacity: 0; }
	30% { opacity: 1; }
	100% { -webkit-transform: rotate(-45deg) translate(-20px, 20px); opacity: 0; }
}
@keyframes sdb {
	0% { transform: rotate(-45deg) translate(0, 0); opacity: 0; }
	30% { opacity: 1; }
	100% { transform: rotate(-45deg) translate(-20px, 20px); opacity: 0; }
}