@charset "utf-8";
.temporary{padding: 40px}

body { color : #000; }

a:link { color : #000; }
a:visited { color : #000; }
a:hover { color : #4e6619; }
a:active { color : #4e6619; }

.lb { padding-bottom : 3px; }
.lb a:link { border-bottom : 1px solid #4e6619; }
.lb a:visited { border-bottom : 1px solid #4e6619; }
.lb a:hover { border-bottom : 3px double #be0014; }
.lb a:active { border-bottom : 3px double #be0014; }
.lb li { margin-bottom : 5px; }
.lbh { padding-bottom : 1px; }
.lbh a:hover { border-bottom : 1px solid #be0014; }
.lbh a:active { border-bottom : 1px solid #be0014; }
.lbh li { margin-bottom : 1px; }

.nb a:link { border : none; }
.nb a:visited { border : none; }
.nb a:hover { border : none; }
.nb a:active { border : none; }

.intxt p { margin-bottom : .8em; }
.highlight { transition : .5s opacity ease-out; }
.highlight:hover { opacity : .6; }

body { padding : 120px 0 0 0; }
body.toppage { padding: 0; }

.sumahoHeader,.sumahoMenuContents,.sumahoMenuContents { display: none; }

.preloader { position : fixed; width : 100%; height : 100%; background-color : #fff; z-index : 100; top : 0; left : 0; }
.preloader.on { box-sizing : border-box; }
.preloader:before { top : 0; left : -150px; }
.preloader:after { right : -150px; bottom : 0; transform : rotate(180deg); }
.preloader:before,.preloader:after { position : absolute; content : ""; transition : 5s all linear; }
.preloader.on:before,.preloader.on:after { width : 480px; height : 240px; background : url("../img/bgimg/bgimg1.png") no-repeat; }
.preloader.on:before { left : 0; }
.preloader.on:after { right : 0; }

.preloader.end:before,.preloader.end:after { transition : 2s all cubic-bezier(.45, .05, .55, .95); }


.preloader-logo { position : absolute; width : calc(572px/1.5); height : calc(160px/1.5); margin : auto; background : url("../../img/logo1.png") no-repeat; -webkit-background-size : contain; background-size : contain; opacity : 0; z-index : 5; top : 0; right : 0; bottom : 0; left : 0; transition : 2s all cubic-bezier(.45, .05, .55, .95); transform : scale(1.1); }
.preloader-logo.on { opacity : 1; transform : scale(1); }
.preloader-logo.end { opacity : 0; transform : scale(1.7); }

.preloader-outer,.preloader-inner { position : relative; width : 100%; height : 100%; }
.preloader-outer:before,.preloader-outer:after { position : absolute; width : 0; height : 20px; background-color : #4e6619; content : ""; transition : 1.2s all ease-in; }
.preloader-inner:before,.preloader-inner:after { position : absolute; width : 20px; height : 0; background-color : #4e6619; content : ""; transition : 1.2s 1.2s all ease-in; }
.preloader-outer:before { top : 0; left : 0; }
.preloader-outer:after { right : 0; bottom : 0; }
.preloader-inner:before { top : 0; left : 0; }
.preloader-inner:after { right : 0; bottom : 0; }
.preloader.on .preloader-outer:before,.preloader.on .preloader-outer:after { width : 100%; }
.preloader.on .preloader-inner:before,.preloader.on .preloader-inner:after { height : 100%; }

/* header */
.toppage header { display: none; }
header { position : fixed; width : 100%; background-color : #fff; z-index : 50; top : 0; left : 0; box-shadow : 0 1px 20px 0 #ccc; }
header.on .header-nav { font-size : 1em; }
header.on .header-nav .header-nav-txt { padding : 0 15px; }
header.on .header-nav .reservationBtn-txt { padding : 0 20px 0 50px; }
header.on .header-logo { width : calc(572px/3); height : calc(160px/3); margin : 15px 0 0 25px; }
header.on .header-nav .header-nav-txt { height : 90px; }
.header-logo,.header-nav-txt { transition : .5s all ease-out; }
.header-logo { float : left; width : calc(572px/2); height : calc(160px/2); margin : 15px 0 0 25px; }
.header-logo a { display : block; }
.header-nav { float : right; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size : 1.2em; }
.header-nav li { float : left; letter-spacing : 1px; }
.header-instagram { height: 120px; display: flex; align-items: center; justify-content: center; margin: 0 30px 0 10px;}
.header-instagram img {width: 50px; height: 50px;}

header.on .header-instagram { height: 90px; }

.header-pr { float : left; padding-top:15px; padding-left:40px; width : 400px; }

.header-nav-txt:before { transition : .3s all ease-out; }
.header-nav-txt { position : relative; font-weight : bold; }
.header-nav-txt:after { position : absolute; width : 80%; height : 0; margin : auto; background-color : #4e6619; right : 0; bottom : 0; left : 0; content : ""; transition : .3s all cubic-bezier(.39,.58,.57,1); }

.header-nav-txt.active,.header-nav-txt:hover { color : #4e6619; }
.header-nav-txt.active:after,.header-nav-txt:hover:after { height : 4px; }
.reservationBtn-txt.header-nav-txt:hover:after { height : 0; }
.reservationBtn { color : #fff; background-color : #cc9768; cursor : pointer; transition : .5s background-color ease-out; }
.reservationBtn:hover { background-color : #4e6619; }
.reservationBtn.on { background-color : #4e6619 }
.reservationBtn-txt:hover { color : #fff; }
.header-nav .header-nav-txt { display : table-cell; box-sizing : border-box; height : 120px; padding : 0 20px; vertical-align : middle; }
.header-nav .reservationBtn-txt { position : relative; padding : 0 20px 0 60px; }
.reservationBtn-icon { position : relative; }
.reservationBtn-icon:before { position : absolute; width : calc(42px/2); height : calc(48px/2); background : url("../img/icon/reservation.png") no-repeat; background-size : contain; top : 20%; left : -50%; content : ""; }

/* .topicpath */
.topicpath { position : relative; width : 100%; background-color : #f4f4f4; font-size : .9em; }
.topicpath ol { position : relative; text-align : left; margin : 0 auto; padding : 1em 0 1em 2em; }
.topicpath li { float : left; margin-right : 5px; }
.topicpath a { position : relative; display : inline-block; color : #4e6619; }
.topicpath a:before { position : absolute; width : 0; height : 1px; background-color : #4e6619; bottom : 0; left : 0; content : ""; transition : .5s all ease; }
.topicpath a:hover:before { width : 100%; }
.topicpath ol li em { padding : 0 .5em; }

/* .contents */
.contents_outer { position : relative; width : 100%; background-position : center center; }
.contents_inner0 { position : relative; width : 1400px; text-align : left; margin: 0 auto; padding : 5% 0; box-sizing: border-box;}

.contents_inner { position : relative; width : 1040px; text-align : left; margin : 0 auto; padding : 5% 0; }
.contents_inner1 { position : relative; width : 1400px; text-align : left; margin-left : auto; padding : 0 80px 0 0; box-sizing: border-box;}
.contents_inner1.typeA { position : relative; width : 1400px; text-align : left; margin: 0 auto; padding : 0; box-sizing: border-box;}
.contents_inner2 { position : relative; padding : 5% 0; }
.contents_inner3 { position: relative; width: 1760px; margin: 0 auto; top: -80px;}
.contents_inner4 { padding: 5% 0 8%; }
.contents_inner5 { position : relative; width : 1040px; text-align : left; margin : 0 auto; padding : 8% 0; }

.tab-img { position : relative; overflow : hidden; cursor : pointer; }
.tab.typeA .tab-img-txt { width: 90%; font-size: 1.2em;}
.tab-img:before { position : absolute; width : 100%; height : 100%; background-color : rgba(0,0,0,.7); top : 0; left : 0; content : ""; }
.tab-img:after { position : absolute; width : 100%; height : 0; background-color : rgba(78,102,25,.7); opacity : 0; top : 50%; left : 50%; content : ""; transition : .3s all ease-out; transform : translate(-50%, -50%); }
.tab-img.on:after { height : 100%; opacity : 1; }
.tab-img-txt { position : absolute; text-align : center; color : #fff; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size : 1.5em; z-index : 1; top : 50%; left : 50%; transition : .3s all cubic-bezier(.39,.58,.57,1); transform : translate(-50%,-50%); letter-spacing : 1px; }
.tab-img:hover .tab-img-txt { top : 53%; }
.tab-img.on:hover .tab-img-txt { top : 50%; }

.tab-img-txt:before { position : absolute; width : calc(32px / 2); height : calc(20px / 2); margin : auto; background : url("../img/arrow/white.png") no-repeat; -webkit-background-size : contain; background-size : contain ; right : 0; bottom : -1em; left : 0; content : ""; }

.tab-img1 { position : relative; overflow : hidden; cursor : pointer; }
.tab-img1:before { position : absolute; width : 100%; height : 100%; background-color : rgba(0,0,0,.7); top : 0; left : 0; content : ""; }
.tab-img1:after { position : absolute; width : 100%; height : 0; background-color : rgba(78,102,25,.7); opacity : 0; top : 50%; left : 50%; content : ""; transition : .3s all ease-out; transform : translate(-50%, -50%); }
.tab-img1.on:after { height : 100%; opacity : 1; }
.tab-img1-txt { position : absolute; text-align : center; color : #fff; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; z-index : 1; top : 50%; left : 50%; transition : .3s all cubic-bezier(.39,.58,.57,1); transform : translate(-50%,-50%); letter-spacing : 1px; }
.tab-img1:hover .tab-img1-txt { top : 53%; }
.tab-img1.on:hover .tab-img1-txt { top : 50%; }

.tab-img-txt:before { position : absolute; width : calc(32px / 2); height : calc(20px / 2); margin : auto; background : url("../img/arrow/white.png") no-repeat; -webkit-background-size : contain; background-size : contain ; right : 0; bottom : -1em; left : 0; content : ""; }

.tab-outer { padding-top: 5%;}
.tab-inner { position : relative; width : 1040px; margin : 0 auto; }
/* .tab-contents-outer { display: none; } */
.tab-contents-outer.on { display : block; }
.tab-contents-inner { box-sizing : border-box; width : 1470px; padding : 80px 0 80px 80px; }
.tab-contents-left,.tab-contents-right { float : left; }
.tab-contents-left { width : 840px; margin-right : 80px; }
.tab-contents-right { width : 470px; }
.tab-close { position : absolute; display : inline-block; display : none; box-sizing : border-box; width : 10%; text-align : center; margin : auto; padding : 20px 50px; color : #fff; background-color : #cc9768; line-height : 1; z-index : 5; right : 0; bottom : -20px; left : 0; cursor : pointer; transition : .3s all cubic-bezier(.39,.58,.57,1); letter-spacing : 1px; }
.tab-close:hover { background-color : #4e6619; }
.tab-close span { position : relative; padding-right : .5em; }
.tab-close span:before,.tab-close span:after { position : absolute; width : 15px; height : 2px; background-color : #fff; top : 50%; right : -30%; content : ""; transition : .3s all cubic-bezier(.39,.58,.57,1); transform : translate(-50%,-50%); }
.tab-close span:before { transform : rotate(45deg); }
.tab-close span:after { transform : rotate(-45deg); }

.aiBnr { position: absolute; bottom: 20px; right: 20px; z-index: 10; }

/* qa */
.qa { box-sizing : border-box; border : solid 1px #ccc; line-height : 1; cursor : pointer; letter-spacing : 1px; }
.qa-q { font-weight : bold; }
.qa-q,.qa-a { position : relative; box-sizing : border-box; padding : 30px 65px 30px 70px; }
.qa-q:after { position : absolute; width : calc(32px / 2); height : calc(20px/2); background : url("../img/arrow/green.png") no-repeat; -webkit-background-size : contain; background-size : contain; top : 45%; right : 25px; content : ""; transition : .6s all cubic-bezier(.39,.58,.57,1); }
.qa.on .qa-q:after { transform : rotateX(180deg); }

.qa-a:after { position : absolute; width : 0; height : 1px; margin : auto; background-color : #4e6619; top : 0; right : 0; left : 0; content : ""; transition : .5s all cubic-bezier(.39,.58,.57,1); }
.qa.on .qa-a:after { width : 87%; }
.qa-inner { position : relative; box-sizing : border-box; line-height : 1.5; }

.qa-q:before,.qa-a:before { position : absolute; width : 0; height : 0; margin : auto; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size : 1.5em; font-weight : bold; line-height : 0; top : 4px; bottom : 0; left : 30px; }

.qa-q:before { color : #4e6619; content : "Q."; }
.qa-a:before { color : #cc9768; content : "A."; }

.qa.on .qa-q:hover:before { transform : none; }
.qa-q:hover:before { transition : .5s all cubic-bezier(.39,.58,.57,1); transform : rotateX(360deg); }
.qa-a { display : none; }

.zoomAnim { overflow: hidden; }
.zoomAnim img { animation: 10s zoomanim ease-out alternate infinite; }
@keyframes zoomanim {
	0%{transform: scale(1);}
	100%{transform: scale(1.02);}
}

/* flexslider */
.topMainSlider { position: relative; }
.topMainSlider .flex-control-nav { display: none; }
/* 特典期間終わったら、こちらに戻す↓ */
/* .topMainSlider-center { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10; background-color: rgba(78,102,25,0.8); color: #fff; padding: 4% 3%; } */
.topMainSlider-center { display: none; position: absolute; top: 30%; left: 50%; transform: translate(-50%,-50%); z-index: 10;  color: #fff;  }
.topMainSlider-info { position: absolute; top: 4%; left: 22%; z-index: 10; }
.topMainSlider-center .w80p { width: 80%; }
/* .topMainSlider-center:before,.topMainSlider-center:after { width: calc(480px/2); height: calc(240px/2); content: ''; position: absolute; } */
/* .topMainSlider-center:before { background: url('../img/footer/footerbg2.png'); top: 0; right: 0; -webkit-background-size: contain;
background-size: contain;} */
.topMainSlider-center:after { background: url('../img/footer/footerbg1.png'); bottom: 0; left: 0; -webkit-background-size: contain;
background-size: contain;}

/* url("../img/footer/footerbg1.png") bottom left no-repeat, #4e6619 url("../img/footer/footerbg2.png") top right no-repeat */

.topMainSlider-pr { position:absolute; top:16%; left:2%; z-index : 11; }
.title-deco{ background-color: #fff; color: rgba(32,44,92,0.8);border-radius: 15px;
}

/* 特典期間終わったら、こちらに戻す↓ */
/* .topMainSlider-txt { font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size: 2.6em; line-height: 2; letter-spacing: 3px; text-align: center; margin-bottom: 5%;} */
.topMainSlider-txt { font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size: 1.6em; line-height: 1.5; letter-spacing: 3px; text-align: center; margin-bottom: 5%;}
.topMainSlider-logo { width: calc(640px/2); height: calc(112px/2); }
/* .topMainSlider .slides { height: 100vh; } */
.topMainSlider li { height: 100%; }
/* .topMainSlider .slides img { position: absolute; transform: translate(-50%,-50%); width: 100%;} */

.flexslider-main .flex-direction-nav {  }
.flexslider-main .flex-direction-nav li { position : absolute; width : 80px; height : 80px; background-color : #fff; z-index : 10; top : 0; left : -5%; cursor : pointer; transition : .3s all cubic-bezier(.39,.58,.57,1); box-shadow : 0 1px 2px 0 #ccc; }
.flexslider-main .flex-direction-nav li:last-of-type { right : -5%; left : auto; }
.flexslider-main .flex-direction-nav li:before { position : absolute; width : calc(32px/2); height : calc(20px/2); margin : auto; background : url("../img/arrow/green.png") no-repeat; -webkit-background-size : contain; background-size : contain; top : 0; right : 0; bottom : 0; left : 0; content : ""; transition : .3s all cubic-bezier(.39,.58,.57,1); transform : rotate(90deg); }
.flexslider-main .flex-direction-nav li:last-of-type:before { transform : rotate(-90deg); }

/* .flexslider-main .flex-direction-nav li:hover { left : -5.5%; } */
.flexslider-main .flex-direction-nav li:hover:last-of-type { right : -5.5%; left : auto; }
.flexslider-main .flex-direction-nav li:hover:before { left : -4px; }
.flexslider-main .flex-direction-nav li:hover:last-of-type:before { left : 4px; }
.flexslider-main .flex-direction-nav a { position : relative; display : block; width : 100%; height : 100%; margin : 0; opacity : 1; top : 0; right : auto; }
.flexslider-main .flex-direction-nav a:before { display : block; font-family : none; font-size : 0; content : ""; }

.flexslider1.tabtype { float : left; width : 840px; }
.flexslider1:after { content: ''; display: table; clear: both;}
.flexslider-main { position : relative; margin-bottom : 10px; }
.flexslider-thum { float : right; }
.flexslider-thum li { position : relative; margin-right : 10px; cursor : pointer; }
.flexslider-thum li:before { position : absolute; width : 100%; height : 100%; background-color : rgba(0, 0, 0, .5); top : 0; left : 0; content : ""; transition : .5s all ease-out; }
.flexslider-thum li:hover:before,.flexslider-thum li.flex-active-slide:before { background : transparent; }
.flexslider-thum li:last-of-type { margin-right : 0; }
.flexslider-thum .thumSize1 li { width: 70px !important; }

.flexslider-thum .slides { transform : none!important; }

.flex-direction-nav .flex-prev { left : 0; }
.flex-direction-nav .flex-next { right : 0; }

.flexslider-caption { position : absolute; box-sizing : border-box; width : 100%; padding : 20px 30px; color : #fff; background-color : rgba(0,0,0,.5); font-size : 1.3em; z-index : 5; bottom : 0; left : 0; letter-spacing : 1px; }

.slick1 a { display: block; }
.slick1-img { margin-bottom: 5%; transition: .5s all ease-out;}
.slick1-inner:hover .slick1-img { opacity: .8; }
.slick1-ttl { font-size: 1.2em; font-weight: bold; color: #4e6619; margin-bottom: 5%; letter-spacing: 1px; }
.slick-slide { margin: 0 20px; }
.slick1-txt { color: #000 !important; font-size: 1.1em;}
.slick1-inner:hover .slick1-ttl { text-decoration: underline; }
.slick1-arrow { position : absolute; width : 80px; height : 80px; background-color : #fff; z-index : 10; top : 80px; left : -3%; cursor : pointer; transition : .5s all cubic-bezier(.39,.58,.57,1); box-shadow : 0 1px 2px 0 #ccc; }
.slick1-next { right : -3%; left : auto; }
.slick1-arrow:hover { background-color: #4e6619; }
.slick1-arrow:hover:before { background-image: url("../img/arrow/white.png"); }
.slick1-arrow:before { position : absolute; width : calc(32px/2); height : calc(20px/2); margin : auto; background : url("../img/arrow/green.png") no-repeat; -webkit-background-size : contain; background-size : contain; top : 0; right : 0; bottom : 0; left : 0; content : ""; transition : .3s all cubic-bezier(.39,.58,.57,1); transform : rotate(90deg); }
.slick1-next:before { transform : rotate(-90deg); }

/* table */
table.type1 { font-size : 1.1em; border-spacing : 0; border-collapse : collapse; letter-spacing : 1px; }
table.type1 th { color : #111; background-color : #f4f4f4; border : 1px solid #ccc; font-weight : bold; white-space : nowrap; }
table.type1 td { color : #111; background-color : #fff; border : 1px solid #ccc; }

th.bg1,td.bg1 { color : #111; background-color : #858298 !important; }
th.bg2,td.bg2 { color : #111; background-color : #857770 !important; }
th.bg3,td.bg3 { color : #111; background-color : #c7b65d !important; }
th.bg4,td.bg4 { color : #111; background-color : #939393 !important; }

.mainimg { overflow : hidden; }
.mainimg-txt { position : absolute; width : 100%; text-align : center; color : #fff; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size : 2.3em; top : 50%; left : 50%; transform : translate(-50%,-50%); letter-spacing : 2px; }

.mainimg-sub { width: 50%; text-align: center; background-color: #fff; color: #000; font-size: 15px; margin: 0 auto; box-sizing: border-box; padding: 2% 0; font-family: "NotoSans", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; letter-spacing: 0; margin-top: 10px; }

/* .ttl */
.ttl1 { color : #4e6619; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size : 2.3em; font-weight : bold; letter-spacing : 3px; }
.ttl1.typeA,.ttl2.typeA,.txt2.typeA { margin-bottom : 10%; }
.ttl1.typeB { margin-bottom : 5%; }
.ttl2 { position : relative; margin-bottom : 5%; color : #000; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size : 1.7em; font-weight : bold; letter-spacing : 2px; }
.ttl2:before { position : absolute; width : 80px; height : 2px; background-color : #4e6619; bottom : 0; bottom : 0; left : 0; content : ""; }
.ttl2:after { display : block; width : 100%; height : 2px; margin-top : 3%; background-color : #ccc; content : ""; }
.ttl3 { position : relative; color : #4e6619; font-size : 1.4em; }
.ttl3:after { display : block; width : 100%; height : 1px; margin-top : 10px; background-color : #ccc; content : ""; }
.ttl4 { color : #4e6619; font-size : 1.2em; font-weight : bold; letter-spacing : 2px; }

/* list */
ul.type1 { line-height : 1; }
ul.type1 li { position : relative; margin-bottom : 15px; padding : 0 0 0 1em; }
ul.type1 li:before { position : absolute; width : 7px; height : 7px; background-color : #4e6619; top : 8px; left : 0; content : ""; transform : translate(-50%,-50%); border-radius : 50%; }

/* .frame */
.frame1 { box-sizing : border-box; padding : 40px; background-color : #fff; border : solid 1px #4e6619; }
.frame1_1 { box-sizing : border-box; padding : 30px 40px; background-color : #fff; border : solid 1px #4e6619; }
.frame2 {display: block; background-color: #fff; overflow: hidden;}
.frame2,.frame2-inner,.frame2-ttl,.frame2-btn,.frame2-txt,.frame2-btn span:before,.frame2 img { transition: .5s all ease-out; }
.frame2:hover { background-color: #4e6619; }
.frame2:hover .frame2-inner { background-color: #4e6619; }
.frame2:hover .frame2-ttl,.frame2:hover .frame2-txt { color: #fff; }
.frame2:hover .frame2-btn span:before { background: url("../img/arrow/green.png") no-repeat; -webkit-background-size: contain;
background-size: contain;}
.frame2:hover .frame2-btn { background-color: #fff; color: #4e6619;}
.frame2:hover img { transform: scale(1.03); }

.frame2-outer { box-sizing: border-box; padding: 0 40px;}
.frame2-inner { background-color: #fff; box-sizing: border-box; padding: 40px; position: relative; top: -40px;}
.frame2-ttl { font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; color: #4e6619; text-align: center; font-size: 2em; margin-bottom: 3%;}
.frame2-txt { margin-bottom: 3%; font-size: 1.3em; line-height: 2; text-align: center;}
.frame2-video { width: 100%; height: auto; }
.frame2-btn { display: block; color: #fff; background-color: #cc9768; width: 30%; margin:0 auto; padding: 2% 0; text-align: center; font-size: 1.2em;}
.frame2-btn span {position: relative; padding-right: 1em;}
.frame2-btn span:before { content: ''; position: absolute; background: url("../img/arrow/white.png") no-repeat; width: calc(32px/3); height: calc(26px/3); -webkit-background-size: contain; background-size: contain; top: 50%; right: -20px; transform: translate(-50%,-50%) rotate(-90deg);}

.frame2-rl { position: absolute; top: -20px; left: 35px; color: #fff; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size: 1.8em; line-height: 1; z-index: 1;}

.frame2-rl .frame2-rl-txt:first-of-type{ margin-right: 0; }
.frame2-rl .frame2-rl-txt{ margin-right: 3px;}
.frame2-rl.red .frame2-rl-txt p{ display: inline-block; background-color: rgba(125,0,0,.9); padding: 10px; box-sizing: border-box;}
.frame2-rl.green .frame2-rl-txt p{ display: inline-block; background-color: rgba(78,102,25,.9); padding: 10px; box-sizing: border-box;}

.frame3 { background-color: rgba(255,255,255,.95); padding:8% 5%; box-sizing:border-box; position: relative;}
.frame3-outer { padding: 0 0 0 9%; }
.frame3-ttl { font-size: 2.3em; color: #4e6619; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; position: absolute; top: 85px; left: 45px;}
.frame3-info { width: 100%; border-top: 1px #ccc solid;}
.frame3-info:last-of-type { border-bottom: 1px #ccc solid; }
.frame3-inner { margin-bottom: 3%; }
.frame3-info-inner { display: table; padding: 2% 0; font-size: 1.2em; width: 100%; transition: .3s all ease-out;}
.frame3-info-inner:hover { opacity: .6; }
span.frame3-info-inner:hover { opacity: 1; }

.frame3-date,.frame3-txt {display: table-cell; font-weight: bold; letter-spacing: 1px;}
.frame3-date { padding: 0 30px 0 0; width: 10%;}
.frame3-txt { color: #4e6619; width: 90%;}
.frame3-link { text-align: right; font-size: 1.2em; }
.frame3-link a { color: #4e6619; }
.frame3-link span { position: relative; line-height: 1; padding-left: .8em;}
.frame3-link span:before { content: ''; position: absolute; background: url("../img/arrow/green.png") no-repeat; width: calc(32px/3); height: calc(26px/3); -webkit-background-size: contain; background-size: contain; top: 50%; left: 0; transform: translate(-50%,-50%) rotate(-90deg);}
.frame3-link span:after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 1px; background-color: #4e6619; transition: .3s all ease-out;}
.frame3-link span:hover:after { width: 100%; }

.frame4 { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; gap: 5rem; }
.iframe-wrapper { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.frame4-box { padding: 5rem; background-color: #F5F5F5; }

/* .flexbox */
.flexcontainer { display: flex; flex-direction: row; flex-wrap: wrap; }
.flexitem { width: 27%; margin: 0 30px;}
.flexitem .ttl3:after { display: none; }

/* .txt */
.txt1 { text-align : center; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size : 2em; font-weight: bold;}
.txt2 { color : #000; font-size : 1.1em; line-height : 2; letter-spacing : 1px; }
.txt3 { color : #000; font-size : 1.3em; line-height : 2; letter-spacing : 1px; text-align: center; }

/* .links */
.links { width: 1040px; margin: auto; text-align : center; font-size : 1.4em; font-weight : bold; letter-spacing : 2px; }
.links-txt { box-sizing : border-box; padding : 10px 0; border-left : solid 1px #ccc; }
.links .links-txt:last-child { border-right : solid 1px #ccc; }
.links a { position : relative; display : block; color : #4e6619; }
.links a:before { position : absolute; width : 0; height : 1px; margin : auto; background-color : #4e6619; right : 0; bottom : -10px; left : 0; content : ""; transition : .3s all cubic-bezier(.39,.58,.57,1); }
.links a:hover:before { width : 50%; }

/* .btn */
.btn1 { display: block; color: #fff !important; background-color: #cc9768; margin:0 auto; padding: 5% 0; text-align: center; font-size: 1.2em; transition: .3s all ease-out;}
.btn1:hover { background-color: #4e6619; }
.btn1 span {position: relative; padding-right: 1em;}
.btn1 span:before { content: ''; width : calc(32px/2); height : calc(20px/2); margin : auto; background : url("../img/arrow/white.png") no-repeat; -webkit-background-size : contain; background-size : contain; position: absolute; top: 50%; right: -1.5em; transform: translate(-50%,-50%) rotate(-90deg);}


/* .reservation */
.reservation {display: none; position : absolute; width : 100%; background-color : rgba(0,0,0,0.9); top : 0; left : 0; }
.reservation-inner { width : 1040px; margin : 0 auto; padding : 55px 0; }
.reservation-contents { box-sizing : border-box; padding : 30px 45px; border : solid 1px #5e6162; margin-bottom: 20px;}
.reservation-contents-ttl { float : left; margin-right : 35px; padding: 25px 35px 0 0; color : #fff; border-right : solid 1px #fff; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size : 1.7em; box-sizing: border-box;}
.reservation-contents-form { float : left; }
.reservation-contents-form select,.reservation-contents-form input { padding : 10px; border : none; cursor: pointer;}
.reservation-day,.reservation-su { display : inline-block; }
.reservation-day { margin-right: 15px; }
.reservation-daySu { margin-bottom : 10px; }
.reservation-txt1 { display : inline-block; color : #fff; font-size : 1.2em; letter-spacing : 1px; }
.reservation-txt1.typeA { margin-right : 10px; }
.reservation-txt1.typeB { margin-left : 10px; }
.reservation-men { margin-right : 20px; }
.reservation-men,.reservation-woman { display : inline-block; }
.reservation-submit { float : right; color : #fff; }
.reservation-submit-btn { position: relative; box-sizing : border-box; width: 200px; background-color : #cc9768; font-size : 1.3em; line-height : 1; letter-spacing : 1px; height: 100%; cursor: pointer; transition: .3s background-color ease-out;}
.reservation-submit-btn:hover { background-color: #4e6619;}
.reservation-submit-btn span{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; padding: 0 0 0 1em; box-sizing: border-box;}
.reservation-submit-btn span:before{ content: ''; position: absolute; background: url('../img/icon/search.png') no-repeat; width: calc(40px/2); height: calc(46px/2); -webkit-background-size: contain;
background-size: contain; top: 55%; left: 20%; transform: translate(-50%, -50%);}
.reservation-link { margin-bottom: 50px; }
.reservation-link li { display: inline-block; margin-right: 20px; font-size: 1.6rem;	}
.reservation-link li:last-of-type { margin-right: 0;}
.reservation-link a{ color: #fff; padding-left: 1.2em; position: relative;}
.reservation-link a:before,.reservation-link a:after {content: ''; position: absolute; left: 0; }
.reservation-link a:before { background: url('../img/arrow/white.png') no-repeat; width: calc(32px/3); height: calc(26px/3); top: 9px; transform: rotate(-90deg); -webkit-background-size: contain; background-size: contain;}
.reservation-link a:after { bottom: -5px; width: 0; transition: .5s all ease-out; background-color: #fff; height: 1px;}
.reservation-link a:hover:after { width: 100%; }

.reservation-ttl1 { font-size: 1.7em; text-align: center; color: #fff; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; letter-spacing: 2px; position: relative; line-height: 1; margin-bottom: 30px;}

.reservation-ttl1 span{ background-color: rgba(0,0,0,1); position: relative; z-index: 1; padding: 5px 21px; }

.reservation-ttl1:before { padding: 5px 0; content: ''; border-top: solid 1px #fff; border-bottom: 1px solid #fff; position: absolute; top: 5px; left: 0; width: 100%;}
.reservation-ttl1:after { content: ''; width: 100%; height: 1px; background-color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}

.reservation-ttl2 { font-size: 1.7em; text-align: center; color: #fff; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; letter-spacing: 2px; position: relative; line-height: 1.5;}
.reservation-ttl2 span{ background-color:#8A1919; position: relative; z-index: 1; padding: 5px 21px; }
.reservation-ttl2:after { content: ''; width: 100%; height: 1px; background-color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}

.reservation-ttl3 { font-size: 1.7em; text-align: center; color: #fff; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; letter-spacing: 2px; position: relative; line-height: 1.5; margin-bottom: 30px;}
.reservation-ttl3 span{ background-color: #8A1919; position: relative; z-index: 1; padding: 5px 21px; }

.reservation-sp { width: 30%; float: left; color: #fff; border-right: 1px solid #fff; box-sizing: border-box; margin-right: 3%;}
.reservation-sp:last-of-type { border-right: none; margin-right: 0;}
.reservation-sp-txts { position: relative; float: left; padding: 0 0 0 3.5em;}
.reservation-sp-txts.num:before { content: ''; position: absolute; top: 1px; left: 0; font-size: 3em; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; line-height: 1;}
.reservation-sp-txts.one:before { content: '1.';}
.reservation-sp-txts.two:before { content: '2.';}
.reservation-sp-txts.three:before { content: '3.';}
.reservation-sp-txt { letter-spacing: 1px; font-size: 1.3em; position: relative; }
.reservation-sp-outer { margin-bottom: 30px; }
.reservation-note { background-color: #fff; padding: 30px; box-sizing: border-box; text-align: center;}
.reservation-note-ttl { color: #8c2338; font-size: 1.1em; margin-bottom: 10px; font-weight: bold; letter-spacing: 1px;}
.reservation-note-txt { line-height: 2; }

.ui-datepicker .ui-datepicker-title select {margin : 0;	 border : none; font-size : .9em; }
.ui-widget-header { background : #4e6619; border : none; }
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year { width : 70px; cursor : pointer; }
.ui-datepicker select.ui-datepicker-year { margin-right : 5px; }
.ui-datepicker select.ui-datepicker-month { margin-left : 5px; }
.ui-datepicker td span,.ui-datepicker td a { text-align : center; }
.ui-datepicker .ui-datepicker-header { padding : 5px 0; }
.ui-widget-content { border : solid 1px #4e6619; }
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default { background : #4e6619; border : none; transition : .5s opacity ease-out; }
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active { background : #cc9768; }
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus { opacity : .6; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 50%; width: 0; height: 0; }
.ui-datepicker .ui-datepicker-prev { left: 15px; }
.ui-datepicker .ui-datepicker-next { right: 15px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { cursor: pointer; }
.ui-datepicker-trigger { width: calc(32px / 2); height: calc(30px / 2); margin-left: 10px;}

/* footer */
.footer1 { background : url("../img/footer/footerbg1.png") bottom left no-repeat, #4e6619 url("../img/footer/footerbg2.png") top right no-repeat; border-bottom : 1px solid #fff; }
.footer2 { background-color : #161616; }
.footer1-inner,.footer2-inner { width : 1040px; margin : 0 auto; padding : 70px 0; }
.footer1-inner.typeA { padding: 0 0 70px 0; }
.footer-logo { display : block; float : left; width : calc(572px/2); height : calc(160px/2); margin-right : 30px; }
.footer-address { float : left; }
.footer-address-txt { margin-bottom : 8px; color : #ccc; font-size : 1.1em; letter-spacing : 1px; }
.footer-sitemap a { position : relative; display : inline-block; padding : 0 0 0 1.2em; margin-right:1em; color : #ccc; }
.footer-sitemap a:before { position : absolute; color : #fff; font-size : 14px; top : 0; left : 0; font-family:"FontAwesome"; }
.footer-sitemap a:after { position : absolute; width : 0; height : 1px; background-color : #ccc; bottom : -2px; left : 0; content : ""; transition : .3s all cubic-bezier(.39,.58,.57,1); }
.footer-sitemap a:hover:after { width : 100%; }
.footer-sitemap a.footer-sitemap-link:before { content:"\f0e8"; }
.footer-sitemap a.footer-facebook-link { display:none; }
.footer-sitemap a.footer-facebook-link:before { content:"\f082"; }
.footer2-ttl { float : left; box-sizing : border-box; margin-right : 60px; padding : 20px 30px; color : #fff; border : solid 1px #ccc; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size : 1.4em; letter-spacing : 1px; }
.footer-links { float : left; margin-right : 60px; font-size : 1.15em; letter-spacing : 1px; }
.footer-links:last-of-type { margin-right : 20px; }
.footer-links li { margin-bottom : 15px; line-height : 1; }
.footer-links li:last-of-type { margin-bottom : 0; }
.footer-links a { position : relative; display : inline-block; color : #ccc; }
.footer-links a:before { position : absolute; width : 0; height : 1px; background-color : #ccc; bottom : -8px; left : 0; content : ""; transition : .3s all cubic-bezier(.39,.58,.57,1); }
.footer-links a:hover:before { width : 100%; }
.footer-img { width: 90%; margin: 0 auto; position: relative; top: -60px; }
.footer-tel { float : right; color : #fff; }
.footer-tel-ttl { display : block; box-sizing : border-box; padding : 5px 20px; border : solid 1px #fff; letter-spacing : 1px; }
.footer-tel-ttl span { display : block !important; text-align : center; color : #fff; }
.footer-tel-txt { position : relative; padding : 0 0 0 1em; color : #fff; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size : 2.5em; font-weight : bold; letter-spacing : 1px; }
.footer-tel-txt:before { position : absolute; width : 30px; height : 30px; background : url("../img/icon/tel.png") no-repeat; -webkit-background-size : contain; background-size : contain; top : 18%; left : 0; content : ""; }
.footer-tel-txt.sumaho { display : none!important; }
.footer-tel-txt.nosumaho { display : block!important; }

.footer3 { background-color : #fff; }
.footer3-inner { width : 1040px; margin : 0 auto; padding : 35px 0; display: flex; align-items: center; column-gap: 150px;}
.footer3-wamazing-logo { width: calc(206px / 3); height: calc(207px / 3); margin-right: 20px;}
.footer3-wamazing {display: flex; align-items: end; }
.footer3-wamazing > a { margin-bottom: 10px; border-left:solid 1px #000; padding: 0 10px;}
.footer3-wamazing > a:last-of-type {  border-right: solid 1px #000;}

.footer-lang li { float : left; padding : 0 10px; border-left : 1px solid #333; font-size : 1.1em; letter-spacing : 1px; }
.footer-lang li:last-of-type { border-right : 1px solid #333; }
.footer-lang a { position : relative; display : inline-block; }
.footer-lang a:before { position : absolute; width : 0; height : 1px; background-color : #333; bottom : -5px; left : 0; content : ""; transition : .3s all cubic-bezier(.39,.58,.57,1); }
.footer-lang a:hover:before { width : 100%; }
.japanican { display : block; width : calc(400px/2); height : calc(44px/2); margin-bottom : 10px; }

.copyright { text-align : center; padding : 50px 0; color : #999; background-color : #000; letter-spacing : 1px; }

.pagetop { display: none; position : fixed; width : 80px; height : 80px; background-color : #fff; z-index : 10; right : 20px; bottom : 20px; cursor : pointer; }
.pagetop:before { position : absolute; width : calc(32px / 2); height : calc(20px / 2); margin : auto; background : url("../img/arrow/green.png") no-repeat; -webkit-background-size : contain; background-size : contain; top : 0; right : 0; bottom : 0; left : 0; content : ""; transition : .3s all cubic-bezier(.39,.58,.57,1); transform : rotateX(180deg); }
.pagetop:hover:before { top : -15px; }

.floating_bnr { display: none; position : fixed; width : 150px; height : 350px; z-index : 10; right : 20px; bottom : 130px; cursor : pointer; }

.bgimg1 { background : #4e6619 url("../img/bgimg/bgimg1.png") no-repeat top left; }
.bgimg2 { background : url("../img/bgimg/bgimg2.png") no-repeat top right; }
.bgimg3 { background : #edefe8 url("../img/bgimg/bgimg3.png") no-repeat bottom left; }
.bgimg4 { background : #faf4f0 url("../img/bgimg/bgimg4.png") no-repeat bottom left; }
.bgimg5 { background : url("../img/bgimg/bgimg5.jpg") no-repeat; -webkit-background-size: cover; background-size: cover;}

.c0 { color : #111 !important; } .c0 a { color : #111 !important; }
.c1 { color : #c50000 !important; } .c1 a { color : #c50000 !important; }
.c2 { color : #7d320c !important; } .c2 a { color : #7d320c !important; }
.c3 { color : #0182ac !important; } .c3 a { color : #0182ac !important; }
.c4 { color : #a18205 !important; } .c4 a { color : #a18205 !important; }
.c5 { color : #fff !important; } .c4 a { color : #fff !important; }

.bg0 { background-color : #000 !important; } a.bg0:hover { background-color : #fff !important; }
.bg1 { background-color : #fff !important; } a.bg1:hover { background-color : #000 !important; }
.bg2 { background-color : #999 !important; } a.bg2:hover { background-color : #ccc !important; }
.bg3 { background-color : #474362 !important; } a.bg3:hover { background-color : #858298 !important; }
.bg4 { background-color : #59453c !important; } a.bg4:hover { background-color : #857770 !important; }
.bg5 { background-color : #a58c03 !important; } a.bg5:hover { background-color : #c7b65d !important; }
.bg6 { background-color : #faf4f0 !important; } a.bg6:hover { background-color : #faf4f0 !important; }
.bg7 { background-color : #3c3c3c !important; } a.bg7:hover { background-color : #939393 !important; }

.notice { color : #e8383d; }
.appeal { color : #6a609c; }
.accent { color : #26499d; }

.c_pc { color : #ea5404; font-family : Cinzel, "NotoSans"; font-weight : bold; } /* PALM COTTAGE */
.c_mc { color : #c9151e; font-family : Cinzel, "NotoSans"; font-weight : bold; } /* MAIN COTTAGE */
.c_gv { color : #005e3c; font-family : Cinzel, "NotoSans"; font-weight : bold; } /* GARDEN VILLA */
.c_gc { color : #014099; font-family : Cinzel, "NotoSans"; font-weight : bold; } /* GROUND COTTAGE */

.bg_pc { color : #fff; background-color : #ea5404; } /* PALM COTTAGE */
.bg_mc { color : #fff; background-color : #c9151e; } /* MAIN COTTAGE */
.bg_gv { color : #fff; background-color : #005e3c; } /* GARDEN VILLA */
.bg_gc { color : #fff; background-color : #014099; } /* GROUND COTTAGE */

.bgl_pc { color : #231815; background-color : #f8efe9; } /* PALM COTTAGE */
.bgl_mc { color : #231815; background-color : #f8eaeb; } /* MAIN COTTAGE */
.bgl_gv { color : #231815; background-color : #dff2e7; } /* GARDEN VILLA */
.bgl_gc { color : #231815; background-color : #e4edfa; } /* GROUND COTTAGE */

.font_room { font-family : Cinzel, "NotoSans"; font-weight : bold; }
.form_line { text-align : center; padding : .5em; font-family : Cinzel, "NotoSans"; font-weight : bold; border-radius : .5em; }

h1,h2,h3,h4,h5,h6,caption,dt { position : relative; line-height : 1.3; }
h1 .en,h2 .en,h3 .en,h4 .en,h5 .en,h6 .en,caption .en,dt .en { font-family : "AozoraMinchoRegular", serif; font-variant : small-caps; letter-spacing : .05em; }
h1 .ja,h2 .ja,h3 .ja,h4 .ja,h5 .ja,h6 .ja,caption .ja,dt .ja { font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
h1.mb,h2.mb,h3.mb,h4.mb,h5.mb,h6.mb,caption.mb,dt.mb { margin-bottom : 1em; }

/* アイコン */
.external a,.external { padding-right : 15px !important; padding-left : 0; background-image : url(../img/ico_external.gif) !important; background-repeat : no-repeat; background-position : right center; }
.pdf a,.pdf { padding-right : 15px !important; padding-left : 0; background-image : url(../img/ico_pdf.png) !important; background-repeat : no-repeat; background-position : right center; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) { .external a,.external { background-image : url(../img/ico_external@2x.gif) !important; background-size : 11px 11px !important; }
	.pdf a,.pdf { background-image : url(../img/ico_pdf@2x.png) !important; background-size : 11px 11px !important; } }

#page_top { display : none; }

.cf:after { clear : both; }
.cf:before,.cf:after { display : table; content : ""; }

@media screen and ( max-width: 1760px) {
	.contents_inner3 { width: 100%; }
}

@media screen and ( max-width: 1550px) { .tab-close { width : 20%; } }

@media screen and ( max-width: 1500px) { .tab-contents-left { width : 50%; }
	.tab-contents-right { width : 45%; }
	.tab-contents-left { margin-right : 5%; }
	.flexslider1.tabtype { width : 100%; }
	.flexslider-main img { width : 100%; height : auto; }
	.tab-contents-inner { width : 100%; padding : 5%; }
	.contents_inner1,.contents_inner1.typeA { box-sizing : border-box; width : 100%; padding : 0 5%; } }

@media screen and (max-width: 1400px) {
	.contents_inner3 { top: 0; }
	.contents_inner0 { width: 90%; }
	.topMainSlider-info { left: 12%; }
}

@media screen and (max-width: 1300px) {
	.frame2-txt { margin-bottom: 5%; }
	.frame2-btn { width: 80%; padding: 5% 0;}
	.header-nav { font-size : 1em; }
	.header-nav .header-nav-txt { padding : 0 15px; }
	.header-nav .reservationBtn-txt { padding : 0 20px 0 50px; }
	.header-logo { float : left; width : calc(572px/3); height : calc(160px/3); margin : 15px 0 0 25px; }
	.header-nav .header-nav-txt { height : 90px; }
}

@media screen and (max-width: 1200px) { body { padding : 90px 0 0 0; }
	.contents_inner,.footer3-inner,.tab-inner,.footer1-inner,.footer2-inner { width : 95%; }
	.flexslider-main .flex-direction-nav li { left : 0; }
	.flexslider-main .flex-direction-nav li:last-of-type { right : 0; }
	.flexslider-main .flex-direction-nav li:hover { left : 0; }
	.flexslider-main .flex-direction-nav li:hover:last-of-type { right : 0; left : auto; }

	.footer-links { margin-right : 3%; font-size : .9em; }
	.footer2-ttl { margin-right : 3%; font-size : 1em; }
	.slick1-next { right: 0; }
	.slick1-prev { left: 0; }
	/* .slick1-arrow { left: 0; } */
	.flexitem { width: 25%; margin: 0 26px;}
	.topMainSlider-info { top: 14%; left: 6%; }

}

@media screen and (max-width: 1050px) {
	.contents_inner5 { width: 100%; }
}

@media screen and (max-width: 1040px) {
	.links { width: 90%; }
	.tab-contents-left { width : 100%; }
	.tab-contents-right { width : 100%; }
	.tab-contents-left { margin-right : 0; }
	.tab-contents-inner { padding : 3%; }
	.reservation-inner { width: 95%; padding: 20px 0;}
	.reservation-contents { width: 70%; margin: 0 auto 30px; }
	.reservation-contents-ttl,.reservation-contents-form { float: none; }
	.reservation-contents-form { margin-bottom: 40px; }
	.reservation-contents-ttl { padding: 0; margin: 0 0 30px 0; border-right: none;}
	.reservation-daySu { margin-bottom: 20px; }
	.reservation-day { margin: 0 0 20px 0; }
	.reservation-submit { float: none; width: 100%;}
	.reservation-submit-btn {margin: 0 auto; padding: 30px 0;}
	.reservation-sp-outer { font-size: 85%; }
	.reservation-note { font-size: 90%; }
	.reservation-link { margin-bottom: 30px; }
	.footer1 { font-size : 90%; }
	.footer-tel { float : right; clear : both; }
	/* .topMainSlider-logo { width: calc(640px/3); height: calc(112px/3); } */
}

@media screen and (max-width: 900px) { .header-nav .header-nav-txt { padding : 0 10px; }
	.header-nav .reservationBtn-txt { padding : 0 20px 0 50px; }
	.footer-links:last-of-type { margin-right : 0; }
	.header.on .header-nav .header-nav-txt { padding : 0 10px; }
}

@media screen and (max-width: 840px) {
	header.on .header-nav .header-nav-txt { padding: 0 10px; }
	header.on .header-nav .reservationBtn-txt { padding : 0 20px 0 50px; }
}

@media screen and (max-width: 768px) {
	.frame2-rl { font-size: 1.5em; left: 20px; }
	.footer2-ttl,.footer-links { margin-right : 3%; }
	.footer2-ttl { padding : 3%; }
	.tab-contents-inner { padding : 5% 3% 10%; }
	.tab-img-txt,.tab-img:hover .tab-img-txt,.tab-img.on:hover .tab-img-txt { top : 40%; }
	.topMainSlider-center { padding: 8%; }
	.topMainSlider-center .w80p { width: 100%; }
	.frame3-ttl { top: 60px; left: 25px; }
	.frame4 { grid-template-columns: 1fr; gap: 0;}
	.frame4-box { padding: 3rem;}
	.flexitem { width: 30%; margin: 0 10px;}
	.topMainSlider-info { top: 12%; left: 0%; }
}

@media screen and (min-width: 1024px) and (max-height: 768px) {
	.reservation-contents { margin-bottom: 10px;}
	.reservation-contents-ttl { margin-bottom: 10px; }
	.reservation-link { margin-bottom: 10px; }
	.reservation-note { padding: 10px; }
}

@media screen and (max-width: 767px) {
	.reservation-inner1 {width: 90%; margin: 0 auto; }
	.btn1.typeA { font-size: 1.4rem;}
	.contents_inner0 { padding: 10% 0; }
	.spinner { margin-bottom: 5%; }
	.links-txt { padding: 5% 0; }
	.links-txt.sp-border { border-right: 1px solid #ccc; }
	.slick1-ttl { font-size: 1.4em; }
	.slick1-txt { font-size: 1.3em; }
	.btn1 span:before { width : calc(32px/3); height : calc(20px/3); }
	.btn1:hover { background-color: #cc9768; }

	.frame3-inner { margin-bottom: 10%; }
	.frame3-link { text-align: center; padding: 5% 0; background-color: #cc9768; color: #fff;}
	.frame3-link a { color: #fff; }
	.frame3-link span:before  { content: ''; width : calc(32px/3); height : calc(20px/3); background : url("../img/arrow/white.png") no-repeat; -webkit-background-size : contain; background-size : contain; position: absolute; top: 50%; right: -20px; left: auto; transform: translate(-50%,-50%) rotate(-90deg); }
	.frame3-link span:after { display: none; }

	.frame3 { background-color: #fff; padding:0 5% 8% 5%;}
	.frame3-info { border-top: 1px #ccc solid; border-right: 1px #ccc solid; border-left: 1px #ccc solid; padding: 8% 15% 8% 8%; box-sizing: border-box; position: relative;}
	.frame3-info:before { content: ''; position: absolute; background: url("../img/arrow/green.png") no-repeat; width: calc(32px/3); height: calc(26px/3); -webkit-background-size: contain; background-size: contain; top: 50%; right: 10px; transform: translate(-50%,-50%) rotate(-90deg);}
	.frame3-info-inner { padding: 0; font-size: 1.4em;}

	.frame3-date, .frame3-txt { display: block;}
	.frame3-date { padding: 0; width: 100%; margin-bottom: 5%;}
	.frame3-txt { width: 100%; }
	.frame3-ttl { position: relative; top: 0; left: 0; -webkit-writing-mode: initial; -ms-writing-mode: initial; writing-mode: initial; text-align: center; margin-bottom: 5%;}
	.frame3-outer { padding: 0; }
	.slick1-inner { margin-bottom: 10%; }
	.footer-img { top: -20px; }
	.spInner { margin-bottom: 5%; }
	.aiBnr { position: relative; bottom: 0; right: 0; width: 90%; margin: 0 auto 10%; display: block;}
	.frame2,.frame2:hover { background-color: transparent; }
	/* 特典期間終わったら、こちらに戻す↓ */
	/* .topMainSlider-txt { font-size: 2em; } */
	.topMainSlider-txt { font-size: 1.2em; }
	.topMainSlider-logo { width: calc(640px/4); height: calc(112px/4); margin:0 auto;}
	.topMainSlider-center:before,.topMainSlider-center:after { width: calc(480px/4); height: calc(240px/4);  }
	.topMainSlider-center { width: 75%; padding: 12% 8%;}
	.topMainSlider-info { top: 14%; }
	.frame2-rl { left: 10px; }
	.frame2-outer { padding: 0 5%; }
	.frame2-inner { top: -20px; padding: 10% 5%;}
	.frame2-ttl { margin-bottom: 5%; }
	.frame2-txt { margin-bottom: 8%; }
	.frame2:hover { background-color: #fff; }
	.frame2:hover .frame2-inner { background-color: #fff; }
	.frame2:hover .frame2-ttl,.frame2:hover .frame2-txt { color: #000; }
	.frame2:hover .frame2-btn span:before { color: #fff; }
	.frame2:hover .frame2-btn { background-color: #cc9768; color: #fff;}
	.frame2:hover img { transform: none; }
	.frame2:hover .frame2-btn span:before { background: url("../img/arrow/white.png") no-repeat; -webkit-background-size: contain;}

	.ttl1 { font-size: 2em; }
	body { font-size : 95%; padding: 70px 0 0 0;}
	header,.topicpath { display : none; }
	.toppage header { display: none !important; }
	ul.type1 { font-size : 1.2em; line-height : 2; }
	ul.type1 li { padding : 0 0 0 1.2em; }
	ul.type1 li:before { top : 12px; }

	.sumahoHeader,.sumahoMenuContents,.sumahoMenuContents { display: block; }
	.contents_inner,.footer3-inner,.tab-inner,.footer1-inner,.footer2-inner { width : 90%; }
	.contents_inner,.contents_inner2 { padding : 10% 0; }
	.contents_inner4 { padding: 10% 0; }
	.ttl2 { font-size : 1.8em; }
	.txt1 { font-size : 1.8em; }
	.txt2 { font-size : 1.3em; }
	.ttl4 { font-size : 1.5em; letter-spacing : 1px; }
	.flexslider-caption { padding : 4% 2%; background-color : rgba(0,0,0,.8); font-size : 1.6em; font-weight : bold; letter-spacing : 0; }
	.flexslider-thum li { margin-right : 5px; }
	.bgimg1 { -webkit-background-size : 50% 50%; background-size : 50% 50%; }
	.bgimg2 { -webkit-background-size : calc(480px/3) calc(240px/3); background-size : calc(480px/3) calc(240px/3); }
	.bgimg3 { -webkit-background-size : calc(480px/3) calc(240px/3); background-size : calc(480px/3) calc(240px/3); }
	.bgimg4 { -webkit-background-size: 	50%; background-size: 	50%; }
	.qa-q,.qa-a { padding : 5% 10% 5% 12%; }
	.qa-q:before,.qa-a:before { left : 12px; }
	.qa-q:after { width : calc(32px / 3); height : calc(20px/3); right : 10px; }
	.flexslider-main .flex-direction-nav li { width : 30px; height : 30px; }
	.flexslider-caption { padding : 2%; font-size : .9em; }
	.preloader.on:before,.preloader.on:after { width : calc(480px/2); height : calc(240px/2); -webkit-background-size : contain; background-size : contain; }
	.preloader-logo { width : calc(572px/3); height : calc(160px/3); }
	.flexslider-thum li { width : 35px !important; }
	.tab-contents-inner { padding : 5% 3% 10%; }
	.tab-close { position : relative; width : 50%; padding : 15px; font-size : 1.5em; bottom : 0; }
	.preloader-outer:before,.preloader-outer:after { height : 5px; }
	.preloader-inner:before,.preloader-inner:after { width : 5px; }
	.pagetop { width : 40px; height : 40px; right : 10px; bottom : 20px; }
	.copyright { padding : 45px 0; font-size : 1.2em; }
	.flexslider-main .flex-direction-nav li:before { width : calc(32px/3); height : calc(20px/3); }
	.pagetop:hover:before { top : 0; }
	.tab-img-txt { width : 100%; }
	.tab-img-txt:before { width : calc(32px / 3); height : calc(20px / 3); top : 20px; }
	.ttl1.typeA,.txt2.typeA { margin-bottom : 5%; }
	.ttl1.typeB { margin-bottom : 8%; }
	.qa { letter-spacing : 0; }
	.frame1 { padding : 8%; }
	.frame1_1 { padding : 8%; }
	.footer-logo { float : none; width : calc(572px/4); height : calc(160px/4); margin : 0 auto 8%; }
	.footer-address { float : none; text-align : center; }
	.footer-address-txt { margin-bottom : 5%; color : #fff; font-size : 1.7em; line-height : 2; }
	.footer1-inner { padding : 15% 0; }
	.footer2-inner { padding : 10% 0; }
	.footer-sitemap { margin-bottom : 8%; font-size : 13px; }
	.footer-sitemap-link:before { font-size : 18px; line-height : 1; top : 1px; left : -2px; }
	.footer-sitemap .footer-sitemap-link { color : #fff; }
	.footer-tel { float : none; width : 90%; text-align : left; margin : 0 auto; font-size : 1.4em; }
	.footer1 { -webkit-background-size : 50% 50%; background-size : 50% 50%; }
	.footer-tel-ttl { padding : 15px 35px 15px 20px; font-weight : bold; letter-spacing : 0; }
	.footer-tel-txt { padding : 0 0 0 1.3em; font-size : 1.8em; }
	.footer-tel-txt:before { width : calc(30px / 1.5); height : calc(30px / 1.5); }
	.footer-tel-txt:after { position : absolute; width : calc(32px/2); height : calc(26px/2) ; background : url("../img/arrow/white.png") no-repeat; -webkit-background-size : contain; background-size : contain; top : 0; right : -25px; content : ""; transform : rotate(-90deg); }
	.footer2-ttl { float : none; text-align : center; margin : 0 0 10% 0; font-size : 1.4em; }
	.footer-links li { margin : 0 0 25px 0; }
	.footer-links { width : 50%; margin : 0; font-size : 1.1em; }
	.footer-links:last-of-type { width : 100%; margin-bottom : 0; letter-spacing : 0; }
	.footer-links:last-of-type li { float : left; width : 50%; }
	.footer-links li:last-of-type { margin : 0 0 30px 0; }
	.footer-links:last-of-type li:nth-of-type(3),.footer-links:last-of-type li:nth-of-type(4) { margin-bottom : 0; }
	.footer-links a:hover:before { width : 0; }
	.footer-tel-txt.sumaho { display : block!important; }
	.footer-tel-txt.nosumaho { display : none!important; }
	.footer-lang { text-align : center; }
	.footer-lang li { display : inline-block; float : none; }
	.japanican { margin : 0 auto 5%; }
	.tab-img { padding : 5% 0; }
	table.sp6 th,table.sp6 td { padding : 4%; }
	.sumahoHeader { background-color: #fff; width: 100%; height: 70px; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 50; box-shadow: 2px 0 10px 0 #666; transform: translate3d(0, 0, 0);}
	.sumahoHeader-common { width: calc(100% / 5); box-sizing: border-box;  border-left: solid #ddd 1px; height: 100%; float: left; text-align: center; position: relative; font-family : "AozoraMinchoRegular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size: 10px; font-weight: bold; cursor: pointer;}
	.sumahoHeader-contents { color:#000; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}

	.sumahoHeader-instagram a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

	.sumahoHeader-instagram img { width: 50px; height: 50px;}

	.sumahoHeader-txt { position: relative; letter-spacing: -1px; line-height: 1;}
	.sumahoHeader-icon { margin: 0 auto 10px; }
	.sumahoHeader-icon.sumahoTel { width: calc(80px/3); height: calc(80px/3); }
	.sumahoHeader-icon.sumahoReservation { width: calc(70px/3); height: calc(86px/3); }
	.sumahoHeader-icon.sumahoAccess { width: calc(64px/3); height: calc(86px/3); }
	.sumahoHeader-icon.sumahoMenu { width: calc(80px/3); height: calc(80px/3); position: relative;}
	.sumahoMenu-btn { width: 5px; height: 5px; background-color: #4e6619; border-radius: 50%; position: absolute; margin: auto; transition: .2s all ease-out;}
	.sumahoHeader-common.on { background-color: #4e6619; }
	.sumahoHeader-common.on .sumahoHeader-txt { color: #fff; }

	.sumahoHeader-reservation.on img { display: none; }
	.sumahoHeader-reservation.on .sumahoReservation { position: relative; width: calc(80px/3); height: calc(80px/3);}
	.sumahoHeader-reservation .sumahoReservation:before,.sumahoHeader-reservation .sumahoReservation:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 2px; background-color: #fff; transition: .2s all ease-out; width: 0; opacity: 0;}
	.sumahoHeader-reservation.on .sumahoReservation:before,.sumahoHeader-reservation.on .sumahoReservation:after { width: 100%; opacity:1;}
	.sumahoHeader-reservation .sumahoReservation:before { transform: rotate(45deg); }
	.sumahoHeader-reservation .sumahoReservation:after { transform: rotate(-45deg); }

	.sumahoMenu-top { top: 0; left: 0; right: 0;}
	.sumahoMenu-center { top: 0; left: 0; right: 0; bottom: 0;}
	.sumahoMenu-bottom { bottom: 0; left: 0; right: 0; }

	.sumahoHeader-common.on .sumahoMenu-btn{ background-color: #fff; }
	.sumahoHeader-common.on .sumahoMenu-top { animation: .2s top ease-out forwards; }
	.sumahoHeader-common.on .sumahoMenu-center { opacity: 0;}
	.sumahoHeader-common.on .sumahoMenu-bottom { animation: .2s bottom ease-out forwards; }

.sumahoMenuContents-link { width: 45%; margin: 0 10% 8% 0; display: block; float: left;}
.sumahoMenuContents-link:nth-of-type(even) { margin-right: 0; }
.sumahoMenuContents-link:last-of-type { margin-bottom: 0; }
.sumahoMenuContents-img { margin-bottom: 10px; }
.sumahoMenuContents-txt { color: #fff !important; font-size: 14px; line-height: 1; letter-spacing: 1px; box-sizing:border-box; padding: 0 0 0 1.5em; position: relative;}
.sumahoMenuContents-txt:before { content: ''; position: absolute; top: 5px; left: 0; background: url('../img/arrow/white.png') no-repeat; width: calc(32px/3); height: calc(26px/3); -webkit-background-size: contain; background-size: contain; transform: rotate(-90deg);}

.sumahoMenuContents-links1 { margin-bottom: 8%; padding-bottom: 8%; border-bottom: 1px solid #fff;}
.sumahoMenuContents-links2 { margin-bottom: 8%; }
.sumahoMenuContents-links2 a { margin-right: 8%; }
.sumahoMenuContents-links2 a:last-child { display:none; }

	@keyframes top {
		0% { opacity: 0; }
		50% { opacity: 0; right: 0; margin: auto; bottom: 0; width: 0; height: 2px; margin: auto; bottom: 0; transform: rotate(45deg); border-radius: 0;}
		100% { opacity:1; right: 0;  width: 100%; height: 2px; margin: auto; bottom: 0; transform: rotate(45deg); border-radius: 0;}
	}

	@keyframes bottom {
		0% { opacity: 0; }
		50% { opacity: 0; right: 0; margin: auto; top: 0; width: 0; height: 2px; margin: auto; top: 0; transform: rotate(-45deg); border-radius: 0;}
		100% { opacity:1; right: 0;  width: 100%; height: 2px; margin: auto; top: 0; transform: rotate(-45deg); border-radius: 0;}
	}

	.sumahoMenuContents { display: none; background-color: rgba(0,0,0,.8); position: fixed; top: 70px; left: 0; width: 100%; height: 100%; z-index: 50; color: #fff; }
	.sumahoMenuContents-outer { width: 100%; height: 85%; overflow-y: scroll; }
	.sumahoMenuContents-inner { width: 90%; margin: 0 auto; padding:10% 0 0 0; box-sizing: border-box;}
	.sumahoMenuContents-outer2 { background-color: rgba(78,102,25,.8); padding: 10% 0;}
	.sumahoMenuContents-inner2 { width: 90%; margin: 0 auto; }
	.footer-tel.typeA { width: 100%; }
	.sumahoMenu-reservationBtn { background-color: #cc9768; text-align: center; padding: 5% 0; font-size: 14px; font-weight: bold; margin-bottom: 20px;}
	.sumahoMenu-reservationBtn a { color:#fff;}
	.footer-tel.typeA .footer-tel-txt:before { top: 8px; left: 8px; }
	.sumahoMenu-reservationBtn span { position: relative; line-height: 1;}
	.sumahoMenu-reservationBtn span:before,.sumahoMenu-reservationBtn span:after { content: ''; position: absolute; top: 0;}
	.sumahoMenu-reservationBtn span:before { left: -35px; background: url('../img/icon/reservation.png') no-repeat; width: calc(42px/2); height: calc(48px/2); -webkit-background-size: contain; background-size: contain; }
	.sumahoMenu-reservationBtn span:after { top: 5px; right: -35px; background: url('../img/arrow/white.png') no-repeat; width: calc(32px/2); height: calc(26px/2); -webkit-background-size: contain; background-size: contain; transform: rotate(-90deg);}

	.sumahoReservationForm {display: none; top: 70px !important; z-index: 50; position: fixed; transform: translate3d(0, 0, 0); height: 100%; }
	.sumahoReservationForm .reservation-inner { height: 75%; overflow-y: scroll;}
	.sumahoReservationForm .reservation-contents { width: 95%; padding: 8% 5%;}
	.sumahoReservationForm .reservation-submit-btn { width: 80%; }
	.sumahoReservationForm .reservation-contents-ttl { text-align: center; margin-bottom: 5%; font-size: 21px;}
	.sumahoReservationForm .reservation-contents-form select, .reservation-contents-form input { font-size: 16px; }
	.sumahoReservationForm .reservation-txt1.typeA { margin: 0 5px 5px 0 }
	.sumahoReservationForm .reservation-men { margin-right: 10px; }
	.sumahoReservationForm .reservation-submit-btn { font-size: 18px; }
	.sumahoReservationForm .reservation-link { width: 90%; margin: 0 auto 10%;}
	.sumahoReservationForm .reservation-link li { display: block; font-size: 14px; margin-bottom: 5%;}
	.sumahoReservationForm .reservation-ttl1 { font-size: 16px; }
	.sumahoReservationForm .reservation-ttl1:before { top: 2px; }
	.sumahoReservationForm .reservation-ttl2 { font-size: 16px; }
	.sumahoReservationForm .reservation-ttl2:before { top: 2px; }
	.sumahoReservationForm .reservation-ttl3 { font-size: 16px; }
	.sumahoReservationForm .reservation-ttl3:before { top: 2px; }
	.sumahoReservationForm .reservation-sp { width: 90%; margin: 0 auto 5%; float: none; border:none;}
	.sumahoReservationForm .reservation-sp:last-of-type { margin-bottom: 0; }
	.sumahoReservationForm .reservation-sp-txt { font-size: 16px; }
	.sumahoReservationForm .reservation-sp-txts:before { font-size: 40px; }
	.sumahoReservationForm .reservation-sp-txts { padding: 0 0 0 6em; }
	.sumahoReservationForm .reservation-note { padding: 8%; }
	.sumahoReservationForm .reservation-note-ttl { font-size: 13px; letter-spacing: 0;}
	.sumahoReservationForm .reservation-note-txt { font-size: 13px; line-height: 1.5;}
	.ui-datepicker { width: 23em; }
	.ui-datepicker td span, .ui-datepicker td a { padding: 1em; }
	.osusumePlan-sumaho,.whatsnew { position: relative; }
	.osusumePlan-sumaho:before,.whatsnew:before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,.6);}
	.osusumePlan-txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; color: #fff; font-weight: normal;}
	.whatsnew-ttl { padding: 10% 0; color:#fff; margin-bottom: 0;}

	.mainimg-sub { width: 90%; }

	.footer3-inner { flex-direction: column; row-gap: 30px;}
	.topMainSlider { padding-top: 70px;}
}