@charset "utf-8";

body { color:#222222; }

a:link { color:#888888; }
a:visited { color:#888888; }
a:hover { color:rgba(136,136,136,0.9); }
a:active { color:rgba(136,136,136,0.9); }

.lb { padding-bottom:3px; }
.lb a { transition:all 0.3s ease-in-out; }
.lb a:link {  }
.lb a:visited {  }
.lb a:hover { border-bottom:1px solid rgba(136,136,136,0.9); }
.lb a:active { border-bottom:1px solid rgba(136,136,136,0.9); }
.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:0.8em; }

body.noscroll { overflow-y: hidden; }

.preloader { position: fixed; width: 100%; height: 100%; background-color: #fff; z-index: 200; padding: 1%; box-sizing: border-box;}
#preloader { position: fixed; width: 100%; height: 100%; background-color: #fff; z-index: 9999; }

.preloader-outer	{ width: 100%; height: 100%; position: relative; }

/* プリローダー外枠線*/
.preloader-outer:before,.preloader-outer:after { content: ''; position: absolute; width: 0; height: 1px; background-color: #888; margin: auto; }
.preloader-outer:before { left: 0; }
.preloader-outer:after { right: 0; }
.preloader-inner:before,.preloader-inner:after { content: ''; position: absolute; height: 0; width: 1px; background-color: #888; margin:auto; }
.preloader-inner:before { bottom: 0; }
.preloader-inner:after { top: 0; }

/* .preloader-outer.on:before.preloader-outer.on:after { animation: 1.5s linear lineDraw1 forwards; }
.preloader-inner.on:before,.preloader-inner.on:after { animation: 1.5s linear lineDraw2 forwards; } */

.preloader-outer.on:before { animation: 0.5s linear lineDraw1 forwards; }
.preloader-inner.on:after { animation: 0.5s 0.5s linear lineDraw2 forwards; }
.preloader-outer.on:after { animation: 0.5s 1s linear lineDraw1 forwards; }
.preloader-inner.on:before { animation: 0.5s 1.5s linear lineDraw2 forwards; }

/* プリローダー斜め線 */
.preloader-contents:before,.preloader-contents:after { content: ''; position: absolute; width: 0; height: 1px; background-color: #888; top: 0;}
.preloader-contents.on:before,.preloader-contents.on:after { animation: 0.5s 2s linear lineDraw3 forwards; }

.preloader-contents:before { transform-origin:left; left: 0; transform: rotate(31deg); }
.preloader-contents:after { transform-origin: right; right: 0; transform:  rotate(-31deg); }

.preloader-outer:before { top: 0; }
.preloader-outer:after { bottom: 0; }
.preloader-inner:before { left: 0; }
.preloader-inner:after { right: 0; }

@keyframes lineDraw1 {
	100% { width: 100%; }
}
@keyframes lineDraw2 {
	100% { height: 100%; }
}
@keyframes lineDraw3 {
	100% { width: 58.3%; }
}

/* プリローダーロゴ部分 */
.preloader-logo { width: 167px; height: 176px; position: absolute; top: 67%; left: 50%; transform: translate(-50%, -50%); z-index: 5;}
.preloader-logoColor {display: none;}

#preloader-svg { width: 100%; height: 100%; }
#preloader-rect { width: 100%; height: 100%; }

.cls-1 { fill : none; stroke : #888; stroke-linejoin : round; stroke-width : 1px; }
.cls-2 { filter : url(#filter); }
.cls-3 { fill : #ddd; }

#preloader-logo { fill : #b0b0b0; }
#preloader-vessel { fill : #7b7b7b; }
#preloader-hotels{}


.topicpath { position:relative; width:100%; font-size:0.9em; }
.topicpath ol { position:relative; width:1200px; text-align:left; margin:0 auto; padding:1em 0; }
.topicpath ol li { float:left; }
.topicpath ol li em { padding:0 0.5em; }

.c0 { color: #000000 !important; } .c0 a { color: #000000 !important; }
.c1 { color: #ffffff !important; } .c1 a { color: #ffffff !important; }
.c2 { color: #888888 !important; } .c2 a { color: #888888 !important; }
.c6 { color: #e47415 !important; } .c6 a { color: #e47415 !important; }

.bg0 { background-color:#000000 !important; } a.bg0:hover { background-color:#ffffff !important; }
.bg1 { background-color:#ffffff !important; } a.bg1:hover { background-color:#000000 !important; }
.bg2 { background-color:#f8f8f8 !important; } a.bg2:hover { background-color:#cccccc !important; }
.bg3 { background-color:#f9f9f9 !important; } a.bg2:hover { background-color:#cccccc !important; }

.bg_stripe { background:url(../img/bg_stripe.png) repeat left top; }

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

/*
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: 'Lusitana', serif; font-variant:small-caps; letter-spacing:0.05em; }
h1 .ja, h2 .ja, h3 .ja, h4 .ja, h5 .ja, h6 .ja, caption .ja, dt .ja { font-family:"NotoSerif","ヒラギノ明朝 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; }
 */

.highlight { transition: .5s opacity ease-out; }
.highlight:hover { opacity: .7; }

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

.txtlight-anim { animation: 2s ease txtlightAnim both; }
@keyframes txtlightAnim {
	0% { opacity:0; text-shadow: 0 0 1px rgba(255,255,255,.1);}
	30% { text-shadow: 0 0 10px rgba(255,255,255,1),0 0 20px rgba(255,255,255,1),0 0 50px rgba(255,255,255,1),0 0 100px rgba(255,255,255,1),0 0 150px rgba(255,255,255,1),0 0 200px rgba(255,255,255,1);}
	100% { opacity:1; text-shadow: 0 0 0 rgba(255,255,255,0);}
}

table.flsp tr:first-child th, table.flsp tr:first-child td { padding-top:1.0em !important; }
table.flsp tr:last-child th, table.flsp tr:last-child td { padding-bottom:1.0em !important; }
table.col { border-collapse:collapse; border-spacing:0; }
table.sep { border-collapse:separate; border-spacing:2px; }

table.type1 { border-collapse:collapse; border-spacing:0; }
table.type1 th { color:#111111; background-color:#f9f9f9; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; }
table.type1 td { color:#111111; /* background-color:#ffffff; */ border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; }

table.type2 { border-collapse:collapse; border-spacing:0; }
table.type2 th { text-align:center; color:#000000; background-color:#f5f5f5; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; }
table.type2 td { text-align:center; color:#000000; /* background-color:#ffffff; */ border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; }

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

/* .newsBtn */
.newsBtn,.newsBtn:before { transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1); }
.newsBtn { font-family: 'Lusitana', serif; position: fixed; top: 14px; left: 0; width: 40px; height: 90px; z-index: 100; font-size: 12px; letter-spacing: 3px; background-color: #fff; cursor: pointer; line-height: 1; box-sizing: border-box;}
.newsBtn.on { border: solid 1px #ccc; border-left: none;}
.newsBtn:before { content: ''; width: 100%; height: 0; position: absolute; top: auto; bottom: 0; background-color: #000; }
.newsBtn-txt { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; position: absolute; top: 52%; left: 47%; transform: translate(-50%,-50%); }
.newsBtn:hover { color: #fff; }
.newsBtn:hover:before { height: 100%; top: 0; bottom: auto; }

#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width: 3px; height: 3px;margin: -5px 0px 0px -5px;}

/* fullpage */
#fullpage { padding-right: 25vw; }
.fullpageOuter { position: relative; }
.fullpageOuter:before,.fullpageOuter:after { position: fixed; top: 0; left: 0; background-color: #fff; content: ''; z-index: 0;}
.fullpageOuter:before { height: 100%; width: 14px; }
.fullpageOuter:after { height: 14px; width: 100%; }
#fp-nav ul li, .fp-slidesNav ul li { margin: 0 0 7px 0; width: 3px; height: 3px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span { background-color: transparent; border: solid 1px #222;}
#fp-nav.left { left: 35px; margin-top: -20px !important;}
#fp-nav ul li a span, .fp-slidesNav ul li a span { width: 3px; height: 3px; }
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width: 3px; height: 3px; margin: -2px 0 0 -2px;}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span { width: 3px; height: 3px; margin: -2px 0 0 -2px; background-color: #222;}


.fp-slides { overflow-x: auto; }

.fullpage-txtContents { position: absolute; top: 14%; left: 10%; z-index: 2;}
.fullpage-txtContents.typeA { top: 13%; left: 9.5%; }
.fullpage-img { width: 100%; height: auto; }
.fullpage-txtImg { margin-bottom: 33px; }
.fullpage-ttl { font-family: 'NotoSerif'; font-size: 3vw; line-height: 1.7; margin-bottom: 18px; letter-spacing: 4px; white-space: nowrap;}
.fullpage-ttl span { word-break: keep-all; }
.fullpage-txt { font-family: 'NotoSerif'; font-size: 1vw; line-height: 2.8; letter-spacing: 1px; margin-bottom: 27px; word-break: keep-all; }
.bgWhite { background-color: #fff; display: inline-block; line-height: 1; padding: 3px 0 3px 2px;}

/* fullpage各画像 */
.fullpage-slide1 { background: url('../../img/top/main/pc/1/img.jpg') no-repeat; -webkit-background-size: cover; background-size: cover;}
.fullpage-slide3 { background: url('../../img/top/main/pc/3/img.jpg') no-repeat; -webkit-background-size: cover; background-size: cover;}
.fullpage-slide4 { background: url('../../img/top/main/pc/4/img.jpg') no-repeat; -webkit-background-size: cover; background-size: cover;}
.fullpage-slide5 { background: url('../../img/top/main/pc/5/img.jpg') no-repeat; -webkit-background-size: cover; background-size: cover;}
.fullpage-view-contents1 { background: url('../../img/top/main/pc/2/campana/1.jpg') no-repeat; -webkit-background-size: cover; background-size: cover;}
.fullpage-view-contents2 { background: url('../../img/top/main/pc/2/inn/1.jpg') no-repeat; -webkit-background-size: cover; background-size: cover;}
.fullpage-view-contents3 { background: url('../../img/top/main/pc/2/hotels/1.jpg') no-repeat; -webkit-background-size: cover; background-size: cover;}
.fullpage-campana { background: url('../../img/top/main/pc/2/campana/2.jpg') no-repeat; -webkit-background-size: cover; background-size: cover;}
.fullpage-inn { background: url('../../img/top/main/pc/2/inn/2.jpg') no-repeat; -webkit-background-size: cover; background-size: cover;}
.fullpage-hotels { background: url('../../img/top/main/pc/2/hotels/2.jpg') no-repeat; -webkit-background-size: cover; background-size: cover;}

 .fullpage-japan { position: absolute; bottom: 4vw; right: 4vw; width: 33vw; }

/* .sideMenu */
.sideMenu { position: fixed; min-width: 310px; width: 25vw; height: 100%; top: 0; right: 0; background-color: #fff; z-index: 3; box-sizing: border-box; padding: 10px 14px 35px 10px;}
.sideMenu-inner { width: 100%; height: 100%; position: relative;}
.sideMenu-contents { width: 185px; height: 509px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.sideMenu-logo { width: calc(320px/2); height: calc(338px/2); margin: 0 auto 40px;}

/* .lang */
.lang { color: #888; font-family: 'Lusitana', serif; font-size: 12px; line-height: 1; text-align: right; padding: 10px 0 0 0; position: absolute; top: 16px; right: 50px; letter-spacing: 1px; z-index: 10;}
.lang-txt { display: block; cursor: pointer; margin-bottom: 5px; box-sizing: border-box; padding-right: 5px; position: relative;}
/*
.lang-txt:after { content: ''; width: calc(7px/2); height: calc(13px/2); background: url('../img/arrow/arrow3.svg') no-repeat; position: absolute; top: 2px; right: -5px; -webkit-background-size: contain; background-size: contain; transform: rotate(90deg);}
.lang span { position: relative; }
.lang span:before { content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; height: 1px;background-color: #888; transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);}
.lang span:hover:before { width: 0; left: auto; right: 0;}
*/
.multilingual { display: none; background-color: #f8f8f8; text-align: left; padding: 20px 25px; font-size: 10px; width: 145px; box-sizing: border-box; display: none; position: absolute; top: 28px; left: -39px; }
.multilingual a { color: #222; display: block; border-bottom: 1px solid #dadada; padding-bottom: 7px; margin-bottom: 7px; position: relative; z-index: 10; transition: .5s all ease-out;}
.multilingual a:hover { opacity: .5; }
.multilingual li:last-of-type a{ margin-bottom: 0; border-bottom: none; padding-bottom: 0;}

/* 2023 ヘッダー改修 */
.lang {
  display: block;
}
@media screen and (min-width: 768px) {
  .lang {
    display: none;
  }
	#header_menu {
		top: 20px;
		border-top: none;
	}
}



.corporateMember {
  color: #888;
  font-size: 10px;
  line-height: 1;
  text-align: right;
  position: absolute;
  top: 44px;
  right: 26px;
  border: 1px solid #E0E0E0;
  width: 136px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.corporateMember::before {
  content: "";
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  width: 0;
  height: 100%;
  background-color: #F7F8F8;
  z-index: -1;
  transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.corporateMember:hover::before {
  width: 100%;
  right: auto;
  left: 0;
}

.lang__pc {
  position: fixed;
  top: 150px;
  right: 0px;
  display: inline-block;
  width: 100%;
  max-width: 100px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  outline: none;
  transform: translate(50px, 0px);
  transition: transform 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.lang__pc.is-show {
  transform: translate(0px, 0px);
}
.lang__pc .wovn-languages {
  font-size: 11px;
  color: #000000;
}
.lang__pc .multilingual {
  display: block;
  top: 0;
  left: 0;
  width: 100px;
  font-size: 11px;
  padding: 0;
}
.lang__pc .multilingual li {
  font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho";
}
.lang__pc .multilingual li:hover {
  background-color: #EFEFEF;
}
.lang__pc .multilingual a {
	color: #000000;
  height: auto;
  padding-left: 12px;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  height: 36px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

/*ボタン内側の設定*/
.lang__pc .rotate__child {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: 0.5s;
  transform-origin: 50% 0 -50px;
}

.rotatefront .rotate__child:nth-child(1) {
  background: #878787;
  color: #FFFFFF;
  font-family: "Lusitana", serif;
  font-size: 12px;
  letter-spacing: 0.1em;
  width: 42px;
  height: 122px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotateY(0deg);
}

.rotatefront:hover .rotate__child:nth-child(1) {
  transform: rotateY(-90deg);
}

.rotatefront .rotate__child:nth-child(2) {
  background: #000;
  color: #fff;
  transform: rotateY(90deg);
}

.rotatefront:hover .rotate__child:nth-child(2) {
  transform: rotateY(0deg);
}



/* ie marginの設定が別ブラウザと異なるため高さ指定 */
.sideMenu-links1 { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-align: left; font-size: 13px; line-height: 1; height: 145px;}
.sideMenu-links1 li { margin-left: 29px; letter-spacing: 1.5px;}
.sideMenu-links1 li:last-of-type { margin-left: 0; }
.sideMenu-links1 a{ color: #222; transition: .5s opacity ease-out;}
.sideMenu-links1 a:hover { opacity: .4; }

.sideMenu-links2 { width: 100%; }
.sideMenu-links2 li { font-size: .7vw; box-sizing: border-box; float: left; width: 50%; text-align: center; border-right: 1px solid #888;}
.sideMenu-links2 li:last-of-type { border-right: none; }
.sideMenu-links2 a { color: #888; display: block; transition: .5s opacity ease-out;}
.sideMenu-links2 a:hover { opacity: .4; }

.sideMenu-btns { margin: 35px auto 20px;}

/* .copy */
.copy { font-size: 10px; color: #999; font-family: 'Lusitana', serif; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%;}

/* .btn */
.btn,.btn:before,.btn:after {transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);}

/* トップページ用のボタンスタイル */
.btn.top { width: 12.4vw; }

.btn1 { position: relative; background-color: #000; color:#fff !important; text-align: center; letter-spacing: 1px; font-size: 12px; padding: 10px 0; border: solid 1px #dcdcdc; display: block; box-sizing: border-box; cursor:pointer; z-index: 1;}
.btn1.typeA { margin-bottom: 4px; }
.btn1:before {content: ''; position: absolute; top: 0; left: auto; right: 0; width: 0; height: 100%; background-color: #e9930e;  z-index: -1;}
.btn1:hover:before { width: 100%; right: auto; left: 0;}

.btn2 {position: relative; background-color: #fff; color:#222 !important; text-align: center; letter-spacing: 1px; font-size: 12px; padding: 10px 0; border: solid 1px #c7c7c7; display: block; z-index: 1; transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);}
.btn2:before {content: ''; position: absolute; top: 0; left: auto; right: 0; width: 0; height: 100%; background-color: #d9d9d9;  z-index: -1;}
.btn2:hover { border: solid 1px #d9d9d9; }
.btn2:hover:before { width: 100%; right: auto; left: 0;}


.btn3 { color: #222 !important; border:solid 1px rgba(0,0,0,.4); display: block; box-sizing: border-box; padding: 16px 26px; font-size: 13px; position: relative; line-height: 1; position: relative; z-index: 1;}
.btn3:before,.btn3:after {content: ''; position: absolute; }
.btn3:before { top: 0; left: auto; right: 0; width: 0; height: 100%; background-color: #000;  z-index: -1;}
.btn3:after { background: url('../img/arrow/arrow1.svg') no-repeat; width: calc(10px/2); height: calc(18px/2); -webkit-background-size: contain; background-size: contain; top: 50%; right: 10px; transform:translate(-50%,-50%); z-index: -1;}
.btn3:hover { color: #fff !important; }
.btn3:hover:before { width: 100%; right: auto; left: 0; }
.btn3:hover:after { background: url('../img/arrow/arrow2.svg') no-repeat; -webkit-background-size: contain; background-size: contain}

.btn3.typeA { text-align: center; }

.btn4 { color: #222 !important;  display: block; box-sizing: border-box; padding: 16px 26px; font-size: 13px; position: relative; line-height: 1; position: relative; z-index: 1; }
.btn4:before,.btn4:after,.btn4 .border:before,.btn4 .border:after { content: ''; position: absolute; background-color: rgba(0,0,0,.4); }

.btn4:before,.btn4:after { width: 100%; height: 1px; }
.btn4:before { top: 0; right: 0; }
.btn4:after { bottom: 0; left: 0; }

.btn4 .border:before,.btn4 .border:after { width: 1px; height: 100%; }
.btn4 .border:before {  top: 0; left: 0; }
.btn4 .border:after { bottom: 0; right: 0; }

.btn4:hover:before{ animation: btnBorderTopWidth 1s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; }
.btn4:before { animation: btnBorderTopWidth2 1s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; }
.btn4:hover:after { animation: btnBorderBottomWidth 1s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; }
.btn4:after { animation: btnBorderBottomWidth2 1s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; }
.btn4:hover .border:before { animation: btnBorderLeftWidth 1s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; }
.border:before { animation: btnBorderLeftWidth2 1s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; }
.btn4:hover .border:after { animation: btnBorderRightWidth 1s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; }
.border:after { animation: btnBorderRightWidth2 1s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; }

.btn4 .arrow:before { content: ''; position: absolute; background: url('../img/arrow/arrow1.svg') no-repeat; width: calc(10px/2); height: calc(18px/2); -webkit-background-size: contain; background-size: contain; top: 50%; right: 10px; transform:translate(-50%,-50%); z-index: -1;}

@keyframes btnBorderTopWidth {
	50% { right: 100%; }
	51% { right: 0; width: 0; }
	100% { width: 100%; }
}
@keyframes btnBorderTopWidth2 {
	50% { right: 100%; }
	51% { right: 0; width: 0; }
	100% { width: 100%; }
}
@keyframes btnBorderBottomWidth {
	50% { left: 100%; }
	51% { left: 0; width: 0; }
	100% { width: 100%; }
}
@keyframes btnBorderBottomWidth2 {
	50% { left: 100%; }
	51% { left: 0; width: 0; }
	100% { width: 100%; }
}
@keyframes btnBorderLeftWidth {
	50% { top: 100%; }
	51% { top: 0; height: 0; }
	100% { height: 100%; }
}
@keyframes btnBorderLeftWidth2 {
	50% { top: 100%; }
	51% { top: 0; height: 0; }
	100% { height: 100%; }
}
@keyframes btnBorderRightWidth {
	50% { bottom: 100%; }
	51% { bottom: 0; height: 0; }
	100% { height: 100%; }
}
@keyframes btnBorderRightWidth2 {
	50% { bottom: 100%; }
	51% { bottom: 0; height: 0; }
	100% { height: 100%; }
}


.btn5 { color: #fff !important; background-color: #9a0031; display: block; box-sizing: border-box; padding: 16px 26px; font-size: 13px; position: relative; line-height: 1; position: relative; z-index: 1; }
.btn5:before,.btn5:after {content: ''; position: absolute; }
.btn5:before { top: 0; left: auto; right: 0; width: 0; height: 100%; background-color: #000;  z-index: -1;}
.btn5:after { background: url('../img/arrow/arrow2.svg') no-repeat; width: calc(10px/2); height: calc(18px/2); -webkit-background-size: contain; background-size: contain; top: 50%; right: 10px; transform:translate(-50%,-50%); z-index: -1;}

.btn6 { color: #fff !important; background-color: #000; display: block; box-sizing: border-box; padding: 16px 26px; font-size: 13px; position: relative; line-height: 1; position: relative; z-index: 1; border:solid 1px #000;}
.btn6 span { display: block; line-height: 1;}
.btn6:before,.btn6:after {content: ''; position: absolute; }
.btn6:before { top: 0; left: auto; right: 0; width: 0; height: 100%; background-color: #000;  z-index: -1;}
.btn6:after { background: url('../img/arrow/arrow2.svg') no-repeat; width: calc(10px/2); height: calc(18px/2); -webkit-background-size: contain; background-size: contain; top: 50%; right: 10px; transform:translate(-50%,-50%); z-index: -1;}

.btn6:hover { background-color: #fff; border: 1px #555 solid; color: #555!important; }
.btn6:hover:after { background: url('../img/arrow/arrow1.svg') no-repeat; -webkit-background-size: contain;
background-size: contain;}


.btn7 { color: #fff !important; background-color: #009944; display: block; box-sizing: border-box; padding: 16px 26px; font-size: 13px; position: relative; line-height: 1; position: relative; z-index: 1; }
.btn7:before,.btn7:after {content: ''; position: absolute; }
.btn7:before { top: 0; left: auto; right: 0; width: 0; height: 100%; background-color: #000;  z-index: -1;}
.btn7:after { background: url('../img/arrow/arrow2.svg') no-repeat; width: calc(10px/2); height: calc(18px/2); -webkit-background-size: contain; background-size: contain; top: 50%; right: 10px; transform:translate(-50%,-50%); z-index: -1;}

.btn8 { color: #fff !important; background-color: #1d2088; display: block; box-sizing: border-box; padding: 16px 26px; font-size: 13px; position: relative; line-height: 1; position: relative; z-index: 1; }
.btn8:before,.btn8:after {content: ''; position: absolute; }
.btn8:before { top: 0; left: auto; right: 0; width: 0; height: 100%; background-color: #000;  z-index: -1;}
.btn8:after { background: url('../img/arrow/arrow2.svg') no-repeat; width: calc(10px/2); height: calc(18px/2); -webkit-background-size: contain; background-size: contain; top: 50%; right: 10px; transform:translate(-50%,-50%); z-index: -1;}


.btn9 { color: #222 !important;  display: block; box-sizing: border-box; padding: 16px 26px; font-size: 13px; position: relative; line-height: 1; position: relative; z-index: 1; background-color: #000; color: #fff !important; transition: 1s cubic-bezier(0.25, 0.1, 0.25, 1); overflow: hidden; }
.btn9:before,.btn9:after,.btn9 .border:before,.btn9 .border:after { content: ''; position: absolute; background-color: #000; }

.btn9:before,.btn9:after { width: 100%; height: 1px; }
.btn9:before { top: 0; left: 0; }
.btn9:after { bottom: 0; right: 0; }

.btn9 .border:before,.btn9 .border:after { width: 1px; height: 100%; }
.btn9 .border:before {  bottom: 0; left: 0; }
.btn9 .border:after { top: 0; right: 0; }

.btn9:hover { background-color: #fff; color: #000 !important;}
.btn9:hover:before{ animation: btnBorderTopWidth 1s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; }
.btn9:before { animation: btnBorderTopWidth2 1s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; }
.btn9:hover:after { animation: btnBorderBottomWidth 1s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; }
.btn9:after { animation: btnBorderBottomWidth2 1s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; }
.btn9:hover .border:before { animation: btnBorderLeftWidth 1s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; }
.border:before { animation: btnBorderLeftWidth2 1s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; }
.btn9:hover .border:after { animation: btnBorderRightWidth 1s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; }
.border:after { animation: btnBorderRightWidth2 1s cubic-bezier(0.25, 0.1, 0.25, 1) forwards; }

.btn9 .arrow:before { content: ''; position: absolute; background: url('../img/arrow/arrow2.svg') no-repeat; width: calc(10px/2); height: calc(18px/2); -webkit-background-size: contain; background-size: contain; top: 50%; right: 10px; transform:translate(-50%,-50%); z-index: -1;}
.btn9:hover .arrow:before { content: ''; position: absolute; background: url('../img/arrow/arrow1.svg') no-repeat; width: calc(10px/2); height: calc(18px/2); -webkit-background-size: contain; background-size: contain; top: 50%; right: 10px; transform:translate(-50%,-50%); z-index: -1;}


/* .link1 */
.link1 { color: #888!important; padding-left: 1em; text-decoration: underline; position: relative; display: block;}
.link1:before { content:''; position: absolute; background: url('../img/arrow/arrow1.svg') no-repeat; width: calc(10px/2); height: calc(18px/2); -webkit-background-size: contain; background-size: contain; top: 50%; left: 3px; transform:translate(-50%,-50%); z-index: -1;}

.link1.typeA { margin-bottom: 5%;}

/* news */
.news { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 101; }
.news-inner	{ box-sizing: border-box; padding: 4.9% 9.5%; height: 100%; }
.news-ttl1 { margin-bottom: 13%; padding-left: 11%; letter-spacing: 1px; color: #222; line-height: 1; position: relative; font-size: 12px; cursor: pointer;}
.news-ttl1:before { content: ''; width: calc(19px/2); height: calc(19px/2); background: url("../img/menu.png"); position: absolute; top: -3px; left: -5px; transform: translate(50%,50%); -webkit-background-size: contain; background-size: contain; }
.news-ttl2 { font-size: 13px; color: #888; margin-bottom: 9%;}
.news-menu { float: left; width: 19.5%; margin: 0.2% 8% 0 0;}
.news-contents { float: left; width: 72.5%; height: 100%; overflow: hidden;}
.news-contents-outer { height: 100%; }
.news-menu-inner { border-top: solid 1px #dcdcdc; padding: 8% 0 0;}

.news-list1 { font-size: 12px; line-height: 1; margin-bottom: 12%;}
/* .news-list1 li{ margin-bottom: 9.5%; letter-spacing: 1px;} */
.news-list1 li{ margin-bottom: 10px; letter-spacing: 1px;}
.news-list1 li:last-of-type{ margin-bottom: 0;}
.news-list1 a{ color: #222 ; position: relative; padding-left: 14px; transition: .5s color ease-out;}
.news-list1 a:hover { color: #999; }
/* .news-list1 a{ color: #222 ; position: relative; padding-left: 10%;} */
.news-list1 a:before { content: ''; width: calc(7px/2); height: calc(13px/2); background: url('../img/arrow/arrow3.svg') no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 5px; left: 3px;}

.news-contents-inner { width: 28%; float: left; margin: 0 4% 4% 0; transition: .5s opacity ease-out;}
.news-contents-inner:hover { opacity: .5; }
.news-contents-inner2 { margin-bottom: 4%; }
.news-contents-img { border: 1px solid #efefef; box-sizing: border-box; margin-bottom: 3%;}
.news-contents-date { font-size: 12px; float: left; margin-top: 1%; color: #888 !important;}
.news-contents-label { font-size: 10px; float: right; background-color: #000; color: #fff; padding: 2.5% 6%; box-sizing: border-box; line-height: 1;}
.news-contents-txt { font-size: 12px; line-height: 2; letter-spacing: 1px; color: #222 !important;}

.news-contents .mCSB_scrollTools { right: -8px; }
.news-contents .mCSB_inside>.mCSB_container { margin-right: 0; }
.news-contents .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; }
.news-contents .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar　{ background-color: #000; }
.news-contents .mCSB_scrollTools { width: 18px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000 !important; }

/* .reservation */
.reservation	{ display: none; position: fixed; top: 0; left: 0; background-color: #fff; z-index: 102; width: 100%; height: 100%; box-sizing: border-box; padding:4% 12%; overflow-x: hidden; overflow-y: scroll; }
.sumaho-reservation { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 102;}
.reservation-ttl { text-align: center; font-size: 40px; color: #000; font-family:"NotoSerif",serif; letter-spacing: 2px; margin-bottom: 7%;}
.reservation-ttl1 { font-family:"NotoSerif",serif; font-size: 19px;	letter-spacing: 2px;	line-height: 1; margin-bottom: 4.5%;	color:#222;}
.reservation-form { border: solid 1px #888; border-radius: 2px; box-sizing: border-box; padding: 4.2% 7%; margin-bottom: 5%;	}
.reservation-txt1 { width: 21%; letter-spacing: 1px; margin: 3.5% 0 0 0; float: left; line-height: 1;}
.reservation-txt2 { color: #222; line-height: 1.8; letter-spacing: 1px;	}
.reservation-txt2.typeA { margin-bottom: 2%; }
.reservation-txt2.typeB { margin-bottom: 3%; }
a.reservation-hotel-list { line-height: 1; color: #888; margin-top: 1.7%; display: inline-block; text-decoration: underline;}

.reservation-inner1 { float: left; width: 48.5%; margin-right: 3%;}
.reservation-inner2 { float: left; width: 48.5%; }
.reservation-inner3 { float: left; width: 50%; padding-right: 4.6%; border-right: solid 1px #888; box-sizing: border-box;}
.reservation-inner3:last-of-type {	border: none; padding: 0 0 0 4.6%;	}

.reservation-kouku-select,.reservation-input,.reservation-input1 { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; }
.reservation-kouku-select::-ms-expand,.reservation-input::-ms-expand,.reservation-input1::-ms-expand { display: none; }
.reservation-select { position: relative; }
.reservation-select.typeA { width: 32.6%; margin-right: 1%; float: left; }
.reservation-select.typeA:last-of-type { margin-right: 0; }
.reservation-select:before { content: ''; position: absolute; background: url(../img/arrow/arrow1.svg) no-repeat; width: calc(10px/2); height: calc(18px/2); -webkit-background-size: contain; background-size: contain; top: 45%; right: 20px; transform: translate(-50%,-50%); z-index: 1; transform: rotate(90deg);}

.reservation-input,.reservation-input1 { float: left; border: none; background-color: #f0f0f0; padding: 4% ;box-sizing: border-box; font-size: 13px; letter-spacing: 2px; width: 79%; cursor: pointer; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
.reservation-input1 { width: 100%; padding: 12%;}

.reservation-inner2 { margin-right: 0; }

.reservation-input1.last { margin-right: 0; }
.reservation-hotel { margin-bottom: 2%; }
.reservation-submit { text-align: center; background-color: #000; color:#fff; border-radius: 3px; padding: 2.3% 0;}

.reservation-radios{ float: left; width: 64%; margin-top: 2.5%;}
.reservation-radios-inner { float: left; margin-right: 7%;}
.reservation-radios li:last-of-type { margin-right: 0; }
.reservation-submit { float: right; width: 36%; letter-spacing: 2px; cursor: pointer;}
.reservation-radio-btn { margin: -2px 0 0 0; display: none; }
.reservation-radio-label { position: relative; padding-left: 25px; }
.reservation-radio-label:before,.reservation-radio-label:after { content: ''; position: absolute; top: 0; left: 0; border-radius: 50%; }
.reservation-radio-label:before { width: 20px; height: 20px; background-color: #f0f0f0; }
.reservation-radio-label:after { width: 0; height: 0; background-color: #000; top: 5px; left: 5px; }
.reservation-radio-btn:checked + .reservation-radio-label:after { width: 10px; height: 10px; }
.reservation-content { margin-bottom: 2%; }

.reservation-btns1-inner { float: left; width: 48%; margin-right: 4%; }
.reservation-btns1 .reservation-btns1-inner:last-of-type { margin-right: 0; }

.reservation-kouku { background-color: #f0f0f0; padding: 4.5% 4.2% 4.5% 7%; box-sizing: border-box; border-radius: 3px; font-family: 'NotoSerif'; letter-spacing: 1px;	}
.reservation-select.koukuSelect { float: right;	width: 71%; font-size: 13px;	letter-spacing: 2px; }
.reservation-kouku-select { border: solid 1px #000; border-radius: 3px; box-sizing: border-box; padding: 4% 5%; cursor: pointer; width: 100%; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
.reservation-kouku-txt { float: left; font-size: 1.3rem;	margin-top: 3.5%;	}

.close-btn { position: absolute; top: 0; right: 0; background-color: #f0f0f0; width: 54px; height: 54px; cursor: pointer;}

.close-btn:before,.close-btn:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 50%; height: 1px; background-color: #999; }

.close-btn:before { transform: rotate(45deg); }
.close-btn:after { transform: rotate(-45deg); }

.section { overflow: hidden;}
.section-inner { padding: 0 0 0 14px; position: relative; height: 100%;}
.fullpage-view { position: relative; z-index: 1; width: 100%;	height: 100%;	}
.fullpage-view.campane { background-color: rgba(253,174,200,1); }
.fullpage-view.vesselinn { background-color: rgba(154,255,199,1); }
.fullpage-view.hotels { background-color: rgba(176,178,255,1); }

/* .fullpage-view:after { content: 	''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(116,167,208,1); z-index: 1;	} */
.fullpage-view-outer { box-sizing: border-box; }
.fullpage-view-contents { position: relative; width: 33.33%; float: left; height: 100vh; overflow: hidden;}
.fullpage-view-btn { position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; padding: 7% 0 7% 8%; box-sizing: border-box; font-size: 11px; line-height: 1; font-family: 'Lusitana', serif; letter-spacing: 2px; cursor: pointer; transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);}
.fullpage-view-btn:hover { padding: 10% 0 7% 8%; }
.fullpage-view-btn:before { content: ''; width: 75%; height: 1px; background-color: rgba(255,255,255,.3); position: absolute; top: 50%; right: 0; transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1); }
.fullpage-view-btn:hover:before { width: 0; }

.fullpage-view-btn.red { background-color: rgba(154,0,49,0.6); }
.fullpage-view-btn.green { background-color: rgba(0,153,68,0.6); }
.fullpage-view-btn.blue { background-color: rgba(29,32,136,0.6); }

.fullpage-view-hotels { height: 100vh; position: absolute; top: 0; left: 0; width: 100%;}
.fullpage-view-hotels-inner { display: none; position: relative; height: 100vh; }

.fullpage-campana-logo { width: calc(374px/8); height: calc(428px/8); }

.fullpage-campana-logo { float: left; margin-right: 14px;}
.fullpage-logo-txt { float: left; margin-top: 3px;}
.fullpage-logo-txt .ja { color:#222; font-size: 20px; font-family: 'NotoSerif'; letter-spacing: 2px;}
.fullpage-logo-txt .en { color:#888; font-size: 10px; font-family: 'Lusitana', serif; letter-spacing: 2px;}

.fullpage-back { color: #fff; position: absolute; bottom: 2.5%; left: 2.5%; font-family: 'Lusitana', serif; letter-spacing: 2px; cursor: pointer; line-height: 1;}

.fullpage-back.typeA { color: #888; }

.fullpage-back:hover:before { width: 0; }
.fullpage-back:before { content: ''; position: absolute; width: 450%; height: 1px; background-color: rgba(255,255,255,.5); top: 50%; right: -500%; z-index: 10; transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);}

.fullpage-back.typeA:before { background-color: #888;}

.fullpage-openInfo { position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,.6); z-index: 1; color: #fff; height: 15vh; }
.fullpage-openInfo-ttl { font-family: 'Lusitana', serif;	font-size: 12px;	letter-spacing: 2px; float: left; text-align: center; width: 18%; line-height: 1; position: relative; height: 100%;}
.fullpage-openInfo-ttl span { border-bottom: solid 2px #e9930e; padding-bottom: 5px;}
.fullpage-openInfo-txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.fullpage-openInfo-list { width: 82%; float: left; line-height: 2.2; letter-spacing: 1px; box-sizing: border-box; height: 100%; display: table;}
.fullpage-openInfo-list .slides { display: table-cell !important; vertical-align: middle; }
.fullpage-openInfo-list li{ position: relative; transition: .5s opacity ease-out; }
.fullpage-openInfo-list li:hover { opacity: .5;}
.fullpage-openInfo-list li:before { content: '';	position: absolute; 	background: url('../img/arrow/arrow2.svg') no-repeat; width: calc(10px/2); height: calc(18px/2); -webkit-background-size: contain; background-size: contain; top: 50%; left: -18px; transform:translate(-50%,-50%); z-index: 1;}
.fullpage-openInfo-list a { color: #fff; display: block;}
.sumaho-logo1 { display: none; }
.fullpage-sumahoMenu { display: none; }
.spbtn1 {display: none !important;}
.sumaho-reservation { display: none; }
.sumaho-menu { display: none; }
.sumaho-menu-lang { display: none; }

.ui-widget-content { border: solid 1px #f0f0f0; }
.ui-widget-header { background: #000; border: solid 1px #000;}
.ui-datepicker-year,.ui-datepicker-month { border: none; }
.ui-datepicker select.ui-datepicker-year { margin: 0 5px 0 0; }
.ui-datepicker select.ui-datepicker-month { margin: 0 0 0 5px; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #000; border: solid 1px #000; }





/* ここから下層ページ */
#wrap { width:1280px; height:9030px; opacity:0.5; position:absolute; top:0; left:0; right:0; margin:0 auto; background-position:top center; z-index:9998; filter:invert(100%); background-size:100%; }
#wrap.invert { filter:invert(0%); }
#wrap.opacity { opacity:1; }
#wrap_toggle { position:fixed; top:0; left:0; cursor:pointer; background-color:#fff860; color:#111111; z-index:9999; text-decoration:underline}

.fadeAnim { opacity: 0; transition: 1.0s all ease-in-out; }
.fadeAnim.on { opacity: 1; }


#header { position:fixed; width:100%; min-width:1280px; height:87px; top:0; background-color:#ffffff; border-bottom:1px solid #ffffff; z-index:101; }
#header_inner { position:relative; width:1280px; height:87px; margin:0 auto; text-align:left; }

#header_logo { position:absolute; width:253px; height:47px; top:21px; left:17px; background-image:url(../img/header_logo.png); background-size:253px 47px; }
#header_logo a { display:block; width:253px; height:47px; }

#header_plan { position:absolute; top:35px; left:100px; font-size:80%; letter-spacing:0.2em; }
#header_plan li { float:left; margin-right:1.5em; line-height:27px; }
#header_plan a { display:block; color:#998a63; transition:all 0.3s ease-in-out; }
#header_plan a:hover { color:#ffffff; }
#header_plan span { display:block; margin-left:36px; }
#header_plan_stayonly a { background-image:url(../img/header_plan_stayonly.png); }
#header_plan_airtickets a { background-image:url(../img/header_plan_airtickets.png); }
#header_plan_stayonly a:hover { background-image:url(../img/header_plan_stayonly_on.png); }
#header_plan_airtickets a:hover { background-image:url(../img/header_plan_airtickets_on.png); }
@media only screen and (-webkit-min-device-pixel-ratio:2),(-webkit-min-device-pixel-ratio:1.5) {
#header_plan_stayonly a { background-image:url(../img/header_plan_stayonly@2x.png); background-size:27px; }
#header_plan_airtickets a { background-image:url(../img/header_plan_airtickets@2x.png); background-size:27px; }
#header_plan_stayonly a:hover { background-image:url(../img/header_plan_stayonly_on@2x.png); background-size:27px; }
#header_plan_airtickets a:hover { background-image:url(../img/header_plan_airtickets_on@2x.png); background-size:27px; }
}

#header_menu { position:absolute; top:44px; left:1117px; width:140px; border-top:1px solid #e5e5e5; }
#header_menu div { float:left; width:70px; }
#header_menu div:first-child a span { border-right:1px solid #dddddd; }
#header_menu a { color:#888888; font-size:10px; text-align:center; transition:all 0.3s ease-in-out; }
#header_menu a:hover { color:rgba(136,136,136,0.9); }
#header_menu a span { display:block; margin:6px 0; }

#header_btn { position:absolute; top:24px; left:927px; width:175px; height:40px; }

#header_reservation_btn a { position: relative; width:100%; height:40px; background-color: #000; color:#fff !important; font-size: 12px; padding: 10px 0; border: solid 1px #dcdcdc; display: block; box-sizing: border-box; cursor:pointer; z-index: 1; transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);}
#header_reservation_btn a span { position: absolute; left:64px; letter-spacing:2px; }
html[lang="th"] #header_reservation_btn a span { left: 33px; white-space: nowrap; }
#header_reservation_btn a:before {content: ''; position: absolute; top: 0; left: auto; right: 0; width: 0; height: 100%; background-color: #e9930e;  z-index: -1; transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);}
#header_reservation_btn a:hover:before { width: 100%; right: auto; left: 0;}
#header_reservation_btn a:after {content: ''; position: absolute; top: 14px; left: 15px; width: 13px; height: 13px; background:url(../img/ico_search.svg) no-repeat left top; background-size:13px; }

#header_language { display:none; }

#nav { position:absolute; top:35px; left:377px; }
#nav ul li { position:relative; float:left; margin-right:25px; text-align:center; }
#nav ul li a { display:block; color:#222222; font-size:13px; text-align:center; letter-spacing:0.05em; white-space:nowrap; transition:all 0.3s ease-in-out; }
#nav ul li a:before { content: ''; position: absolute; bottom: -4px; left: 50%; width: 0%; height: 2px;background-color: #e68213; transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);}
#nav ul li a:hover:before { width: 100%; left:0; }
#nav ul li a:hover { color:#a6a6a6; }
#nav ul li a.current:before { content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; height: 2px;background-color: #e68213; transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);}


#footer { position:relative; width:100%; min-width:1280px; color:#888888; background-color:#000000; }
#footer_inner { position:relative; width:1280px; margin:0 auto; }

.footer_topicpath_outer { position:relative; width:100%; border-top:1px solid #d9d9d9; background-color:#ffffff; }
.footer_topicpath { position:relative; width:1280px; text-align:center; margin:0 auto; padding:18px 0; color:#000000; font-size:12px; letter-spacing:1.2px; }
.footer_topicpath ol li { display:inline-block; float:none; }
.footer_topicpath ol li em { color:#888888; padding:0 8px 0 5px; }
.footer_topicpath ol li a { color:#000000; transition:all 0.3s ease-in-out; }
.footer_topicpath ol li a:hover { color:rgba(0,0,0,0.5); }

#page_top { position:absolute; right:21px; top:22px; width:15px; height:9px; }
#page_top a { width:15px; height:9px; display:block; background:url(../img/page_top.svg) no-repeat left top; background-size:15px 9px; }
#page_top a span { font-size:0; line-height:0; position:absolute; left:-9999px; }

#footer_bestrate { position:relative; width:100%; height:269px; background-color:#f9f9f9; }
#footer_bestrate>div { position:relative; width:911px; margin:0 auto; }
#footer_bestrate>div>p { position:absolute; color:#222222; top:55px; left:0; font-size:24px; line-height:45px; letter-spacing:2.2px; font-family:"NotoSerif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
#footer_bestrate_img { position:absolute; top:50px; right:0; background:url(../img/bestrate_img.png) no-repeat left top; width:527px; height:170px; background-size:100%; }
#footer_bestrate_img span { display:block; text-indent:100%; white-space:nowrap; overflow:hidden; }
@media only screen and (-webkit-min-device-pixel-ratio:2),(-webkit-min-device-pixel-ratio:1.5) {
	#footer_bestrate_img { background-image:url(../img/bestrate_img@2x.png); background-size:100%; }
}

#footer_bestrate_btn a:before,#footer_bestrate_btn a:after {transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);}
#footer_bestrate_btn { position:absolute; width:154px; height:39px; top:163px; left:0; }
#footer_bestrate_btn a {position: relative; background-color: #fff; color:#222 !important; text-align: center; letter-spacing: 1px; font-size: 12px; padding: 10px 0; border: solid 1px #c7c7c7; display: block; z-index: 1; transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);}
#footer_bestrate_btn a:before {content: ''; position: absolute; top: 0; left: auto; right: 0; width: 0; height: 100%; background-color: #d9d9d9;  z-index: -1;}
#footer_bestrate_btn a:hover { border: solid 1px #d9d9d9; }
#footer_bestrate_btn a:hover:before { width: 100%; right: auto; left: 0;}

#footer_reservation_btn a,#footer_reservation_btn a:before,#footer_reservation_btn a:after {transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);}
#footer_reservation_btn { position:absolute; top:163px; left:160px; width:154px; height:39px; }
#footer_reservation_btn a { position: relative; background-color: #000; color:#fff !important; text-align: center; letter-spacing: 1px; font-size: 12px; padding: 10px 0; border: solid 1px #dcdcdc; display: block; box-sizing: border-box; cursor:pointer; z-index: 1;}
#footer_reservation_btn a:before {content: ''; position: absolute; top: 0; left: auto; right: 0; width: 0; height: 100%; background-color: #e9930e;  z-index: -1;}
#footer_reservation_btn a:hover:before { width: 100%; right: auto; left: 0;}

#footer_appeal {  }
#footer_appeal p {  }
#footer_appeal p a {display: block; color:#ffffff;background-color:#1c1c1c; text-align:center;transition: all .3s;
padding:29.5px; font-size:21px; letter-spacing:1.1px; color:#ffffff; font-family:"NotoSerif","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }

#footer_appeal p a:hover {background:rgba(233,147,14,0.9);}
#footer_hotel_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 990px;
    margin: 50px auto;
}
html[lang=en] #footer_hotel_list {
    max-width: 1180px;
}
#footer_hotel_list .footer_hotel_list_brand { font-size:15px; color:#888888; letter-spacing:1.2px; margin-bottom:16px; }
#footer_hotel_list .footer_hotel_list_name { position:relative; font-size:12px; margin-bottom:8px; }
#footer_hotel_list .footer_hotel_list_name a { padding-left:15px; letter-spacing:1.4px; transition:all 0.3s ease-in-out; }
#footer_hotel_list .footer_hotel_list_name a:before { position:absolute; content:''; background:url('../img/arrow/right_gray.svg') no-repeat; width:5px; height:9px; background-size:contain; top:50%; left:0; transform:translate(0,-50%); }
#footer_hotel_list .footer_hotel_list_name a:hover { color:#ffffff; }
.footer_hotel_list_box2 { margin-top: 35px; }


ul.footer_link { text-align:center; }
ul.footer_link li { position:relative; display:inline-block; font-size:13px; letter-spacing:1.1px; }
ul.footer_link li a { padding-left:20px; transition:all 0.3s ease-in-out; }
ul.footer_link li a:hover { color:#ffffff; }

#copyright { text-align:center; font-family:'Lusitana', serif; font-size:10px; letter-spacing:0.7px; padding:16px 0 50px 0; }


#main { position:relative; padding-top:88px; min-width:1280px; height:678px; background-position-x:50%; background-position-y:calc(88px + 50%); background-size:cover; }
#main h1 { position:absolute; top:385px; left:0; right:0; margin:0 auto; }

.contents_outer { position:relative; width:100%; min-width:1280px; }
.contents_inner { position:relative; width:990px; text-align:left; margin:0 auto; max-width:1920px; }
.contents_inner2 { position:relative; width:850px; text-align:left; margin:0 auto; max-width:1920px; }
.contents_inner.full { width:100% !important; padding:0; }

h1 .en, h2 .en, h3 .en, h4 .en, h5 .en, h6 .en, caption .en, dt .en { font-family:"Lusitana", serif; letter-spacing:0.05em; }
h1 .ja, h2 .ja, h3 .ja, h4 .ja, h5 .ja, h6 .ja, caption .ja, dt .ja { font-family:"NotoSerif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }

.ttl0 { text-align:center; color:#222222;}
.ttl0 .ja { display: block; font-size:40px; letter-spacing:3.4px; }
.ttl0.mb { margin-bottom:42px; }

.ttl1 { text-align:center; }
.ttl1 .en { display: block; font-size:38.23px; letter-spacing:6.2px; line-height:1.3; }
.ttl1 .ja { display: block; font-size:14px; margin-top:8px; }

.ttl2 { text-align:center; color:#222222; }
.ttl2 a { color:#222222; }
.ttl2 .en { display: block; font-size:28px; letter-spacing:2.8px; line-height:1.3; }
.ttl2 .ja { display: block; font-size:12px; letter-spacing:1px; margin-top:6px; }
.ttl2.pt { padding-top:130px; }
.ttl2.mt { margin-top:85px; }
.ttl2.mt_2 { margin-top:12px; }
.ttl2.mt_3 { margin-top:129px; }
.ttl2.mb { margin-bottom:65px; }

.ttl3 { color:#888888; font-size:16px; letter-spacing:1.2px; font-family:"NotoSerif","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.ttl3.mb { margin-bottom:18px; }

.ttl4 { text-align:center; }
.ttl4 .en { display: block; color:#cccccc; font-size:21px; letter-spacing:2.8px; line-height:1.3; }
.ttl4 .ja { display: block; color:#222222; font-size:28px; letter-spacing:1.8px; margin-top:6px; }
.ttl4.mb { margin-bottom:16px; }

.ttl5 .sub { display: block; color:#888888; font-size:14px; letter-spacing:1.2px; line-height:1.3; }
.ttl5 .main { display: block; color:#222222; font-size:28px; letter-spacing:2px; margin-top:1px; font-family:"NotoSerif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.ttl5.mb { margin-bottom:8px; }

.ttl6 .sub { display: block; color:#888888; font-size:12px; letter-spacing:2.0px; /* letter-spacing:3.0px; */ }
.ttl6 .main { display: block; color:#000000; font-size:16px; letter-spacing:1.3px; }
.ttl6.mb { margin-bottom:8px; }

.ttl7 { color:#000000; font-size:21px; letter-spacing:1.7px; }
.ttl7.mb { margin-bottom:25px; }

.ttl8 .ja { display: block; color:#ffffff; font-size:30px; letter-spacing:2.2px; }
.ttl8 .en { display: block; color:#ffffff; font-size:14px; letter-spacing:1.8px; margin-top:6px;}

.ttl9 { text-align:center; }
.ttl9 .en { display: block; color:#cccccc; font-size:24px; letter-spacing:2.8px; line-height:1.3; }
.ttl9 .ja { display: block; color:#222222; font-size:11px; letter-spacing:1.8px; margin-top:3px; }
.ttl9.mt { margin-top:54px; }
.ttl9.mb { margin-bottom:60px; }

.ttl10 { color:#000000; font-size:16px; letter-spacing:1.6px; line-height:18px; font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }
.ttl10.mb { margin-bottom:12px; }

.ttl11 { text-align:center; color:#000000; }
.ttl11 a { color:#000000; }
.ttl11 .ja { display: block; font-size:30px; letter-spacing:2.4px; line-height:55px; }
.ttl11.mt { margin-top:170px; }
.ttl11.mb { margin-bottom:11px; }

.ttl12 { text-align:left; font-family:"NotoSerif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.ttl12 .sub { display: block; color:#cccccc; font-size:16px; letter-spacing:1.0px; }
.ttl12 .main { display: block; color:#222222; font-size:28px; letter-spacing:2px; margin-top:7px; }
.ttl12.mb { margin-bottom:9px; }

.ttl13 { color:#000000; font-size:21px; letter-spacing:2px; }
.ttl13 em.l { font-size:40px; }
.ttl13.mt { margin-top:36px; }
.ttl13.mb { margin-bottom:25px; }

.ttl14 { color:#ffffff; font-size:23px; font-weight:bold; letter-spacing:1.2px; }
.ttl14.mb { margin-bottom:12px; }

.ttl15 { text-align:center; }
.ttl15 .en { display: block; color:#cccccc; font-size:24px; letter-spacing:2px; line-height:1.3; }
.ttl15 .ja { display: block; color:#222222; font-size:11px; letter-spacing:1.8px; margin-top:3px; }

.ttl16 { display: block; color:#222222; font-size:14px; letter-spacing:1.8px; margin-top:4px; border-bottom:1px solid #cccccc; }
.ttl16.mb { margin-bottom:16px; }

.ttl17 .en { display: block; color:#cccccc; font-size:16px; letter-spacing:2.8px; line-height:1.2; }
.ttl17 .ja { display: block; color:#222222; font-size:16px; letter-spacing:1px; margin-top:6px; }
.ttl17.mt { margin-top:54px; }
.ttl17.mb { margin-bottom:60px; }

.ttl18 { display: block; color:#222222; font-size:16px; letter-spacing:1px; }
.ttl18.mb { margin-bottom:17px; }

.ttl19 { display: block; color:#888888; font-size:18px; letter-spacing:1.4px; text-align:center; }
.ttl19.mb { margin-bottom:50px; }

.ttl20 { display: block; color:#000000; font-size:14px; letter-spacing:1.4px; font-weight:bold; }
.ttl20.mb { margin-bottom:4px; }

.ttl21 { display:block; color:#888888; font-size:21px; letter-spacing:1.6px; }
.ttl21.mt { margin-top:49px; }
.ttl21.mb { margin-bottom:13px; }

.txt1 { color:#222222; font-size:14px; letter-spacing:1.1px; line-height:28px; }
.txt1.mb { margin-bottom:47px; }
.txt2 { color:#000000; font-size:14px; letter-spacing:1.4px; line-height:28px; }
.txt2.mb { margin-bottom:28px; }
.txt3 { color:#222222; font-size:15px; letter-spacing:1.3px; line-height:60px; }
.txt3.mb { margin-bottom:20px; }
.txt3 span { border-bottom:1px dotted #bcbcbc; padding-bottom: 2px; }
.txt4 { color:#222222; font-size:13px; letter-spacing:1.2px; line-height:28px; }
.txt5 { color:#222222; font-size:15px; letter-spacing:1.3px; line-height:45px; }
.txt6 { color:#222222; font-size:13px; letter-spacing:1.2px; line-height:26px; }
.txt7 { color:#888888; font-size:12px; letter-spacing:1.2px; line-height:24px; }
.txt7.mb { margin-bottom:50px; }
.txt8 { color:#000000; font-size:13px; letter-spacing:1.2px; line-height:28px; }
.txt8.mb { margin-bottom:16px; }
.txt9 { color:#000000; font-size:12px; letter-spacing:1.2px; line-height:22px; }
.txt10 { color:#888888; font-size:10px; letter-spacing:0.8px; line-height:16px; }
.txt11 { color:#222222; font-size:14px; letter-spacing:1.3px; line-height:34px; }
.txt11.mb { margin-bottom:126px; }
.txt11 span { border-bottom:1px dotted #bcbcbc; }


table.type3 { border-collapse:collapse; border-spacing:0; }
table.type3 th { color:#000000; font-size:14px; border-bottom:1px solid #dddddd; line-height:28px; padding:19px 0; width:224px; vertical-align:top; }
table.type3 td { color:#000000; font-size:14px; border-bottom:1px solid #dddddd; line-height:28px; padding:19px 0; }
table.type3 tr:last-child th { border-bottom:none; }
table.type3 tr:last-child td { border-bottom:none; }

ul.internal_link { width:100%; text-align:center; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:24px 0; }
ul.internal_link li { position:relative; display:inline-block; font-size:14px; }
ul.internal_link li:first-child { margin-right:40px; }
ul.internal_link li a { padding-left:20px; }
ul.internal_link li a:before { position:absolute; content:''; background:url('../img/arrow/down_gray.svg') no-repeat; width: calc(19px/2); height: calc(11px/2); -webkit-background-size: contain; background-size: contain; top:50%; left:0; transform:translate(-50%,-50%); z-index: 1; }

dl.num:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
dl.num dt { float:left; line-height:28px; }
dl.num dd { margin-left:2em; }
dl.num.mb { margin-bottom:40px; }
dl.num.mb2 { margin-bottom:20px; }

.info { box-sizing: border-box; border:1px solid #cccccc; }
.info2 { box-sizing: border-box; border:1px solid #dddddd; }
.info3 { box-sizing: border-box; outline:1px solid #f2ba8a; outline-offset:-5px; border:5px solid #e47415; background-color:#e47415; }
.info4 { background-color:#f8f8f8; }

.circle_num { font-family:"Lusitana",serif; color:#ffffff; font-size:18px; width:40px; height:40px; background-color:#e68213; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; flex-flow: column wrap;  vertical-align: top; }
.circle_new { font-family:"Lusitana",serif; color:#e68213; font-size:12px; width:60px; height:60px; background:url(../img/circle_new.png) no-repeat; background-size:60px; display: inline-flex; justify-content: center; align-items: center; flex-flow: column wrap;  vertical-align: top; }

.hotel_mark { position:relative; }
.mark_cam:before { content:''; position:absolute; width:37px; height:42px; top:0; right:10px; background:url(../img/mark_cam.png) no-repeat; background-size:37px 42px; z-index:5; }
.mark_inn:before { content:''; position:absolute; width:37px; height:42px; top:0; right:10px; background:url(../img/mark_inn.png) no-repeat; background-size:37px 42px; z-index:5; }
.mark_hot:before { content:''; position:absolute; width:37px; height:42px; top:0; right:10px; background:url(../img/mark_hot.png) no-repeat; background-size:37px 42px; z-index:5; }
.mark_ref:before { content:''; position:absolute; width:37px; height:42px; top:0; right:10px; background:url(../img/mark_ref.png) no-repeat; background-size:37px 42px; z-index:5; }
.mark_lequ:before { content:''; position:absolute; width:37px; height:42px; top:0; right:10px; background:url(../img/mark_lequ.png) no-repeat; background-size:37px 42px; z-index:5; }


.mark_tripad_2018:after { content:''; position:absolute; width:60px; height:57px; bottom:0; right:10px; background:url(../img/mark_tripad_2018.png) no-repeat; background-size:60px 57px; }

/* ページ個別設定 */
.page_partnerhotel #main { margin-bottom:0; }
.page_partnerhotel #main h1 { text-shadow: 0px 0px 11.6px rgba(61, 56, 5, 0.6); }
.page_partnerhotel .partnerhotel_contents01 { padding-top:86px; padding-bottom:134px; }
.page_partnerhotel .partnerhotel_contents03 { padding-top:86px; padding-bottom:104px; }
.page_partnerhotel .ph_circle { margin-bottom:48px; }
.page_partnerhotel .ph_circle>div>div { margin:10px 13px 21px 13px; }
.page_partnerhotel .ph_circle p { text-align:center; font-size:18px; letter-spacing:2.1px; line-height:34px; color:#000000; font-family:"NotoSerif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.page_partnerhotel .others_list { padding:43px 20px 20px 20px; }
.page_partnerhotel .others_list h2 { margin-top:127px; margin-left:9px; }
.page_partnerhotel .others_list h3 { margin-left:34px; }
.page_partnerhotel .others_list p { margin-left:34px; margin-bottom:16px; }
.page_partnerhotel h2.mt { margin-top:110px; }
.page_partnerhotel .img_map { position:relative; height:840px; }
.page_partnerhotel .img_map .area_list>div { width:210px; }
.page_partnerhotel .img_map .area_list .ttl16.mb { margin-bottom:13px; }
.page_partnerhotel .img_map .area_list li { font-size:13px; color:#000000; letter-spacing:1.6px; line-height:26px; }
.page_partnerhotel .img_map .area_list li:before { content:'・'; margin-left:-4px; }
.page_partnerhotel .img_map .area_list .area_1 { position:absolute; top:47px; left:706px; }
.page_partnerhotel .img_map .area_list .area_2 { position:absolute; top:278px; left:595px; }
.page_partnerhotel .img_map .area_list .area_3 { position:absolute; top:492px; left:393px; }
.page_partnerhotel .img_map .area_list .area_4 { position:absolute; top:286px; left:100px; }
.page_partnerhotel .img_map .area_list .area_5 { position:absolute; top:572px; left:71px; }
.page_partnerhotel .img_map .bg_stripe { position:absolute; top:586px; left:670px; width:250px; height:120px; }
.page_partnerhotel .img_map .bg_stripe p { font-size:13px; color:#000000; letter-spacing:1.4px; line-height:28px; margin:20px 10px 10px 28px; }
.page_partnerhotel .company_btn { width:284px; margin:35px auto 0 auto; }
.page_partnerhotel .company_btn>.btn { padding:19px 30px; font-size:14px; letter-spacing:1px; }


.page_faq #main { height:285px; margin-top: 88px; padding-top: 0; border-top:1px solid #eeeeee; }
.page_faq #main h1 { top:180px;}
.page_faq .ttl1 .en { letter-spacing:4.2px; }
.page_faq .ttl1 .ja { letter-spacing:1px; }
.page_faq .txt3 { letter-spacing:0.1px; }
.page_faq .txt3.mb { margin-bottom:9px; }
.page_faq .faq_lang_select { display:block; margin:0 auto; width:284px; padding:14px 16px; border:1px solid #cccccc; border-radius:3px; box-sizing: border-box;font-size: 13px;letter-spacing:0.4px; cursor: pointer;}
.page_faq .ttl2.mt { margin-top:103px; }
.page_faq .ttl2.mb { margin-bottom:75px; }
.page_faq .step1_outer { padding:38px 0 36px 69px; display:block; margin-bottom:5px; }
.page_faq .step1_outer:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.page_faq .step1_outer h3 { float:left; }
.page_faq .step1_outer .step1_select { width:445px; padding:16px 16px; float: right; border: none;background-color: #f0f0f0; box-sizing: border-box;font-size: 11px;letter-spacing:2.6px; cursor: pointer;}
.page_faq .step2_outer { padding:75px 0 56px 69px; display:block; margin-bottom:128px; }
.page_faq .step2_search { margin-bottom:22px; }
.page_faq .step2_search>div { float:left; }
.page_faq .step2_search>div:nth-child(1) { width:405px; }
.page_faq .step2_search>div:nth-child(2) { width:404px; padding-left:38px; padding-top:21px; border-left:1px solid #e5e5e5; }
.page_faq .step2_search:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.page_faq .step2_search>div>div { position:relative; width:365px; margin-top:12px; }
.page_faq .step2_search>div>div .step2_keyword { width:calc(365px - 40px); border:1px solid #cccccc; border-radius:3px; padding:14px 20px; font-size:13px; letter-spacing:1.2px; background: url('../img/img_keyword_search.png') no-repeat right center; background-size: contain; cursor: pointer; }
.page_faq .step2_search>div>div>img { position:absolute; top:1px; right:0; width:40px; }
.page_faq .step2_search>div>ul li { position:relative; width:200px; font-size:14px; margin-bottom:13px; margin-left:2px; }
.page_faq .step2_search>div>ul li a { padding-left:15px; letter-spacing:0.2px; }
.page_faq .step2_search>div>ul li a:before { position:absolute; content:''; background:url('../img/arrow/right_gray.svg') no-repeat; width:5px; height:9px; background-size:contain; top:50%; left:0; transform:translate(0,-50%); }
.page_faq .faq_outer { width:850px; padding:47px 0 43px 0; margin-bottom:10.5px; }
.page_faq .faq_outer .faq_item { width:740px; border-top:1px solid #dddddd; margin:0 auto; }
.page_faq .faq_outer .faq_item .faq_q { position:relative; cursor:pointer; padding:19px 0 20px 0; font-size:14px; color:#000000; letter-spacing:1.2px; }
.page_faq .faq_outer .faq_item .faq_q:after { position:absolute; content:''; background:url('../img/arrow/down_gray.svg') no-repeat; width: calc(19px/2); height: calc(11px/2); -webkit-background-size: contain; background-size: contain; top:50%; right:10px; transform:translate(-50%,-50%); z-index: 1; }
.page_faq .faq_outer .faq_item .faq_a { display:none; background-color:#ececec; padding:25px 30px 24px 30px; margin-bottom:25px; font-size:13px; line-height:26px; letter-spacing:1.2px; }
.page_faq .faq_outer .faq_item.current .faq_a { display:block; }
.page_faq .contact_outer { padding:66px 0 62px 69px; display:block; margin-bottom:139px; }
.page_faq .contact_inner { width:850px; padding:50px 0 50px 0; margin-bottom:8px; }
.page_faq .contact_inner h3.mb { margin-bottom:19px; }
.page_faq #hotel_name_tel { font-size:18px; text-align:center; color:#000000; letter-spacing:1.8px; }
.page_faq .description_ja { text-align:center; color:#000000; font-size:13px; margin-top:22px; line-height:26px; letter-spacing:1.3px; }
.page_faq .description_ja a { color:#000000; border-bottom: 1px solid #000000; display: inline-block; line-height: 1; }
.page_faq .description_ja a:hover { color:#888888; border-bottom: 1px solid #888888; }
.page_faq .description_en { text-align:center; color:#222222; font-size:10px; margin-top:9px; line-height:18px; letter-spacing:0.8px; }
.page_faq .contact_form_outer { width:740px; margin:36px auto 30px auto; padding-bottom:20px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; }
.page_faq .contact_form_inner { width:640px; margin:39px auto 36px auto; }
.page_faq .contact_form { width:640px; margin:0 auto; }
.page_faq .contact_form th { width:152px; padding:5px 0 20px 0; vertical-align:top; }
.page_faq .contact_form td { width:475px; padding-bottom:20px; }
.page_faq .contact_form .th_ja { font-size:13px; }
.page_faq .contact_form .th_en { font-size:10px; margin-top:3px; letter-spacing:0.8px; }
.page_faq .contact_form input[type="text"] { border:none; padding:15px 20px; font-size:13px; width:435px; letter-spacing:1.2px; }
.page_faq .contact_form textarea { border:none; padding:15px 20px; font-size:13px; width:435px; letter-spacing:1.2px; }
.page_faq .contact_form_ssl { width:506px; margin:0 auto 29px auto; }
.page_faq .contact_form_ssl div:nth-child(1) { float:left; width:71px; }
.page_faq .contact_form_ssl div:nth-child(2) { float:left; width:calc(506px - 71px); }
.page_faq .contact_form_ssl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.page_faq .contact_form_ssl p { margin:10px 0 10px 20px; }
.page_faq .contact_form_submit { width:300px; margin:0 auto; }
.page_faq .contact_form_submit .submit { border:1px solid #000000; border-radius:4px; background-color:#000000; color:#ffffff; font-size:15px; width:300px; margin:0 auto; padding:15px; cursor: pointer; }
.page_faq .contact_form_submit .submit .en { font-size:10px; margin-top:3px; letter-spacing:0.8px; }
.page_faq .input_error { color: #ff0000; text-align: center; padding: 10px 0 0 0; }

.page_faq select { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; }
.page_faq select::-ms-expand { display: none; }
.page_faq .faq_lang_select_outer { position: relative; width: 284px; margin: auto; }
.page_faq .step1_select_outer { position: relative; width: 445px; margin-right: 69px; float: right; }
.page_faq .in_select:before { content: ''; position: absolute; background: url(../img/arrow/arrow1.svg) no-repeat; width: calc(10px/2); height: calc(18px/2); -webkit-background-size: contain; background-size: contain; top: 45%; right: 20px; transform: translate(-50%,-50%); z-index: 1; transform: rotate(90deg);}

.page_faq ::placeholder { color: #888888; }
.page_faq :placeholder-shown { color: #888888; }
.page_faq ::-webkit-input-placeholder { color: #888888; }
.page_faq :-moz-placeholder { color: #888888; opacity: 1; }
.page_faq ::-moz-placeholder { color: #888888; opacity: 1; }
.page_faq :-ms-input-placeholder { color: #888888; }

.page_grouplist #main { margin-bottom:135px; }
.page_grouplist .grouplist_tab { position:relative; margin:0 auto; width:1030px; height:120px; }
.page_grouplist .grouplist_tab>div { float:left; height:120px; border-bottom:1px solid #dddddd; box-sizing:border-box; }
.page_grouplist .grouplist_tab>div:nth-child(1) { width:20px; }
.page_grouplist .grouplist_tab>div:nth-child(2) { width:495px; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; }
.page_grouplist .grouplist_tab>div:nth-child(3) { width:495px; border-top:1px solid #dddddd; border-right:1px solid #dddddd; }
.page_grouplist .grouplist_tab>div:nth-child(4) { width:20px; }
.page_grouplist .grouplist_tab>div>h2 { height:120px; cursor: pointer;}
.page_grouplist .grouplist_tab>div>h2>span.en { padding-top:33px; }
.page_grouplist .grouplist_tab>div.current { border-bottom:none; }
.page_grouplist .grouplist_tab>div.current>h2 .en { color:#000000; }
.page_grouplist .grouplist_cat_select { position:relative; margin:60px auto; width:690px; text-align:center; }
.page_grouplist .grouplist_cat_select>div { display:inline-block; margin-left:28px;padding-right:28px; margin-bottom: 20px; height:15px; line-height:15px; letter-spacing:1px; border-right:1px solid #cccccc; font-size:13px; color:#222222; font-family:"NotoSerif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.page_grouplist .grouplist_cat_select>div:last-child { border-right:none; }
.page_grouplist .grouplist_cat_select>div span:before { content: ''; position: absolute; bottom: -4px; left: auto; width: 0; height: 1px;background-color: #999999; transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);}
.page_grouplist .grouplist_cat_select>div span:hover:before { width: 100%; left: 0; right: 0;}
.page_grouplist .grouplist_cat_select>div.current span:before { content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; height: 1px;background-color: #999999; transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);}
.page_grouplist .grouplist_cat_select>div.current span:hover:before { width: 0; left: auto; right: 0;}
.page_grouplist .hotel_list .hotel_list_item { margin-bottom:40px; }
.page_grouplist .hotel_list .sp_hotel_name { display:none; }
.page_grouplist .hotel_list .hotel_name { margin-top:15px; }
.page_grouplist .hotel_list .hotel_tel { margin-bottom:11px; }
.page_grouplist .hotel_list .txt2 { text-align:center; border-top:1px solid #dddddd; padding-top:10px; padding-bottom:10px; }
.page_grouplist .bnr_topborder { position:relative; margin:55px auto 0 auto; width:1030px; border-top:1px solid #dddddd; box-sizing:border-box; }
.page_grouplist #bnr_outline { width:990px; margin:0 auto; padding:95px 0 135px 0; }
.page_grouplist .img_map { width:640px; margin:70px auto; }
.page_grouplist .hotel_name_list div>ul { margin-bottom:36px; }
.page_grouplist .hotel_name_list div>ul li { position:relative; font-size:13px; margin-bottom:8px; }
.page_grouplist .hotel_name_list div>ul li a { padding-left:15px; letter-spacing:1.4px; }
.page_grouplist .hotel_name_list div>ul li a:before { position:absolute; content:''; background:url('../img/arrow/right_gray.svg') no-repeat; width:5px; height:9px; background-size:contain; top:50%; left:0; transform:translate(0,-50%); }
.page_grouplist .grouplistPC-txt { cursor: pointer; }
.page_grouplist .grouplistPC-txt span { color:#888888; position:relative; }
.page_grouplist #sumahoGroupList { display: none !important; }
.page_grouplist #sumahoAreaContents { display: none !important; }
.page_grouplist .brand_all { display: none; }

@media screen and ( max-width: 768px) {
	.page_grouplist #sumahoGroupList.on { display: block !important; }
	.page_grouplist #sumahoAreaContents.on { display: block !important; }
	.page_grouplist .brand_all { display: block; }
}

.page_bestrate #main { margin-bottom:0; }
.page_bestrate .appeal_txt { background-color:#e47415; text-align:center; margin-bottom:129px; }
.page_bestrate .appeal_txt h2 { color:#ffffff; font-size:30px; padding:26px 0; letter-spacing:2.6px; font-family:"NotoSerif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.page_bestrate .div_half1 { margin-bottom:64px; }
.page_bestrate .div_half2 { margin-bottom:143px; }
/*.page_bestrate .div_half3 { border-bottom:1px solid #dddddd; padding-bottom:40px; } */
.page_bestrate .img_width { width:485px; margin-top:6px; }
.page_bestrate .img_width2 { width:372px; height:246px; margin-top:2px; margin-left:92px; }
.page_bestrate .div_half1 .txt_pa  { padding:10px 46px 0 46px; }
.page_bestrate .div_half2 .txt_pa { padding:42px 36px 0 40px; }
.page_bestrate .div_half3 .txt_pa { padding:16px 70px 0 19px; }
.page_bestrate .div_half1 .txt2.mb { margin-bottom:15px; }
.page_bestrate .div_half2 .txt2.mb { margin-bottom:10px; }
.page_bestrate .div_half3 .txt2.mb { margin-bottom:15px; }
.page_bestrate .div_half3 .ttl12 { margin-bottom:14px; }
.page_bestrate .div_half2 .img_width { margin-left:8px; }
.page_bestrate .div_half4 { margin-bottom:68px; }
.page_bestrate .div_half4 .info3 { margin-top:49px; padding:27px 0 0 34px; width:405px; height:198px; }
.page_bestrate .div_half4 .info3 a { text-decoration:underline; text-decoration-color:#ffffff; }
.page_bestrate .div_half4>div:nth-child(2)>.info3 { margin-left:20px; }
.page_bestrate .div_half4 .info3_circle { position:absolute; top:22px; right:-6px; width:170px; height:170px; border-radius:50%; background:#ffffff; border:2px solid #e47415; }
.page_bestrate .div_half4 .info3_circle>div { position:relative; text-align:center; }
.page_bestrate .div_half4 .info3_circle>div>.point_circle_head { color:#e47415; width:102px; margin:12px auto 3px auto; font-size:18px; font-weight:bold; padding-bottom:4px; border-bottom:3px double #e47415; }
.page_bestrate .div_half4 .info3_circle>div>.point_circle_haku { color:#e47415; font-size:34px; font-weight:bold; }
.page_bestrate .div_half4 .info3_circle>div>.point_circle_haku>span { font-size:19px; }
.page_bestrate .div_half4 .info3_circle>div>.point_circle_text { color:#222222; font-size:13px; font-weight:bold; line-height:21px; letter-spacing:-0.4px; }
.page_bestrate .point_table { margin-bottom:138px; }
.page_bestrate .point_table>div:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.page_bestrate .point_table>div>div { float:left; }
.page_bestrate .point_table>div:nth-child(1) { height:400px; margin-bottom:5px; }
.page_bestrate .point_table>div:nth-child(2) { height:335px; }
.page_bestrate .point_table .point_table_th { width:115px; height:100%; background-color:#cccccc; }
.page_bestrate .point_table .point_table_th>p { color:#ffffff; font-size:16px; line-height:30px; letter-spacing:0.3px; font-weight:bold; margin:0 auto; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
.page_bestrate .point_table .point_table_td { width:calc(100% - 115px); height:100%; background-color:#f5f5f5; }
.page_bestrate .point_table .point_table_td>div { padding:50px 46px 0 50px; }
.page_bestrate .point_table>div:nth-child(1)>.point_table_th>p { margin-top:110px; margin-left:42.5px; }
.page_bestrate .point_table>div:nth-child(2)>.point_table_th>p { margin-top:15px; margin-left:27.5px; }


.page_information #main { display:none; }
.page_information .contents_inner2 { padding-top:88px; }
.page_information .information_date { margin-bottom:19px; color:#888888; font-size:12px; text-align:center; letter-spacing:1px; font-family:"NotoSerif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.page_information .information_category { display:block; text-align:center; margin-bottom:58px; }
.page_information .information_category>span { padding:8px 22px; background-color:#000000; color:#ffffff; font-size:12px; text-align:center; letter-spacing:1px; font-family:"NotoSerif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.page_information .information_image { margin-bottom:38px; }
.page_information .information_pager { position:relative; margin-top:68px; margin-bottom:187px; border-top:1px solid #dddddd; }
.page_information .information_pager p { color:#888888; font-size:14px; letter-spacing:1px; }
.page_information .information_pager p a { color:#888888; }
.page_information .information_pager .information_pager_index { position:absolute; top:19px; left:calc(50% - 25.64px ); font-family:"Lusitana",serif; }
.page_information .information_pager .information_pager_prev { position:absolute; top:19px; left:0; font-family:"NotoSerif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.page_information .information_pager .information_pager_next { position:absolute; top:19px; right:0; font-family:"NotoSerif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }

.page_information .information_pager p a:before { content: ''; position: absolute; bottom: -4px; height: 1px; background-color: #888; width: 0; left: auto; right: 0; transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);}
.page_information .information_pager p a:hover:before { left: 0; width: 100%; background-color: #888; transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);}
@media screen and (max-width: 768px) {
	.page_information #main{
		margin-top: 0 !important;
	}
}
/* ▼ Lequ */
.page_outline .header_brand_lequ { background-color: #FFF; border-bottom: 1px solid #777; border-top: 1px solid #777; }
.page_outline .header_brand_lequ>div { position:relative; width:640px; margin:0 auto; }
.page_outline .header_brand_lequ>div>h3.ttl8 { position:absolute; top:45px; left:350px; }
.page_outline .header_brand_lequ>div>h3.ttl8>span.ja { color:#000; }
.page_outline .header_brand_lequ>div>h3.ttl8>span.en { color:#000; }
.page_outline .contents_brand_lequ { height:1203px; position:relative; background-color:#f8f8f8; }
.page_outline .contents_brand_lequ>h3 { position:absolute; top:402px; left:calc(50% + 57px); }
.page_outline .contents_brand_lequ>h3 span { letter-spacing:1px; }
.page_outline .contents_brand_lequ>p { position:absolute; top:475px; left:calc(50% + 56px); }
.page_outline .contents_brand_lequ>.ph_01 { position:absolute; width:515px; height:315px; top:209px; right:calc(50% + 20px); }
.page_outline .contents_brand_lequ>.ph_02 { position:absolute; width:202px; height:202px; top:95px; left:calc(50% + 202px); }
.page_outline .contents_brand_lequ>.ph_03 { position:absolute; width:202px; height:202px; top:calc(972px - 54px); left:calc(50% + 300px); }
.page_outline .contents_brand_lequ>.brand_point { position:relative; }
.page_outline .contents_brand_lequ>.brand_point>div { width:405px; border-bottom:1px solid #cccccc; }
.page_outline .contents_brand_lequ>.brand_point>div:nth-child(1) { position:absolute; top:603px; right:calc(50% + 66px); }
.page_outline .contents_brand_lequ>.brand_point>div:nth-child(2) { position:absolute; top:698px; right:calc(50% + 26px); }
.page_outline .contents_brand_lequ>.brand_point>div:nth-child(3) { position:absolute; top:797px; right:calc(50% - 20px); }
.page_outline .contents_brand_lequ>.brand_point>div:nth-child(4) { position:absolute; top:891px; right:calc(50% + 30px); }
.page_outline .contents_brand_lequ>.brand_point>div:nth-child(5) { position:absolute; top:990px; right:calc(50% + 90px); }
.page_outline .contents_brand_lequ>.brand_point>div>span { color:#cccccc; font-size:16px; font-family:"Lusitana",serif; letter-spacing:2.2px; }
.page_outline .contents_brand_lequ>.brand_point>div>span>em { font-size:30px; margin-left:4px; font-style:italic; font-family:"NotoSerif","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.page_outline .contents_brand_lequ>.brand_point>div>p { color:#222222; font-size:18px; letter-spacing:2px; margin-bottom:5px; font-family:"NotoSerif","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.page_outline .contents_brand_lequ>.brand_btn { position:absolute; top:820px; left:calc(50% + 57px); width:284px; }
/* ▲ Lequ */

.page_outline .header_brand_ref { background-color:#221814; }
.page_outline .header_brand_ref>div { position:relative; width:640px; margin:0 auto; }
.page_outline .header_brand_ref>div>h3.ttl8 { position:absolute; top:49px; left:206px; }
.page_outline .header_brand_ref>div>h3.ttl8>span.en { color: rgba(255,255,255,.6);text-indent: .3em; }
.page_outline .contents_brand_ref { height:1045px; position:relative; background-color:#f8f8f8; }
.page_outline .contents_brand_ref>h3 { position:absolute; top:95px; right:calc(50% - -175px); }
.page_outline .contents_brand_ref>h3 span { letter-spacing:1px; }
.page_outline .contents_brand_ref>p { position:absolute; top:233px; right:calc(50% + 41px); }
.page_outline .contents_brand_ref>.ph_01 { position:absolute; width:515px; height:315px; top:174px; left:calc(50% + 20px); }
.page_outline .contents_brand_ref>.ph_02 { position:absolute; width:202px; height:202px; top:calc(700px - 54px); right:calc(50% + 48px); }
.page_outline .contents_brand_ref>.ph_03 { position:absolute; width:202px; height:202px; top:calc(780px - 54px); right:calc(50% + 288px); }
.page_outline .contents_brand_ref>.brand_point { position:relative; }
.page_outline .contents_brand_ref>.brand_point>div { width:405px; border-bottom:1px solid #cccccc; }
.page_outline .contents_brand_ref>.brand_point>div:nth-child(1) { position:absolute; top:528px; left:calc(50% + 18px); }
.page_outline .contents_brand_ref>.brand_point>div:nth-child(2) { position:absolute; top:623px; left:calc(50% + 124px); }
.page_outline .contents_brand_ref>.brand_point>div:nth-child(3) { position:absolute; top:723px; left:calc(50% + 60px); }
.page_outline .contents_brand_ref>.brand_point>div:nth-child(4) { position:absolute; top:813px; left:calc(50% - 5px); }
.page_outline .contents_brand_ref>.brand_point>div>span { color:#cccccc; font-size:16px; font-family:"Lusitana",serif; letter-spacing:2.2px; }
.page_outline .contents_brand_ref>.brand_point>div>span>em { font-size:30px; margin-left:4px; font-style:italic; font-family:"NotoSerif","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.page_outline .contents_brand_ref>.brand_point>div>p { color:#222222; font-size:18px; letter-spacing:2px; margin-bottom:5px; font-family:"NotoSerif","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.page_outline .contents_brand_ref>.brand_btn { position:absolute; top:530px; right:calc(50% + 244px); width:284px; }


.page_outline #main { margin-bottom:137px; }
.page_outline #main h1 { text-shadow: 0px 0px 11.6px rgba(61, 56, 5, 0.6); }
.page_outline .ttl0 { margin-bottom:34px; }
.page_outline .txt3.tc.mb.serif { margin-bottom:120px; letter-spacing:1; }
.page_outline .ph_circle { margin-bottom:100px; }
.page_outline .ph_circle>div>div { margin:24px 27.5px 30px 27.5px; }
.page_outline .ttl2.mb { margin-bottom:60px; }
.page_outline .header_brand_cam { background-color:#9a0031; }
.page_outline .header_brand_cam>div { position:relative; width:640px; margin:0 auto; }
.page_outline .header_brand_cam>div>h3.ttl8 { position:absolute; top:45px; left:176px; }
.page_outline .header_brand_cam>div>h3.ttl8>span.en { color:#b56879; }
.page_outline .contents_brand_cam { height:1203px; position:relative; background-color:#f8f8f8; }
.page_outline .contents_brand_cam>h3 { position:absolute; top:402px; left:calc(50% + 57px); }
.page_outline .contents_brand_cam>h3 span { letter-spacing:1px; }
.page_outline .contents_brand_cam>p { position:absolute; top:475px; left:calc(50% + 56px); }
.page_outline .contents_brand_cam>.ph_01 { position:absolute; width:515px; height:315px; top:209px; right:calc(50% + 20px); }
.page_outline .contents_brand_cam>.ph_02 { position:absolute; width:202px; height:202px; top:95px; left:calc(50% + 202px); }
.page_outline .contents_brand_cam>.ph_03 { position:absolute; width:202px; height:202px; top:calc(854px - 4px); left:calc(50% + 300px); }
.page_outline .contents_brand_cam>.brand_point { position:relative; }
.page_outline .contents_brand_cam>.brand_point>div { width:405px; border-bottom:1px solid #cccccc; }
.page_outline .contents_brand_cam>.brand_point>div:nth-child(1) { position:absolute; top:603px; right:calc(50% + 66px); }
.page_outline .contents_brand_cam>.brand_point>div:nth-child(2) { position:absolute; top:698px; right:calc(50% + 26px); }
.page_outline .contents_brand_cam>.brand_point>div:nth-child(3) { position:absolute; top:797px; right:calc(50% - 20px); }
.page_outline .contents_brand_cam>.brand_point>div:nth-child(4) { position:absolute; top:891px; right:calc(50% + 30px); }
.page_outline .contents_brand_cam>.brand_point>div:nth-child(5) { position:absolute; top:990px; right:calc(50% + 90px); }
.page_outline .contents_brand_cam>.brand_point>div>span { color:#cccccc; font-size:16px; font-family:"Lusitana",serif; letter-spacing:2.2px; }
.page_outline .contents_brand_cam>.brand_point>div>span>em { font-size:30px; margin-left:4px; font-style:italic; font-family:"NotoSerif","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.page_outline .contents_brand_cam>.brand_point>div>p { color:#222222; font-size:18px; letter-spacing:2px; margin-bottom:5px; font-family:"NotoSerif","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.page_outline .contents_brand_cam>.brand_btn { position:absolute; top:725px; left:calc(50% + 57px); width:284px; }

.page_outline .header_brand_inn { background-color:#009944; }
.page_outline .header_brand_inn>div { position:relative; width:640px; margin:0 auto; }
.page_outline .header_brand_inn>div>h3.ttl8 { position:absolute; top:49px; left:273px; }
.page_outline .header_brand_inn>div>h3.ttl8>span.en { color:#68b583; }
.page_outline .contents_brand_inn { height:1045px; position:relative; background-color:#f8f8f8; }
.page_outline .contents_brand_inn>h3 { position:absolute; top:95px; right:calc(50% - 13px); }
.page_outline .contents_brand_inn>h3 span { letter-spacing:1px; }
.page_outline .contents_brand_inn>p { position:absolute; top:170px; right:calc(50% + 27px); }
.page_outline .contents_brand_inn>.ph_01 { position:absolute; width:515px; height:315px; top:174px; left:calc(50% + 20px); }
.page_outline .contents_brand_inn>.ph_02 { position:absolute; width:202px; height:202px; top:calc(555px - 34px); right:calc(50% + 98px); }
.page_outline .contents_brand_inn>.ph_03 { position:absolute; width:202px; height:202px; top:calc(733px - 54px); right:calc(50% + 248px); }
.page_outline .contents_brand_inn>.brand_point { position:relative; }
.page_outline .contents_brand_inn>.brand_point>div { width:405px; border-bottom:1px solid #cccccc; }
.page_outline .contents_brand_inn>.brand_point>div:nth-child(1) { position:absolute; top:528px; left:calc(50% + 18px); }
.page_outline .contents_brand_inn>.brand_point>div:nth-child(2) { position:absolute; top:617px; left:calc(50% + 124px); }
.page_outline .contents_brand_inn>.brand_point>div:nth-child(3) { position:absolute; top:716px; left:calc(50% + 60px); }
.page_outline .contents_brand_inn>.brand_point>div:nth-child(4) { position:absolute; top:811px; left:calc(50% - 5px); }
.page_outline .contents_brand_inn>.brand_point>div>span { color:#cccccc; font-size:16px; font-family:"Lusitana",serif; letter-spacing:2.2px; }
.page_outline .contents_brand_inn>.brand_point>div>span>em { font-size:30px; margin-left:4px; font-style:italic; font-family:"NotoSerif","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.page_outline .contents_brand_inn>.brand_point>div>p { color:#222222; font-size:18px; letter-spacing:2px; margin-bottom:5px; font-family:"NotoSerif","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.page_outline .contents_brand_inn>.brand_btn { position:absolute; top:421px; right:calc(50% + 207px); width:284px; }

.page_outline .header_brand_hot { background-color:#1d2088; }
.page_outline .header_brand_hot>div { position:relative; width:640px; margin:0 auto; }
.page_outline .header_brand_hot>div>h3.ttl8 { position:absolute; top:48px; left:256px; }
.page_outline .header_brand_hot>div>h3.ttl8>span.en { color:#7274ab; }
.page_outline .contents_brand_hot { height:1203px; position:relative; background-color:#f8f8f8; }
.page_outline .contents_brand_hot>h3 { position:absolute; top:370px; left:calc(50% + 50px); }
.page_outline .contents_brand_hot>h3 span { letter-spacing:1px; }
.page_outline .contents_brand_hot>p { position:absolute; top:444px; left:calc(50% + 52px); }
.page_outline .contents_brand_hot>.ph_01 { position:absolute; width:515px; height:315px; top:209px; right:calc(50% + 20px); }
.page_outline .contents_brand_hot>.ph_02 { position:absolute; width:202px; height:202px; top:94px; left:calc(50% + 152px); }
.page_outline .contents_brand_hot>.ph_03 { position:absolute; width:202px; height:202px; top:calc(800px - -10px); left:calc(50% + 295px); }
.page_outline .contents_brand_hot>.brand_point { position:relative; }
.page_outline .contents_brand_hot>.brand_point>div { width:405px; border-bottom:1px solid #cccccc; }
/*
.page_outline .contents_brand_hot { height:1110px; position:relative; background-color:#f8f8f8; }
.page_outline .contents_brand_hot>.brand_point>div:nth-child(1) { position:absolute; top:602px; right:calc(50% + 66px); }
.page_outline .contents_brand_hot>.brand_point>div:nth-child(2) { position:absolute; top:697px; right:calc(50% - 19px); }
.page_outline .contents_brand_hot>.brand_point>div:nth-child(3) { position:absolute; top:796px; right:calc(50% + 35px); }
.page_outline .contents_brand_hot>.brand_point>div:nth-child(4) { position:absolute; top:898px; right:calc(50% + 90px); }
*/
.page_outline .contents_brand_hot>.brand_point>div:nth-child(1) { position:absolute; top:603px; right:calc(50% + 66px); }
.page_outline .contents_brand_hot>.brand_point>div:nth-child(2) { position:absolute; top:698px; right:calc(50% + 26px); }
.page_outline .contents_brand_hot>.brand_point>div:nth-child(3) { position:absolute; top:797px; right:calc(50% - 20px); }
.page_outline .contents_brand_hot>.brand_point>div:nth-child(4) { position:absolute; top:891px; right:calc(50% + 30px); }
.page_outline .contents_brand_hot>.brand_point>div:nth-child(5) { position:absolute; top:990px; right:calc(50% + 90px); }
.page_outline .contents_brand_hot>.brand_point>div>span { color:#cccccc; font-size:16px; font-family:"Lusitana",serif; letter-spacing:2.2px; }
.page_outline .contents_brand_hot>.brand_point>div>span>em { font-size:30px; margin-left:4px; font-style:italic; font-family:"NotoSerif","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.page_outline .contents_brand_hot>.brand_point>div>p { color:#222222; font-size:18px; letter-spacing:2px; margin-bottom:5px; font-family:"NotoSerif","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.page_outline .contents_brand_hot>.brand_btn { position:absolute; top:696px; left:calc(50% + 52px); width:284px; }

.page_outline #ph_service { height:562px; overflow:hidden; margin-bottom:94px; }
.page_outline .breakfast_btn { width:284px; margin:25px auto 93px auto; }
.page_outline .breakfast_btn>.btn { padding:19px 30px; font-size:14px; letter-spacing:1px; }
.page_outline .info2 { margin-bottom:135px; }
.page_outline .others_list { padding-bottom:20px; }
.page_outline .others_list>div>div { margin-bottom:40px;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.page_outline .others_list>div>div>div:first-child { width: 30%; }
.page_outline .others_list>div>div>div:last-child { width: 60%; }
.page_outline .others_list>div:nth-child(odd)>div { padding-left:70px; }
.page_outline .others_list>div:nth-child(even)>div { margin-left:20px; padding-right:70px; }
.page_outline .others_list>div>div:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.page_outline .others_list>div>div>img { width:140px; height:140px; float:left; }
.page_outline .others_list>div>div>h3 { float:left; margin-left:30px; }
.page_outline .others_list>div>div>p { float:left; width:calc(100% - 190px); margin-left:30px; }

.page_outline .soine_btn { display: inline-block; margin: 10px auto 0; width: 85%; }
.page_outline .soine_btn>.btn { padding: 15px 30px;font-size: 13px; }


.page_outline .contents_nav {
	display: flex;
    justify-content: space-between;
    text-align: center;
    font-weight: bold;
    max-width: calc(1874px / 2);
    margin: 0 auto 70px;
}
.page_outline .contents_nav li {
	position: relative;
	width: 20%;
	padding: 4px 0 23px;
}
.page_outline .contents_nav li:not(:first-child):before {
	position: absolute;
	content: '';
	display: block;
	background: url(../../outline/img/line_dots.png) repeat-y;
	opacity: .5;
    width: 1px;
    height: 103%;
    background-size: 50% auto;
    top: 0;
    left: 0;
}
.page_outline .contents_nav li::after {
	content: '';
	display: block;
	position: absolute;
	background: url(../img/arrow/arrow3.svg) no-repeat;
	opacity: .5;
    width: calc(10px/2);
    height: calc(18px/2);
    -webkit-background-size: contain;
    background-size: contain;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transform: rotate(90deg);
}
.page_outline .contents_nav img {
	max-width: 115px;
}
.page_outline .contents_nav a,
.page_outline .contents_nav a:visited {
	color: #000000;
	font-size: 14px;
}
.page_outline .contents_nav figure {
    margin: 0 auto;
    width: 115px;
    height: 115px;
    overflow: hidden;
    border-radius: 50%;
}
.page_outline .contents_nav p {
	margin-top: 15px;
	letter-spacing: .1em;
}
.page_outline .contents_nav .line1 {
	line-height: 3;
}

.page_outline .contents_nav img {
    width: 100%;
    -moz-transition: -moz-transform 0.9s linear;
    -webkit-transition: -webkit-transform 0.9s linear;
    -o-transition: -o-transform 0.9s linear;
    -ms-transition: -ms-transform 0.9s linear;
    transition: transform 0.9s linear;
}

.page_outline .contents_nav a:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.page_outline .contents_nav li:hover::after {
    bottom: -5px;
    transition : all .2s;
}


.btn3.cam { color: #fff !important; border-color:#9a0031; background-color:#9a0031; font-size:14px; padding:19px 24px; letter-spacing:1px; }
.btn3.cam:before { background-color:#ffffff; }
.btn3.cam:after { background-image: url('../img/arrow/right_white.svg'); }
.btn3.cam:hover { color: #9a0031 !important; }
.btn3.cam:hover:after { background-image: url('../img/arrow/right_cam.svg'); }

.btn3.inn { color: #fff !important; border-color:#009944; background-color:#009944; font-size:14px; padding:19px 24px; letter-spacing:1px; }
.btn3.inn:before { background-color:#ffffff; }
.btn3.inn:after { background-image: url('../img/arrow/right_white.svg'); }
.btn3.inn:hover { color: #009944 !important; }
.btn3.inn:hover:after { background-image: url('../img/arrow/right_inn.svg'); }

.btn3.hot { color: #fff !important; border-color:#1d2088; background-color:#1d2088; font-size:14px; padding:19px 24px; letter-spacing:1px; }
.btn3.hot:before { background-color:#ffffff; }
.btn3.hot:after { background-image: url('../img/arrow/right_white.svg'); }
.btn3.hot:hover { color: #1d2088 !important; }
.btn3.hot:hover:after { background-image: url('../img/arrow/right_hot.svg'); }

.btn3.ref { color: #fff !important; border-color:#221814; background-color:#221814; font-size:14px; padding:19px 24px; letter-spacing:1px; }
.btn3.ref:before { background-color:#ffffff; }
.btn3.ref:after { background-image: url('../img/arrow/right_white.svg'); }
.btn3.ref:hover { color: #221814 !important; }
.btn3.ref:hover:after { background-image: url('../img/arrow/right_hot.svg'); }


.page_breakfast #main { margin-bottom:100px; }
.page_breakfast .img_map { margin-bottom:33px; }
.page_breakfast .img_map_text { text-align:center; margin-bottom: 45px; }
.page_breakfast .info.pickup { margin:45px 0 50px 0; padding:46px 50px 55px 50px; }
.page_breakfast .info.pickup h2 { margin-bottom:14px; color:#e68213; font-size:24px; letter-spacing:2.6px; font-family: 'Lusitana', serif; }
.page_breakfast .info.pickup p { width:410px; }
.page_breakfast .info.pickup .grid { width:410px; margin-top:15px;}
.page_breakfast .info.pickup .grid .btn { width:195px; padding:13px 0; }
.page_breakfast .info.pickup .flex-control-nav { width:auto; margin-left:390px; }
.page_breakfast .info.pickup .flex-control-nav li { margin:0 4px; }
.page_breakfast .breakfast_list { margin-bottom:155px; }
.page_breakfast .breakfast_list>div.grid>div { margin-bottom:35px; }
.page_breakfast .breakfast_list .breakfast_title:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.page_breakfast .breakfast_list .circle_new { float: left; margin-top:-8px; margin-right: 2px; }
.page_breakfast .breakfast_list .circle_num { float: left; margin-top:1px; margin-right: 14px; }
.page_breakfast .breakfast_list .ttl6 { margin:18px 0 8px 0; }
.page_breakfast .breakfast_list .txt4 { margin-bottom:15px; }
.page_breakfast .breakfast_list .txt2 { text-align:center; border-top:1px solid #dddddd; padding-top:10px; }
.page_breakfast .breakfast_list .flex-control-nav { display:none; }
.page_breakfast .breakfast_point .contents_inner>div { position:relative; padding:0 30px 90px 30px; }
.page_breakfast .breakfast_point .contents_inner>div .ttl2.mb { margin-bottom:56px; }
.page_breakfast .breakfast_point .contents_inner>div .ttl0.mb { margin-bottom:32px; }
.page_breakfast .breakfast_point #breakfast_point_l { position:absolute; top:354px; right:59px; width:513px; height:315px;}
.page_breakfast .breakfast_point #breakfast_point_s { position:absolute; top:623px; right:20px; width:207px; height:207px;}
.page_breakfast .breakfast_point .contents_inner2>div.grid0>div:first-child>div { padding-right:25px; }
.page_breakfast .breakfast_point .contents_inner2>div.grid0>div:last-child>div { padding-left:25px; }
.page_breakfast .breakfast_point .contents_inner2>div .txt2.mt { margin-top:18px; }
.page_breakfast .breakfast_point .contents_inner2 { padding-bottom:130px; }
.page_breakfast #bnr_company { padding:135px 0 145px 0; }

/*書き足し*/
.page_breakfast .breakfast_list .grid {
	display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.page_breakfast .breakfast_list .grid .breakfast_list_item {
    width: 31%;
    margin-right: 3.5%;
}
.page_breakfast .breakfast_list .grid .breakfast_list_item:nth-child(3n) {
    margin-right: 0;
}
/*書き足し*/

.page_privacy #main { height:443px; padding-top:0; margin-top:88px; border-top:1px solid #eeeeee; }
.page_privacy #main h1 { top:calc(268px - 88px); }
.page_privacy .ttl1 .en { letter-spacing:4.2px; }
.page_privacy .ttl1 .ja { letter-spacing:1px; }
.page_privacy .txt1.mb_last { margin-bottom:102px; }


.page_terms #main { height:443px; padding-top:0; margin-top:88px; border-top:1px solid #eeeeee; }
.page_terms #main h1 { top:calc(268px - 88px); }
.page_terms .ttl1 .en { letter-spacing:4.2px; }
.page_terms .ttl1 .ja { letter-spacing:1px; }
.page_terms table.type2 { margin-bottom:20px; }
.page_terms table.type2 th { height:67px; }
.page_terms table.type2 td { width:120px; height:68px; }
.page_terms table.type2 td:nth-child(2) { width:130px; }
.page_terms .txt1.mb_last { margin-bottom:102px; }

.page_company #wrap { top:-25px; }
.page_company #main { margin-bottom:135px; }
.page_company .div_half1 { margin-bottom:64px; }
.page_company .div_half2 { margin-bottom:69px; }
.page_company .div_half3 { margin-bottom:142px; }
.page_company .img_width { width:485px; }
.page_company .img_width2 { width:405px; }
.page_company .div_half1 .txt_pa  { padding:24px 46px 0 46px; }
.page_company .div_half2 .txt_pa { padding:49px 36px 0 40px; }
.page_company .div_half1 .ttl4 { text-align:left; }
.page_company .div_half2 .ttl4 { text-align:left; }
.page_company #company_value { position:relative; width:auto; height:557px; background:url(../../company/img/circle_l.png) no-repeat center 66px; background-size:450px; margin-bottom:110px; }
.page_company #company_value_txt { position:absolute; color:#888888; font-size:14px; line-height:28px; letter-spacing:1.2px; top:234px; left:414px; width:160px; height:130px; }
.page_company #company_value>div>p { font-size:16px; color:#000000; position:absolute; top:94px; left:50%; transform:translateX(-50%); white-space:nowrap; }
.page_company #company_value>div>span { display:none; }
.page_company #company_value>div { position:absolute; width:213px; height:213px; background-size:213px; background-image:url(../../company/img/circle_s.png); transition:all 0.3s ease-in-out; cursor:pointer; }
.page_company #company_value_1 { left:calc(50% - 106.5px); }
.page_company #company_value_1:hover { background-image:url(../../company/img/circle_h1.png); }
.page_company #company_value_1.current { background-image:url(../../company/img/circle_h1.png); }
.page_company #company_value_1>p { border-bottom:1px solid #ffcddd; }
.page_company #company_value_2 { top:149px; right:202px; }
.page_company #company_value_2:hover { background-image:url(../../company/img/circle_h2.png); }
.page_company #company_value_2.current { background-image:url(../../company/img/circle_h2.png); }
.page_company #company_value_2>p { border-bottom:1px solid #ffdac2; }
.page_company #company_value_3 { top:344px; right:274px; }
.page_company #company_value_3:hover { background-image:url(../../company/img/circle_h3.png); }
.page_company #company_value_3.current { background-image:url(../../company/img/circle_h3.png); }
.page_company #company_value_3>p { border-bottom:1px solid #f6f4cf; }
.page_company #company_value_4 { top:344px; left:262px; }
.page_company #company_value_4:hover { background-image:url(../../company/img/circle_h4.png); }
.page_company #company_value_4.current { background-image:url(../../company/img/circle_h4.png); }
.page_company #company_value_4>p { border-bottom:1px solid #cbf9cc; }
.page_company #company_value_5 { top:149px; left:178px; }
.page_company #company_value_5:hover { background-image:url(../../company/img/circle_h5.png); }
.page_company #company_value_5.current { background-image:url(../../company/img/circle_h5.png); }
.page_company #company_value_5>p { border-bottom:1px solid #d8d9f8; }
.page_company .partnerhotel_btn { width:284px; margin:51px auto 128px auto; }
.page_company .partnerhotel_btn>.btn { padding:19px 30px; font-size:14px; letter-spacing:1px; }


@media screen and (max-width:1280px) {
	/* プリローダーロゴ部分 */
.preloader-logo { top: 55%; }
}

@media screen and (min-width: 1280px) and (max-height: 665px) {
	.sideMenu-contents { margin: 30px auto 0; }
	.reservation-ttl { margin-bottom: 2%; }
	.reservation-form { margin-bottom: 3%; }
	.reservation { padding: 2% 12%; }
	.preloader-logo { top: 63%; }
}

@media screen and (max-width: 768px) {
	html { font-size: calc(100vw / 320); }
	/* .fullpageOuter *{ font-size: 150%; } */
	.preloader-contents:before,.preloader-contents:after { top: 25%; }
	.close-btn {
    width: 58px;
    height: 54px;
		position: fixed;
		right: 0;
		top: auto;
		bottom: 0;
		background-color: #000000;
		&:before,
		&:after{
			background-color: #ffffff;
			width: 40%;
			height: 2px;
		}
  }
  .sumaho-menu {
    display: none;
		/* display: block; */
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    z-index: 110;
    overflow-y: scroll;
  }
  .sumaho-menu-inner1 {
    padding: 5% 5% 0 5%;
    box-sizing: border-box;
  }
  .sumaho-menu-inner2 {
    padding: 9% 9% 0 9%;
    box-sizing: border-box;
		.sideMenu-links1{
			margin-bottom: 0;
		}
  }
	.sumaho-menu-inner3 {
		padding: 28px calc(40/375 * 100vw);
		box-sizing: border-box;
		.icon-instagram{
			text-align: right;
			img{
				width: 37px;
				aspect-ratio: 1 / 1;
			}
		}
	}
	.sumaho-menu-inner4 {
		background-color: #F8F8F8;
		ul{
			padding-left: 9%;
			padding-top: 44px;
			padding-bottom: 40px;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 30px;
			li{
				font-size: 14px;
				position: relative;
				display: flex;
				align-items: center;
				gap: 10px;
				&::before{
					content: '';
					display: inline-block;
					width: 4.21px;
					height: 7.82px;
					background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5.11" height="8.823" viewBox="0 0 5.11 8.823"><path d="M62.5,650.313a.28.28,0,0,0,0,.39l3.368,3.442L62.5,657.586a.28.28,0,0,0,0,.389.266.266,0,0,0,.382,0l3.749-3.829-3.749-3.832a.266.266,0,0,0-.382,0Z" transform="translate(-61.874 -649.733)" fill="%23f80" stroke="%23f80" stroke-linejoin="bevel" stroke-width="1" fill-rule="evenodd"/></svg>') no-repeat center center;
					background-size: contain;

					z-index: 1;
				}
				a{
					color: #000000;
				}
			}
		}
	}
  .sumaho-menu-logo {
    background: url("../img/logo1.jpg") no-repeat;
    width: calc(340 / 2 * 100vw / 320);
    height: calc(52 / 2 * 100vw / 320);
    -webkit-background-size: contain;
    background-size: contain;
  }
  .sumaho-menu-logo a {
    display: block;
    width: 100%;
    height: 100%;
  }
	.sumaho-menu-lang{
		display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    z-index: 110;
    overflow-y: scroll;
	}
	.sumaho-menu-lang__header{
		padding: 20px;
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 6px;
		font-size: 15px;
		font-weight: bold;
	}
	.sumaho-menu-lang__body{
		margin-top: 20px;
		ul{
			display: flex;
			flex-direction: column;
			.wovn-switch-template{
				font-size: 15px;
				font-weight: bold;
				height: 56px;
				padding: 0 28px;
				display: flex;
				align-items: center;
				border-top: 1px solid #F0F0F0;
				position: relative;
				transition: all 0.3s;
				&:after{
						content: '';
						width: 15px;
						height: 11px;
						background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15.349" height="10.886" viewBox="0 0 15.349 10.886"><path d="M13.656,0,6.021,7.483,1.7,3.162,0,4.862l6.024,6.024L7.3,9.609l0,0L15.35,1.728Z"/></svg>') no-repeat center center;
						background-size: contain;
						position: absolute;
						top: 50%;
						right: 28px;
						transform: translateY(-50%) ;
						transition: none;
						opacity: 0;
					}
				&.selected{
					background-color: #F8F8F8;
					&:after{
						opacity: 1;
						transition: all 0.3s;
					}
				}
				&:last-of-type{
					border-bottom: 1px solid #F0F0F0;
				}
			}
		}
	}
	.sumaho-menu-logo { background: url('../img/logo1.jpg') no-repeat; width: calc(340 / 2 * 100vw / 320); height: calc(52 / 2 * 100vw / 320); -webkit-background-size: contain;
	background-size: contain;}
	.sumaho-menu-logo a { display:block; width:100%; height:100%; }
	.sideMenu-links1 { -webkit-writing-mode: inherit; writing-mode: inherit; height: auto; margin-bottom: 7%;}
	.sideMenu-links1 li { margin-left: 0; }
	.sideMenu-links1 a { display: block; border-bottom: 1px solid #f0f0f0; padding: 6% 0; font-size:14rem; font-weight:bold; }
	.sumaho-links1 li{ position: relative; float: left; width: 45%; font-size: 12rem; padding:0 0 0 1em; margin-bottom: 6%; box-sizing: border-box; }
	.sumaho-links1 li:nth-of-type(even){ width: 55%; }
	.sumaho-links1 a:before { content: ''; width: calc(4 * 100vw / 320); height: calc(7.5 * 100vw / 320); background: url('../img/arrow/arrow4.svg') no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 50%; left: 0; transform: translate(-50%,-50%);}
	.sumaho-links1 a{ color: #222;}
	.reservation-select.typeA { margin-right: 2%; width: 32%; }
	.reservation-inner2 { width: 100%; }
	.reservation-ttl { font-size: 20rem; }
	.reservation-calendar { margin-bottom: 2%; }
	.reservation-submit { width: 100%; border-radius: 0; padding: 5% 0; font-size: 14rem;}
	.sumaho-reservation { display: none; }
	.sumaho-reservation .reservation-btns1 { position: fixed; top: 12px; left: 15px; z-index: 103; width: 100%;}
	.sumaho-reservation .reservation-inner1 { width: 100%; margin-right: 0;}
	.sumaho-reservation .reservation-input { width: 100%; }
	.reservation-input, .reservation-input1 { padding: 5% 4%; font-size:11rem; border-radius: 5px; color: #888; }
	.reservation-input1 { padding: 15% 10%; }
	.sumaho-reservation .reservation { display: block; padding: 15% 8% 0; height: auto; position: relative;}
	.sumaho-reservation .reservation-outer { display: none; }
	.reservation-form { border: none; padding: 0; border-radius: 0; margin-bottom: 11%;}
	.reservation-radios {display: none;}
	.reservation-ttl1 { font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }
	.reservation-txt1 { display: none; }
	.reservation-btns1-inner { width: auto; margin-right: 3%; padding-right: 3%; border-right: 1px solid #9c9c9c;}
	.reservation-btns1-inner:last-of-type { border-right: none; margin-right: 0; padding-right: 0;}
	.reservation-btns1-inner .btn3 { padding: 0; border:none; font-size: 12rem; }
	.reservation-btns1-inner .btn3:after { display: none; }
	a.reservation-hotel-list { display: none; }
	.reservation-kouku { padding: 6% 8%; }
	.reservation-kouku-select { border: solid 1px #999; width: 100%; float: none; border: solid 1px #999; color: #999; padding: 6% 5%; font-size:11rem; background-color: #fff;}
	.reservation-select.koukuSelect { width: 100%; }
	.reservation-select:before { right: 15px; }
	.reservation-kouku-txt { margin-top: 0; margin-bottom: 4%; font-size:14rem; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
	.reservation-close.close-btn { display: none; }
	.sumaho-reservation-close { z-index: 105; }
	#fullpage { padding-right: 0; }
	.sideMenu,.newsBtn { display: none; }
	.fullpageOuter:after { display: none; }
	.section-inner { padding: 0; }
	.fp-slidesNav { text-align: center; }
	.fullpage-sumahoMenu { display: block; background-color: #fff; position: fixed; bottom: 0; left: 0; z-index: 101; width: 100%; text-align: center;  padding: 4.8% 0; }
	.fullpage-sumahoMenu:before { content: ''; position: absolute; width: 1px; height: 60%; background-color: #ddd; top: 0; right: 0; left: 0; bottom: 0; margin: auto;}
	.fullpage-sumahoMenu-btn { width: 50%; float: left; color: #222; font-weight: bold; font-size: 12rem; letter-spacing: 1px; }
	.fp-slidesNav.bottom { bottom: 61px; }
	.fp-slidesNav ul li { margin: 0 6px 0 0; }
	.fp-slidesNav ul li:last-of-type { margin-right: 0; }
	.fullpage-txtContents { width: 100%; top: 42%; left: 50%; transform: translate(-50%,-50%);}
	.fullpage-txtContents.typeA { top: 37%;	left: 50%;}
	.fullpage-ttl { font-size: 30rem; text-align: center; letter-spacing: 5px; margin-bottom: 6%; line-height: 1.5;	}
	.fullpage-txt { display: none; }
	.slide { position: relative; }


.fp-controlArrow.fp-prev,.fp-controlArrow.fp-next { top: auto; bottom: 67px; margin-top: 0; border:none; width: 11%; height: 1px; background-color: #000; z-index: 5; }
	.fp-controlArrow.fp-prev { left: 22px; }
	.fp-controlArrow.fp-next { right: 22px; }

	.fp-controlArrow.fp-prev:before { left: -1px; transform: rotate(-45deg);}
	.fp-controlArrow.fp-next:before { right: -1px; transform: rotate(45deg);}

		.fp-controlArrow.fp-prev:before,.fp-controlArrow.fp-next:before {content: ''; position: absolute; width: 23%; height: 1px; background-color: #000; top: -7px;}

	.sumaho-logo1 { display: block; width: calc(108*100vw/640); height: calc(114*100vw/640); background-color: #fff; position: fixed; top: 0; left: 0; right: 0; margin: auto; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1); padding: calc(17*100vw/640) calc(24*100vw/640) calc(21*100vw/640) calc(24*100vw/640); z-index: 10;}

	.spbtn { letter-spacing: 1px; font-size: 12px; padding: 0; background-color: transparent; color: #000 !important;}
	.spbtn:before,.spbtn:after { display: none; }
	.spbtn .border:before, .spbtn .border:after { display: none; }
	.spbtn .arrow:before { display: none; }
	.btn.top { width: 100%; text-align: center; font-size: 12rem;}
	.btn6 { border:none; }
	.btn6:hover { border:none; background-color: transparent;}

	.spbtn1	{ position: relative; display: block !important; width: calc(25*100vw / 320); height: calc(25*100vw / 320); border-radius: 50%; background: #000; margin: 0 auto 15px;}
	.spbtn1:before { content: ''; position: absolute; background: url('../img/arrow/arrow2.svg') no-repeat;  width: calc(5*100vw / 320); height: calc(9*100vw / 320); -webkit-background-size: contain; background-size: contain; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transform: rotate(90deg);}

	.fullpage-vesselhotels-logo { display: block; float: none; margin: 0 auto 5%;/*  width: calc(437px/8); height: calc(500px/8); */ width: calc(112*100vw/640); height: calc(131*100vw/640);}
	.fullpage-logo-txt { text-align: center; float: none; margin-bottom: 5%;	}

	.bgWhite { display: inline-block; }
	.fullpage-view-hotels { display: none; }
	.fullpage-openInfo-ttl { display: none; }
	.fullpage-openInfo-list { width: 100%; padding: 3% 8% 3% 3%; line-height: 1.5;}
	.fullpage-openInfo { height: auto; }

	.fullpage-openInfo-list .flex-direction-nav { display: block; top: 50%; right: 10px; position: absolute;}
	.fullpage-openInfo-list .flex-direction-nav .flex-prev {display: none;}
	.fullpage-openInfo-list .flex-direction-nav a:before { display: none; }
	.fullpage-openInfo-list .flex-direction-nav a { content: ''; position: absolute; background: url('../img/arrow/arrow2.svg') no-repeat; width: calc(10px/2); height: calc(18px/2); -webkit-background-size: contain; background-size: contain; top: 0; right:0; margin: 0;}
	.fullpage-openInfo-list li:before { display: none; }
	.fullpage-openInfo-list a { font-size: 12rem; }


	/* fullpage各画像 */
.fullpage-slide1 { background: url('../../img/top/main/sumaho/1.jpg') no-repeat; -webkit-background-size: cover; background-size: cover;}
.fullpage-slide3 { background: url('../../img/top/main/sumaho/6.jpg') no-repeat; -webkit-background-size: cover; background-size: cover;}
.fullpage-slide4 { background: url('../../img/top/main/sumaho/7.jpg') no-repeat; -webkit-background-size: cover; background-size: cover;}
.fullpage-slide5 { background: url('../../img/top/main/sumaho/8.jpg') no-repeat; -webkit-background-size: cover; background-size: cover;}
.fullpage-view { background: url('../../img/top/main/sumaho/5.jpg') no-repeat; -webkit-background-size: cover; background-size: cover; height: 100%;}
.fullpage-view-contents1 { display: none;}
.fullpage-view-contents2 { display: none;}
.fullpage-view-contents3 { display: none;}
.fullpage-campana { background: url('../../img/top/main/sumaho/3.jpg') no-repeat; -webkit-background-size: cover; background-size: cover;}
.fullpage-inn { background: url('../../img/top/main/sumaho/4.jpg') no-repeat; -webkit-background-size: cover; background-size: cover;}
.fullpage-hotels { background: url('../../img/top/main/sumaho/2.jpg') no-repeat; -webkit-background-size: cover; background-size: cover;}

 .btn5,.btn7,.btn8 { border: none; }
 .btn5:hover,.btn7:hover,.btn8:hover { background-color: transparent;}

 #fp-nav ul li, .fp-slidesNav ul li,#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span,#fp-nav ul li a span, .fp-slidesNav ul li a span { width: calc(3*100vw/320); height: calc(3*100vw/320);}
 .fullpage-openInfo-list { font-size: 1rem ; }
	.fullpage-ttl { font-size: 24rem;}
	.fullpage-logo-txt .ja { font-size: 15rem; }

/* スマホ下層 */
.sumahoReservationOuter.on .fullpage-sumahoMenu { bottom: 0; top: auto; z-index: 101;}
.fullpage-sumahoMenu {
    display: flex;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 101;
    width: 100%;
		height: 54px;
    text-align: center;
    padding:0;
		border-top: 1px solid #DDDDDD;
		box-sizing: border-box;
		justify-content: center;
		align-items: center;

  }
  .fullpage-sumahoMenu:before {
    content: none;
    position: absolute;
    width: 1px;
    height: 60%;
    background-color: #ddd;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
  .fullpage-sumahoMenu-btn {
    width: auto;
		height: 100%;
    float: none;
    color: #222;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 1px;
		position: relative;
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;

		&:first-child{
			flex-grow: 0;
			aspect-ratio: 58 / 55;
			&::after{
				content: "";
				position: absolute;
				right: 0;
				top: 50%;
				transform: translateY(-50%);
				width: 1px;
				height: 100%;
				background-color: #ddd;
			}
		}
		&:last-child{
			&::before{
				content: "";
				position: absolute;
				left: 0;
				top: 50%;
				transform: translateY(-50%);
				width: 1px;
				height: calc(36/55 * 100%);
				background-color: #ddd;
			}
		}
  }

#wrap { width:100%; height:9524px; opacity:0.5; position:absolute; top:0; left:0; right:0; margin:0 auto; background-position:top center; z-index:9998; filter:invert(100%); background-size:cover; }
#wrap.invert { filter:invert(0%); }
#wrap.opacity { opacity:1; }
#wrap_toggle { position:fixed; top:0; left:0; cursor:pointer; background-color:#fff860; color:#111111; z-index:9999; text-decoration:underline; font-size:12rem; }

.page_outline #wrap { top:0; height:9524px; }
.page_terms #wrap { top:0; height:calc(5869px / 2); }
.page_company #wrap { top:0; height:calc(11140px / 2); }



#header { display:none; }

#footer { min-width:100%; }
#footer_inner { width:100%; }
.footer_topicpath { width:100%; padding:calc(14 * 100vw / 320) 0; font-size:12rem; letter-spacing:calc(1.4 * 100vw / 320); }
.footer_topicpath ol li em { padding:0 0.5em; }
#page_top { position:absolute; right:21px; top:22px; width:15px; height:9px; }
#page_top a { width:15px; height:9px; display:block; background:url(../img/page_top.svg) no-repeat left top; background-size:15px 9px; }
#page_top a span { font-size:0; line-height:0; position:absolute; left:-9999px; }

#footer_bestrate { height:calc(345 * 100vw / 320); }
#footer_bestrate>div { width:100%; }
#footer_bestrate>div>p { position:relative; padding-top:calc(30 * 100vw / 320); margin-bottom:calc(16 * 100vw / 320); top:auto; left:auto; font-size:18rem; line-height:calc(30 * 100vw / 320); letter-spacing:calc(1.4 * 100vw / 320); text-align:center; }
#footer_bestrate_img { position:relative; top:auto; right:auto; width:calc(320 * 100vw / 320); height:calc(83 * 100vw / 320); background-size:100%; margin:0 auto; background-image:url(../img/sp_bestrate_img.png); }
#footer_bestrate_btn { position:relative; width:auto; height:auto; top:auto; left:auto; margin-top:calc(18 * 100vw / 320); margin-bottom:calc(2 * 100vw / 320); }
#footer_bestrate_btn a { width:calc(243 * 100vw / 320); height:calc(45 * 100vw / 320); font-size:12rem; line-height:calc(45 * 100vw / 320); letter-spacing:calc(1.2 * 100vw / 320); margin:0 auto; padding:0; }
#footer_reservation_btn { position:relative; width:auto; height:auto; top:auto; left:auto; }
#footer_reservation_btn a { width:calc(243 * 100vw / 320); height:calc(45 * 100vw / 320); font-size:12rem; line-height:calc(45 * 100vw / 320); letter-spacing:calc(1.2 * 100vw / 320); margin:0 auto; padding:0; }
#footer_appeal p a { padding: 23.5px; font-size: 15px; line-height: 1.5; }
#footer_hotel_list { display:none; }
.footer_link { display:none; }
#sp_footer_hotel_list { width:calc(244 * 100vw / 320); margin:calc(28 * 100vw / 320) auto calc(10 * 100vw / 320) auto; }
#sp_footer_hotel_list>.btn { text-align:center; color:#888888 !important; border-color:#888888; padding:calc(18 * 100vw / 320) calc(20 * 100vw / 320); font-size:13rem; letter-spacing:calc(1.1 * 100vw / 320); }
#sp_footer_hotel_list>.btn:after { background-image:url(../img/arrow/right_gray.svg); width: calc(4 * 100vw / 320); height: calc(14 * 100vw / 320); transform:none; top:calc(20 * 100vw / 320); right:calc(12 * 100vw / 320); }
#copyright { font-size:10rem; letter-spacing:0.7px; padding:calc(6 * 100vw / 320) 0 calc(26 * 100vw / 320) 0; }

.contents_outer { width:100%; min-width:auto; }
.contents_inner { width:100%; }
.contents_inner2 { width:100%; }

table.type2 th { border:1px solid #dddddd; }
table.type2 td { border:1px solid #dddddd; }


#main { padding-top:calc(49 * 100vw / 320); min-width:auto; height:calc(391 * 100vw / 320); background-position-y:0; background-size:contain; }
#main h1 { top:calc(209 * 100vw / 320); }

.btn1 { font-size:12rem; padding:calc(10 * 100vw / 320); }
.btn2 { font-size:12rem; padding:calc(10 * 100vw / 320); }

.ttl0.sumaho { display:block !important; }
.ttl0 .ja { font-size:30rem; letter-spacing:calc(2 * 100vw / 320); line-height:1.6; }
.ttl0.mb { margin-bottom:calc(23 * 100vw / 320); }
.ttl1 .en { font-size:30rem; letter-spacing:calc(4.2 * 100vw / 320); line-height:1.4; }
.ttl1 .ja { font-size:12rem; margin-top:0; letter-spacing:calc(1.6 * 100vw / 320); }

.ttl2 .en { font-size:23rem; letter-spacing:calc(3 * 100vw / 320); line-height:1.6; }
.ttl2 .ja { font-size:10rem; letter-spacing:calc(1.4 * 100vw / 320); margin-top:0; }
.ttl2.pt { padding-top:calc(60 * 100vw / 320); }
.ttl2.mt { margin-top:calc(57 * 100vw / 320); }
.ttl2.mt_2 { margin-top:0; }
.ttl2.mb { margin-bottom:calc(38 * 100vw / 320); }

.ttl3 { font-size:16rem; letter-spacing:calc(1.4 * 100vw / 320); }
.ttl3.mb { margin-bottom:calc(13 * 100vw / 320); }

.ttl4 .en { font-size:18rem; letter-spacing:calc(1.2 * 100vw / 320); line-height:1.4; }
.ttl4 .ja { font-size:21rem; letter-spacing:calc(1.3 * 100vw / 320); margin-top:0; line-height:1.6; }
.ttl4.mb { margin-bottom:calc(12 * 100vw / 320); }

.ttl5 .sub { font-size:14rem; letter-spacing:calc(1 * 100vw / 320); line-height:1.8; }
.ttl5 .main { font-size:21rem; letter-spacing:calc(1.7 * 100vw / 320); margin-top:0; line-height:1.4}
.ttl5.mb { margin-bottom:calc(20 * 100vw / 320); }

.ttl6 .sub { font-size:14rem; letter-spacing:calc(1.2 * 100vw / 320); }
.ttl6 .main { font-size:14rem; letter-spacing:calc(1.3 * 100vw / 320); }
.ttl6.mb { margin-bottom:8px; }

.ttl7 { font-size:20rem; letter-spacing:calc(1.3 * 100vw / 320); }
.ttl7.mb { margin-bottom:calc(25 * 100vw / 320); }

.ttl8 .ja { font-size:18rem; letter-spacing:calc(1.2 * 100vw / 320); }
.ttl8 .en { font-size:11rem; letter-spacing:calc(1.3 * 100vw / 320); margin-top:calc(5 * 100vw / 320);}

.ttl9 .en { font-size:21rem; letter-spacing:calc(2 * 100vw / 320); line-height:0; }
.ttl9 .ja { font-size:10rem; letter-spacing:calc(1 * 100vw / 320); margin-top:calc(17 * 100vw / 320); }
.ttl9.mt { margin-top:calc(60 * 100vw / 320); }
.ttl9.mb { margin-bottom:calc(37 * 100vw / 320); }

.ttl10 { font-size:16rem; letter-spacing:1.6px; line-height:calc(24 * 100vw / 320); }
.ttl10.mb { margin-bottom:12px; }

.ttl12 { text-align:center; }
.ttl12 .sub { display: block; color:#cccccc; font-size:16rem; letter-spacing:calc(-0.8 * 100vw / 320); }
.ttl12 .main { display: block; color:#222222; font-size:20rem; letter-spacing:calc(1.4 * 100vw / 320); margin-top:0; }
.ttl12.mb { margin-bottom:calc(16 * 100vw / 320); }

.ttl13 { font-size:20rem; }
.ttl13 em.l { font-size:30rem; }
.ttl13.mt { margin-top:calc(36 * 100vw / 320); }
.ttl13.mb { margin-bottom:calc(25 * 100vw / 320); }

.ttl14 { font-size:18rem; letter-spacing:calc(0.8 * 100vw / 320); }
.ttl14.mb { margin-bottom:calc(5 * 100vw / 320); }

.ttl16 { font-size:14rem; letter-spacing:calc(0.8 * 100vw / 320); margin-top:0; padding-bottom:calc(6 * 100vw / 320); }

.ttl20 { font-size:14rem; }
.ttl20.mb { margin-bottom:calc(6 * 100vw / 320); }

.ttl21 { font-size:18rem; letter-spacing:calc(0.8 * 100vw / 320); line-height:calc(34 * 100vw / 320); }
.ttl21.mt { margin-top:calc(27 * 100vw / 320); }
.ttl21.mb { margin-bottom:calc(9 * 100vw / 320); }

.txt1 { color:#222222; font-size:14rem; letter-spacing:calc(1.4 * 100vw / 320); line-height:2; }
.txt1.mb { margin-bottom:calc(35 * 100vw / 320); }
.txt2 { color:#000000; font-size:14rem; letter-spacing:calc(1.4 * 100vw / 320); line-height:2; }
.txt2.mb { margin-bottom:28px; }
.txt3 { color:#222222; font-size:13rem; letter-spacing:calc(2.2 * 100vw / 320); line-height:3.1; }
.txt3.mb { margin-bottom:calc(14 * 100vw / 320); }
.txt3 span { border-bottom:1px dotted #7f7f7f; padding-bottom: calc(2 * 100vw / 320); }
.txt4 { color:#222222; font-size:14rem; letter-spacing:calc(1.2 * 100vw / 320); line-height:2; }
.txt5 { color:#222222; font-size:13rem; letter-spacing:calc(2.2 * 100vw / 320); line-height:calc(40 * 100vw / 320); }
.txt6 { color:#222222; font-size:13px; letter-spacing:1.2px; line-height:26px; }
.txt7 { color:#888888; font-size:12rem; letter-spacing:calc(1.2 * 100vw / 320); line-height:calc(24 * 100vw / 320); }
.txt8 { color:#000000; font-size:12rem; letter-spacing:calc(1.2 * 100vw / 320); line-height:2.3; }
.txt8.mb { margin-bottom:calc(6 * 100vw / 320); }
.txt9 { color:#000000; font-size:14rem; letter-spacing:1.2px; line-height:2; }
.txt10 { color:#888888; font-size: 10rem; letter-spacing:calc(0.8 * 100vw / 320); line-height:calc(16 * 100vw / 320); }
.txt11 { color:#222222; font-size:13rem; letter-spacing:calc(1.2 * 100vw / 320); line-height:3.1; }
.txt11.mb { margin-bottom:calc(48 * 100vw / 320); }

table.type3 { width:calc(245 * 100vw / 320); margin:calc(-21 * 100vw / 320) auto 0 auto; }
table.type3 th { font-size:14rem; border-bottom:none; line-height:1.8; padding:calc(14 * 100vw / 320) 0 0 0; width:auto; vertical-align:top; }
table.type3 td { font-size:14rem; border-bottom:1px solid #dddddd; line-height:1.8; padding:0 0 calc(13 * 100vw / 320) 0; }
table.type3 tr:last-child th { border-bottom:none; }
table.type3 tr:last-child td { border-bottom:none; }

ul.internal_link { width:calc(270 * 100vw / 320); text-align:left; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:0; margin:0 auto; }
ul.internal_link li { position:relative; display:block; font-size:13rem; }
ul.internal_link li:first-child { margin-right:0; border-bottom:1px solid #dddddd; }
ul.internal_link li a { display:block; padding:calc(18 * 100vw / 320) 0; }
ul.internal_link li a:before { left:auto; right:0; }

dl.num dt { line-height:calc(28 * 100vw / 320); }
dl.num dd { margin-left:2em; }
dl.num.mb { margin-bottom:calc(28 * 100vw / 320); }
dl.num.mb2 { margin-bottom:calc(10 * 100vw / 320); }

.info3 { outline-offset:calc(-5 * 100vw / 320); }



.page_partnerhotel #wrap { top:calc(0 * 100vw / 320); height:calc(9585px / 2); }

.page_partnerhotel #main { margin-bottom:0; }
.page_partnerhotel .partnerhotel_contents01 { padding-top:calc(36 * 100vw / 320); padding-bottom:calc(72 * 100vw / 320); }
.page_partnerhotel .partnerhotel_contents03 { padding-top:calc(61 * 100vw / 320); padding-bottom:calc(71 * 100vw / 320); }
.page_partnerhotel .partnerhotel_contents01 .ttl2.mb { margin-bottom:calc(28 * 100vw / 320); }
.page_partnerhotel .ph_circle { margin-bottom:calc(8 * 100vw / 320); }
.page_partnerhotel .ph_circle>div>div { margin:calc(10 * 100vw / 320) calc(50 * 100vw / 320); }
.page_partnerhotel .ph_circle p { font-size:16rem; letter-spacing:calc(2.1 * 100vw / 320); line-height:calc(28 * 100vw / 320); margin-bottom:calc(22 * 100vw / 320); }
.page_partnerhotel .info2 { margin:0 calc(12 * 100vw / 320); }
.page_partnerhotel .others_list { padding:calc(10 * 100vw / 320) calc(24 * 100vw / 320); }
.page_partnerhotel .others_list h2 { margin:calc(26 * 100vw / 320) 0 calc(29 * 100vw / 320) 0; }
.page_partnerhotel .others_list h3 { margin-left:0; }
.page_partnerhotel .others_list p { margin-left:0; margin-bottom:calc(15 * 100vw / 320); letter-spacing:calc(2.4 * 100vw / 320); line-height:2.1; }
.page_partnerhotel h2.mt { margin-top:calc(61 * 100vw / 320); }
.page_partnerhotel .img_map { position:relative; height:calc(1238 * 100vw / 320); }
.page_partnerhotel .img_map img { position:absolute; width:calc(460 * 100vw / 320); top:calc(-10 * 100vw / 320); left:calc(-45 * 100vw / 320); }
.page_partnerhotel .img_map .area_list { padding-top:calc(293 * 100vw / 320); }
.page_partnerhotel .img_map .area_list>div { width:calc(240 * 100vw / 320); margin:0 auto calc(23 * 100vw / 320) auto; }
.page_partnerhotel .img_map .area_list .ttl16.mb { margin-bottom:calc(16 * 100vw / 320); }
.page_partnerhotel .img_map .area_list li { font-size:13rem; letter-spacing:calc(1.6 * 100vw / 320); line-height:calc(26 * 100vw / 320); }
.page_partnerhotel .img_map .area_list li:before { content:'・'; margin-left:-4px; }
.page_partnerhotel .img_map .area_list .area_1 { position:relative; top:auto; left:auto; }
.page_partnerhotel .img_map .area_list .area_2 { position:relative; top:auto; left:auto; }
.page_partnerhotel .img_map .area_list .area_3 { position:relative; top:auto; left:auto; }
.page_partnerhotel .img_map .area_list .area_4 { position:relative; top:auto; left:auto; }
.page_partnerhotel .img_map .area_list .area_5 { position:relative; top:auto; left:auto; }
.page_partnerhotel .img_map .bg_stripe { position:relative; top:auto; left:auto; width:calc(250 * 100vw / 320); height:calc(120 * 100vw / 320); margin:0 auto; }
.page_partnerhotel .img_map .bg_stripe p { font-size:13rem; letter-spacing:calc(1.4 * 100vw / 320); line-height:calc(28 * 100vw / 320); margin:0; padding:calc(17 * 100vw / 320) calc(29 * 100vw / 320); }
.page_partnerhotel .partnerhotel_contents03 .txt2 { font-size:13rem; line-height:calc(24 * 100vw / 320); }
.page_partnerhotel .company_btn { width:calc(245 * 100vw / 320); margin:calc(23 * 100vw / 320) auto 0 auto; }
.page_partnerhotel .company_btn>.btn { padding:calc(17 * 100vw / 320); font-size:13rem; letter-spacing:calc(1 * 100vw / 320); }


.page_faq #main { height:calc(200 * 100vw / 320); border-top: 1px solid #eeeeee; padding-top: 0; margin-top: 0; }
.page_faq_confirm #main { height:calc(251 * 100vw / 320); }
.page_faq_finish #main { height:calc(251 * 100vw / 320); }
.page_faq_error #main { height:calc(251 * 100vw / 320); }
.page_faq #main h1 { top:calc(95 * 100vw / 320); }
.page_faq #main .ttl1 .ja { margin-top:calc(3 * 100vw / 320); }
.page_faq .ttl1 .en { letter-spacing: calc(4.2 * 100vw / 320); }
.page_faq .ttl1 .ja { letter-spacing:1px; }
.page_faq .ttl3 { margin:0 calc(25 * 100vw / 320) calc(13 * 100vw / 320) calc(25 * 100vw / 320); letter-spacing: calc(0.9 * 100vw / 320); }
.page_faq .ttl17 .en { font-size: 12rem; letter-spacing: calc(2.7 * 100vw / 320); }
.page_faq .ttl17 .ja { margin-top: calc(4 * 100vw / 320); font-size: 16rem; letter-spacing: calc(1.0 * 100vw / 320); }
.page_faq .txt1 { margin:0 calc(25 * 100vw / 320) calc(35 * 100vw / 320) calc(25 * 100vw / 320); }
.page_faq .txt3 { letter-spacing:0.1px; }
.page_faq .txt3.mb { margin-bottom: calc(20 *100vw / 320); }
.page_faq .faq_lang_select { display:block; margin:0 auto; width:calc(245 * 100vw / 320); padding:calc(14 * 100vw / 320) calc(16 * 100vw / 320); border:1px solid #cccccc; border-radius:3px; box-sizing: border-box; font-size: 13rem; letter-spacing:0.4px; cursor: pointer; }
.page_faq .ttl2.mt { margin-top:calc(61 * 100vw / 320); }
.page_faq .ttl2.mb { margin-bottom:calc(39 * 100vw / 320); }
.page_faq .step1_outer { width: calc(296 * 100vw / 320); margin: 0 auto calc(10 * 100vw / 320) auto; padding: calc(25 * 100vw / 320) calc(25 * 100vw / 320) calc(29 * 100vw / 320); }
.page_faq .step1_outer:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.page_faq .step1_outer h3 { float:left; }
.page_faq .step1_outer .step1_select { margin:0 auto 0 auto; width:100%; padding:calc(16 * 100vw / 320) calc(16 * 100vw / 320); float: right; border: none; background-color: #f0f0f0; box-sizing: border-box; font-size: 11rem; letter-spacing:2.6px; cursor: pointer; }
.page_faq .step2_outer { width: calc(296 * 100vw / 320); padding:calc(12 * 100vw / 320) calc(12 * 100vw / 320); display:block; margin:0 auto calc(10 * 100vw / 320) auto; }
.page_faq .step2_search { margin-bottom:0; padding:calc(12 * 100vw / 320) calc(12 * 100vw / 320); }
.page_faq .step2_search>div { float:none; }
.page_faq .step2_search>div:nth-child(1) { width:100%; }
.page_faq .step2_search>div:nth-child(2) { width:100%; padding-left:0; padding-top:calc(17 * 100vw / 320); border-left:none; }
.page_faq .step2_search:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.page_faq .step2_search>div>div { position:relative; width:100%; margin-top:calc(9 * 100vw / 320); }
.page_faq .step2_search>div>div .step2_keyword { box-sizing: border-box; width:100%; border:1px solid #cccccc; border-radius:calc(3 * 100vw / 320); padding:calc(11 * 100vw / 320) calc(20 * 100vw / 320); font-size:13rem; letter-spacing:1.2px; background: url('../img/img_keyword_search.png') no-repeat right center; background-size: contain; cursor: pointer; }
.page_faq .step2_search>div>ul li { position:relative; width:auto; font-size:14rem; margin-bottom:calc(13 * 100vw / 320); margin-left:calc(4 * 100vw / 320); }
.page_faq .step2_search>div>ul li a { padding-left:calc(15 * 100vw / 320); letter-spacing:calc(0.2 * 100vw / 320); }
.page_faq .step2_search>div>ul li a:before { position:absolute; content:''; background:url('../img/arrow/right_gray.svg') no-repeat; width:calc(5 * 100vw / 320); height:calc(9 * 100vw / 320); background-size:contain; top:50%; left:0; transform:translate(0,-50%); }
.page_faq .ttl18 { font-size: 16rem; }
.page_faq .ttl18.mb { margin-bottom: calc(14 * 100vw / 320); }
.page_faq .ttl19 { font-size: 16rem; }
.page_faq .ttl19.mb { margin-bottom: calc(27 * 100vw / 320); }
.page_faq .faq_outer { width:auto; padding:calc(26 * 100vw / 320) calc(18 * 100vw / 320) calc(18 * 100vw / 320); margin-bottom:calc(12 * 100vw / 320); }
.page_faq .faq_outer .faq_item { width:auto; border-top:1px solid #dddddd; margin:0 auto; }
.page_faq .faq_outer .faq_item .faq_q { position:relative; cursor:pointer; padding:calc(15 * 100vw / 320) calc(15 * 100vw / 320) calc(15 * 100vw / 320) 0; font-size:13rem; color:#000000; letter-spacing:1.2px; }
.page_faq .faq_outer .faq_item .faq_q:after { position:absolute; content:''; background:url('../img/arrow/down_gray.svg') no-repeat; width: calc(9.5 * 100vw / 320); height: calc(5.5 * 100vw / 320); -webkit-background-size: contain; background-size: contain; top:50%; right:0; transform:translate(-50%,-50%); z-index: 1; }
.page_faq .faq_outer .faq_item .faq_a { display:none; background-color:#ececec; padding:calc(21 * 100vw / 320) calc(21 * 100vw / 320); margin-bottom:calc(12 * 100vw / 320); font-size:13rem; line-height:inherit; letter-spacing:1.2px; }
.page_faq .faq_outer .faq_item .faq_img { margin-bottom:calc(12 * 100vw / 320); }
.page_faq .faq_outer .faq_item.current .faq_a { display:block; }
.page_faq .contact_outer { width: calc(296 * 100vw / 320); margin: 0 auto calc(70 * 100vw / 320) auto; padding: calc(12 * 100vw / 320) calc(13 * 100vw / 320); }
.page_faq .contact_inner { width:auto; padding:calc(25 * 100vw / 320) calc(20 * 100vw / 320); margin-bottom:0; }
.page_faq .contact_inner:first-child { margin-bottom:calc(12 * 100vw / 320); padding:calc(25 * 100vw / 320) 0; }
.page_faq .contact_inner h3.mb { margin-bottom:calc(16 * 100vw / 320); }
.page_faq #hotel_name_tel { font-size:14rem; text-align:center; color:#000000; letter-spacing:calc(1.8 * 100vw / 320); }
.page_faq .hotel_name { display: block; margin-bottom:calc(6 * 100vw / 320); }
.page_faq .description_ja { text-align:left; color:#000000; font-size:13rem; margin-top:0; line-height:calc(26 * 100vw / 320); letter-spacing:calc(0.4 * 100vw / 320); }
.page_faq .description_ja a { color:#000000; border-bottom: none; }
.page_faq .description_en { text-align:left; color:#222222; font-size:10rem; margin-top:calc(9 * 100vw / 320); line-height:calc(18 * 100vw / 320); letter-spacing:calc(0.8 * 100vw / 320); }
.page_faq .contact_form_outer { width:auto; margin:calc(22 * 100vw / 320) auto 0 auto; padding-bottom:calc(20 * 100vw / 320); border-top:1px solid #dddddd; border-bottom:none; }
.page_faq .contact_form_inner { width:auto; margin:calc(24 * 100vw / 320) auto calc(24 * 100vw / 320) auto; }
.page_faq .contact_form_inner .txt7 { margin-bottom: calc(5 * 100vw / 320); line-height: calc(20 * 100vw / 320); }
.page_faq .contact_form { width:100%; margin:0 auto; }
.page_faq .contact_form th { width:auto; display: block; padding:0 0 calc(10 * 100vw / 320) 0; }
.page_faq .contact_form td { width:auto; display: block; padding-bottom:calc(20 * 100vw / 320); }
.page_faq_confirm .contact_form td { font-size: 13rem; padding-bottom: calc(10 * 100vw / 320) !important; margin-bottom: calc(10 * 100vw / 320); border-bottom: 1px solid #dddddd; }
.page_faq .contact_form tr:last-child td { padding-bottom:0; }
.page_faq .contact_form .th_ja { font-size:13rem; }
.page_faq .contact_form .th_en { font-size:10rem; margin-top:calc(3 * 100vw / 320); letter-spacing:calc(0.8 * 100vw / 320); }
.page_faq .contact_form input[type="text"] { border:none; padding:calc(14 * 100vw / 320); font-size:13rem; width:100%; letter-spacing:calc(1.2 * 100vw / 320); box-sizing: border-box; }
.page_faq .contact_form textarea { border:none; padding:calc(14 * 100vw / 320); font-size:13rem; width:100%; letter-spacing:calc(1.2 * 100vw / 320); box-sizing: border-box; }
.page_faq .contact_form_ssl { width:auto; margin:0 auto calc(18 * 100vw / 320) auto; }
.page_faq .contact_form_ssl div:nth-child(1) { float:none; width:calc(52 * 100vw / 320); margin: auto; margin-bottom: calc(19 * 100vw / 320); }
.page_faq .contact_form_ssl div:nth-child(2) { float:none; width:auto; }
.page_faq .contact_form_ssl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.page_faq .contact_form_ssl p { margin:0; }
.page_faq .contact_form_submit { width:auto; margin:0 auto; }
.page_faq .contact_form_submit .submit { border:1px solid #000000; border-radius:0; background-color:#000000; color:#ffffff; font-size:12rem; width:100%; margin:0 auto; padding:calc(15 * 100vw / 320); cursor: pointer; }
.page_faq .contact_form_submit .submit .en { font-size:8rem; margin-top:calc(3 * 100vw / 320); letter-spacing:calc(0.8 * 100vw / 320); }
.page_faq .result_no_text { font-size: 13rem; }
.page_faq .input_error { color: #ff0000; text-align: center; padding:calc(3 * 100vw / 320) 0 calc(10 * 100vw / 320) 0; font-size: 10rem; }

.page_faq .faq_lang_select_outer { position: relative; width: calc(245 * 100vw / 320); margin: auto; }
.page_faq .step1_select_outer { position: relative; width: 100%; margin:calc(11 * 100vw / 320) auto 0 auto; }


.page_grouplist #wrap { top:calc(-246 * 100vw / 320); height:calc(6262px / 2); }

.page_grouplist #main { margin-bottom:0; }
.page_grouplist .grouplist_tab { position:relative; margin:0 auto; width:100%; height:calc(47 * 100vw / 320); }
.page_grouplist .grouplist_tab>div { float:left; height:calc(47 * 100vw / 320); border-bottom:1px solid #dddddd; box-sizing:border-box; }
.page_grouplist .grouplist_tab>div:nth-child(1) { display:none; }
.page_grouplist .grouplist_tab>div:nth-child(2) { width:50%; border-top:none; border-left:none; border-right:1px solid #dddddd; }
.page_grouplist .grouplist_tab>div:nth-child(3) { width:50%; border-top:none; border-right:none; }
.page_grouplist .grouplist_tab>div:nth-child(4) { display:none; }
.page_grouplist .grouplist_tab>div>h2 { display:block; height:calc(47 * 100vw / 320); }
.page_grouplist .grouplist_tab>div>h2>span.en { display:none; }
.page_grouplist .grouplist_tab>div>h2>span.ja { font-size:12rem; margin-top:0; display:inline; line-height:4; }
.page_grouplist .grouplist_tab>div.current { border-bottom:none; }
.page_grouplist .grouplist_tab>div.current>h2 .en { color:#000000; }
.page_grouplist .grouplist_cat_select { position:relative; margin:calc(40 * 100vw / 320) auto calc(41 * 100vw / 320) auto; width:calc(245 * 100vw / 320); text-align:center; }
.page_grouplist .grouplist_cat_select select { width:100%; height:calc(45 * 100vw / 320); border:1px solid #cccccc; color:#000000; font-size:13rem; padding:0 calc(20 * 100vw / 320); background-color: #fff; }
.page_grouplist .grouplist_cat_select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; }
.page_grouplist .grouplist_cat_select select::-ms-expand { display: none; }
.page_grouplist .grouplist_cat_select:before { content: ''; position: absolute; background: url(../img/arrow/arrow1.svg) no-repeat; width: calc(10px/2); height: calc(18px/2); -webkit-background-size: contain; background-size: contain; top: 50%; right: calc(12 * 100vw / 320); transform: translate(-50%,-50%); z-index: 1; }

.page_grouplist .hotel_list .header_area { background-color:#888888; padding:calc(14.5 * 100vw / 320) calc(24 * 100vw / 320); letter-spacing:calc(1 * 100vw / 320); color:#ffffff; font-size:16rem; font-family:"NotoSerif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.page_grouplist .hotel_list .header_brand_cam { background-color:#9a0031; padding:calc(14.5 * 100vw / 320) calc(24 * 100vw / 320); letter-spacing:calc(1 * 100vw / 320); color:#ffffff; font-size:16rem; font-family:"NotoSerif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.page_grouplist .hotel_list .header_brand_inn { background-color:#009944; padding:calc(14.5 * 100vw / 320) calc(24 * 100vw / 320); letter-spacing:calc(1 * 100vw / 320); color:#ffffff; font-size:16rem; font-family:"NotoSerif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.page_grouplist .hotel_list .header_brand_hot { background-color:#1d2088; padding:calc(14.5 * 100vw / 320) calc(24 * 100vw / 320); letter-spacing:calc(1 * 100vw / 320); color:#ffffff; font-size:16rem; font-family:"NotoSerif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.page_grouplist .hotel_list .header_brand_grp { background-color:#888888; padding:calc(14.5 * 100vw / 320) calc(24 * 100vw / 320); letter-spacing:calc(1 * 100vw / 320); color:#ffffff; font-size:16rem; font-family:"NotoSerif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.page_grouplist .hotel_list .header_brand_ref { background-color:#221814; padding:calc(14.5 * 100vw / 320) calc(24 * 100vw / 320); letter-spacing:calc(1 * 100vw / 320); color:#ffffff; font-size:16rem; font-family:"NotoSerif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "小塚明朝 Pro R", "Kozuka Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }

.page_grouplist .hotel_list .hotel_list_item { margin-bottom:0; border-bottom:1px solid #dddddd; }
.page_grouplist .hotel_list .hotel_list_item>div { display:none; margin-bottom:calc(25 * 100vw / 320); }
.page_grouplist .hotel_list .sp_hotel_name { position:relative; display:block; margin-top:0; padding:calc(16 * 100vw / 320) calc(26 * 100vw / 320); cursor:pointer; }
.page_grouplist .hotel_list .sp_hotel_name:after { position:absolute; content:''; background:url('../img/arrow/down_gray.svg') no-repeat; width:calc(19px / 2); height:calc(11px / 2); background-size:contain; top:50%; right:calc(15 * 100vw / 320); transform:translate(0,-50%); }
.page_grouplist .hotel_list .sp_hotel_name .sub{ display:none; }
.page_grouplist .hotel_list .hotel_list_item.current .sp_hotel_name { background-color:#000000; }
.page_grouplist .hotel_list .hotel_list_item.current .sp_hotel_name:after { background-image:url('../img/arrow/up_white.svg'); }
.page_grouplist .hotel_list .hotel_list_item.current .sp_hotel_name .main { color:#ffffff; }
.page_grouplist .hotel_list .hotel_name { display:none; }
.page_grouplist .hotel_list p { margin:0 calc(40 * 100vw / 320) 0 calc(37 * 100vw / 320); }
.page_grouplist .hotel_list .hotel_zip { margin-top:calc(15 * 100vw / 320); }
.page_grouplist .hotel_list .hotel_tel { margin-bottom:calc(10 * 100vw / 320); }
.page_grouplist .hotel_list .txt2 { padding-top:calc(5 * 100vw / 320); padding-bottom:calc(10 * 100vw / 320);  }
.page_grouplist .hotel_list .hotel_list_btn { width:calc(245 * 100vw / 320); margin:0 auto; }
.page_grouplist .bnr_topborder { margin:0 auto; width:100%; border-top:none; }
.page_grouplist #bnr_outline { width:calc(271 * 100vw / 320); margin:calc(57 * 100vw / 320) auto calc(70 * 100vw / 320) auto; padding:0; }

.page_bestrate #wrap { top:calc(0 * 100vw / 320); height:calc(9833px); }

.page_bestrate .appeal_txt { margin-bottom:calc(60 * 100vw / 320); }
.page_bestrate .appeal_txt h2 { font-size:20rem; padding:calc(15 * 100vw / 320) 0 calc(24 * 100vw / 320) 0; letter-spacing:calc(1.6 * 100vw / 320); }
.page_bestrate .div_half1 { margin-bottom:calc(38 * 100vw / 320); }
.page_bestrate .div_half2 { margin-bottom:calc(55 * 100vw / 320); }
.page_bestrate .div_half3 { border-bottom:none; padding-bottom:calc(36 * 100vw / 320); }
.page_bestrate .img_width { width:calc(276 * 100vw / 320); margin-left:calc(25 * 100vw / 320); margin-top:0; }
.page_bestrate .img_width2 { width:calc(210 * 100vw / 320); height:auto; margin:calc(-3 * 100vw / 320) auto calc(6 * 100vw / 320) auto; }
.page_bestrate .div_half1 .txt_pa  { padding:calc(14 * 100vw / 320) calc(25 * 100vw / 320) 0 calc(25 * 100vw / 320); }
.page_bestrate .div_half2 .txt_pa { padding:calc(14 * 100vw / 320) calc(25 * 100vw / 320) 0 calc(25 * 100vw / 320); }
.page_bestrate .div_half3 .txt_pa { padding:calc(14 * 100vw / 320) calc(25 * 100vw / 320) 0 calc(25 * 100vw / 320); }
.page_bestrate .div_half1 .txt2.mb { margin-bottom:calc(4 * 100vw / 320); }
.page_bestrate .div_half2 .txt2.mb { margin-bottom:calc(4 * 100vw / 320); }
.page_bestrate .div_half3 .txt2.mb { margin-bottom:calc(15 * 100vw / 320); }
.page_bestrate .div_half3 .ttl12 { margin-bottom:calc(16 * 100vw / 320); }
.page_bestrate .div_half2 .img_width { margin-left:calc(25 * 100vw / 320); }
.page_bestrate .contents_inner2 { width:calc(295 * 100vw / 320); margin:0 auto; }
.page_bestrate .contents_inner2 .ttl13 { margin-top:0; padding-top:calc(36 * 100vw / 320); line-height:1.4; border-top:1px solid #dddddd; }
.page_bestrate .div_half4 { margin-bottom:calc(39 * 100vw / 320); }
.page_bestrate .div_half4 .info3 { margin:calc(39 * 100vw / 320) auto 0 auto; padding:calc(18 * 100vw / 320) 0 calc(15 * 100vw / 320) calc(26 * 100vw / 320); width:calc(270 * 100vw / 320); height:auto; }
.page_bestrate .div_half4 .info3 .txt2 { font-size:12rem; }
.page_bestrate .div_half4>div:nth-child(2)>.info3 { margin-top:calc(6 * 100vw / 320); margin-left:auto; }
.page_bestrate .div_half4 .info3_circle { top:calc(10 * 100vw / 320); right:calc(2 * 100vw / 320); width:calc(120 * 100vw / 320); height:calc(120 * 100vw / 320); border-radius:50%; background:#ffffff; border:2px solid #e47415; }
.page_bestrate .div_half4 .info3_circle>div>.point_circle_head { width:calc(72 * 100vw / 320); margin:calc(11 * 100vw / 320) auto calc(4 * 100vw / 320) auto; font-size:12rem; padding-bottom:calc(3 * 100vw / 320); border-bottom:3px double #e47415; }
.page_bestrate .div_half4 .info3_circle>div>.point_circle_haku { font-size:24rem; }
.page_bestrate .div_half4 .info3_circle>div>.point_circle_haku>span { font-size:14rem; }
.page_bestrate .div_half4 .info3_circle>div>.point_circle_text { font-size:9rem; line-height:1.6; letter-spacing:calc(0.1 * 100vw / 320); }
.page_bestrate .point_table { width:calc(295 * 100vw / 320); margin:0 auto calc(70 * 100vw / 320) auto; }
.page_bestrate .point_table>div:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.page_bestrate .point_table>div>div { float:none; }
.page_bestrate .point_table>div:nth-child(1) { height:auto; margin-bottom:calc(11 * 100vw / 320); }
.page_bestrate .point_table>div:nth-child(2) { height:auto; }
.page_bestrate .point_table .point_table_th { width:100%; }
.page_bestrate .point_table .point_table_th>p { padding:calc(22 * 100vw / 320) calc(20 * 100vw / 320); text-align:center; font-size:16rem; line-height:1.6; letter-spacing:calc(0.8 * 100vw / 320); -webkit-writing-mode:inherit; -ms-writing-mode:inherit; writing-mode:inherit; }
.page_bestrate .point_table .point_table_td { width:100%; }
.page_bestrate .point_table .point_table_td>div { padding:calc(27 * 100vw / 320) calc(23 * 100vw / 320) calc(18 * 100vw / 320) calc(23 * 100vw / 320); }
.page_bestrate .point_table>div:nth-child(1)>.point_table_th>p { margin-top:0; }
.page_bestrate .point_table>div:nth-child(2)>.point_table_th>p { text-align:left; margin-top:0; }
.page_bestrate dl.num dd { margin-left:1em; }

.page_outline #wrap { top:calc(-143 * 100vw / 320); height:calc(19048px /2 ); }

.page_outline #main { margin-bottom:calc(70 * 100vw / 320); }
.page_outline .ttl0 { margin-bottom:calc(29 * 100vw / 320); }
.page_outline .txt3.tc.mb.serif { margin-bottom:calc(63 * 100vw / 320); letter-spacing:calc(1 * 100vw / 320); }
.page_outline .ph_circle { margin-bottom:calc(63 * 100vw / 320); }
.page_outline .ph_circle>div>div { margin:calc(10 * 100vw / 320) calc(10 * 100vw / 320); }
.page_outline .ph_circle>div:nth-child(1)>div { margin-left:calc(15 * 100vw / 320); margin-right:calc(5 * 100vw / 320); }
.page_outline .ph_circle>div:nth-child(3)>div { margin-left:calc(5 * 100vw / 320); margin-right:calc(15 * 100vw / 320); }
.page_outline .ttl2.mb { margin-bottom:calc(39 * 100vw / 320); }
.page_outline .header_brand_cam { height:calc(169 * 100vw / 320); }
.page_outline .header_brand_cam>div { position:relative; width:100%; margin:0 auto; }
.page_outline .header_brand_cam>div>h3.ttl8 { position:absolute; top:calc(96 * 100vw / 320); left:0; right:0; margin:0 auto; text-align:center;}
.page_outline .contents_brand_cam { height:100%; }
.page_outline .contents_brand_cam>h3 { position:relative; padding-top:calc(52 * 100vw / 320); margin-left:calc(37 * 100vw / 320); margin-bottom:calc(19 * 100vw / 320); top:auto; left:auto; text-align:left; }
.page_outline .contents_brand_cam>h3 span { letter-spacing:calc(2 * 100vw / 320); }
.page_outline .contents_brand_cam>p { position:relative; margin-top:calc(2 * 100vw / 320); margin-left:calc(37 * 100vw / 320); top:auto; left:auto; letter-spacing:calc(1 * 100vw / 320); }
.page_outline .contents_brand_cam>.ph_01 { position:relative; margin-top:calc(22 * 100vw / 320); width:calc(266 * 100vw / 320); height:calc(163 * 100vw / 320); top:auto; right:auto; }
.page_outline .contents_brand_cam>.ph_02 { position:absolute; width:calc(121 * 100vw / 320); height:calc(121 * 100vw / 320); top:calc(1137 * 100vw / 320); left:calc(160 * 100vw / 320); }
.page_outline .contents_brand_cam>.ph_03 { position:absolute; width:calc(121 * 100vw / 320); height:calc(121 * 100vw / 320); top:calc(1192 * 100vw / 320); left:calc(54 * 100vw / 320); }
.page_outline .contents_brand_cam>.brand_point { position:relative; margin-top:calc(25 * 100vw / 320); padding-bottom:calc(257 * 100vw / 320); }
.page_outline .contents_brand_cam>.brand_point>div { width:calc(246 * 100vw / 320); margin-left:calc(37 * 100vw / 320); margin-bottom:calc(17 * 100vw / 320); }
.page_outline .contents_brand_cam>.brand_point>div:nth-child(1) { position:relative; top:auto; right:auto; }
.page_outline .contents_brand_cam>.brand_point>div:nth-child(2) { position:relative; top:auto; right:auto; }
.page_outline .contents_brand_cam>.brand_point>div:nth-child(3) { position:relative; top:auto; right:auto; }
.page_outline .contents_brand_cam>.brand_point>div:nth-child(4) { position:relative; top:auto; right:auto; }
.page_outline .contents_brand_cam>.brand_point>div:nth-child(5) { position:relative; top:auto; right:auto; }
.page_outline .contents_brand_cam>.brand_point>div>span { font-size:16rem; letter-spacing:calc(2 * 100vw / 320); }
.page_outline .contents_brand_cam>.brand_point>div>span>em { font-size:24rem; margin-left:4px; }
.page_outline .contents_brand_cam>.brand_point>div>p { font-size:15rem; letter-spacing:calc(1.4 * 100vw / 320); margin-bottom:calc(3 * 100vw / 320); }
.page_outline .contents_brand_cam>.brand_btn { position:relative; margin:0 auto; padding-bottom: calc(54 * 100vw / 320); top:auto; left:auto; width:calc(245 * 100vw / 320); }
.page_outline .header_brand_inn { height:calc(169 * 100vw / 320); }
.page_outline .header_brand_inn>div { position:relative; width:100%; margin:0 auto; }
.page_outline .header_brand_inn>div>h3.ttl8 { position:absolute; top:calc(96 * 100vw / 320); left:0; right:0; margin:0 auto; text-align:center;}
.page_outline .contents_brand_inn { height:100%; }
.page_outline .contents_brand_inn>h3 { position:relative; padding-top:calc(52 * 100vw / 320); margin-left:calc(37 * 100vw / 320); margin-bottom:calc(19 * 100vw / 320); top:auto; left:auto; right:auto; text-align:left; }
.page_outline .contents_brand_inn>h3 span { letter-spacing:calc(2 * 100vw / 320); }
.page_outline .contents_brand_inn>p { position:relative; margin-top:calc(2 * 100vw / 320); margin-left:calc(37 * 100vw / 320); top:auto; left:auto; right:auto; letter-spacing:calc(1 * 100vw / 320); }
.page_outline .contents_brand_inn>.ph_01 { position:relative; margin-top:calc(30 * 100vw / 320); width:calc(266 * 100vw / 320); height:calc(163 * 100vw / 320); top:auto; left:auto; margin-left:calc(54 * 100vw / 320); }
.page_outline .contents_brand_inn>.ph_02 { position:absolute; width:calc(121 * 100vw / 320); height:calc(121 * 100vw / 320); top:calc(1024 * 100vw / 320); left:calc(37 * 100vw / 320); }
.page_outline .contents_brand_inn>.ph_03 { position:absolute; width:calc(121 * 100vw / 320); height:calc(121 * 100vw / 320); top:calc(1089 * 100vw / 320); left:calc(134 * 100vw / 320); }
.page_outline .contents_brand_inn>.brand_point { position:relative; margin-top:calc(25 * 100vw / 320); padding-bottom:calc(257 * 100vw / 320); }
.page_outline .contents_brand_inn>.brand_point>div { width:calc(246 * 100vw / 320); margin-left:calc(37 * 100vw / 320); margin-bottom:calc(17 * 100vw / 320); }
.page_outline .contents_brand_inn>.brand_point>div:nth-child(1) { position:relative; top:auto; left:auto; }
.page_outline .contents_brand_inn>.brand_point>div:nth-child(2) { position:relative; top:auto; left:auto; }
.page_outline .contents_brand_inn>.brand_point>div:nth-child(3) { position:relative; top:auto; left:auto; }
.page_outline .contents_brand_inn>.brand_point>div:nth-child(4) { position:relative; top:auto; left:auto; }
.page_outline .contents_brand_inn>.brand_point>div:nth-child(5) { position:relative; top:auto; left:auto; }
.page_outline .contents_brand_inn>.brand_point>div>span { font-size:16rem; letter-spacing:calc(2 * 100vw / 320); }
.page_outline .contents_brand_inn>.brand_point>div>span>em { font-size:24rem; margin-left:4px; }
.page_outline .contents_brand_inn>.brand_point>div>p { font-size:15rem; letter-spacing:calc(1.4 * 100vw / 320); margin-bottom:calc(3 * 100vw / 320); }
.page_outline .contents_brand_inn>.brand_btn { position:relative; margin:0 auto; padding-bottom: calc(54 * 100vw / 320); top:auto; right:auto; width:calc(245 * 100vw / 320); }
.page_outline .header_brand_hot { height:calc(169 * 100vw / 320); }
.page_outline .header_brand_hot>div { position:relative; width:100%; margin:0 auto; }
.page_outline .header_brand_hot>div>h3.ttl8 { position:absolute; top:calc(96 * 100vw / 320); left:0; right:0; margin:0 auto; text-align:center;}
.page_outline .contents_brand_hot { height:100%; }
.page_outline .contents_brand_hot>h3 { position:relative; padding-top:calc(52 * 100vw / 320); margin-left:calc(37 * 100vw / 320); margin-bottom:calc(19 * 100vw / 320); top:auto; left:auto; text-align:left; }
.page_outline .contents_brand_hot>h3 span { letter-spacing:calc(2 * 100vw / 320); }
.page_outline .contents_brand_hot>p { position:relative; margin-top:calc(2 * 100vw / 320); margin-left:calc(37 * 100vw / 320); top:auto; left:auto; letter-spacing:calc(1 * 100vw / 320); }
.page_outline .contents_brand_hot>.ph_01 { position:relative; margin-top:calc(26 * 100vw / 320); width:calc(266 * 100vw / 320); height:calc(163 * 100vw / 320); top:auto; right:auto; }
.page_outline .contents_brand_hot>.ph_02 { position:absolute; width:calc(121 * 100vw / 320); height:calc(121 * 100vw / 320); top:calc(1137 * 100vw / 320); left:calc(160 * 100vw / 320); }
.page_outline .contents_brand_hot>.ph_03 { position:absolute; width:calc(121 * 100vw / 320); height:calc(121 * 100vw / 320); top:calc(1202 * 100vw / 320); left:calc(62 * 100vw / 320); }

.page_outline .header_brand_ref { height:calc(169 * 100vw / 320); }
.page_outline .header_brand_ref>div { position:relative; width:100%; margin:0 auto; }
.page_outline .header_brand_ref>div>h3.ttl8 { position:absolute; top:calc(96 * 100vw / 320); left:0; right:0; margin:0 auto; text-align:center;}
.page_outline .contents_brand_ref { height:100%; }
.page_outline .contents_brand_ref>h3 { position:relative; padding-top:calc(52 * 100vw / 320); margin-left:calc(37 * 100vw / 320); margin-bottom:calc(19 * 100vw / 320); top:auto; left:auto; right:auto; text-align:left; }
.page_outline .contents_brand_ref>h3 span { letter-spacing:calc(2 * 100vw / 320); }
.page_outline .contents_brand_ref>p { position:relative; margin-top:calc(2 * 100vw / 320); margin-left:calc(37 * 100vw / 320); top:auto; left:auto; right:auto; letter-spacing:calc(1 * 100vw / 320); }
.page_outline .contents_brand_ref>.ph_01 { position:relative; margin-top:calc(30 * 100vw / 320); width:calc(266 * 100vw / 320); height:calc(163 * 100vw / 320); top:auto; left:auto; margin-left:calc(54 * 100vw / 320); }
.page_outline .contents_brand_ref>.ph_02 { position:absolute; width:calc(121 * 100vw / 320); height:calc(121 * 100vw / 320); top:calc(1054 * 100vw / 320); left:calc(37 * 100vw / 320); }
.page_outline .contents_brand_ref>.ph_03 { position:absolute; width:calc(121 * 100vw / 320); height:calc(121 * 100vw / 320); top:calc(1129 * 100vw / 320); left:calc(134 * 100vw / 320); }

	.page_outline .contents_brand_ref>.brand_point { position:relative; margin-top:calc(25 * 100vw / 320); padding-bottom:calc(257 * 100vw / 320); }
.page_outline .contents_brand_ref>.brand_point>div { width:calc(246 * 100vw / 320); margin-left:calc(37 * 100vw / 320); margin-bottom:calc(17 * 100vw / 320); }
.page_outline .contents_brand_ref>.brand_point>div:nth-child(1) { position:relative; top:auto; left:auto; }
.page_outline .contents_brand_ref>.brand_point>div:nth-child(2) { position:relative; top:auto; left:auto; }
.page_outline .contents_brand_ref>.brand_point>div:nth-child(3) { position:relative; top:auto; left:auto; }
.page_outline .contents_brand_ref>.brand_point>div:nth-child(4) { position:relative; top:auto; left:auto; }
.page_outline .contents_brand_ref>.brand_point>div:nth-child(5) { position:relative; top:auto; left:auto; }
.page_outline .contents_brand_ref>.brand_point>div>span { font-size:16rem; letter-spacing:calc(2 * 100vw / 320); }
.page_outline .contents_brand_ref>.brand_point>div>span>em { font-size:24rem; margin-left:4px; }
.page_outline .contents_brand_ref>.brand_point>div>p { font-size:15rem; letter-spacing:calc(1.4 * 100vw / 320); margin-bottom:calc(3 * 100vw / 320); }
.page_outline .contents_brand_ref>.brand_btn { position:relative; margin:0 auto; padding-bottom: calc(54 * 100vw / 320); top:auto; right:auto; width:calc(245 * 100vw / 320); }

/* ▼ Lequ */
.page_outline .header_brand_lequ { height:calc(169 * 100vw / 320); }
.page_outline .header_brand_lequ>div { position:relative; width:100%; margin:0 auto; }
.page_outline .header_brand_lequ>div>h3.ttl8 { position:absolute; top:calc(96 * 100vw / 320); left:0; right:0; margin:0 auto; text-align:center;}
.page_outline .contents_brand_lequ { height:100%; }
.page_outline .contents_brand_lequ>h3 { position:relative; padding-top:calc(52 * 100vw / 320); margin-left:calc(37 * 100vw / 320); margin-bottom:calc(19 * 100vw / 320); top:auto; left:auto; text-align:left; }
.page_outline .contents_brand_lequ>h3 span { letter-spacing:calc(2 * 100vw / 320); }
.page_outline .contents_brand_lequ>p { position:relative; margin-top:calc(2 * 100vw / 320); margin-left:calc(37 * 100vw / 320); top:auto; left:auto; letter-spacing:calc(1 * 100vw / 320); }
.page_outline .contents_brand_lequ>.ph_01 { position:relative; margin-top:calc(22 * 100vw / 320); width:calc(266 * 100vw / 320); height:calc(163 * 100vw / 320); top:auto; right:auto; }
.page_outline .contents_brand_lequ>.ph_02 { position:absolute; width:calc(121 * 100vw / 320); height:calc(121 * 100vw / 320); top:calc(1220 * 100vw / 320); left:calc(160 * 100vw / 320); }
.page_outline .contents_brand_lequ>.ph_03 { position:absolute; width:calc(121 * 100vw / 320); height:calc(121 * 100vw / 320); top:calc(1280 * 100vw / 320); left:calc(54 * 100vw / 320); }
.page_outline .contents_brand_lequ>.brand_point { position:relative; margin-top:calc(25 * 100vw / 320); padding-bottom:calc(257 * 100vw / 320); }
.page_outline .contents_brand_lequ>.brand_point>div { width:calc(246 * 100vw / 320); margin-left:calc(37 * 100vw / 320); margin-bottom:calc(17 * 100vw / 320); }
.page_outline .contents_brand_lequ>.brand_point>div:nth-child(1) { position:relative; top:auto; right:auto; }
.page_outline .contents_brand_lequ>.brand_point>div:nth-child(2) { position:relative; top:auto; right:auto; }
.page_outline .contents_brand_lequ>.brand_point>div:nth-child(3) { position:relative; top:auto; right:auto; }
.page_outline .contents_brand_lequ>.brand_point>div:nth-child(4) { position:relative; top:auto; right:auto; }
.page_outline .contents_brand_lequ>.brand_point>div:nth-child(5) { position:relative; top:auto; right:auto; }
.page_outline .contents_brand_lequ>.brand_point>div>span { font-size:16rem; letter-spacing:calc(2 * 100vw / 320); }
.page_outline .contents_brand_lequ>.brand_point>div>span>em { font-size:24rem; margin-left:4px; }
.page_outline .contents_brand_lequ>.brand_point>div>p { font-size:15rem; letter-spacing:calc(1.4 * 100vw / 320); margin-bottom:calc(3 * 100vw / 320); }
.page_outline .contents_brand_lequ>.brand_btn { position:relative; margin:0 auto; padding-bottom: calc(54 * 100vw / 320); top:auto; left:auto; width:calc(245 * 100vw / 320); }
/* ▲ Lequ */

/*
.page_outline .contents_brand_hot>.ph_02 { position:absolute; width:calc(121 * 100vw / 320); height:calc(121 * 100vw / 320); top:calc(1057 * 100vw / 320); left:calc(160 * 100vw / 320); }
.page_outline .contents_brand_hot>.ph_03 { position:absolute; width:calc(121 * 100vw / 320); height:calc(121 * 100vw / 320); top:calc(1114 * 100vw / 320); left:calc(62 * 100vw / 320); }
*/
.page_outline .contents_brand_hot>.brand_point { position:relative; margin-top:calc(25 * 100vw / 320); padding-bottom:calc(257 * 100vw / 320); }
.page_outline .contents_brand_hot>.brand_point>div { width:calc(246 * 100vw / 320); margin-left:calc(37 * 100vw / 320); margin-bottom:calc(17 * 100vw / 320); }
.page_outline .contents_brand_hot>.brand_point>div:nth-child(1) { position:relative; top:auto; right:auto; }
.page_outline .contents_brand_hot>.brand_point>div:nth-child(2) { position:relative; top:auto; right:auto; }
.page_outline .contents_brand_hot>.brand_point>div:nth-child(3) { position:relative; top:auto; right:auto; }
.page_outline .contents_brand_hot>.brand_point>div:nth-child(4) { position:relative; top:auto; right:auto; }
.page_outline .contents_brand_hot>.brand_point>div:nth-child(5) { position:relative; top:auto; right:auto; }
.page_outline .contents_brand_hot>.brand_point>div>span { font-size:16rem; letter-spacing:calc(2 * 100vw / 320); }
.page_outline .contents_brand_hot>.brand_point>div>span>em { font-size:24rem; margin-left:4px; }
.page_outline .contents_brand_hot>.brand_point>div>p { font-size:15rem; letter-spacing:calc(1.4 * 100vw / 320); margin-bottom:calc(3 * 100vw / 320); }
.page_outline .contents_brand_hot>.brand_btn { position:relative; margin:0 auto; padding-bottom: calc(54 * 100vw / 320); top:auto; left:auto; width:calc(245 * 100vw / 320); }
.page_outline #ph_service { height:auto; overflow:hidden; margin-bottom:calc(52 * 100vw / 320); }

.page_outline .contents_service .ttl0 { margin-bottom:calc(21 * 100vw / 320); }
.page_outline .contents_service .txt5 { letter-spacing:calc(1 * 100vw / 320); }

.page_outline .breakfast_btn { width:calc(244 * 100vw / 320); margin:calc(23 * 100vw / 320) auto calc(50 * 100vw / 320) auto; }
.page_outline .breakfast_btn>.btn { padding:calc(18 * 100vw / 320) calc(20 * 100vw / 320); font-size:13rem; letter-spacing:calc(1.1 * 100vw / 320); }
.page_outline .breakfast_btn>.btn:after { width: calc(4 * 100vw / 320); height: calc(14 * 100vw / 320); transform:none; top:calc(20 * 100vw / 320); right:calc(12 * 100vw / 320); }
.page_outline .info2 { width:calc(295 * 100vw / 320); margin-bottom:calc(69 * 100vw / 320); }
.page_outline .others_list { padding-bottom:calc(20 * 100vw / 320);position: relative; }
.page_outline .others_list>div>div { margin-bottom:calc(13 * 100vw / 320); display: block;}
.page_outline .others_list>div:nth-child(odd)>div { padding-left:calc(26 * 100vw / 320); }
.page_outline .others_list>div:nth-child(even)>div { padding-left:calc(26 * 100vw / 320); margin-left:auto; padding-right:0; }
.page_outline .others_list>div>div:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.page_outline .others_list>div>div>img { width:calc(120 * 100vw / 320); height:calc(120 * 100vw / 320); float:left; }
.page_outline .others_list>div>div>h3 { margin-left:calc(23 * 100vw / 320); margin-top:calc(38 * 100vw / 320);}
.page_outline .others_list>div>div>h3.mt { margin-top:calc(25 * 100vw / 320);}
.page_outline .others_list>div>div>p { float:left; width:calc(240 * 100vw / 320); margin:calc(9 * 100vw / 320) auto; }
.btn3.cam { font-size:12rem; padding:calc(18 * 100vw / 320) calc(20 * 100vw / 320); letter-spacing: calc(1.1 * 100vw / 320); }
.btn3.cam:after { width: calc(4 * 100vw / 320); height: calc(14 * 100vw / 320); transform:none; top:calc(20 * 100vw / 320); right:calc(12 * 100vw / 320); }
.btn3.inn { font-size:12rem; padding:calc(18 * 100vw / 320) calc(20 * 100vw / 320); letter-spacing: calc(1.1 * 100vw / 320); }
.btn3.inn:after { width: calc(4 * 100vw / 320); height: calc(14 * 100vw / 320); transform:none; top:calc(20 * 100vw / 320); right:calc(12 * 100vw / 320); }
.btn3.hot { font-size:12rem; padding:calc(18 * 100vw / 320) calc(20 * 100vw / 320); letter-spacing: calc(1.1 * 100vw / 320); }
.btn3.hot:after { width: calc(4 * 100vw / 320); height: calc(14 * 100vw / 320); transform:none; top:calc(20 * 100vw / 320); right:calc(12 * 100vw / 320); }
.btn3.ref { font-size:12rem; padding:calc(18 * 100vw / 320) calc(20 * 100vw / 320); letter-spacing: calc(1.1 * 100vw / 320); }
.btn3.ref:after { width: calc(4 * 100vw / 320); height: calc(14 * 100vw / 320); transform:none; top:calc(20 * 100vw / 320); right:calc(12 * 100vw / 320); }
.btn3.lequ { font-size:12rem; padding:calc(18 * 100vw / 320) calc(20 * 100vw / 320); letter-spacing: calc(1.1 * 100vw / 320); }
.btn3.lequ:after { width: calc(4 * 100vw / 320); height: calc(14 * 100vw / 320); transform:none; top:calc(20 * 100vw / 320); right:calc(12 * 100vw / 320); }
.page_outline .soine_btn {
    margin: 10px auto 0;
    width: 100%;
}
.page_outline .soine_btn>.btn {
    width: 100%;
    font-size: 12px;
    padding: 15px 30px;
}
.page_outline .soine_btn>.btn:after {
    top: 44%;
}
.page_outline .others_list>div>div>div:first-child {
    width: 45%;
}
.page_outline .others_list>div>div>div:last-child {
    width: 90%; margin: 15px 0 20px;
}
.page_outline .others_list .ttl10.mb {
	position: absolute;
	left: 55%;
    top: 12%;
    width: 35%;
}

.page_outline .contents_nav {
	flex-wrap: wrap;
	justify-content: center;
    max-width: 100%;
    margin: 0 auto 50px;
}
.page_outline .contents_nav li {
	width: 33%;
	padding: 4px 0 5px;
}
.page_outline .contents_nav li:nth-child(n+4) {
	margin-top: 15px;
}
.page_outline .contents_nav li:nth-child(4):before {
	display: none;
}
.page_outline .contents_nav li::after {
	display: none;
}
.page_outline .contents_nav figure {
    margin: 0 auto;
    width: 83px;
    height: 83px;
}
.page_outline .contents_nav img {
	max-width: 83px;
}
.page_outline .contents_nav p {
	font-size: 10px;
	margin-top: 10px
}
.page_outline .contents_nav a:hover img {
    transform: scale(1);
}
.page_outline .contents_nav li:hover::after {
    bottom: 0;
}


.page_breakfast #wrap { top:calc(0 * 100vw / 320); height:calc(12275px / 2); }
.page_breakfast #main { margin-bottom:calc(56 * 100vw / 320); }
.page_breakfast .txt3 { letter-spacing:calc(1 * 100vw / 320); margin-bottom:calc(10 * 100vw / 320); }
.page_breakfast .img_map { margin-bottom:calc(35 * 100vw / 320); }
.page_breakfast .img_map_text { text-align:left; width:calc(280 * 100vw / 320); margin:0 auto; }
.page_breakfast .info.pickup { margin:calc(21 * 100vw / 320) calc(15 * 100vw / 320) calc(37 * 100vw / 320) calc(15 * 100vw / 320); padding:calc(34 * 100vw / 320) 0 calc(27 * 100vw / 320) 0; }
.page_breakfast .info.pickup h2.sumaho { margin-bottom:calc(33 * 100vw / 320); font-size:24rem; letter-spacing:calc(2.2 * 100vw / 320); text-align:center; display:block !important; }
.page_breakfast .info.pickup .img_slide { margin:calc(33 * 100vw / 320) calc(-15 * 100vw / 320) calc(14 * 100vw / 320) calc(-15 * 100vw / 320); }
.page_breakfast .info.pickup .flex-control-nav { margin-left:auto; }
.page_breakfast .info.pickup h3 { text-align:center; }
.page_breakfast .info.pickup p { width:calc(240 * 100vw / 320); margin:0 auto calc(13 * 100vw / 320) auto; }
.page_breakfast .info.pickup .grid { width:calc(245 * 100vw / 320); margin:0 auto; }
.page_breakfast .info.pickup .grid .btn { width:calc(118 * 100vw / 320); padding:calc(10 * 100vw / 320) 0; }
.page_breakfast .info.pickup .grid .btn.btn2 { margin:0 auto 0 0; }
.page_breakfast .info.pickup .grid .btn.btn1 { margin:0 0 0 auto; }
.page_breakfast .breakfast_list { margin-bottom:calc(70 * 100vw / 320); border-top:1px solid #dddddd;}
.page_breakfast .breakfast_list>div.grid>div { margin-bottom:0; border-bottom:1px solid #dddddd; }

.circle_num { font-size:18rem; width:calc(40 * 100vw / 320); height:calc(40 * 100vw / 320); background-color:#e68213; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; flex-flow: column wrap;  vertical-align: top; }
.circle_new { font-size:12rem; width:calc(40 * 100vw / 320); height:calc(40 * 100vw / 320); color:#ffffff; background-color:#e68213; background-image:none; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; flex-flow: column wrap;  vertical-align: top; }

.page_breakfast .breakfast_list .breakfast_title:after { position:absolute; content:''; background:url('../img/arrow/down_gray.svg') no-repeat; width:calc(19px / 2); height:calc(11px / 2); background-size:contain; top:50%; right:calc(15 * 100vw / 320); transform:translate(0,-50%); visibility:visible; }
.page_breakfast .breakfast_list .breakfast_title { position:relative; /*height:calc(69 * 100vw / 320);*/ }
.page_breakfast .breakfast_list .breakfast_body { display:none; position:relative; ; padding-bottom:calc(34 * 100vw / 320); }
.page_breakfast .breakfast_list .circle_new { margin:calc(15 * 100vw / 320) calc(11 * 100vw / 320) calc(6 * 100vw / 320) calc(13 * 100vw / 320); }
.page_breakfast .breakfast_list .circle_num { margin:calc(14 * 100vw / 320) calc(11 * 100vw / 320) calc(6 * 100vw / 320) calc(14 * 100vw / 320); }
.page_breakfast .breakfast_list .ttl6 { margin:0; padding-top:calc(15 * 100vw / 320); padding-bottom:calc(15 * 100vw / 320); }
.page_breakfast .breakfast_list .ttl6 .main { font-size:15rem; }
.page_breakfast .breakfast_list .txt4 { margin:calc(17 * 100vw / 320) calc(26 * 100vw / 320); }
.page_breakfast .breakfast_list .txt2 { position:relative; text-align:center; border-top:none; padding-top:calc(10 * 100vw / 320); }
.page_breakfast .breakfast_list .txt2:before { position:absolute; content:''; width:calc(268 * 100vw / 320); height:1px; top:0; left:calc(26 * 100vw / 320); border-top:1px solid #dddddd; }
.page_breakfast .breakfast_list .breakfast_list_btn { width:calc(245 * 100vw / 320); margin:0 auto; }
.page_breakfast .breakfast_list .breakfast_list_item.current .breakfast_title { background-color:#e68213; }
.page_breakfast .breakfast_list .breakfast_list_item.current .breakfast_title .main { color:#ffffff; }
.page_breakfast .breakfast_list .breakfast_list_item.current .breakfast_title .sub { color:#ffffff; }
.page_breakfast .breakfast_list .breakfast_list_item.current .breakfast_title .circle_num { color:#e68213; background-color:#ffffff; }
.page_breakfast .breakfast_list .breakfast_list_item.current .breakfast_title .circle_new { color:#e68213; background-color:#ffffff; }
.page_breakfast .breakfast_list .breakfast_list_item.current .breakfast_title:after { background-image:url('../img/arrow/up_white.svg'); }
.page_breakfast .breakfast_point .ttl0 .ja { font-size:28rem; letter-spacing:calc(0 * 100vw / 320); line-height:1; }
.page_breakfast .breakfast_point .contents_inner>div { position:relative; padding:0 calc(30 * 100vw / 320) calc(288 * 100vw / 320) calc(30 * 100vw / 320); }
.page_breakfast .breakfast_point .contents_inner>div .ttl2.mb { margin-bottom:calc(56 * 100vw / 320); }
.page_breakfast .breakfast_point .contents_inner>div .ttl0.mb { margin-bottom:calc(25 * 100vw / 320); }
.page_breakfast .breakfast_point #breakfast_point_l { position:absolute; top:calc(686 * 100vw / 320); right:auto; left:0; width:calc(264 * 100vw / 320); height:calc(163 * 100vw / 320);}
.page_breakfast .breakfast_point #breakfast_point_s { position:absolute; top:calc(795 * 100vw / 320); right:0; width:calc(121 * 100vw / 320); height:calc(123 * 100vw / 320);}
.page_breakfast .breakfast_point .contents_inner2>div.grid0>div:first-child>div { padding-right:0; }
.page_breakfast .breakfast_point .contents_inner2>div.grid0>div:last-child>div { padding-left:0; }
.page_breakfast .breakfast_point .contents_inner2>div .txt2.mt { margin-top:calc(14 * 100vw / 320); margin-bottom:calc(38 * 100vw / 320); }
.page_breakfast .breakfast_point .contents_inner2 { width:calc(270 * 100vw / 320); margin:0 auto; padding-bottom:0; }
.page_breakfast .breakfast_point .contents_inner2 .ttl7.mb { margin-bottom:calc(33 * 100vw / 320); }
.page_breakfast #bnr_company { width:calc(271 * 100vw / 320); margin:calc(68 * 100vw / 320) auto; padding:0; }

/*書き足し*/
.page_breakfast .breakfast_list .grid {
	display: block;
}
.page_breakfast .breakfast_list .grid .breakfast_list_item {
	width: 100%;
    margin-right: 0;
}
/*書き足し*/

.page_privacy #wrap { top:calc(-49 * 100vw / 320); height:calc(6714px / 2); }
.page_privacy #main { height:calc(306 * 100vw / 320); margin-top:0; padding-top:0; border-top:1px solid #eeeeee; }
.page_privacy #main h1 { top:calc(97 * 100vw / 320); }
.page_privacy #main .ttl1 .ja { margin-top:calc(6 * 100vw / 320); }
.page_privacy .ttl3 { margin:0 calc(25 * 100vw / 320) calc(13 * 100vw / 320) calc(25 * 100vw / 320); }
.page_privacy .txt1 { margin-top:0; margin-right:calc(25 * 100vw / 320); margin-left:calc(25 * 100vw / 320); }
.page_privacy .txt1.mb_last { margin-bottom:calc(64 * 100vw / 320); }

.page_terms #wrap { top:calc(-49 * 100vw / 320); height:calc(5869px / 2); }
.page_terms #main { height:calc(257 * 100vw / 320); margin-top:0; padding-top:0; border-top:1px solid #eeeeee; }
.page_terms #main h1 { top:calc(97 * 100vw / 320); }
.page_terms #main .ttl1 .ja { margin-top:calc(6 * 100vw / 320); }
.page_terms .ttl3 { margin:0 calc(25 * 100vw / 320) calc(13 * 100vw / 320) calc(25 * 100vw / 320); }
.page_terms .txt1 { margin-top:0; margin-right:calc(25 * 100vw / 320); margin-left:calc(25 * 100vw / 320); }
.page_terms .txt7 { margin:0 calc(25 * 100vw / 320) calc(28 * 100vw / 320) calc(25 * 100vw / 320); }
.page_terms table.type2 { width:calc(270 * 100vw / 320); margin:0 0 calc(10 * 100vw / 320) calc(25 * 100vw / 320); font-size:12rem; }
.page_terms table.type2.sumaho { display:block !important; }
.page_terms table.type2 th { width:calc(60 * 100vw / 320); height:calc(53 * 100vw / 320); }
.page_terms table.type2 td { width:calc(70 * 100vw / 320); height:calc(53 * 100vw / 320); }
.page_terms table.type2 td:nth-child(2) { width:calc(70 * 100vw / 320); }
.page_terms .txt1.mb_last { margin-bottom:calc(64 * 100vw / 320); }


.page_company #wrap { top:calc(-3 * 100vw / 320); height:calc(11140px / 2); }

.page_company #main { margin-bottom:calc(70 * 100vw / 320); }
.page_company .div_half1 { margin-bottom:calc(39 * 100vw / 320); }
.page_company .div_half2 { margin-bottom:calc(39 * 100vw / 320); }
.page_company .div_half3 { margin-bottom:calc(52 * 100vw / 320); }
.page_company .img_width { width:calc(276 * 100vw / 320); margin-left:calc(25 * 100vw / 320); }
.page_company .img_width2 { width:calc(270 * 100vw / 320); margin-left:calc(25 * 100vw / 320); }
.page_company .div_half1 .txt_pa { padding:calc(18 * 100vw / 320) calc(25 * 100vw / 320) 0 calc(25 * 100vw / 320); }
.page_company .div_half2 .txt_pa { padding:calc(18 * 100vw / 320) calc(25 * 100vw / 320) 0 calc(25 * 100vw / 320); }
.page_company .div_half1 .ttl4 { text-align:center; }
.page_company .div_half2 .ttl4 { text-align:center; }
.page_company .div_full .ttl4.mb { margin-bottom:calc(4 * 100vw / 320); }
.page_company .div_half3 .img_width2 { margin-bottom:calc(10 * 100vw / 320); }
.page_company #company_value { position:relative; width:auto; height:auto; background-image:none; margin-bottom:0; }
.page_company #company_value_txt { display:none; }
.page_company #company_value>div>p { font-size:16rem; color:#000000; position:absolute; top:calc(94 * 100vw / 320); left:50%; transform:translateX(-50%); white-space:nowrap; }
.page_company #company_value>div>span { display:block; color:#888888; font-size:14rem; padding-top:calc(210 * 100vw / 320); width:calc(244 * 100vw / 320); margin-left:calc((213 - 244) / 2 * 100vw / 320); line-height:2; letter-spacing:calc(1.4 * 100vw / 320); }
.page_company #company_value>div { position:relative; width:calc(213 * 100vw / 320); height:auto; background-size:calc(213 * 100vw / 320); background-position:top; margin:0 auto; }
.page_company #company_value>#company_value_1 { left:auto; background-image:url(../../company/img/circle_h1.png); }
.page_company #company_value>#company_value_2 { top:auto; right:auto; background-image:url(../../company/img/circle_h2.png); }
.page_company #company_value>#company_value_3 { top:auto; right:auto; background-image:url(../../company/img/circle_h3.png); }
.page_company #company_value>#company_value_4 { top:auto; left:auto; background-image:url(../../company/img/circle_h4.png); }
.page_company #company_value>#company_value_5 { top:auto; left:auto; background-image:url(../../company/img/circle_h5.png); }
.page_company .partnerhotel_btn { width:calc(245 * 100vw / 320); margin:calc(23 * 100vw / 320) auto 0 auto; }
.page_company .partnerhotel_btn>.btn { padding:calc(17 * 100vw / 320); font-size:13rem; letter-spacing:calc(1 * 100vw / 320); }


}


@media screen and (max-width: 600px) {
	#ui-datepicker-div { z-index: 1000 !important; }
	#ui-datepicker-div { font-size: 13px; }
}


/* iPhone */
@media screen and (max-width: 414px) {
	.preloader { padding: 4%; }
	.fp-controlArrow.fp-prev:before,.fp-controlArrow.fp-next:before {content: ''; position: absolute; width: 23%; height: 1px; background-color: #000; top: -3px;}
	.fp-controlArrow.fp-prev:before { left: 0;}
	.fp-controlArrow.fp-next:before { right: 0;}
}

/* ▼ しあわせ朝ごはんロゴ */
.bf_logo_box {
	position: relative;
}

.bf_logo {
	position: absolute;
	top: -25%;
	left: 5%;
	width: 15%;
}

@media screen and (max-width: 768px) {
	.bf_logo {
		position: static;
		display: block;
		margin: -10% auto 7%;
		width: 25%;
	}
}


.pulldownMenu {
	background-color: #FFFFFF;
	border: 1px solid #E5E5E5;
	text-align: left;
	padding: 20px 25px;
	font-size: 10px;
	width: 145px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	position: absolute;
	top: 28px;
	left: 0;
	display: none;
  }

  .pulldownMenu li {
	width: 100%;
	text-align: left;
  }

  .pulldownMenu a {
	text-align: left !important;
	font-size: 11px !important;
	width: 100%;
	color: #222;
	display: block;
	border-bottom: 1px solid #dadada;
	padding-bottom: 7px;
	margin-bottom: 7px;
	position: relative;
	z-index: 10;
	-webkit-transition: 0.5s all ease-out;
	transition: 0.5s all ease-out;
  }

  .pulldownMenu a::before {
	display: none !important;
  }

  .pulldownMenu a:hover {
	opacity: 0.5;
  }

  .pulldownMenu li:last-of-type a {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
  }

  #nav ul li a:hover:before {
	width: 100%;
	left: 0;
  }

  #nav ul #nav_concept a:before {
	display: none !important;
  }


#footer_club_link {
	position: absolute;
	top: 5%;
	right: 28%;
  }

  @media screen and (max-width: 800px) {
	#footer_club_link {
	  top: initial;
	  bottom: -80%;
	  right: 12%;
	}
  }

  @media screen and (max-width: 480px) {
	#footer_club_link {
	  top: initial;
	  bottom: -49%;
	  right: 12%;
	}
  }

  .footer_contents {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	width: 100%;
	margin: auto;
	max-width: 967px !important;
	position: relative;
	padding-top: 46.5px;
  }

  @media screen and (max-width: 800px) {
	.footer_contents {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
	  padding-top: 29px;
	}
  }

  @media screen and (max-width: 320px) {
	.footer_contents {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
	  padding-top: 10px;
	}
  }

  @media screen and (max-width: 280px) {
	.footer_contents {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
	  padding-top: 0;
	}
  }

  .footer_club_img {
	max-width: 549px;
	text-align: center;
  }

  @media screen and (max-width: 800px) {
	.footer_club_img {
	  -webkit-box-ordinal-group: 3;
		  -ms-flex-order: 2;
			  order: 2;
	  margin: 22.3px auto 0;
	}
  }

  @media screen and (max-width: 480px) {
	.footer_club_img {
	  max-width: 350px;
	  margin: 22.3px auto 0;
	}
  }

  @media screen and (max-width: 360px) {
	.footer_club_img {
	  max-width: 350px;
	  margin: 10px auto 0;
	}
  }

  .footer_text {
	font-size: 23px;
	color: #000;
	font-family: "Noto Serif JP", serif;
	max-width: 700px;
	line-height: 1.73;
  }
	html[lang="th"] .footer_text {
	  white-space: nowrap;
	}
  @media screen and (max-width: 800px) {
	.footer_text {
	  text-align: center;
	  font-size: 16px;
	  -webkit-box-ordinal-group: 2;
		  -ms-flex-order: 1;
			  order: 1;
	}
  }
  .footer_club_img img {
	/*width: 70%;*/
	width: 100%;
  }

	.instagram_icon{
		position: relative;
	}
	.instagram_icon svg {
		position: absolute;
	}
	.instagram_icon svg path{
		transition: all 0.3s ease-in-out;

	}
	.instagram_icon:hover svg path{
		fill: #ffffff;
	}