@charset "utf-8";
/**/
body {
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", sans-serif;
  font-size: 14px;
  line-height: 1.7;
}
* { box-sizing: border-box;}
sup{vertical-align: top;}
sub{vertical-align: bottom;}
a{text-decoration: none; color:#000; transition:opacity ease-in 0.2s;}
a:hover{opacity: .6;}
.container{width:100%;position: relative;min-width: 1080px;}  
  
.mincho,
.reservationPanel.fixed2 .title,
.title02,
.catNav l,
.pageNav li,
#page-sougoTop .maincol h2,
#page-sougoTop .availability .rootBlock .title,
.areaBlock .inBlock .textArea .tel,
.title01,
.pageTitle .title{
  font-family: Arial, Helvetica, "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif!important;
}
/*
.pageTitle .title{
  font-family: Arial, Helvetica, "游明朝体","YuMincho", serif;
  transform: rotate(.03deg);
  -webkit-transform: rotate(.03deg);
}
*/
  
/*SPパーツ非表示*/
.spmode{display:none;}
#modal-nav, .right_sp{	display: none;}
#reservation_area .btn_submit.sp input {	display: none;}

.cl:after{content:'';display: block;clear: both;}

@media screen and (min-width:681px){
  .sp{display: none;}
  
  #page-sougoTop .container,
  #page-news .container{padding-top: 0 !important;}
}

/*
html[lang="zh-CN"] .langnav2,
html[lang="zh-TW"] .langnav2,
html[lang="ko"] .langnav2{display: none;}
*/

/* ----------------------------------------------------------
  JS
---------------------------------------------------------- */
.lock{
  height: 100%; width: 100%;overflow: hidden;  
}
html.lock {
  overflow-y: scroll;
  height: 100%;
}
html.lock header .right{z-index: -1;position: relative;}
.megaMenu{display: none;}
.megaMenu.open{display: block;}
.hide {display:none;}


/* jsTab */
.jsTab{display: flex;justify-content: space-between;}
.jsTab li{
  background:#ddd; padding:5px 25px; cursor:pointer;width: 50%;
  display: flex;align-items: center;justify-content: center;
  position: relative;
}
.jsTab li.select{background:#b7bcf3;}
.jsTab li:after{content:'';display: block;}
.jsTab li.select:after{
  
  border: 10px solid #fff;
  border-top: 10px solid #b7bcf3;
  border-bottom: none;
  position: absolute;bottom: -10px;left: 50%;margin-left: -10px;
}

/* modal -- library.js */
.modal-overlay {
    z-index:260;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.7);
}
.modal-inner {
    position:fixed;
    display:none;
    z-index:267;
    margin:0;
    padding:10px 20px;
    background:#fff;
  max-height: 90vh;
  overflow-y: scroll;
}
.modal-open:before {
    content: '+';
    display: inline-block;
    margin: 0 6px 2px 0;
    vertical-align: middle;
}
  .modal-inner .innerBlock{padding: 20px;}
  .modal-inner .innerBlock h3{color: #3e4599;font-size: 18px;margin: 40px 0 20px;}

/* modal -- customize.js */
.modal{
    display: none;
    position: fixed;
    z-index: 206;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.7);
}
.modal_content{
    width:1000px;
    background:#fff;
    margin:15% auto;
    padding:30px;
    position:relative;
    /*  */
  animation:animatetop 0.4s;
}
@keyframes animatetop{from{opacity:0} to{opacity:1 }}
  
.modal_content h3{font-size: 18px;color: #3e4599;font-weight: bold;margin-bottom: 10px;}
.btn_close{
  display: block;
  position: absolute;right: 10px;top: 10px;
  font-size: 24px;
  background: #3e4599 url(/assets/img/btn_close.png) no-repeat 50% 50%;
  -webkit-background-size: 24px;
  background-size: 24px;
  color: #fff;
  width: 24px;height: 0;padding-top: 24px;overflow: hidden;
  cursor: pointer;
}
_:-ms-lang(x)::-ms-backdrop, .btn_close{padding-top: 8px;}


/*
--------------------------------------------------
	header
-------------------------------------------------- */
.header_wrap{
  position: absolute;width: 100%;z-index: 202;
	background: -webkit-gradient(linear, left top, left bottom,  from(rgba(110,57,0,.4)), color-stop(rgba(110,57,0,.4)), to(rgba(110,57,0,0)));
	background: linear-gradient(to bottom,  rgba(110,57,0,.4) 0%,  rgba(110,57,0,.4) 50%,  rgba(110,57,0,0) 100%);
	background-image: -moz-linear-gradient(top, rgba(110,57,0,.4) 0%,  rgba(110,57,0,.4) 50%,  rgba(110,57,0,0) 100%);
  transition: 0.3s;
}
#page-tourism .header_wrap{
	background: -webkit-gradient(linear, left top, left bottom,  from(rgba(0,19,110,.4)), color-stop(rgba(0,19,110,.4)), to(rgba(0,19,110,0)));
	background: linear-gradient(to bottom,  rgba(0,19,110,.4) 0%,  rgba(0,19,110,.3) 50%,  rgba(0,19,110,0) 100%);
	background-image: -moz-linear-gradient(top, rgba(0,19,110,.4) 0%,  rgba(0,19,110,.3) 50%,  rgba(0,19,110,0) 100%);
}
.header_wrap,
.header_wrap a{color: #fff;}
.header_wrap a{display: flex;align-items: center;}
.header_wrap a img.logoText{margin-left: 10px;}
header {
	position: relative;
	height: 100px;
}
.header-inner {
	width: 1080px;
	margin: 0 auto;
}
header h1 {
	padding-top: 10px;
  float: left;
}

header .right {float: right;text-align: right;padding-top: 10px;text-align: right;padding-right: 80px;position: relative;}
header .cl {display: flex;align-items: center;justify-content: flex-end;}
header .cl li {float: left;line-height: 1;font-size: 16px;}
header .cl a {display: block;}
header .cnav {display: inline-block;padding-top: 10px;}
header .cnav li{padding: 0 18px;}
header .cnav li:not(:first-child){border-left: 1px solid #fff;}
header .cnav li:first-child{padding-left: 0;}
header .cnav li:last-child{padding-right: 0;}
header .cnav li.btnRecruit a{color: #ffff00;text-decoration: underline;}
header .googleTranslate{display: inline-block;margin-left: 30px;}
.googleTranslate .goog-te-gadget-simple{width: 130px;}
.googleTranslate .goog-te-gadget-icon{float: left;}
/**/
header .langnav2 {padding-left: 30px;background: url(../img/common/icon_lang.png) no-repeat 0 50%;min-height: 20px;display: inline-block;}
header .langnav2 li{margin-top: 3px;}
header .langnav2 li:not(:first-child){border-left: 1px solid #fff;height: 17px;}
header .langnav2 a{display: inline-block;padding: 0 6px 0;line-height: 20px;}
header .langnav2 li:nth-child(2) a{padding-right: 0;}
html[lang="en"] header .langnav2 li:nth-child(1) a{font-weight: bold;}
html[lang="ja"] header .langnav2 li:nth-child(2) a{font-weight: bold;}
#page-en header .langnav2 li:nth-child(2) a{font-weight: normal;}
#page-en header .langnav2 li:nth-child(1) a{font-weight: bold;}
header .langnav2 a:hover{opacity:0.5;}


header .header_tel {
	background: url(../img/common/header_tel.png) no-repeat bottom left;
	background: url(../img/common/header_tel_pc.png) no-repeat;
  padding-top: 37px;height: 0;width: 236px;
  overflow: hidden;
  display: inline-block;
}
header .hnavSP{display:none;}
#headerMenu{width:100%;}
#headerMenu ul{letter-spacing: -.4em; }
#headerMenu nav{margin: 0 auto;width: 960px;}
#headerMenu nav li{letter-spacing: normal;}
#headerMenu nav li a{
	 margin:0 auto;
	float:left;
	display: block;
	width: 120px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	transition: initial;
	}
#headerMenu nav li a:hover{background:url(../img/common/navArrow.png) no-repeat center bottom;translate:0s;}

/* 固定後 */
.header_wrap.fixed{position: fixed;background: rgba(229,231,255,.85) !important;top: 0;}
.header_wrap.fixed,
.header_wrap.fixed a{color: #1d218a;}
.header_wrap.fixed li{border-color: #1d218a !important;}
.header_wrap.fixed header .cnav li.btnRecruit a{color: #ec4801;}
.header_wrap.fixed header .langnav2{background: url(../img/common/icon_lang2.png) no-repeat 0 50%;}

.header_wrap.fixed header{height: 80px;}
.header_wrap.fixed header h1{padding-top: 5px;}

.menuBtnWrap.fixed .menuBtn .icon:after,
.menuBtnWrap.fixed .menuBtn .icon:before,
.menuBtnWrap.fixed .menuBtn .icon span{background: #1d218a;}
.menuBtnWrap.fixed .menuBtn{color: #1d218a;}





/*
--------------------------------------------------
	Navigation
-------------------------------------------------- */
.menuBtnWrap{position: absolute;width: 1080px;left: 50%;margin-left: -540px;top: 10px;z-index: 204;color: #fff;}
.menuBtnWrap.fixed{position: fixed;}
.menuBtn{
  position: absolute;right: 0;
  width: 40px;font-size: 12px;text-align: center;letter-spacing: 1px;padding-left: 1px;
  cursor: pointer;
}
.menuBtn .icon{height: 34px;position: relative;}
.menuBtn .icon:before,
.menuBtn .icon:after,
.menuBtn .icon span{
  height: 2px;width: 100%;display: block;background: #fff;
  position: absolute;left: 0;
  transition: .3s;
}
.menuBtn .icon:before,
.menuBtn .icon:after{content:'';display: block;}

.menuBtn .icon:before {top: 16%;}
.menuBtn .icon span{top: 48%;}
.menuBtn .icon:after {bottom: 16%;}
	.menuBtn.active .icon:before {
		-webkit-transform: translateY(10px) rotate(-225deg);
		transform: translateY(10px) rotate(-225deg);
	}
	.menuBtn.active span {opacity: 0;}
	.menuBtn.active .icon:after {
		-webkit-transform: translateY(-11px) rotate(225deg);
		transform: translateY(-11px) rotate(225deg);
	}
/* megaMenu */
.megaMenu{
  background: rgba(34,41,126,.9);
  width: 100%;
  height: 100vh;
  position: absolute;top: 0;left: 0;z-index: 203;
}

/**/
.gnav{width: 990px;margin: auto;}
/*.gnav{width: 960px;margin: auto;}*/
.gnav .block01{padding: 40px 0;display: flex;justify-content: flex-start;}
.gnav .block02,
.gnav .block03{display: flex;align-items: flex-start;justify-content: center;padding: 45px 0;border-top: 1px solid #fff;}
.gnav .block01 ul{margin-left: 110px;}
.gnav .block02 ul{margin: 0 40px;}
.gnav .block03 ul{margin: 0 10px;}
.gnav li{text-align: left;font-size: 16px;padding: 3px 0;}
.gnav .block01 li{font-size: 23px;padding: 0 0 16px;}
.gnav li a{display: block;position: relative;color: #fff;}
.gnav .linklist li a:after{border-color: #fff;}
.gnav .block01 .linklist a{padding-right: 20px;}
.gnav .block01 .linklist a:after {width: 12px;height: 12px;}


/*
--------------------------------------------------
	main
-------------------------------------------------- */
.linklist a{position: relative;padding-right: 18px;}
.linklist a:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    border: 1px solid #777;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-left: none;
    border-bottom: none;
    transform: rotate(45deg);
}

/*
--------------------------------------------------
	Page structure
-------------------------------------------------- */
.content{width:100%;margin: 20px 0 100px;}
.content .inner {margin: 0 auto;}
#page-detail .content .inner{width: 960px;}
.content h2 {
	text-align: center;
  line-height: 1.2;
}
.wrapper {	margin: 20px 0 0 0;}


/*
--------------------------------------------------
	Bread crumbs
-------------------------------------------------- */
.breadcrumbs {
	width: 100%;
	margin: 0 auto 30px;
	font-size: 13px;
}
.breadcrumbs ul	   { }
.breadcrumbs ul li { display: inline;}
.breadcrumbs ul li:before { content: "＞"; padding: 0 6px;}
.breadcrumbs ul li:first-child:before { content: "";}

/*
--------------------------------------------------
	記事
-------------------------------------------------- */
.column { width: 100%; margin: 0; padding: 0; clear: both;}
.column-inner {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px dotted #b8b2a5;
}
.column-inner h3:before {
	content: "";
	border-left: 4px solid #000;
	margin-right: 10px;
}
.column-inner h3 {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
}
.column-inner p		 { margin: 0; padding: 0; line-height: 1.6;}
.column-inner span	 { margin: 0 0 15px; padding: 0; line-height: 1.6;}
.column-inner:after	 { content: ""; display: block; clear: both;}

.column-inner table {
	margin		: 10px 0;
	border		: solid #a0a0a0;
	border-width	: 1px 0 0 1px;
	border-collapse	: separate;
	border-spacing	: 0;
}
.column-inner table th,
.column-inner table td {
	padding		: 8px;
	border		: solid #a0a0a0;
	border-width	: 0 1px 1px 0;
}
.column-inner table th {
	background	: #efefef;
}

/*photo*/
.photos		{}
.photos-right {
	float: right;
margin-left: 30px;
}
.photos-left {
float: left;
margin-right: 30px;
}
.plandetail-left {
/* float: right;*/
margin-left: 30px;
}
.plandetail a { color: #0077e0;}
.plandetail a:hover {  text-decoration:underline; }
.photos-center{ width: 100%; text-align: center; margin-bottom: 10px;}
.photos-center img { width: 100% !important; height:auto; }
.photos-conformity	  { margin: 0 auto;}
.photos-conformity-left	  { margin: 0;}
.photos-conformity-left > div {
	margin-right: 10px;
}
.photos-conformity-left > div:last-of-type {
	margin-right: 0;
}
.photos-conformity-right  { margin: 0;margin:0 0 20px 0;}
.photos-conformity-center { margin: 0 auto;}

.photos-conformity:after,
.photos-conformity-left:after,
.photos-conformity-right:after,
.photos-conformity-center:after{
	content: "";
	clear: both;
	display: block;
}
.photos-conformity div,
.photos-conformity-left div,
.photos-conformity-right div,
.photos-conformity-center div { float: left;}

.photos-conformity div:last-child,
.photos-conformity-left div:last-child,
.photos-conformity-right div:last-child,
.photos-conformity-center div:last-child { margin: 0;}

.photos img,
.photos-left img,
.photos-right img,
.photos-top img,
.photos-top-headline img,
.photos-center img,
.photos-conformity img,
.photos-conformity-left img,
.photos-conformity-right img,
.photos-conformity-center img { vertical-align: bottom; margin-bottom:10px; }

.photos .caps,
.photos-left .caps,
.photos-right .caps,
.photos-top .caps,
.photos-center .caps,
.photos-conformity .caps,
.photos-conformity-left .caps,
.photos-conformity-right .caps,
.photos-conformity-center .caps {  padding-top: 10px; display: block;}

.photos-left-headline { float: left;margin-right: 20px;}
.photos-right-headline { float: right;margin-left: 20px;}
.photos-top-headline { }

/* List */
.column-inner ul {  padding: 0;}
.column-inner ol { padding: 0;}

/*.column-inner ul li { margin: 0; padding: 0; list-style: disc;}*/
.column-inner ol li {  list-style: decimal;}

/* Detail */
.plandetail	  { overflow: hidden;}
.plandetail-left  { overflow: hidden;}
.plandetail-right { overflow: hidden;}
.plandetail-center{ overflow: hidden; clear: both;}

.plandetail-conformity	  { padding-top: 10px; overflow: hidden; clear: both;}
.plandetail-conformity-left  { overflow: hidden; width: auto;}
.plandetail-conformity-right { 10px; overflow: hidden; width: auto;}
.plandetail-conformity-center{ padding-top: 10px; overflow: hidden; clear: both;}

p.statement_link a {
	display: block;
	background: #000 url(../img/common/arrow_w.png) no-repeat right 8px center;
	background-size: 10px;
	color: #fff;
	width: 200px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 20px 0;
	text-decoration:none ;
	transition:ease-in 0.2s;
}
p.statement_link a:hover{
	 background: #000 url(../img/common/arrow_w.png) no-repeat right 6px center;
	background-size: 10px;
	text-decoration:none;
}


/* Move */
.move{
  /*
  left: 50%;
  margin-left: 540px;
  */
  right: 20px;
 }
  .move:not(.stop) {bottom: 105px !important;z-index: 102;}

.move ul li a{
	display: block;
	text-indent: -9999px;
  
	background: url(../img/common/pagetop.gif) no-repeat 50% 100%;
  width: 60px;height: 60px;
	}

/*stop*/
.move.stop {
  left: 50%;
  margin-left: -98px;
}
.move.stop ul li a {
	background: url(../img/common/pagetop.png) no-repeat 50% 100%;
  width: 196px;height: 76px;
  margin-bottom: -1px;
  /*
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
  */
}

/*news*/
article.news{ width:960px; margin:0 auto; padding-bottom: 90px; }
article.news h2 {
	font-size: 24px;
	text-align: center;
	line-height: 70px;
	height: 70px;
	border-bottom: 1px solid #000;
	margin: 0 0 40px 0;
}
.news .articleWrap article {float:left;width: 300px;margin-right:30px;position:relative;}
.news .articleWrap article:last-of-type{margin-right:0px; }
.news .articleWrap article a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 1;
}
.news .articleWrap article a:hover{background:rgba(0, 0, 0, 0.2);}
.news .recentPost h3{font-weight:bold; height: 70px; font-size:16px;}
.news .articleWrap p.detailBtn{
	padding: 10px 0;
	background: #fff url(../img/common/arrow.png) no-repeat right 6px center;
	background-size: 14px;
	border: 1px solid #333;
	color: #000;
	text-align: center;
	text-decoration: none;
	width: 100%;
	margin: 20px 0;
}
.news .articleWrap p.detailBtn:hover{
	background: #fff url(../img/common/arrow.png) no-repeat right 6px center;
	background-size: 14px;
}

/*more button*/
article.news .more {margin-top: 20px;}
article.news .more .button {}
article.news .more a {
	display: block;
	background: #333 url(../img/common/arrow_w.png) no-repeat right 8px center;
	background-size: 14px;
	border: 1px solid #333;
	color: #fff;
	text-align: center;
	text-decoration: none;
	width: 380px;
	margin: 0 auto;
	height: 50px;
	line-height: 51px;
	font-size: 16px;
}
article.news .more a:hover{
	border:1px solid #000;
	color: #000;
	background: #fff url(../img/common/arrow.png) no-repeat right 6px center;
	background-size: 14px;
}

#entries { margin: 20px 0; padding: 0;}
#entries div.column{ margin: 0; padding: 0;}

/*news詳細*/
span.new {
	color: #fff;
	background: #c30000;
	padding: 0 5px;
	border-radius: 6px;
	margin: 0;
}

/*すべての記事を見るボタン*/
.more			{ margin: 0 0 10px; clear: both;}
.more a {
	color: #fff;
  background: #3e4599;
	text-decoration: none;
	display: block;
	text-align: center;
	width: 280px;
	height: 40px;
	line-height: 41px;
	font-size: 16px;
	margin: 30px auto 0;
}
.more a:hover	{ opacity: .5;}
.more:after		{ content: ""; display: block; clear: both;}

/* Tabs Contents */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {
	/* Use class for showing/hiding tab content,
	so that visibility can be better controlled in different media types... */
	.ui-tabs-hide { display: none;}
}
/* Hide useless elements in print layouts... */
@media print {
	.ui-tabs-nav { display: none;}
}

ul.ui-tabs-nav {
	width		: 100%;
	height:70px;
}
ul.ui-tabs-nav li { float: left;position:relative;}
ul.ui-tabs-nav li a {
    width: 230px;
    height: 50px;
    line-height: 50px;
    margin: 0 5px 0 0;
    padding-top: 0px;
    display: block;
    float: left;
    background: #d6d6d6;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
}

/* Tab Style */
ul.ui-tabs-nav li#entries-tab-recommend a{}
ul.ui-tabs-nav li#entries-tab-recommend a:hover { }
ul.ui-tabs-nav li#entries-tab-recommend.ui-tabs-selected a  {
    background: #000000;
    color: #fff;
}

ul.ui-tabs-nav li#entries-tab-restaurant a{ }
ul.ui-tabs-nav li#entries-tab-restaurant a:hover { }
ul.ui-tabs-nav li#entries-tab-restaurant.ui-tabs-selected a  {
    background: #000000;
    color: #fff;
}

ul.ui-tabs-nav li#entries-tab-news a {background: #d6d6d6;     background-position: bottom center; }
ul.ui-tabs-nav li#entries-tab-news a:after {
	    position: absolute;
    content: "";
    width: 230px;
    height: 10px;
    bottom: -10px;
    left: 0;
    display: block;
}
ul.ui-tabs-nav li#entries-tab-news.ui-tabs-selected a {
    background: #000000 ;
    color: #fff;
}
/*選択時の三角*/
ul.ui-tabs-nav li#entries-tab-news.ui-tabs-selected:after,
ul.ui-tabs-nav li#entries-tab-recommend.ui-tabs-selected:after,
ul.ui-tabs-nav li#entries-tab-restaurant.ui-tabs-selected:after {
    content: "";
    position: absolute;
    background: url(../img/common/tab_arrow.png) no-repeat center bottom;
    width: 230px;
    height: 10px;
    bottom: -10px;
    left: 0;
    display: block;
}
/*hover*/
ul.ui-tabs-nav li#entries-tab-news a:hover,
ul.ui-tabs-nav li#entries-tab-recommend a:hover,
ul.ui-tabs-nav li#entries-tab-restaurant a:hover  {
    opacity: 0.5;
}

/*
--------------------------------------------------
	ギャラリー表示
-------------------------------------------------- */

/* Small-160px */
.imagesurfingsmall {
	width		: 164px;
	height		: auto;
	text-align	: center;
	overflow	: hidden;
}
.imagesurfingsmall ul { width: 160px; margin: 0 auto;}
.imagesurfingsmall ul li { width: 40px; padding: 1px 0 0 0; margin: 0; float: left; list-style: none;}
.imagesurfingsmall ul li a {
	width		: 40px;
	height		: 30px;
	border		: none;
	border-bottom	: 4px solid #DECBA6;
	display		: block;
	float		: left;
	outline		: none;
	overflow	: hidden;
}
.imagesurfingsmall img {
	width		: auto;
	height		: 120px;
	text-align	: center;
	vertical-align	: bottom;
}
.imagesurfingsmall ul li img {
	width		: 39px;
	height		: 29px;
	margin		: 0;
	padding		: 0;
	background	: #FFF;
	border-right	: 1px solid #FFF;
}
.imagesurfingsmall ul li a.imagesurfing-selected {
	border-bottom	: 4px solid #BB471F;
}
.imagesurfingsmall p.imagesurfing-caption {
	margin		: 0 !important;
	padding		: 3px 0;
	font-size	: 10px;
	line-height	: 1.2;
}


/* Normal-220px */
.imagesurfingnormal {
	width		: 224px;
	height		: auto;
	text-align	: center;
	overflow	: hidden;
}
.imagesurfingnormal ul { width: 220px; margin: 0 auto;}
.imagesurfingnormal ul li { width: 55px; padding: 1px 0 0 0; margin: 0; float: left; list-style: none;}
.imagesurfingnormal ul li a {
	width		: 55px;
	height		: 42px;
	border		: none;
	border-bottom	: 4px solid #dcdcdc;
	display		: block;
	float		: left;
	outline		: none;
	overflow	: hidden;
}
.imagesurfingnormal img {
	width		: auto;
	height		: 165px;
	text-align	: center;
	vertical-align	: bottom;
}
.imagesurfingnormal ul li img {
	width		: 54px;
	height		: 41px;
	margin		: 0;
	padding		: 0;
	background	: #FFF;
	border-right	: 1px solid #eee;
}
.imagesurfingnormal ul li a.imagesurfing-selected {
	border-bottom	: 4px solid #5f5f5f;
}
.imagesurfingnormal p.imagesurfing-caption {
	margin		: 0 !important;
	padding		: 3px 0;
	font-size	: 10px;
	line-height	: 1.2;
}


/* Large-280px */
.imagesurfinglarge {
	width		: 284px;
	height		: auto;
	text-align	: center;
	overflow	: hidden;
}
.imagesurfinglarge ul { width: 280px; margin: 0 auto;}
.imagesurfinglarge ul li { width: 70px; padding: 1px 0 0 0; margin: 0; float: left; list-style: none;}
.imagesurfinglarge ul li a {
	width		: 70px;
	height		: 53px;
	border		: none;
	border-bottom	: 4px solid #DECBA6;
	display		: block;
	float		: left;
	outline		: none;
	overflow	: hidden;
}
.imagesurfinglarge img {
	width		: auto;
	height		: 210px;
	text-align	: center;
	vertical-align	: bottom;
}
.imagesurfinglarge ul li img {
	width		: 69px;
	height		: 52px;
	margin		: 0;
	padding		: 0;
	background	: #FFF;
	border-right	: 1px solid #FFF;
}
.imagesurfinglarge ul li a.imagesurfing-selected {
	border-bottom	: 4px solid #BB471F;
}
.imagesurfinglarge p.imagesurfing-caption {
	margin		: 0 !important;
	padding		: 3px 0;
	font-size	: 10px;
	line-height	: 1.2;
}

/*Banner Area*/
.bannerArea{ width: 960px;margin: 0 auto;}
.bannerArea li{float:left;}
.bannerArea li{margin-right:26px;}
.bannerArea li:last-child{margin-right:0px;}

/*sns icons*/
.snsIcon .inner{width: 960px;margin: 0 auto;text-align: center; padding: 40px;}
.snsIcon li{display: inline-block;  vertical-align:middle; margin-right: 40px;}
.snsIcon li a{/*display:block;*/}
.snsIcon li img{width:40px;}

/*
--------------------------------------------------
	footer
-------------------------------------------------- */
footer.siteFooter {
	width: 100%;
  background: #f6eedf;
  margin-top: 165px;
}
footer.siteFooter a:hover{opacity: .6;}
footer.siteFooter .footer-inner{width: 1080px;margin: auto;padding: 0 0 140px;}
.ft01{padding: 40px 0;}
.ft01{display: flex;justify-content: flex-start;align-items: center;}
.ft01 .logo{margin-right: 60px;}
.ft01 .btnArea{display: flex;justify-content: space-between;align-items: center;font-size: 16px;line-height: 1.2;}
.ft01 .btnArea a{display: inline-block;background: #fff;border: 1px solid #3e4599;width: 380px;text-align: center;padding: 10px 10px 0;margin-right: 10px;height: 40px;vertical-align: top;}
.ft01 .btnArea a.btnFaq{background: #3e4599;color: #fff;}
.ft01 .btnArea a:before{
  content:'';display: inline-block;vertical-align: top;
  background-repeat: no-repeat;
  width: 20px;height: 15px;margin-right: 10px;margin-top: 2px;
}
.ft01 .btnArea a.btnFaq:before{background-image: url(../img/common/icon_faq.png);width: 12px;}
.ft01 .btnArea a.btnContact:before{background-image: url(../img/common/icon_contact.png);}
/**/
.fnav {
	width: 100%;
  padding: 10px 0 40px;
}
.fnav ul {
  /*
  max-width: 860px;
  margin: auto;
  */
  margin-left: 50px;
  text-align: left;
}
.fnav li {
	display: inline-block;
	padding: 0 0 10px 0;
	margin-right: 20px;
  font-size: 14px;line-height: 1.2;
}
.fnav li:last-child{margin-right: 0;}
.fnav li a {
  color: #000;
	text-decoration: none;
	background: url(../img/common/footer_arrow.png) no-repeat left center;
	padding-left: 12px;
}
footer.siteFooter .fHotels{display: flex;justify-content: space-between;width: 100%;}
footer.siteFooter .fHotels{border-top: 1px solid #030000;padding: 26px 0 60px;}
footer.siteFooter .fHotels .title{margin-right: 60px;}
footer.siteFooter .fHotels ul{float: left;}
/**/

footer.siteFooter .bnrArea ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

footer.siteFooter .bnrArea ul li{
  margin-right: 8px;
}

footer.siteFooter .bnrArea ul li:last-child{
  margin-right: 0;
}

footer.siteFooter .copyright {
  text-align: center;
	font-size: 12px;color: #2d2825;
  padding: 25px 0 0;
}
@media screen and (min-width:681px){
  .fHotels01{width: 180px;}
    
  .fHotels03{width: 200px;}
    
  .fHotels02,
  .fHotels04{width: 220px;}
    
  .fHotels02_en {
      width: 240px;
      margin-bottom: 22px;
  }
    
}

/*
--------------------------------------------------
	go pagetop
-------------------------------------------------- */
.pagetop {
	position: fixed;
	right: 50%;
	bottom: 0;
	z-index: 80;
	margin-right: -680px;
	z-index:1;
}
.pagetop a {
background: #333;
color: #fff;
width: 80px;
height:80px;
line-height: 80px;
text-align: center;
display: block;
border-radius: 5px;
}
.pagetop a:hover {
text-decoration: none;
background: #999;
}
/*フッタに固定時*/
.pagetop.stop a {
	border-radius: 6px 6px 0 0;
}

/*hover.css*/
/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #000;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}



/* ----------------------------------------------------------
  reservation Panel
---------------------------------------------------------- */
.reservationPanel{
  position: relative;z-index: 101;
  
  margin: -105px auto 0;
  display: none;
}
.reservationPanel .jsTabContent .title{display: none;}
.reservationPanel .jsTabContent{
  min-height: 105px;
  margin:0 auto;
  
  background:rgba(255,255,255,.8);
	/**/
	background: -moz-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.8) 70%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.8) 70%, rgba(255,255,255,1) 100%); 
	background: linear-gradient(to bottom, rgba(255,255,255,.6) 0%, rgba(255,255,255,.8) 70%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
  
}
.reservationPanel .jsTabContent .stayPanel{padding-top: 6px;}
/*
.reservationPanel.fixed{
  position: fixed;
  right: -1100px;top: 50%;margin-top: -20px;border: 1px solid #ccc;padding-bottom: 10px;
  display: block;
}
.reservationPanel.fixed.open{
  right: 120px;transition: 0.3s;
  box-shadow: 0 1px 2px #ccc;
}
.reservationPanel.fixed .stayPanel{padding-top: 10px;}
*/
.reservationPanel.fixed2{
  background:rgba(255,255,255,.9);
  position: fixed;width: 100%;bottom: -105px;left: 0;transition: 0.3s;
  display: block;
  
  box-shadow: 0 0 5px rgba(0,0,0,.1);
  
  
}
.reservationPanel.fixed3{bottom: 0;}
.reservationPanel.fixed2.fixed4{bottom: -105px;}
.reservationPanel.fixed2 .jsTabContent{background: none;width: 100%;}

.reservationPanel.fixed2 .jsTabContent{display: flex;align-items: stretch;}
.reservationPanel.fixed2 .title{
  display: flex;align-items: center;justify-content: flex-end;
  width: 20%;padding-right: 40px;font-size: 24px;
  background: #b7bcf3;color: #fff;font-weight: normal;
}
.reservationPanel.fixed2 .title:before{
  content:'';display: inline;width: 24px;height: 28px;
  background: url(../img/common/reserve_tit_bg.png) no-repeat;
  margin-right: 10px;
}


  #page-sougoTop .reservationPanel{display: block;}
@media screen and (min-width:1040px){
  .reservationPanel.fixed2 .jsTabContent .title{width: 22%;}
}
@media screen and (min-width:681px){
  .reservationPanel .jsTabContent{width: 1080px;}
  
  /*
  #page-sougoTop .reservationPanel.fixed{
    top: 0;left: 0;margin: 0;width: 100%;
    box-shadow: 0 2px 5px #ccc;
    border: none;
  }
  #page-sougoTop .flNav{display: none !important;}
  
  */
  
}
@media screen and (max-width:680px){
  .reservationPanel.fixed2 .jsTabContent .title{display: none;}
}


.reservationPanel .jsTab {width: 440px;margin: 0 auto;}
.reservationPanel .jsTab li{font-size: 16px;line-height: 1.2;padding: 8px 0 6px;}

/*
.reservationPanel.fixed.open .bnrBestPrice{margin-right: 0;}
.reservationPanel.fixed.open .bnrBestPrice .img{margin: 0 0 0 10px;}
.reservationPanel .jsTabContent .panel{background:rgba(255,255,255,.7);}
*/

input,
.selectWrap select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
}
.selectWrap{font-size: 15px;background: none;}

.reservationPanel select,
.dynDate input,
.selectWrap,
.reservationPanel .datepicker{
  height: 28px;line-height:28px;font-size: 16px;
  vertical-align: bottom;color: #3e4599;
  min-width: 20px;
  text-align: center;
  padding: 0;
  cursor: pointer;
}

/* selectWrap */
.selectWrap{
  border: 1px solid #aaa;
  background: rgba(255,255,255,.8);
  position: relative;
  overflow: hidden;
  display: block;float: left;margin-right: .5em;
}
.selectWrap:before,
.selectWrap:after{
  content:'';display: inline-block;
  border-width: 6px 4px 0;
  border-style: solid;
  border-color: #3e4599 transparent transparent;
  position: absolute;right: 3px;top:48%;
}
.selectWrap:before{border: none;border-right: 1px solid #ccc;height: 100%;top: 0;right: 15px;}
.selectWrap select{
  color: #3e4599;
  padding:0px 5px 0px 10px;
}
.selectWrap select::-ms-expand {
    display: none;
}
/* datepicker */
.reservationPanel .datepicker{
  
  font-size: 16px;line-height: 1.2;
  color: #3e4599;
  padding: 6px 10px 5px;
}
.reservationPanel :placeholder-shown{color: #3e4599;}
.reservationPanel ::-webkit-input-placeholder{color: #3e4599;}
.reservationPanel :-ms-input-placeholder{color: #3e4599;}


/* btn */
.reservationPanel .btn input,
.reservationPanel .btn a{
  display: block;
  height: 30px;line-height: 30px;
  color: #fff;font-size: 16px;
  background: #3e4599 url(../img/icon_search.png) no-repeat 23px 50%;
  text-align: center;
  margin-top: 14px;width: 110px;padding: 0 0 0 20px;
}

#dynCalendarTest1{top: -100px;}
/*
*/

/* ご宿泊のみ -- DI 検索パネル
---------------------------------------------------------- */
.dynDP, .dynGroup, .bookingDate, .dynPersons, .dynPrice, .dynDispunit{padding: 0;width: auto;}
.undecided,
.lbchkpsn{display: none;}
.style_inputArea{padding: 0;margin: 0;}
.style_subhead{line-height: 1;font-weight: normal;font-size: 14px;}
/**/
.dynGroup{float: none;}
.bookingDate{display: flex;align-items: center;flex-wrap: wrap;}
.bookingDate .style_subhead{width: 100%;}
.bookingDate br{display: none;}
.bookingDate,
.bookingNights,
.dynDate{margin-right: 4px;}
.bookingNights,
.bookingRooms,
.dynPersons{color: #3e4599;}
.dynPersons span{color: #000;}
.dynDate{
  display: flex;align-items: center; 
  border: 1px solid #aaa;
  background: rgba(255,255,255,.8);
  padding-right: 5px;
}
.dynDate .cmbARRY{width: 60px;}
.dynDate .cmbARRM{width: 30px;}
.dynDate .cmbARRD{
  width: 60px;padding-right: 30px;background: url(../img/icon_calendar.png) no-repeat right 5px center;
}
.dynDate input{text-align: center;}
.dynSubmit{margin-top: -50px;}
.reservationPanel .dynSubmit input{
  display: block;
  background: #3e4599 url(../img/icon_search.png) no-repeat 10px 50%;
  width: 100%;padding: 0 10px 0 34px;
  margin-top: 4px;
  cursor: pointer;
}
.reservationPanel .dynSubmit input.buttonCancel{border: 1px solid #3e4599;background: #fff;color: #3e4599;padding: 0 10px;}
    /**/
    .stayCon .block .flexBlock{align-items:flex-end; width: auto;margin-top: 5px;}


@media screen and (min-width:681px){
  .stayCon .block {width: 600px;margin-top: 2px;}
  .bookingDate{justify-content: space-between;}
  .bookingDate{width: 330px;}
  .dynPersons{min-width: 60px;}
  .reservationPanel.fixed2 .bookingDate{width: 315px;}
  /*
  .dynPersons{display: flex;align-items: flex-end;}
  
  */
  .nightBlock .style_subhead,
  .roomBlock .style_subhead,
  .dynPersons span{line-height: 1;}
  .dynPersons span{display: block;}
}


/* 飛行機+ご宿泊 -- stayPanel
---------------------------------------------------------- */
.reservationPanel dt{line-height: 1;}
.reservationPanel dd{color: #3e4599;line-height: 2;}
/*
.reservationPanel .dlDirport .selectWrap,
.reservationPanel .dlArrport .selectWrap{padding:0 5px;}
*/
.reservationPanel .dlTime,
.reservationPanel .dlRooms,
.reservationPanel .dlDays,
.reservationPanel .dlDirport,
.reservationPanel .dlArrport,
.reservationPanel .dlHotel,
.reservationPanel .dlCheckIn,
.reservationPanel .dlCheckOut,
.reservationPanel .dlPerson,
.reservationPanel .btn{display: inline-block;vertical-align: top;}
.reservationPanel .dlTime,
.reservationPanel .dlRooms,
.reservationPanel .dlDays,
.reservationPanel .dlDirport,
.reservationPanel .dlArrport,
.reservationPanel .dlHotel,
.reservationPanel .dlCheckIn,
.reservationPanel .dlCheckOut,
.reservationPanel .dlPerson{margin-right: 8px;white-space: nowrap;}
.dlCheckIn dd input.datepicker,
.dlCheckOut dd input.datepicker{width: 130px;border: 1px solid #aaa;background: rgba(255,255,255,.8) url(../img/icon_calendar.png) no-repeat right 5px center;padding-right: 30px;}
.block .dlCheckIn dd input.datepicker{width: 150px;}
.stayPanel{padding:0 10px;}

/* -----  stayTab -----  */
.stayTab{width:220px;display: flex;align-items: flex-end;justify-content: space-between;float: left;padding: 10px;margin-top: 14px;}
.stayTab li{position: relative;padding-left: 20px;font-size: 12px;padding-top: 32px;cursor: pointer;}
.stayTab li.stay01{width: 110px;background: url(../img/icon_stay01.png) no-repeat 20px 0;}
.stayTab li.stay02{width: 120px;background: url(../img/icon_stay02.png) no-repeat 10px 0}
.stayTab li:before,
.stayTab li.select:after{
  content:'';display: inline-block;border-radius: 100%;border: 1px solid #3e4599;
  position: absolute;
}
.stayTab li:before{width: 15px;height: 15px;bottom: 0;left: 0;}
.stayTab li.select:after{width: 11px;height: 11px;background: #3e4599;bottom: 2px;left: 2px;}
/* -----  stayCon -----  */
.stayCon .panel2{float: right;width: calc(100% - 220px);}
.stayCon .panel2 form .airPortBlock,
.stayCon .panel2 form .hotelBlock{display: flex;justify-content: flex-start;}
.stayCon .panel2 form .airPortBlock{margin-top: 3px;}
.stayCon .panel2 form .hotelBlock{margin-top: 3px;}
/* .stayCon .panel2 form .airPortBlock{margin-top: -12px;} */
/* bnrBestPrice */
.reservationPanel .bnrBestPrice{
  margin-right: 25px;padding-top: 10px;
  display: flex;align-items: center;justify-content: space-between;
}
.reservationPanel .bnrBestPrice .img{width: 60px;margin-right: 10px;}
.reservationPanel .bnrBestPrice .img img{max-width: 100%;vertical-align: bottom;}
.reservationPanel .bnrBestPrice .txt{font-size: 14px;line-height: 1.4;font-weight: bold;}
.reservationPanel .bnrBestPrice .txt img{height: 22px;}
.reservationPanel .bnrBestPrice .txt h3{color: #cc0000;font-size: 26px;letter-spacing: -1px;font-weight: bold;}

/* レストラン- restaurantPanel
---------------------------------------------------------- */
.restaurantPanel{padding: 20px 80px;text-align: center;}
.restaurantPanel dl{text-align: left;}



/* ----------------------------------------------------------
  floating Menu
---------------------------------------------------------- */
.flNav{
  position: fixed;z-index: 101;transition: .3s;
  width: 100%;
  bottom: 0;
}
.flNav.fixed{bottom: 105px;}
.flNav.fixed4{bottom: 0;}

.flNav img{vertical-align: bottom;}
.flNav .btnLogin,
.flNav .btnPanel{
  display: block;margin-right: 10px;color: #fff;cursor: pointer;
  /* float: left; width: 100px;height: 100px;padding-top: 62px;*/
  text-align: center;letter-spacing: 0;
}
.flNav .btnLogin{background: #ebcc27 url(../img/common/btn_login.png) no-repeat 50% 50%;color: #000;}
.flNav .btnPanel{
  margin-left: 380px;
  position: absolute;left: 50%;bottom: 0;
  /*
  border-radius: 5px 5px 0 0;
  background: url(../img/common/reserve_tab_bg.png) no-repeat 50% 0;
  */
  background: #b7bcf3;color: #000;
  font-size: 16px;
  width: 150px;height: 50px;
  padding: 12px 0 0 20px;
  position: relative;
  
}

.flNav .btnPanel:before{
  content:'';display: inline-block;
  background: url(../img/common/reserve_tab_arr.png) no-repeat 50% 50%;
  width: 16px;height: 20px;
  margin-right: 16px;
  
  position: absolute;left: 20px;top: 50%; margin-top: -9px;
  transform: rotate(180deg);
}
.flNav.fixed4 .btnPanel:before{transform: rotate(0);margin-top: -10px;}


/* ========================================
  PRIORITY
======================================== */
.mt00{margin-top: 0 !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt80{margin-top: 80px !important;}
.mt100{margin-top: 100px !important;}

.pt10{padding-top: 10px !important;}
.pt20{padding-top: 20px !important;}
.pt30{padding-top: 30px !important;}
.pt40{padding-top: 40px !important;}
.pt50{padding-top: 50px !important;}
.pt60{padding-top: 60px !important;}

.pb10{padding-bottom: 10px !important;}
.pb20{padding-bottom: 20px !important;}
.pb30{padding-bottom: 30px !important;}

.taR{text-align: right;}
.taC{text-align: center;}
.taL{text-align: left;}







/* ----------------------------------------------------------
  CONTENTS
---------------------------------------------------------- */

.maincol img{vertical-align: bottom;}


.contentsWidth{width: 1080px;margin: auto;}

@media screen and (min-width:681px){
  #page-sougoTop .maincol .btnArea,
  #page-sougoTop .plan .contentsWidth{width: 960px;}
}
@media screen and (max-width:680px){
  .contentsWidth{width: 100%;}
}


.iconArr:before{
  content:'';display: inline-block;
  border-style: solid;border-width: 4px 4px 4px 6px;
  border-color: transparent transparent transparent #3e4599;
}


/* ----------------------------------------------------------
  main Visual
---------------------------------------------------------- */
.mv{
  overflow: hidden;position: relative;
  height: calc(100vh - 15px);
  background: url(../img/home/main_bg.jpg) no-repeat 50% 50% / cover;
}
.mv .text{
  /*
 width: 50%;display: flex;align-items: center;height: 100%;color: #fff;
  */
   position: absolute;z-index: 201;left: 50%;
  /* 
  top: 10px;margin-left: -420px;
   */
  top: 90px; 
  width: 1080px;margin-left: -540px;
  
}
/*
.mv .text h2{font-size: 42px;text-shadow: 0 0 9px rgba(0,0,0,0.84);margin-bottom: 20px;}
*/
.mv .text p{font-size: 16px;}
.mv .movie {height: 100%;}
.mv .movie video {
  /*
  */
  position: absolute;right: 0;bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;height: auto;
  
  height: 100%;
}
.mv .img {
  background-repeat: no-repeat;background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  height: 780px;
}
/**/
.mv .slick-slide div{display: flex;align-items: center;justify-content: center;width: 100%;height: 900px;overflow: hidden;}
.mv .slick-slide img{height: 100%;width: auto !important;}

.mv .slick-dotted.slick-slider{margin-bottom: 0;}
.mv .slick-dots{bottom: 30px;}
.mv .slick-dots li {margin: 0;}
.mv .slick-dots li button:before{font-size: 12px;color: #535353;opacity: 1;}
.mv .slick-dots li.slick-active button:before{color: #3e4599;}

.mv img{vertical-align: bottom;}




/* ----------------------------------------------------------
  パーツ
---------------------------------------------------------- */
.bnrRecruit{
  width: 960px;height: 120px;
  margin: 100px auto 0;
  background: url(../img/bnr_recruit_bg.jpg) no-repeat 50% 0;
  text-align: right;
  display: flex;align-items: center;justify-content: flex-end;
  padding-right: 80px;
}


.flexBlock,
.flexBlockC{display: flex;align-items: stretch;justify-content: space-between;}
.flexBlockC{justify-content: center;}


/* ----------------------------------------------------------
  TITLE
---------------------------------------------------------- */
.pageTitle{
  background-color: #f6eedf;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  height: 430px;
  display: flex;align-items: center;justify-content: center;
}
  #page-hotels .pageTitle{background-image:url(../img/hotels/main_bg.jpg);}
  #page-concept .pageTitle{background-image:url(../img/concept/main_bg.jpg);}
  #page-service .pageTitle{background-image:url(../img/service/main_bg.jpg);}
  #page-booking_benefits .pageTitle{background-image:url(../img/booking_benefits/main_bg.jpg);}
  #page-stampcard .pageTitle{background-image:url(../img/stampcard/main_bg.jpg);}
  #page-recommend_plan .pageTitle{background-image:url(../img/recommend_plan/main_bg.jpg);}
  #page-dynamicpackage .pageTitle{background-image:url(../img/dynamicpackage/main_bg.jpg);}
  #page-tourism .pageTitle{background-image:url(../img/tourism/main_bg.jpg);}
  #page-company .pageTitle{background-image:url(../img/company/main_bg.jpg);}
#page-privacy .pageTitle,
#page-social .pageTitle{background-image:url(../img/privacy/main_bg.jpg);}
#page-sitemap .pageTitle,
#page-contact .pageTitle{background-image:url(../img/contact/main_bg.jpg);}
#page-corporate_contract .pageTitle{background-image:url(../img/corporate_contract/main_bg.jpg);}
#page-faq .pageTitle{background-image:url(../img/faq/main_bg.jpg);}
#page-blog .pageTitle{background-image:url(../img/blog/main_bg.jpg);}
#page-news .pageTitle,
#page-detail .pageTitle{background-image:url(../img/contact/main_bg.jpg);}
#page-pamphlet .pageTitle{background-image:url(../img/pamphlet/main_bg.jpg);}

.pageTitle .title{
  width: 100%;min-width: 960px;
  text-align: center;
  font-size: 35px;
  color: #fff;
  display: flex;align-items: center;justify-content: center;
}
.pageTitle .title span{font-size: 20px;display: inline-block;margin-left: 1em;}


/* */
.title01{
  color: #3e4599;
  font-size: 32px;line-height: 1;margin-bottom: 30px;text-align: center;
}

.title02{
  color: #3e4599;
  font-size: 20px;font-weight: bold;margin-bottom: 10px;
}



/* ----------------------------------------------------------
  TABLE
---------------------------------------------------------- */
.table01{
  width: 100%;
  border-top: 1px solid #aaa;
}
.table01 th,
.table01 td{border-bottom: 1px solid #aaa;padding: 10px 20px;}

/* ----------------------------------------------------------
  LIST
---------------------------------------------------------- */
.list01 li{position: relative;padding-left: 1.2em;}
.list01 li:before{content:'◆';display: block;position: absolute;left: 0;top: 0;}
.list02 li{position: relative;padding-left: 1.2em;line-height: 1.5;}
.list02 li:before{content:'■';font-size: 8px;display: block;position: absolute;left: 0;top: 2px;}


/* ----------------------------------------------------------
  BUTTON
---------------------------------------------------------- */
.btn01{
  display: inline-block;
  background: #3e4599;color: #fff;
  line-height: 41px;height: 40px;
  text-align: center;
  min-width: 220px;max-width: 600px;
  margin: 0 5px;
  cursor: pointer;
  text-decoration: none;
}
.btnWidth{display: block;margin: auto;}
.arr{position: relative;}
.arr:after{
  content:'';display: block;width: 6px;height: 6px;
  position: absolute;right: 14px;top: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  margin-top: -4px;
}

.btn02,
.btn02s{
  display: block;
  border: 1px solid #3e4599;
  background: #fff;color: #3e4599;
  line-height: 61px;height: 60px;
  text-align: center;
 max-width: 720px;
  margin: 0 auto;
  font-size: 24px;
  position: relative;
  text-decoration: none;
}
.btn02s{line-height: 40px;height: 40px;font-size: 16px;}
.btn02:after{
  content:'';display: block;width: 12px;height: 12px;
  position: absolute;right: 20px;top: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #3e4599;
  border-right: 2px solid #3e4599;
  margin-top: -7px;
}

.btn02s.arr:after{border-color: #3e4599;}

/**/
.txtlink{text-decoration: underline;cursor: pointer;}
.txtlink:before{
  content:'';display: inline-block;margin:5px 4px 0 0;
  border-style: solid;
  border-width: 5px 4px;
  border-color: #000 transparent transparent;
  vertical-align: middle;
}

/**/
.modallink{text-decoration: underline;cursor: pointer;}
.modallink:before{
  content:'+';display: inline-block;margin:0 6px 2px 0;
  vertical-align: middle;
}


/* btnList */
.btnList{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.btnList li{
  background: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.12);
  box-shadow: 0 2px 4px rgba(0,0,0,.12);
  margin: 5px 8px;
  width: calc(100% / 4 - 16px);
}
.btnList li a{display: block;text-align: center;position: relative;padding: 6px 0;}
.btnList li a:after{
  content:'';
  display: block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #3e4599;
  position: absolute;right: 6px;top: 50%;margin-top: -5px;
}


/* ----------------------------------------------------------
  BLOCK
---------------------------------------------------------- */
.bgListArea .secBlock{padding-top: 50px;margin-bottom:90px;position: relative;}
.bgListArea .secBlock:before{
  display: block;content:'';
  height: 300px;width: 100%;
  position: absolute;left: 0;top: 0;z-index: -1;
	background: #f6eedf; /* Old browsers */
	background: -moz-linear-gradient(top, #f6eedf 0%, #f6eedf 20%, #fff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f6eedf 0%, #f6eedf 20%, #fff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f6eedf 0%, #f6eedf 20%, #fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6eedf', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}
.bgListArea .secBlock:nth-child(2n):before{
	background: #ebedff; /* Old browsers */
	background: -moz-linear-gradient(top, #ebedff 0%, #ebedff 20%, #fff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ebedff 0%, #ebedff 20%, #fff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ebedff 0%, #ebedff 20%, #fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebedff', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}

.bgListArea .secBlock .inner01{padding: 40px 60px;background: rgba(255,255,255,.5);}



/* catNav */
.catNav{margin-bottom: 40px;}
.catNav ul{display: flex;justify-content: space-between;align-items: stretch;}
.catNav li{font-size: 14px;line-height: 1.1;width: 100%;}
.catNav li+li{margin-left: 10px;}
.catNav li>span,
.catNav li a{
  display: flex;justify-content: center;align-items: center;
  height: 100%;
  background: #3e4599;
  color: #fff;
  padding: 10px 0;
  text-align: center;
  border: 2px solid #3e4599;
}
.catNav li .current{background: #fff;color: #3e4599;font-weight: bold;}
.catNav li .current:after{
  content: url(../img/common/arr_pagedown.png);
  margin-left: 10px;
}

/* pageNav */
.pageNav{margin-bottom: 40px;}
.pageNav ul{display: flex;justify-content: space-between;align-items: stretch;}
.pageNav li{font-size: 14px;line-height: 1.1;transform: rotate(.03deg);}
.pageNav li:hover:after{opacity: .6;}
.pageNav li a{
  display: flex;justify-content: center;align-items: center;
  height: 100%;
  padding: 6px 0 15px;
  text-align: center;
  letter-spacing: -0.5px;
  position: relative;
  /*
  color: #3e4599;
  border: 1px solid #3e4599;
  */
  background: #f6eedf;
  color: #000;
}
.pageNav li a:after{
  content: url(../img/common/arr_pagedown_b.png);
  position: absolute;left: 50%;bottom: 2px;margin-left: -7px;
  transition:opacity ease-in 0.2s;
}
.pageNav li a .tsume{letter-spacing: -.3em;}


@media screen and (min-width:681px){
  
  /* col2Block,col3Block*/
  .col2Block,
  .col3Block{display: flex;flex-wrap: wrap;}
  .col2Block{justify-content: space-between;}
  .col2Block .block{width: 48%;}
  .col3Block .block{margin-left: 60px;margin-bottom: 30px;width: 320px;}
  .col3Block .block:nth-child(3n+1){margin-left: 0;}
}



/* ----------------------------------------------------------
  総合TOP
---------------------------------------------------------- */
@media screen and (min-width:681px){
  #page-sougoTop .mv,
  #page-sougoTop .content{min-width: 1350px;}
}

#page-sougoTop .content{background: url(../img/bg01.png) repeat-x 50% 150px;}
#page-sougoTop .maincol{text-align: center;}

/* bnrArea */
#page-sougoTop .maincol .bnrArea{text-align: center;padding-top: 20px;}
#page-sougoTop .maincol .bnrArea a{width: 232px;display: inline-block;margin: 0 5px;}
/* btnArea */
#page-sougoTop .maincol .btnArea{
  display: flex;justify-content: space-between;align-items: stretch;
  margin-top: 20px;
}
#page-sougoTop .maincol .btnLogin,
#page-sougoTop .maincol .btnRecruit {
  width: 470px;
  display: block;line-height: 51px;height: 50px;
  text-align: center;
  font-size: 16px;
  
  background:rgba(233,199,15,1) url(../img/home/btn_login_bg.png) no-repeat 50% 50%;
}
#page-sougoTop .maincol .btnRecruit {
  color: #ff0;margin-right: 1px;
  background: rgba(62,69,153,1) url(../img/home/btn_recruit_bg.png) no-repeat 50% 50%;
}
#page-sougoTop .maincol .btnLogin img{vertical-align: top;margin-top: 16px;margin-right: 24px;}
/**/

#page-sougoTop .maincol h2{
  margin-bottom: 35px;display: inline-block;text-align: center;
  font-size: 50px;line-height: 1.2;
  color: #3e4599;
}
#page-sougoTop .maincol h2 span{
  display: block;margin-top: 15px;font-size: 23px;
}

/**/
.infoBox{
  text-align: left;
  margin-top: 40px;
  border: 1px solid #ccc;background: #fff;
  padding: 40px 40px 40px 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.infoBox .entryListWrap{width: 680px;}
#page-sougoTop .maincol .infoBox .entryListWrap h2{display: block;}
.infoBox .entryListWrap .more{margin-bottom: 0;}
.entryList{border-top: 1px solid #aaa;}
.entryList li{list-style: none;padding: 0;margin: 0;}
.entryList a{
  display: flex;justify-content: flex-start;align-items: flex-start; border-bottom: 1px solid #aaa;
  padding: 8px 30px 8px 10px;line-height: 1.2;position: relative;
}
.entryList a:after{
  content:'';display: block;position: absolute;right: 10px;top: 50%;
  border: 1px solid #777;width: 8px;height: 8px;margin-top: -4px;
  border-left: none;border-bottom: none;
    -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.entryList a:hover{opacity: 1;background: #e8e8e8;}
.entryList a time,
.entryList a span{display: inline-block;padding-top: 3px;}
.entryList a time{font-weight: bold;margin-right: 10px;}
.entryList a span.date{font-weight: bold;}
.entryList a span.cat{font-weight: bold;background: #dbc08d;margin: 0 10px;padding: 3px 6px 2px;white-space: nowrap;}


.infoBox .pickupBox{
  width: 320px;
  border: 1px solid #aaa;
  background: #ebedff;color: #0c346a;
  padding: 16px 14px;
  overflow: hidden;
}
.infoBox .pickupBox a{display: block;color: #0c346a;}
.infoBox .pickupBox .time{margin-top: 10px;font-weight: bold;font-size: 13px;}
.infoBox .pickupBox .name{margin-bottom: 15px;}
.infoBox .pickupBox .image{float: right;margin-left: 10px;width: 140px;}
.infoBox .pickupBox .image img{max-width: 140px;height: auto;}
.infoBox .pickupBox .text{height: 10em;overflow: hidden;}
/*
.infoBox .pickupBox .text {max-height: 10em;overflow: hidden;position: relative;text-align: justify;}
.infoBox .pickupBox .text:before,
.infoBox .pickupBox .text:after{position: absolute;right: 0;bottom: 0;display: inline-block;width: 0.9em;height: 1.7em;padding: 0 0.1em;}
.infoBox .pickupBox .text:before{content: '';background: #ebedff;}
.infoBox .pickupBox .text:after{content: '...';text-align: right;}
*/
.infoBox .pickupBox .text img{display: none;}
#page-sougoTop .concept{margin-top: 60px;}
.concept .block{background: #dbdeff;}

/* availability */
#page-sougoTop .availability{
  margin:100px auto 0;
  position: relative;
}
#page-sougoTop .availability h2 span{margin-top: 5px;}
#page-sougoTop .availability .rootBlock{
  padding: 30px 20px 30px 0;text-align: right;
  width: 55%;background: url(../img/home/map_bg.jpg) no-repeat 100% 50% / cover;
}
#page-sougoTop .availability .rootBlock .title{
  padding-right: 250px;
  font-size: 30px;line-height: 1;color: #3e4599;
}
#page-sougoTop .availability .rootBlock .map{position: relative;padding-top: 30px;}
.rootBlock .list li{position: absolute;}
.rootBlock .list li .open{cursor: pointer;}
.rootBlock .list li.higashiginza{top: 471px;right: 131px; }
.rootBlock .list li.kanda{top: 186px;right: 134px; }
.rootBlock .list li.shinjuku{top: 184px;right: 553px; }
.rootBlock .list li.otemachi{top: 265px;right: 200px; }
.rootBlock .list li.kayabacho{top: 258px;right: 47px; }
.rootBlock .list li.gotanda{top: 402px;right: 516px; }
.rootBlock .list li.ikebukuro{top: 61px;right: 452px; }
.rootBlock .list li.kudanshita{top: 262px;right: 336px; }
.rootBlock .list li.akasaka{top: 402px;right: 380px; }
.rootBlock .list li.yaesu{top: 330px;right: 137px; }
.rootBlock .list li.hamamatsucho{top: 474px;right: 368px; }

.tips{border: 1px solid #ccc;background: #fff;text-align: center;padding: 15px;position: absolute;z-index: 2;margin-left: -100px;margin-top: 10px;display: none;}
.tips.block{display: block;}
.tips:before{
  content:'';display: block;width: 20px;height: 20px;position: absolute;top: -20px;left: 45%;
  background: url(../img/home/tips.png) no-repeat 50% 5px;
}
.tips img{display: block;width: 220px;margin: 10px auto;}
.tips .close{
  display: block;width: 20px;height: 0;position: absolute;right: 2px;top: 2px;
  padding-top: 20px;overflow: hidden;
  background: url(../img/home/icon_close.png) no-repeat 50% 50% / 12px;
}


#page-sougoTop .calendarBlock .datepicker{
  font-size: 16px;line-height: 1;padding: 2px 14px;
  background:#fff url(../img/icon_calendar_br.png) no-repeat 96% 50%;
  width: 180px;
}

#page-sougoTop .calendarBlock{
  padding: 25px 0 25px 40px;
  width: 45%;background: url(../img/home/calendar_bg.png) no-repeat 0% 50% / cover;
  text-align: left;
}
#page-sougoTop .calendarBlock .inner{background: rgba(255,255,255,.5);display: inline-block;padding: 20px;margin: 0 auto 0 0;}
#page-sougoTop .calendarBlock .legends{display: flex;justify-content: space-between;padding-bottom: 20px;}
#page-sougoTop .calendarBlock .legends .icon{display: flex;font-size: 16px;padding-top: 5px;}
#page-sougoTop .calendarBlock .legends .icon li+li:before{content:'／';display: inline-block;margin: 0 3px;}
#page-sougoTop .calendarBlock .legends .icon li span{color: #3e4599;}

#page-sougoTop .availability .calendarBlock table{
  width: 540px;
  border-collapse: separate;
  border-spacing: 1px;
  padding: 3px;
}
#page-sougoTop .calendarBlock th,
#page-sougoTop .calendarBlock td{font-size: 14px;line-height: 1;text-align: center;padding: 10px 4px;}
#page-sougoTop .calendarBlock th{white-space: nowrap;}
#page-sougoTop .calendarBlock th:first-child{padding-right: 1em;font-size: 16px;}
#page-sougoTop .calendarBlock tr:first-child th{padding: 10px 0;line-height: 1.4;}
#page-sougoTop .calendarBlock th.date.sat{color: #204d98;}
#page-sougoTop .calendarBlock th.date.sun{color: #d51010;}
#page-sougoTop .calendarBlock td{
  width: 40px;
  background: rgba(255,255,255,1);color: #3e4599;vertical-align: middle;}
/*
#page-sougoTop .availability .calendarBlock tr.line01{background: rgba(62,69,153,.3);}
#page-sougoTop .availability .calendarBlock tr.line01 td{background: #c5c7e0;}
*/
#page-sougoTop .calendarBlock td a{display: block;color: #3e4599;}

/* plan */
#page-sougoTop .plan{
  margin:100px auto 80px;
  position: relative;
}
#page-sougoTop .plan:before{
  content:'';display: block;height: 340px;
  position: absolute;width: 100%;top: 60px;left: 0;z-index: -1;
  
	background-color: #f6eedf;
	background: -moz-linear-gradient(top, #f6eedf 0%, #fff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f6eedf 0%, #fff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f6eedf 0%, #fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6eedf', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}
#page-sougoTop .plan .contentsWidth{display: flex;justify-content: space-between;align-items: flex-start;}
#page-sougoTop .plan .block{
  display: block;
  width:300px;border-radius: 8px;overflow: hidden;background: #fff;text-align: center;
  border: 1px solid #ddd;
  padding-bottom: 12px;
}
#page-sougoTop .plan .block img{display: block;margin-bottom: 10px;}
#page-sougoTop .plan .block strong{display: block;font-size: 16px;position: relative;}
#page-sougoTop .plan .block strong:after{
  content:'';display: block;
  position: absolute;right: 20px;top: 10px;
  width: 8px;height: 8px;border: 1px solid #ddd;
    -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border: none;
  border-top: 1px solid #888;
  border-right: 1px solid #888;
}
#page-sougoTop .plan .block span{color: #3e4599;}







/* ----------------------------------------------------------
  HOTELS
---------------------------------------------------------- */
#page-hotels .rootBlock{
  padding: 30px 0;
  background: url(../img/hotels/map_roots_bg.png) no-repeat 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
}
.rootBlock .inner{width: 1080px;margin: auto;background: rgba(255,255,255,.5);padding: 30px 60px;text-align: center;position: relative;}
.rootmap1.rootBlock .list li,
#page-hotels .rootBlock .list li{position: absolute;}
.rootmap1.rootBlock .list li.higashiginza,
#page-hotels .rootBlock .list li.higashiginza{top: 720px;right: 240px; }
.rootmap1.rootBlock .list li.kanda,
#page-hotels .rootBlock .list li.kanda{top: 317px;right: 240px; }
.rootmap1.rootBlock .list li.shinjuku,
#page-hotels .rootBlock .list li.shinjuku{top: 313px;right: 840px; }
.rootmap1.rootBlock .list li.otemachi,
#page-hotels .rootBlock .list li.otemachi{top: 425px;right: 330px; }
.rootmap1.rootBlock .list li.kayabacho,
#page-hotels .rootBlock .list li.kayabacho{top: 425px;right: 115px; }
.rootmap1.rootBlock .list li.gotanda,
#page-hotels .rootBlock .list li.gotanda{top: 625px;right: 790px; }
.rootmap1.rootBlock .list li.ikebukuro,
#page-hotels .rootBlock .list li.ikebukuro{top: 133px;right: 700px; }
.rootmap1.rootBlock .list li.kudanshita,
#page-hotels .rootBlock .list li.kudanshita{top: 425px;right: 530px; }
.rootmap1.rootBlock .list li.akasaka,
#page-hotels .rootBlock .list li.akasaka{top: 625px;right: 600px; }
.rootmap1.rootBlock .list li.yaesu,
#page-hotels .rootBlock .list li.yaesu{top: 514px;right: 240px; }
.rootmap1.rootBlock .list li.hamamatsucho,
#page-hotels .rootBlock .list li.hamamatsucho{top: 720px;right: 580px; }

#page-hotels .btnArea2{margin-top: 30px;}


.areaBlock{
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 30px 0 40px;
  margin-top: 30px;
}
.areaBlock .title01,
.areaBlock .inBlock{width: 1080px;margin: auto;}
.areaBlock .title01{background: #f6eedf;color: #000;height: 60px;display: flex;align-items: center;justify-content: center;}
.areaBlock .inBlock{background: #fff;padding: 50px 60px 30px;}
.areaBlock .inBlock .flex{display: flex;justify-content: space-between;align-items: stretch;}
.areaBlock .inBlock .textArea{float: left;width: 50%;padding-right: 10px;}
.areaBlock .inBlock .textArea h4{font-size: 23px;line-height: 1.3;color: #3e4599;}
.areaBlock .inBlock .textArea h4 .tsume{letter-spacing: -2px;}
.areaBlock .inBlock .textArea h4 .tsume2{letter-spacing: -.3em;}
.areaBlock .inBlock .textArea h4 strong{font-size: 2.3em;font-weight: normal;}
.areaBlock .inBlock .textArea p.accessTit{font-size: 18px;line-height: 1;margin-top: 18px;color: #3e4599;float: left;margin-right: 1em;}
.areaBlock .inBlock .textArea .btnMore{
  width: 160px;height: 20px;
  display: flex;align-items: center;justify-content: center;
  font-size: 13px;line-height: 1;color: #fff;background: #3e4599;
  vertical-align: top;text-decoration: none;
  margin: 17px 0 0 0;
  cursor: pointer;
}
.areaBlock .inBlock .textArea .box{
  font-size: 14px;line-height: 1.6;
  padding: 5px 14px;margin-top: 14px;
	background: #f6efdf; /* Old browsers */
	background: -moz-linear-gradient(left, #f6efdf 0%, #f6efdf 85%, #fff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f6efdf 0%, #f6efdf 85%, #fff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(left right, #f6efdf 0%, #f6efdf 85%, #fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6efdf', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}
.areaBlock .inBlock .textArea .box li{padding-left: 1em;margin: 3px 0;position: relative;}
.areaBlock .inBlock .textArea .box li:before{
  content:'';display: block;
  border-style: solid;
  border-width: 3px 5px;
  border-color: transparent transparent transparent #9f7440;
  position: absolute;left: 0;top: 0.7em;margin-top: -3px;
}
.areaBlock .inBlock .textArea .box li.note{
  text-indent: 0;padding-left: 0;
  font-size: 12px;line-height: 1.5;
  position: relative;margin-top: 10px;
}
.areaBlock .inBlock .textArea .box li.note:before{display:none;}
.areaBlock .inBlock .textArea .box li.note strong{font-weight: normal;color: #3e4599;}
.areaBlock#shinjuku .textArea .box li.note .btn{
  background: #3e4599;color: #fff;position: absolute;right: 0;bottom: 0;padding:8px 5px;
  font-size: 13px;line-height: 1.2;
  text-align: center;
}
.areaBlock .inBlock .textArea .tel{margin-top: 7px;font-size: 24px;line-height: 1;color: #9e7444;}
.areaBlock .inBlock .textArea .tel:before{content:'TEL';display: inline-block;background: #cea858;color: #fff;padding: 2px 4px;font-size: 12px;margin-right: 10px;vertical-align: top;margin-top: 4px;}
.areaBlock .inBlock .mapArea{float: right;width: 50%;padding-top: 20px;}
.areaBlock .inBlock .mapArea .map{height: 330px;width: 100%;overflow: hidden;margin-bottom: 5px;}
.areaBlock .inBlock .btnArea{clear: both;padding-top: 50px;text-align: center;}


#page-hotels #higashiginza{background-image: url(../img/hotels/bg_higashiginza.jpg); }
#page-hotels #kanda{background-image: url(../img/hotels/bg_kanda.jpg); }
#page-hotels #shinjuku{background-image: url(../img/hotels/bg_shinjuku.jpg); }
#page-hotels #otemachi{background-image: url(../img/hotels/bg_otemachi.jpg); }
#page-hotels #kayabacho{background-image: url(../img/hotels/bg_kayabacho.jpg); }
#page-hotels #gotanda{background-image: url(../img/hotels/bg_gotanda.jpg); }
#page-hotels #ikebukuro{background-image: url(../img/hotels/bg_ikebukuro.jpg); }
#page-hotels #kudanshita{background-image: url(../img/hotels/bg_kudanshita.jpg); }
#page-hotels #akasaka{background-image: url(../img/hotels/bg_akasaka.jpg); }
#page-hotels #yaesu{background-image: url(../img/hotels/bg_yaesu.jpg); }
#page-hotels #hamamatsucho{background-image: url(../img/hotels/bg_hamamatsucho.jpg); }

@media screen and (min-width:681px){
  .areaBlock .inBlock .textArea{position: relative;padding-bottom: 70px;}
  .areaBlock .inBlock .textArea h4{margin-right: -1em;letter-spacing: -1px;}
  .areaBlock .inBlock .textArea .address{position: absolute;bottom: 0;left: 0;font-size: 14px;line-height: 1.4;}
}



/* ----------------------------------------------------------
  CONCEPT
---------------------------------------------------------- */
#page-concept .concept{margin-bottom: 60px;}
#page-concept .secBlock .inner{}
#page-concept .secBlock{
  background-repeat: no-repeat;
  background-position: 50% 0;
  margin-bottom: 30px;
  min-height: 730px;
  -webkit-background-size: cover;
  background-size: cover;
}
#page-concept #access,
#page-concept #rooms,
#page-concept #breakfast,
#page-concept #hospitality{margin-top: -80px;padding-top: 80px;}
#page-concept #access .secBlock{background-image: url(../img/concept/access_bg.jpg);padding-bottom: 60px; }
#page-concept #rooms .secBlock{background-image: url(../img/concept/room_bg.jpg); }
#page-concept #breakfast .secBlock{background-image: url(../img/concept/breakfast_bg_200827.jpg); }
#page-concept #hospitality .secBlock{background-image: url(../img/concept/hospitality_bg.jpg); }

#page-concept .secBlock .inner{width: 1080px;margin: auto;}
#page-concept .secBlock .textArea{color: #fff;background: rgba(202,174,25,.85);width: 470px;padding: 35px 50px;}
#page-concept .secBlock .textArea h2{font-size: 32px;text-align: left;margin-bottom:25px;}
#page-concept .secBlock .textArea p{margin-top: 20px;line-height: 1.5;}
#page-concept .secBlock .textArea p.mincho{font-size: 18px;line-height: 1.7;}
#page-concept .secBlock .textArea p.btn a{display: block;border: 1px solid #fff;color: #fff;font-size: 16px;padding: 12px;text-align: center;}

#page-concept .secBlock#rooms .textArea,
#page-concept .secBlock#hospitality .textArea{float: right;}
@media screen and (min-width:681px){
#page-concept .secBlock#hospitality .textArea{padding: 35px 25px 35px 50px;}
}

#page-concept #access .secBlock .inner{
  background: rgba(202,174,25,.85);color: #fff;overflow: hidden;text-align: left;
  padding: 40px 30px 50px 60px;
}
#page-concept #access .secBlock .inner h2{text-align: left;margin-bottom: 40px;}
#page-concept #access .secBlock .inner .map{position: relative;float: left;}
#page-concept #access .secBlock .inner .map .pic{margin-left: -40px;}
#page-concept #access .secBlock .inner .list img{width: 70px;}
#page-concept #access .secBlock .inner .rootlist2Wrap {float: left;background: rgba(154,134,22,.85);padding: 30px 15px 30px 0; margin-left: -15px;}
#page-concept #access .secBlock .inner .rootlist2Wrap h3{font-size: 18px;padding-left: 26px;}
#page-concept #access .secBlock .inner .rootlist2{margin-left: 16px;}
#page-concept #access .secBlock .inner .rootlist2 li{position: relative;padding-left: 14px;}
#page-concept #access .secBlock .inner .rootlist2 a{color: #fff;}
#page-concept #access .secBlock .inner .note{font-weight: bold;line-height: 2;clear: both;padding-top: 30px;font-size: 16px;color: #3f4599;}
#page-concept .rootBlock .list li.higashiginza{top: 500px;right: 151px; }
#page-concept .rootBlock .list li.kanda{top: 172px;right: 150px; }
#page-concept .rootBlock .list li.shinjuku{top: 170px;right: 633px; }
#page-concept .rootBlock .list li.otemachi{top: 262px;right: 228px; }
#page-concept .rootBlock .list li.kayabacho{top: 254px;right: 50px; }
#page-concept .rootBlock .list li.gotanda{top: 421px;right: 596px; }
#page-concept .rootBlock .list li.ikebukuro{top: 32px;right: 512px; }
#page-concept .rootBlock .list li.kudanshita{top: 262px;right: 378px; }
#page-concept .rootBlock .list li.akasaka{top: 421px;right: 436px; }
#page-concept .rootBlock .list li.yaesu{top: 335px;right: 157px; }
#page-concept .rootBlock .list li.hamamatsucho{top: 500px;right: 414px; }

#page-concept #breakfast .secBlock .inner .movie{}
#page-concept #breakfast .secBlock .inner .movie video{vertical-align: bottom;margin-bottom: 6px;}
#page-concept #breakfast .secBlock .inner .movie .note{font-size: 12px;line-height: 1.4;background: rgba(255,255,255,0.7);padding: 7px 1em 7px 2em;text-indent: -1em;}

#page-concept #modal01 .modal_content{padding: 0;}
#page-concept #modal01 .btn_close{top: -30px;right: 0;background: none;padding-top: 0;height: 30px;width: 54px;font-size: 54px;top: -54px;right: -47px;height: 54px;line-height: 54px;}
#page-concept #modal01 video{vertical-align: bottom;}


@media screen and (min-width:681px){
  #page-concept #access .secBlock .inner .rootlist2 li{margin-top: 20px;font-size: 16px;}
  #page-concept #access .secBlock .inner .rootlist2 li:before{
    content:'';display: inline-block;
    position: absolute;top: 4px;left: 0;
    border-style: solid;
    border-width: 8px 8px;
    border-color: transparent transparent transparent #fff;
  }
  #page-concept #breakfast .secBlock .inner{display: flex;justify-content: space-between;align-items: flex-end;}
  #page-concept #breakfast .secBlock .inner .movie{width: 460px;}
  #page-concept #modal01.modal{}
  #page-concept #modal01 .modal_content{width: 90%;margin: 5% auto;display: flex;align-items: center;justify-content: center;}
  
  
}


/* ----------------------------------------------------------
  東京観光
---------------------------------------------------------- */
#page-tourism .catNav li a{transition: 0s;}
#page-tourism .rootBlock{
  padding: 30px 0;
  background: url(../img/tourism/map_roots_bg.png) no-repeat 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
}
/* landmarkList */
.landmarkList {counter-reset:number;}
.landmarkList li {position: absolute;}
.landmarkList li.skytree{ top:219px; right: 125px; }
.landmarkList li.asakusa{ top:242px; right: 209px; }
.landmarkList li.uenozoo{ top:229px; right: 346px; }
.landmarkList li.koukyo{ top:341px; right: 423px; }
.landmarkList li.dome{ top:332px; right: 500px; }
.landmarkList li.tokyostation{ top:529px; right: 171px; }
.landmarkList li.ginza{ top:622px; right: 211px; }
.landmarkList li.tokyotower{ top:550px; right: 385px; }
.landmarkList li.shinjuku{ top:240px; left: 132px; }
.landmarkList li.gyoen{ top:355px; left: 266px; }
.landmarkList li.shibuya{ top:495px; left: 215px; }
.landmarkList li.shinagawa{ top:636px; left: 298px; }
.landmarkList li.odaiba{ top:727px; right: 166px; }
.landmarkList li.toyosu{ top:727px; right: 96px; }

@media screen and (min-width:681px){

.landmarkList li a{
  display: block;overflow: hidden;
  height: 0;padding-top: 58px;
  background-repeat: no-repeat;
  opacity: 0;
}
.landmarkList li.skytree a{ background-image: url(../img/tourism/map_icon01.png); width: 83px;padding-top: 92px; }
.landmarkList li.asakusa a{ background-image: url(../img/tourism/map_icon02.png); width: 63px;padding-top: 69px; }
.landmarkList li.uenozoo a{ background-image: url(../img/tourism/map_icon03.png); width: 70px;padding-top: 64px; }
.landmarkList li.koukyo a{ background-image: url(../img/tourism/map_icon04.png); width: 63px;padding-top: 56px; }
.landmarkList li.dome a{ background-image: url(../img/tourism/map_icon05.png); width: 73px;padding-top: 64px; }
.landmarkList li.tokyostation a{ background-image: url(../img/tourism/map_icon06.png); width: 69px;padding-top: 75px; }
.landmarkList li.ginza a{ background-image: url(../img/tourism/map_icon07.png); width: 53px;padding-top: 60px; }
.landmarkList li.tokyotower a{ background-image: url(../img/tourism/map_icon08.png); width: 70px;padding-top: 79px; }
.landmarkList li.shinjuku a{ background-image: url(../img/tourism/map_icon09.png); width: 81px;padding-top: 72px; }
.landmarkList li.gyoen a{ background-image: url(../img/tourism/map_icon10.png); width: 76px;padding-top: 80px; }
.landmarkList li.shibuya a{ background-image: url(../img/tourism/map_icon11.png); width: 59px;padding-top: 62px; }
.landmarkList li.shinagawa a{ background-image: url(../img/tourism/map_icon12.png); width: 75px;padding-top: 60px; }
.landmarkList li.odaiba a{  background-image: url(../img/tourism/map_icon13.png); width: 61px;padding-top: 79px; }
.landmarkList li.toyosu a{ background-image: url(../img/tourism/map_icon14.png); width: 63px;padding-top: 79px; }
/*
.landmarkList li a{display: block;height: 20px;overflow: hidden;}
  */

  /*
  .landmarkList li a:before{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
     counter-increment: number;
     content: counter(number);
    width: 20px;height: 20px;
    background: #e6ca25;color: #000;font-weight: bold;
    display: flex;align-items: center;justify-content: center;
    border-radius: 100%;padding: 2px;line-height: 1px;font-size: 12px;letter-spacing: -1px;
  }
  */

}

/* tourismList */
.tourismList h2{
  text-align: left;
  padding-top: 80px;margin:-40px auto 0;
  padding-bottom: 14px;border-bottom: 2px solid #3e4599;color: #3e4599;line-height: 1.2;width: 960px;
}
.tourismList h2 img{display: inline-block;margin-right: 7px;}
.tourismList .bg{background: #f7f5e9;}
.tourismList .block:nth-child(2n) .bg{background: #ebf5ff;}
.tourismList .block .bg>div{overflow: hidden;padding: 30px 60px;}
.tourismList .block .imageArea{float: left;}
.tourismList .block .textArea{float: right;width: 480px;}
.tourismList .block .textArea p,
.tourismList .block .textArea dl{font-size: 16px;}
.tourismList .block .textArea dl{color: #3e4599;margin-top: 15px;}
.tourismList .block .textArea dl a{color: #3e4599;}
.tourismList .block .textArea dt,
.tourismList .block .textArea dd{padding: 3px 0;}
.tourismList .block .textArea dt{margin-top: 3px;font-weight: bold;border-bottom: 1px solid #3e4599;}


/* ----------------------------------------------------------
  全国共通スタンプカード
---------------------------------------------------------- */
#page-stampcard .secBlock .box{margin: 0 auto;border: 1px solid #3e4599;display: inline-block;padding: 20px 60px;text-align: center;font-weight: bold;font-size: 16px;}
#page-stampcard .secBlock .image{float: right;margin-top: -20px;}
#page-stampcard .secBlock .list01 strong{font-weight: bold;color: #ff4e0a;}


.hotelList{display: flex;flex-wrap: wrap;justify-content: flex-start;margin-top: 30px;}
.hotelList>li{width: 33%;margin-bottom: 5px;text-align: center;background: #f6eedf;padding: 30px 10px;}
.hotelList>li:not(:nth-child(3n)){margin-right: .5%;}
.hotelList>li:nth-child(2n){background: #ebedff;}
.hotelList>li h3{line-height: 1;font-size: 20px;color: #3e4599;margin-bottom: 15px;}
.hotelList>li h3 a{color: #3e4599;}
.hotelList>li span{display: block;padding: 10px 0 0;font-size: 26px;}
.hotelList>li img{width: 86%;}


/* ----------------------------------------------------------
  全店共通サービス一覧
---------------------------------------------------------- */
#page-service .pageNav li {width: 140px;}
#page-service .title01 {font-size: 40px;}
#page-service .secBlock {overflow: hidden;margin-bottom: 100px;}
#page-service .secBlock .imageArea{float: left;}
#page-service .secBlock .textArea{float: right;width: 570px;}
#page-service .secBlock h3{font-size: 18px;color: #3e4599;font-weight: bold;}
#page-service .secBlock h3 span{    font-size: 10px;
    display: inline-block;
    margin: 0 22px 0 0;
    vertical-align: middle;}
#page-service .secBlock h3+p{margin-top: 10px;}
#page-service .secBlock#amenity>div{position: relative;}
#page-service .secBlock#amenity>div .note{position: absolute;bottom: 15px;font-size: 11px;line-height: 1.4;width: 110px;}
#page-service .secBlock .textArea p{line-height: 2;}
#page-service .secBlock .textArea p.note{font-size: 12px;line-height: 1.5;}
#page-service .secBlock .textArea .movie{width: 80%;margin: 30px auto 0;}
#page-service .optionList,
#page-service .optionList2{
  display: flex;justify-content: space-between;align-items: stretch;
  flex-wrap: wrap;
}
#page-service .optionList dl,
#page-service .optionList2 dl{width: 520px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #ddd;padding: 6px 12px;}
#page-service .optionList dl.no{border: none;}
#page-service .optionList2{padding: 6px 0 6px 12px;}
#page-service .optionList2 dl:nth-child(1){border-top: 1px solid #ddd;margin-top: 40px;}
#page-service .optionList dt,
#page-service .optionList2 dt{white-space: nowrap;width: 130px;font-size: 18px;color: #3e4599;font-weight: bold;}
#page-service .optionList2 dd{width: calc(100% - 140px);display: flex;align-items: center;justify-content: flex-start;line-height: 1.4;}
#page-service .optionList2 dd img{margin-right: 20px;}

#page-service .optionList dl{width: 330px;}
#page-service .optionList dl:nth-child(1),
#page-service .optionList dl:nth-child(2),
#page-service .optionList dl:nth-child(3){border-top: 1px solid #ddd;}

#page-service .col3Block .block{
  text-align: left;display: flex;align-items: center;justify-content: space-between;border-top: 1px solid #ddd;
  padding: 10px 10px 10px 12px;margin-bottom: 0;
}
#page-service .col3Block .block.noflex{display: block;}
#page-service .col3Block .block.noflex .blockInner{display: flex;align-items: center;justify-content: space-between;}
#page-service .col3Block .block:nth-child(3n+1){margin-left: 0;}
#page-service .col3Block .block img{display: block;float: right;}
#page-service .col3Block .block h3 span{display: block;font-size: 13px;line-height: 1.2;margin-bottom: 6px;}
#page-service .col3Block .block p{font-size: 13px;line-height: 1.5;margin-top: 10px;padding-right: 20px;}
#page-service .col3Block .block a{text-decoration: underline;color: #3e4599;}
/*
#page-service .secBlock#check .textArea h3 span{font-size: 8px;display: inline-block;margin:0 0 3px;vertical-align: middle;}
*/
#page-service .secBlock#service .optionList{margin-bottom: 50px;}
#page-service .secBlock .flexBlockC .block{width: 350px;margin: 0 10px;text-align: center;}
#page-service .secBlock .flexBlockC .block img{display: block;margin: auto;}
#page-service .secBlock .flexBlockC .block h3{text-align: center;margin-top: 15px;}
#page-service .secBlock .flexBlockC .block p{line-height: 1.5;text-align: left;}
#page-service .secBlock#eco p.lead{padding-top: 10px;}
#page-service .secBlock#eco .box{margin-bottom: 30px;}
#page-service .secBlock#eco .box.flexBlock{
  align-items: flex-end;
    -webkit-box-direction:reverse;/*--- Androidブラウザ用 ---*/
    -webkit-flex-direction:row-reverse;/*--- safari（PC）用 ---*/
    flex-direction:row-reverse;
}
#page-service .secBlock#eco .subImg{float: right;margin-left: 30px;}
#page-service .secBlock#eco .box p{line-height: 1.5;}
#page-service .secBlock#eco .imageArea{position: relative;}
#page-service .secBlock#eco .imageArea p{
  position: absolute;bottom: 0;padding: 20px 20px 20px 60px;width: 100%;
  font-size: 14px;line-height: 1.4;
  background: rgba(69,113,14,.7);color: #fff;
}

#page-service .secBlock .btnList{padding-bottom: 10px;}


@media screen and (min-width:681px){
  #page-service .col3Block .block{ width: 330px;margin-left: 45px;}
  #page-service .col3Block .block h3 span{margin-left: -.8em;margin-right: -.3em;}
  #page-service .col3Block .block:nth-child(3) h3 span{margin-left: -1em;margin-right: -2.5em;}

}



/* ----------------------------------------------------------
  総合おすすめ共通プラン
---------------------------------------------------------- */
#page-recommend_plan .title01{font-size: 40px;}
#page-recommend_plan .title01 span{font-size: 0.75em;}
#page-recommend_plan .secBlock_wrap{
  padding-top: 80px;
  margin-top: -80px;
}
#page-recommend_plan .secBlock {
    background-repeat: no-repeat;
    background-position: 50% 0;
    margin-bottom: 30px;
    -webkit-background-size: cover;
    background-size: cover;
  padding: 40px 0;
}
#page-recommend_plan #day_use .secBlock {background-image: url(../img/recommend_plan/bg_mens.jpg);}
#page-recommend_plan #ladies {background-image: url(../img/recommend_plan/bg_ladies.jpg);}
#page-recommend_plan #spring {background-image: url(../img/recommend_plan/bg_spring.jpg);}
#page-recommend_plan #season {background-image: url(../img/recommend_plan/bg_season.jpg);}
#page-recommend_plan #disinfection .secBlock {background-image: url(../img/recommend_plan/bg_disinfection.jpg);}
#page-recommend_plan #hour_38 .secBlock {background-image: url(../img/recommend_plan/bg_season.jpg);}
#page-recommend_plan .secBlock .inner{width: 1200px;margin: auto;background: rgba(255,255,255,.9);padding: 30px 60px 50px;}
#page-recommend_plan .secBlock .imageArea{margin-right: 30px;}
#page-recommend_plan .secBlock .textArea {position: relative;padding-bottom: 170px;width: 100%;}
#page-recommend_plan .secBlock .textArea h3{color: #3e4599;font-weight: bold;font-size: 16px;}
#page-recommend_plan .secBlock .textArea p{margin-bottom: 25px;}
#page-recommend_plan .secBlock .box{position: absolute;bottom: 0;left: 0;width: 100%;}
#page-recommend_plan .secBlock .box h3{font-size: 18px;line-height: 1;color: #3e4599;position: relative;margin-bottom: 6px;}
#page-recommend_plan .secBlock .box h3:after{
  content:'';display: block;
  height: 1px;width: 300px;background: #dcdcdc;
  position: absolute;right: 0;top: 50%;
}

#page-recommend_plan .secBlock .btnList {width: 570px;}
#page-recommend_plan .secBlock .btnList li{
  display: inline-block;
  margin-top: 10px;margin-right: 15px;
  width: 116px;
}
#page-recommend_plan .secBlock .btnList li a{padding: 6px 0;}



/* ----------------------------------------------------------
  航空券付きプラン
---------------------------------------------------------- */
#page-dynamicpackage .title01{font-size: 40px;}
#page-dynamicpackage .lead{
  margin-top: 40px;margin-bottom: 40px;
  border-top: 1px solid #3e4498;border-bottom: 1px solid #3e4498;padding: 34px 0;
  font-size: 18px;
  text-align: center;
}
#page-dynamicpackage .lead .image{margin-top: 20px;display: flex;align-items: center;justify-content: center;}
/*
#page-dynamicpackage .flexBlock.planList{flex-wrap: wrap;justify-content: flex-start;}
#page-dynamicpackage .flexBlock.planList>dl{margin-left: 48px;margin-bottom: 60px;}
#page-dynamicpackage .flexBlock.planList>dl:nth-child(4n+1){margin-left: 0;}
#page-dynamicpackage .flexBlock.planList>dl dd p{margin-top: 8px;}
#page-dynamicpackage .flexBlock.planList>dl dd p .btn01{margin: 0;width: 100%;position: relative;}
*/
#page-dynamicpackage .maincol .btnList{padding-bottom: 10px;}
#page-dynamicpackage .maincol .btnList li{
  background: #f3f9ff;
  border: 1px solid #3e4498;
  margin-bottom: 20px;
  font-size: 16px;
}
#page-dynamicpackage .maincol .btnList li a{padding: 16px 0;}
#page-dynamicpackage .maincol .btnList li a.arr:after{
  border-width: 1.2px 1.2px 0 0;
  border-top-color: #3e4498;
  border-right-color: #3e4498;
  right: 16px;height: 8px;width: 8px;
}

#page-dynamicpackage .contactBlock{text-align: center;font-size: 16px;margin-top: 50px;}
#page-dynamicpackage .contactBlock .box{border: 1px solid #3e4498;display: inline-block;padding: 20px 70px 26px;}
#page-dynamicpackage .contactBlock dl{
  display: flex;align-items: flex-end; justify-content: center;
  border-bottom: 1px solid #3e4498;
  padding: 20px 0;
  text-align: left;
  margin-bottom: 20px;
}
#page-dynamicpackage .contactBlock dt{font-size: 16px;line-height: 1.4;padding: 0 34px;}
#page-dynamicpackage .contactBlock dd{
  font-size: 16px;line-height: 1;text-align: left;
  color: #3e4498;
  padding-left: 38px;
}
#page-dynamicpackage .contactBlock dd span.tel{
  display: inline-block;
  font-size: 40px;line-height: 1.2;
  padding-left: 38px;margin-left: -38px;margin-right: 38px;
  background: url(../img/dynamicpackage/icon_tel.png) no-repeat 0 50%;
}




/* ----------------------------------------------------------
  自社予約特典紹介
---------------------------------------------------------- */
#page-booking_benefits .maincol .box{background: #f6eedf;padding: 20px;}
#page-booking_benefits .maincol .box .block{width: calc(50% - 10px);background: #fff;padding: 50px 0 30px;position: relative;}
#page-booking_benefits .maincol .box .block .num{
  display: block;line-height: 1;padding-top: 5px;padding-left: 2px;
  position: absolute;left: 50%;margin-left: -25px;top: -20px;
  background: #ebcc27;width: 50px;height: 50px;
  text-align: center;
}
#page-booking_benefits .maincol .box .block .num b{display: block;font-size: 2em;}
#page-booking_benefits .maincol .box .block .image{margin-bottom: 30px;height: 80px;display: flex;align-items: center;justify-content: center;}
#page-booking_benefits .maincol .box .block p{padding: 0 30px;}
#page-booking_benefits .maincol .box .block p strong{font-size: 18px;font-weight: normal;}
#page-booking_benefits .nextText{
  text-align: center;font-size: 24px;margin: 60px auto;
  display: flex;align-items: center;justify-content: center;
}
#page-booking_benefits .nextText strong{font-weight: bold;font-size: 42px;color: #632a02;}
#page-booking_benefits .maincol .btnArea {margin-top: 40px;}
#page-booking_benefits .maincol .btnArea .btn02{margin-top: 20px;}
#page-booking_benefits .modal_content ul{margin-top: 1em;}
#page-booking_benefits .modal_content li{padding-left: 2em;text-indent: -2em;}
/**/
#page-booking_benefits .meritBlock{margin-bottom:80px;}
#page-booking_benefits .meritBlock .block{  
  border: 1px solid #3e4599;background: #fff;padding: 0 0 20px;text-align: center;width: 32%;
}
#page-booking_benefits .meritBlock .block dt,
#page-booking_benefits .meritBlock .block dd{
  display: flex;align-items: center;justify-content: center; 
}
#page-booking_benefits .meritBlock .block dt{
  display: inline-block;background: #3e4599;
  color: #fff;padding: 5px 30px;font-size: 16px;line-height: 1.2;vertical-align: top;margin-bottom: 20px;
}
#page-booking_benefits .meritBlock .block dd{padding: 12px;font-size: 16px;line-height: 1.5;}
#page-booking_benefits .meritBlock .block dd .fzS{font-size: 12px;display: block;}


/* ----------------------------------------------------------
  企業情報
---------------------------------------------------------- */
#page-company .greetingBlock p{margin-bottom: 1em;font-size: 16px;line-height: 1.8;}
#page-company .secBlock{margin-top: 100px;}
#page-company .table01 th,
#page-company .table01 td{border-color: #a0a0a0;}
#page-company .table01 th{width: 140px;background: #f6eedf;}
  #page-company #access p+p{margin-top: 1em;}

dl.company2{
	clear:both;
	overflow:hidden;
	margin:0 0 40px 0;
}
dl.company2 dt{
	font-size:16px;
	font-weight:bold;
	color: #3e4599;
	padding:10px 6px 0 6px;
}
dl.company2 dt a{
	color: #3e4599;
}
dl.company2 dd{
	border-bottom:1px dotted #999;
	padding:0 6px 6px 6px;
}



/* ----------------------------------------------------------
  プライバシーポリシー　, ソーシャルメディアポリシー
---------------------------------------------------------- */
#page-privacy .leadBlock p,
#page-social .leadBlock p{margin-top: 1em;}

#privacy{ margin: 100px auto 0;padding: 0 60px 60px;}
#privacy h3{ font-size: 16px;font-weight: bold;margin-top: 40px;margin-bottom: 10px;}
#privacy ol { list-style: decimal; margin: 0 0 20px 20px;}
#privacy ol li { margin: 0 0 0 20px;}
#privacy dl { margin: 0 0 30px 0;}
#privacy dl { margin: 0 0 30px 0;}
#privacy dl dt { margin: 0 0 10px 0;}
#privacy dl dd { padding: 0 0 0 16px; margin: 0 0 20px 0;}



/* ----------------------------------------------------------
  サイトマップ
---------------------------------------------------------- */
#page-sitemap .linkListBlock .block{
  border: 2px solid #ccc;margin-top: 50px;margin-bottom: 120px;
  text-align: center;
  padding: 0 30px 40px 60px;
}
#page-sitemap .linkListBlock .block .title01{display: inline-block;background: #fff;line-height: 1;padding: 0 20px;position: relative;top: -18px;}
#page-sitemap .linkListBlock ul{display: flex;flex-wrap: wrap;}
#page-sitemap .linkListBlock li{min-width: 18.6%;margin-bottom: 10px;position: relative;padding-left: 12px;text-align: left;}
#page-sitemap .linkListBlock li:nth-child(5n+1){width: 22%;}
#page-sitemap .linkListBlock li:before{
  content:'';display: block;
  position: absolute;left: 0;top: 5px;
  border-style: solid;
  border-width: 5px 6px;
  border-color: transparent transparent transparent #5055a5;
}


/* ----------------------------------------------------------
  お問合せ
---------------------------------------------------------- */
#page-contact .content .bnrArea{text-align: center;padding: 40px 0;}

#page-contact .formBlock{margin-bottom: 120px;}
#page-contact .formBlock em{color: #f00;}
#page-contact .formBlock p{margin-bottom: 1em;}
#page-contact .formBlock p a{text-decoration: underline;}
#page-contact .formBlock .completeMessage {text-align: center;font-size: 16px;}

#form_wrap {text-align: center;}
#form_wrap table{width: 100%;text-align: left;margin: 40px auto;}
#form_wrap th,
#form_wrap td{border: 1px solid #ccc;padding: 15px;}
#form_wrap th{background: #f3f3fd;width: 25%;}
#form_wrap select, #form_wrap textarea, #form_wrap input[name="addr11"]{width: auto;}
#form_wrap input,
#form_wrap textarea{border: 1px solid #ccc;padding: 4px 10px;margin: 3px 1px; width: 50%;}
#form_wrap input[name="zip11"]{width:50px;}
#form_wrap .inputM{width:300px;}
#form_wrap .wide{width:90%;}
#form_wrap textarea{width:90%;}
#form_wrap .sendBtn_wrap {width: 50%;}
#form_wrap input.sendBtn,
#form_wrap .btnBack{
    cursor: pointer;
    width: 100%;
    margin: 0 auto;
    padding: 14px 0 14px;
    background: #3e4599;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
  border: 2px solid #3e4599;
  text-decoration: none;
}

#form_wrap .confirmBtn {display: flex;align-items: stretch;justify-content: space-between;}
#form_wrap .confirmBtn input.sendBtn,
#form_wrap .confirmBtn .btnBack{width: 48%;}
#form_wrap .confirmBtn .btnBack {
  background: #fff;color: #3e4599;
}

#page-contact #hotelList .flexBlock{flex-wrap: wrap;justify-content: flex-start;}
#page-contact #hotelList .flexBlock li{width: 32.5%;margin: 0 .5% 10px;}
#page-contact #hotelList .flexBlock li:nth-child(3n){margin-right: 0;}
#page-contact #hotelList .flexBlock li:nth-child(3n+1){margin-left: 0;}

#page-contact #hotelList .linkListBlock{margin: 40px 0 60px;}
#page-contact #hotelList .linkListBlock li{padding: 14px 0;text-align: center;border: 2px solid #ccc;}
#page-contact #hotelList .linkListBlock li h3{font-size: 18px;line-height: 1.2;font-weight: bold;margin-bottom: 8px;color: #5055a5;}
#page-contact #hotelList .linkListBlock li h3 a{color: #5055a5;transition: .3s;}
#page-contact #hotelList .linkListBlock li h3 a:hover{opacity: .6;}
#page-contact #hotelList .linkListBlock li .tel{display: inline-block;font-size: 18px;min-width: 140px;line-height: 2;}
#page-contact #hotelList .linkListBlock li .btn01{font-size: 14px;line-height: 2;height: 2em;}


/* ----------------------------------------------------------
  法人のお客様へ
---------------------------------------------------------- */
/*
#page-corporate_contract .title01{margin-bottom: 40px;font-size: 40px;padding: 0 10px;}
#page-corporate_contract .title01.fzS{font-size: 26px;line-height: 1.6;}
*/
#page-corporate_contract .bgListArea .secBlock{padding-top: 90px;}
#page-corporate_contract .secBlock {font-size: 16px;}
#page-corporate_contract .secBlock .box{border: 1px solid #3e4599;background: #fff;padding: 80px 60px ;margin-bottom: 30px;text-align: center;position: relative;z-index: 2;}
#page-corporate_contract .secBlock .box:before,
#page-corporate_contract .secBlock .box:after{content: '';display: block;position: absolute;z-index: -1;}
#page-corporate_contract .secBlock .box:before{left: 0;top: 0;width: calc(100% - 6px);height: calc(100% - 6px);border: 3px solid #cbcde7;}
#page-corporate_contract .secBlock .box:after{left: 7px;top: 7px;width: calc(100% - 14px);height: calc(100% - 14px);border: 1px solid #cbcde7;}
#page-corporate_contract .secBlock .box h3{font-size: 26px;color: #3e4599;margin-bottom: 20px;border-top: 1px solid #3e4599;}
#page-corporate_contract .secBlock .box h3 span{display: inline-block;background: #fff;padding: 0 60px;position: relative;top: -24px;}
#page-corporate_contract .secBlock .box a.link{color: #3e4599;text-decoration: underline;}
/*
#page-corporate_contract .secBlock .textArea{float: left;width: 480px;}
#page-corporate_contract .secBlock .image{float: right;}
*/
#page-corporate_contract .secBlock .btn01{
  cursor: pointer;font-size: 20px;width: 100%;text-align: center;margin: 0;
  height: auto;line-height: 1.3;padding: 16px 5px;
}
#page-corporate_contract .secBlock .btn01 span{display: block;font-size: 12px;}
#page-corporate_contract .secBlock .list02{clear: both;padding-top: 10px;}
#page-corporate_contract .secBlock select{font-size: 16px;line-height: 30px;vertical-align: top;}
#page-corporate_contract .secBlock input{padding: 0;}
#page-corporate_contract .secBlock .btnSubmit{margin: 18px 0 15px;}
#page-corporate_contract .messageBlock .line{
  border-top: 1px solid #3e4599;text-align: center;
  margin-top: 60px;margin-bottom: 40px;
  font-size: 18px;}
#page-corporate_contract .messageBlock .line span{display: inline-block;background: #fff;padding: 0 60px;position: relative;top: -15px;}
#page-corporate_contract .messageBlock .btn02s{max-width: 450px;}

#page-corporate_contract .bgListArea .secBlock:before{
	background: #f6eedf; /* Old browsers */
	background: -moz-linear-gradient(top, #f6eedf 0%, #f6eedf 70%, #fff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f6eedf 0%, #f6eedf 70%, #fff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f6eedf 0%, #f6eedf 70%, #fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6eedf', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}
#page-corporate_contract .bgListArea .secBlock:nth-child(2n):before{
	background: #f6eedf; /* Old browsers */
	background: -moz-linear-gradient(top, #ebedff 0%, #ebedff 70%, #fff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ebedff 0%, #ebedff 70%, #fff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ebedff 0%, #ebedff 70%, #fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebedff', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}
/*
#page-corporate_contract .meritBlock{margin: 60px auto 90px;}
#page-corporate_contract .meritBlock .block{border: 1px solid #3e4599;background: #fff;padding: 0 0 20px;text-align: center;width: 32%;}
#page-corporate_contract .meritBlock .block h3{display: inline-block;background: #3e4599;color: #fff;padding: 5px 30px;font-size: 16px;line-height: 1.2;vertical-align: top;margin-bottom: 20px;}
#page-corporate_contract .meritBlock .block p{font-size: 16px;}

#page-corporate_contract .tokutenBlock{margin-bottom: 180px;}
#page-corporate_contract .tokutenBlock .block{
  min-height: 100px;
  border: 1px solid #3e4599;background: #fff;display: flex;align-items: stretch;margin-top: 12px;
}
#page-corporate_contract .tokutenBlock .block dt,
#page-corporate_contract .tokutenBlock .block dd{
  display: flex;align-items: center;justify-content: center; 
}
#page-corporate_contract .tokutenBlock .block dt{
  background: #f4e387;color: #3e4599;font-size: 24px;width: 165px;
  padding-right: 5px;
}
#page-corporate_contract .tokutenBlock .block dt:before{
  content:'';display: inline-block;width: 42px;height: 42px;
  margin-right: 8px;
  background: url(../img/corporate_contract/icon_present.png) no-repeat;
}
#page-corporate_contract .tokutenBlock .block dt b{font-size: 40px;font-style: italic;font-weight: normal;}
#page-corporate_contract .tokutenBlock .block dd{padding: 12px 54px;font-size: 16px;line-height: 1.5;}
#page-corporate_contract .tokutenBlock .block dd .fzS{font-size: 12px;display: block;}
*/
#page-corporate_contract .blockList {}
#page-corporate_contract .blockList .block{margin: 30px 0 0;display: flex;}

#page-corporate_contract .blockList .block .image{margin-right: 20px;}
#page-corporate_contract .blockList .block .image img{width: 120px;}
#page-corporate_contract .blockList .block .textArea{width: calc(100% - 140px);padding-bottom: 20px;}
#page-corporate_contract .blockList .block h4{font-size: 20px;line-height: 1.2;color: #3e4599;margin-bottom: 10px;}
#page-corporate_contract .blockList .block ul{margin-bottom: 10px;font-size: 14px;}
#page-corporate_contract .blockList .block a{display: inline-block;min-width: 220px;}

@media screen and (min-width:681px){
  #page-corporate_contract .bgListArea {margin-top: -15px;}
}


/* ----------------------------------------------------------
  よくあるご質問
---------------------------------------------------------- */
.faqNavi{display: flex;width: 100%;justify-content: space-between;align-items: center;}
.faqNavi li{cursor: pointer;width: 100%;padding: 0 3px;position: relative;}
.faqNavi li span{display: block;text-align: center;padding: 3px;background: #f6eedf;}
.faqNavi li.select span{font-weight: bold;}
.faqNavi li.select  span:after{
  content:'';display: block;position: absolute;left: 50%;margin-left: -10px;bottom: -22px;
  border-style: solid;border-width: 12px 10px;
  border-color: #f6eedf transparent transparent transparent;
}
.faqPanel{display: none;}
.faqPanel dl {margin-bottom: 20px;}
.faqPanel dl a{color: #009;text-decoration: underline;}
.faqPanel dl dt {
    background: url(../img/faq/icon_q.gif) no-repeat 10px 10px;
    color: #3e4599;
    font-weight: bold;
  font-size: 16px;
  border: 2px solid #3e4599;
  padding: 10px 30px 10px 50px;
  position: relative;
}
.faqPanel dl dt:after{
  content:'';display: block;width: 12px;height: 12px;
  position: absolute;right: 20px;top: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: 2px solid #3e4599;
  border-right: 2px solid #3e4599;
  margin-top: -10px;
}
.faqPanel dl dt.open:after{
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-top: -4px;
}
.faqPanel dl dd {
    background: url(../img/faq/icon_a.gif) no-repeat 15px 14px;
  padding: 20px 0 20px 50px;
}
#page-faq .btnArea{display: flex;justify-content: center; margin-top: 60px;}
.faqPanel .btnArea .block{padding: 0 40px;text-align: center;}
.faqPanel .btnArea .block a{display: block;margin:10px 0 0;width: 300px;}
.faqPanel .btnArea .block.tel{border-right: 1px solid #aaa;}
.faqPanel .btnArea .block.tel a{height: 72px;line-height: 72px;}
.faqPanel .btnArea .btn01{padding-right: 26px;padding-left: 15px;}

.faqPanel .btnArea .btnForm{}
.faqPanel .btnArea .btnForm select{display: block;width: 100%;font-size: 16px;}

#page-faq .title01{margin-top: 60px;}


/* ----------------------------------------------------------
  WEBパンフレット
---------------------------------------------------------- */
#page-pamphlet .secBlock .flexBlockC .image{margin-right: 36px;}
#page-pamphlet .secBlock .flexBlockC .textArea h3{ font-size: 18px;font-weight: bold;color: #3e4599;}
#page-pamphlet .secBlock .flexBlockC .textArea p{ margin-top: 20px;}
#page-pamphlet .secBlock .flexBlockC .textArea p a{text-decoration: underline;}
#page-pamphlet .secBlock .flexBlockC .textArea p a.textLink:before{
  content: '';display: inline-block;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #5157a3;
}

#page-pamphlet .linkListBlock{
  flex-wrap: wrap;justify-content: flex-start;
  margin: 40px auto 10px;
}
#page-pamphlet .linkListBlock li{margin-bottom: 14px;margin-left: 26px;}

@media screen and (min-width:681px){
  #page-pamphlet .title01{margin-bottom: 40px;font-size: 40px;padding: 0 10px;}
  #page-pamphlet .secBlock .contentsWidth {width: 960px;margin: auto;}
  #page-pamphlet .secBlock .flexBlockC{align-items: center;}
#page-pamphlet .linkListBlock li:nth-child(3n+1){margin-left: 0}
}


/* ----------------------------------------------------------
  お知らせ
---------------------------------------------------------- */
#page-news .column-inner h3 {
  border: none;
    border-bottom: 2px dotted #648483 !important;
    background: url(/assets/img/bg_blog_ttl.gif);
    padding: 10px;
}
#page-news .column-inner h3:before{display: none;}
#page-news .statement_link a {
    border: 1px solid #3e4599;
    position: relative;
    background: none;
    color: #3e4599;
  
    display: block;
    width: 200px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 20px 0;
    text-decoration: none;
    transition: ease-in 0.2s;
}
#page-news .column-inner img{display: block;margin: 5px auto 5px 0;max-width: 100%;}
#page-news .column-inner h3+img{margin-bottom:1em;}
#page-news .column-inner p{margin: 10px auto;}
#page-news .column-inner .lead{display: none;}

@media screen and (min-width:681px){
  #page-news .maincol{width: 960px;margin: auto;}
}



/* ----------------------------------------------------------
  for IE10
---------------------------------------------------------- */
@media all and (-ms-high-contrast: none){
  .reservationPanel .btn a,
  .reservationPanel .btn input {padding-top: 4px;}
  .reservationPanel .dlDirport .selectWrap,
  .reservationPanel .dlArrport .selectWrap{padding:2px 5px 0;}
  
  .ft01 .btnArea a{padding-top: 12px;}
  .ft01 .btnArea a:before{margin-top: 0;}
  
}



/* ----------------------------------------------------------
  200310 トップバナー2段組
---------------------------------------------------------- */

#page-sougoTop .mv .bnr{width:auto;}

/* ----------------------------------------------------------
  200807 スタッフグログインフォ削除
---------------------------------------------------------- */

.displayn {
    display: none !important;
}


/* ----------------------------------------------------------
  200817 youtubeバナー設置
---------------------------------------------------------- */

.bnr .movie_wrap iframe{
  display: block;
  width: 168px;
  height: 93px;
}

.bnrBlock .movie_wrap{
  margin-bottom: 7px;
}


.bnrBlock .movie_wrap iframe{
  display: block;
  width: 1080px;
  height: 607.5px;
margin-left: auto;
  margin-right: auto;
}

/* ----------------------------------------------------------
  200821 法人お問い合わせページ
---------------------------------------------------------- */
#page-corporate_contract .flowchart ul{
	display:flex;
	justify-content: center;
	align-items: center;
	color: #3e4599;
	text-align: center;
	margin: 10px 0 50px;
}
#page-corporate_contract .flowchart ul .number{
	font-size: 24px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	margin: 0 auto 10px;
	border: 1px solid #3e4599;
	display:flex;
	justify-content: center;
	align-items: center;
}
#page-corporate_contract .flowchart ul .active .number{
	background: #3e4599;
	color: #fff;
}
#page-corporate_contract .flowchart ul li{
	width: 6em;
}
#page-corporate_contract .flowchart ul .arrow{
	text-indent: -1em;
	overflow: hidden;
	height: 1px;
	width: 100px;
	margin:0 10px 30px;
	background: #3e4599;
}
#page-corporate_contract h4.text{
	text-align: center;
}
#page-corporate_contract table{
	border-collapse: collapse;
}
#page-corporate_contract table .must:after {
    font-size: 12px;
    line-height: 1;
    content: "必須";
    background: #e10000;
    float: right;
    padding: 6px 4px;
    color: #fff;
    border-radius: 2px;
    text-align: center;
}
@media screen and (max-width: 680px){
#page-corporate_contract .contentsWidth{
	padding: 0 10px;
}
#page-corporate_contract .flowchart ul .arrow{
	width: 30px;
}
#page-corporate_contract h4.text{
	text-align: left;
}
#page-corporate_contract #form_wrap table{
	border-left: 0px;
}
#page-corporate_contract .ssl{
	width: auto;
}

}

/* ----------------------------------------------------------
  200827 コンセプトページ 朝食部分変更
---------------------------------------------------------- */

#page-concept #breakfast .secBlock .textArea p.mincho span{
  font-size: 14px;
  margin-top: 10px;
  display: block;
}