@charset "utf-8";

/*************************************************
	中ページ共通
*************************************************/
/*ページのフェードイン　js無し*/
body.naka {animation: fadeIn 0.6s ease 0s 1 normal;-webkit-animation: fadeIn 0.6s ease 0s 1 normal;}
@keyframes fadeIn {
	0% {opacity: 0.2}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0.2}
	100% {opacity: 1}
}



/*Webフォント読み込み時の「再描画ちらつき」をなくす*/
html {visibility: hidden;}
html.wf-active {visibility: visible;}



/*中ページ共通のテーブル構造　-------------------*/
.container{position: relative;width:1020px;margin:0 auto;text-align:left;}



/*///////////////////////////////////////////////////////////////////////////////
 中ページ専用のheader
///////////////////////////////////////////////////////////////////////////////*/
/*================= 上部の固定表示させているメニュー ====================*/
/*スライドで降りてきた場合　ページ上部のメニュー*/
#naka-header{height:97px;}
#naka-header #change {display:block;}
/* -----google言語翻訳ウィジェット-- */
.google-lang{display:block;}


/*パンくず------------*/
.breadcrumb-box{position: absolute;right: 0;left: 0;width:1020px;margin: 0 auto 0 auto;padding-top: 4px;}
#breadcrumb{font-size:79%;line-height:1.2;white-space:nowrap;overflow:hidden;text-align:left;}
#breadcrumb div{display:inline;color:#777;padding-right:10px;}
#breadcrumb div a{margin-right:8px;text-decoration:none;}
#breadcrumb div a:hover{text-decoration:underline;}




/*中ページ上部の大きな画像-------------*/
#naka-headerimgs{background-color:#000;height:350px;text-align:center;}
#naka-headerimgs p{display: inline-block;font-size: 266%;line-height: 1.3;padding: 8px 0 10px 0;width: 400px;margin-top: 120px;background-color: rgba(27,34,67,0.5);color: #fff;letter-spacing: 0.3em;}
#naka-headerimgs p span{font-size: 28%;color: #92bee5;display: block;letter-spacing: 0.2em;}





/*///////////////////////////////////////////////////////////////////////////////
 中ページ専用のfooter
///////////////////////////////////////////////////////////////////////////////*/
/*中ページ専用の宿泊プラン*/
body.naka .h2-mark{display:none;}
/*中ページ専用のfooter*/
body.naka #footer {margin-top: 0px;}




/*-++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
　中ページ共通のメイン
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
body.naka .section{padding:80px 0 80px 0;font-size: 108%;}
/*body.naka .section:nth-child(odd){background-color: rgba(188, 186, 92, 0.1);}*/
body.naka .section:nth-child(odd){background-color: rgba(204, 204, 204, 0.25);}


/*///////////// 中ページ共通のスタイル ///////////////////////*/
body.naka h2{font-size:265%;text-align:center;color:#004688;line-height:1.2;letter-spacing:0.3em;}
body.naka h2.small{font-size: 200%;letter-spacing: 0.1em;}

body.naka h3{font-size: 143%;text-align: center;line-height: 1.2;margin: 30px 0 20px 0;}



strong{font-weight:400;font-size:115%;color:#555555;}
big{font-size:129%;}
small{font-size:93%;}
.noaccent{font-weight: normal;}
.accent{font-weight:400;}
.nowrap{white-space:nowrap;}

.font-size8{font-size:51%;line-height:120%;}
.font-size10{font-size:65%;line-height:120%;}
.font-size12{font-size:86%;line-height:150%;}
.font-size13{font-size:93%;line-height:150%;}
.font-size14{font-size:100%;line-height:170%;}
.font-size16{font-size:115%;line-height:170%;}	
.font-size17{font-size:122%;line-height:170%;}
.font-size19{font-size:136;line-height:150%;}
.font-size20{font-size:143%;line-height:150%;}
.font-size23{font-size:165%;line-height:140%;}
.font-size24{font-size:172%;line-height:140%;}
.font-size28{font-size:200%;line-height:140%;}
.font-size32{font-size:232%;line-height:130%;}
.font-size36{font-size:264%;line-height:130%;}
.font-size40{font-size:296%;line-height:130%;}
.font-size50{font-size:360%;line-height:130%;}
.font-size60{font-size:450%;line-height:130%;}

/*色*/
.color-red{color:#ff0000;}
.color1{color:#CC3333;}/*注釈*/
.color2{color:#666;}
.color5{color:#004688;}/*基本ブルー*/


/* 画像 */
.alignleft	{float:left;margin: 0 20px 0 0;}
.alignright {float:right;margin: 0 0 0 20px;}
.aligncenter{clear: both;display: block;margin: 0px auto 0px auto;}

img.alignleft {float: left;margin: 0 20px 0 0;}
img.alignright {float: right;margin: 0 0 0 20px;}
img.aligncenter {clear: both;display: block;margin: 0px auto 0px auto;}

/* 画像＋キャプション */
.img-caption.alignleft {margin: 2px 10px 0px 0;}
.img-caption.alignright {margin: 2px 0 0px 10px;}
.img-caption img {border: 0 none;margin: 0;padding: 0;}
.img-caption p.img-caption-text {font-size:79%;line-height:120%;color:#555555;margin-top:1px;padding:0;}


/*このボタンは、中ページ全ページで使用*/
.naka-kuwashii{text-align:center;margin-top:30px;}/*#ad8525*/
.naka-kuwashii a{font-size:86%;color: #fff;line-height:36px;height:40px;text-align: center;text-decoration: none;letter-spacing:0.1em;display: inline-block;padding:0 60px;	background-color:#004688;border: 1px solid #004688;position: relative;z-index: 2;}/*border-radius:6px;*/
/*IE8以上*/
.naka-kuwashii a{padding-top:3px\0;}
.naka-kuwashii a::before,
.naka-kuwashii a::after {position: absolute;z-index: -1;display: block;content: '';}/*border-radius:6px;*/
.naka-kuwashii,
.naka-kuwashii a::before,
.naka-kuwashii a::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
.naka-kuwashii a:hover {background-color:#006bcc;border-color: #004688;color:#fff;}
.naka-kuwashii a::before,
.naka-kuwashii a::after {top: 0;width: 50%;height: 100%;background-color:#004688;}
.naka-kuwashii a::before {right: 0;}
.naka-kuwashii a::after {left: 0;}
.naka-kuwashii a:hover::before,
.naka-kuwashii a:hover::after {width: 0;background-color:#004688;}



/*このボタンは、中ページ全ページで使用*/
.naka-next{text-align:center;margin-top:20px}
.naka-next a{background-color:#fff;font-size:108%;color:#D19D00;text-align:center;line-height:34px;line-height:40px\0;height:37px;display:inline-block;padding:0 40px;border:1px solid #004688;text-decoration:none;border-radius:6px;}
.naka-next a:hover{background-color:#004688;color:#fff;border:1px solid #004688;}

/*改行しない*/
.white-space{white-space:nowrap;}



/*==========　コンセプトページ（concept/）==========*/
body#concept #naka-headerimgs{background:#000 url(../concept/img/naka_bigimg_concept.jpg) no-repeat center top;}

ul.concept-ul{display:table;margin:0 auto;width:1200px;}
ul.concept-ul li{float:left;display: inline-block;background-size:cover !important;position: relative;margin:-1px 0 0 -1px}/*border:1px solid #999;*/
ul.concept-ul li:after{content: "";border: solid 5px #fff;position: absolute;top: 0px;left: 0px;width: calc(100%);height: calc(100%);}
ul.concept-ul li.box1{width:20%;padding:20% 0 0 0;}
ul.concept-ul li.box2{width:40%;padding:20% 0 0 0;}




/*==========　最新情報ページ（cgi-bin/news no=1）==========*/
/*最新情報の一覧------------*/
body#news #naka-headerimgs{background:#000 url(../img/naka_bigimg_news.jpg) no-repeat center top;}

#list-category{text-align:center;margin-bottom: 60px;}
#list-category ul{}
#list-category ul li{margin: 0 3px;display: inline-block;}
#list-category ul li a{display:inline-block;padding:2px 15px 4px 15px;font-size:93%;border:1px solid #ccc;line-height:1.1;text-decoration:none;}
#list-category ul li a:hover{background-color:#ecedeb;border:1px solid ##94b7d3;color:#333;}
#list-category ul li a.current{background-color:#004688;color:#fff;}

.index-news-box{border-top:1px dotted #94b7d3;}
.index-news-box article a{width:100%;border-bottom: 1px dotted #94b7d3;padding:15px 0 15px 15px;display:block;text-decoration: none;}
.index-news-box article a:hover{background-color:rgba(0,66,125,0.05);color:#004688;}

dl.index-news-dl.wnewlist dt{float:left;width:148px;height:100px;background:url(../img/news_img_bg.gif) no-repeat center center;background-size:cover;}
.index-news-box article a:hover dl.index-news-dl.wnewlist dt{opacity:0.6;}

dl.index-news-dl.wnewlist dd{margin: 7px 0 0 180px;}
.index-news-date{}
.index-news-category{display: inline-block;background-color:#004688;color:#fff;width: 145px;text-align: center;margin-right: 30px;font-size:86%;line-height: 1.1;padding: 2px 0 4px 0;}
.index-news-date span{display: inline-block;line-height: 1.4;font-size: 93%;}
.index-news-date img{margin: -4px 0 0 8px;}

.index-news-midashi1{font-size: 100%;line-height:1.3;font-weight:400;margin: 9px 0 7px 0;}
.index-news-com1{font-size: 86%;line-height:1.4;margin: 10px 0 0 20px;}
		
/*and more*/
.ajaxLoad{width:350px;height:34px;margin:40px auto 0 auto;}
.ajaxLoad img{margin:0 auto 0 auto;}
.ajaxLoad a{font-size: 93%;line-height: 1.2;padding: 5px 0 7px 0;letter-spacing: 0.1em;text-align:center;background-color:#004688;color:#fff;text-decoration:none;display:block;
						-webkit-transition: 0.6s ease-in-out;-moz-transition: 0.6s ease-in-out;-o-transition: 0.6s ease-in-out;transition: 0.6s ease-in-out;}
/*IE8以上*/
.ajaxLoad a{line-height:34px\0;height:32px\0;}
.ajaxLoad a:hover{background-color:#006bcc;color:#fff;}


/*最新情報の詳細------------*/
.single-news-box{position:relative;width:940px;margin:0 auto;}
.single-news-title-box{text-align:center;}
.single-news-category{background-color:#004688;color:#fff;width:160px;font-size: 93%;line-height: 1.1;padding: 3px 0 5px 0;margin: 20px auto 0 auto;}
.single-news-date{margin-top:12px;}
.single-news-date img{margin:-6px 0 0 8px;}
.single-news-title{font-size:129%;font-weight:600;line-height:1.3;margin-top:30px;}
.single-news-ichiran a{position:absolute;right:0;font-size:86%;margin-top:-120px;text-decoration:none;background: url(../img/arrow_blue4-7.png) no-repeat 0 8px;padding-left: 7px;}
.single-news-ichiran a:hover{text-decoration:underline;}


.news-single-main{margin-top:50px;}
.news-single-com1 {font-size:93%;line-height:1.8;margin-bottom:30px;}

.news-single-bigimg{display:table;margin:0 auto 30px auto;}
.news-single-bigimg img{}
.news-single-bigimg-cap {font-size:72%;color:#888;line-height:1.2;padding:3px 0 0 0;}

.news-single-center{display:inline-block;text-align:center;margin:0 auto;}
.news-single-left{float:left;margin-right:20px;text-align:left;}
.news-single-right{float:right;margin-left:20px;text-align:left;}

ul.news-single-yokoimg-dl{text-align: center;margin-bottom: 40px;margin-left: 0 !important;}
ul.news-single-yokoimg-dl li{display: inline-table;text-align:left;margin:0 11px;vertical-align: top;}
ul.news-single-yokoimg-dl li img{max-width:275px;max-height: 183px;width: 100%;height: 100%;}
ul.news-single-yokoimg-dl li .news-single-yokoimg-cap{display:table-caption;caption-side: bottom;font-size:72%;line-height:1.2;color:#666;margin-top:3px;}

.news-single-com2{font-size:93%;line-height:1.8;margin-bottom:20px;}

.news-single-temp{font-size:93%;line-height: 1.1;background:url(../img/icon_pdf.gif) no-repeat 0px 0px;padding:0 0 13px 24px;}
.news-single-temp a{text-decoration:underline;}
.news-single-temp a:hover{}

.news-single-iframe-map{margin-top:30px;}
.news-single-iframe-map iframe{width:100% !important;height:350px !important;}




/*==========　お部屋と温泉ページ（room/）==========*/
body#room #naka-headerimgs{background:#000 url(../room/img/naka_bigimg_room.jpg) no-repeat center top;}

body.naka .section#section-roomlist .container{text-align:center;}
	
body.naka h2.room-title2{font-size:160%;text-align: center;color: #000;line-height:1.6;letter-spacing: 0.3em;font-weight: 300;}

.room-com{margin-top: 30px;line-height:2.0;letter-spacing:0.2em;}

.room-list-box{margin-top:20px;text-align: center;}
.room-list-box dl{display:inline-block;max-width:740px;width: calc(50% - 23px);margin:70px 23px 30px 0;vertical-align: top;marign-bottom:50px;}
.room-list-box dl:nth-child(2n){margin-right:0;}

.room-list-box dl dt{position: relative;}
.room-list-box dl dt:before	{position: absolute;width:100%;height:100%;content: "";display: block;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;z-index:2;
															top: 0;background: rgba(0, 0, 0, 0.6);opacity: 0;}
.room-list-box dl dt:after	{position: absolute;width:100%;height: 100%;content: "";display: block;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;z-index:3;
															top: 0;background: url(../room/img/more.png) no-repeat center center;opacity:0;}

.room-list-box dl a:hover dt:before,
.room-list-box dl a:hover dt:after	{opacity: 1;}

.room-list-box dl dt img{width:100%;height:auto;}
.room-list-box dl dd{margin-top:18px;}
.room-list-name1{font-size: 108%;line-height: 1.0;letter-spacing: 0.3em;}
.room-list-name2{font-size: 172%;line-height: 1.0;letter-spacing: 0.35em;margin-top:14px;}
.room-list-name3{font-size: 100%;line-height: 1.0;letter-spacing: 0.35em;margin: 10px auto 0 auto;border-bottom: 1px dotted #555;width: 90%;padding-bottom: 15px;}

/*このお部屋を予約する*/
.room-list-reserve{width:250px;margin:15px auto 0 auto;}
.room-list-reserve a{font-size:100%;background-color: #004688;color: #fff;height:40px;line-height:38px;display: block;text-align: center;text-decoration: none;}
.room-list-reserve a:hover{opacity: 0.5;}


/*==========　各お部屋の詳細ページ（room/economytwinなど）==========*/
body.naka .section#section-room .container{text-align:center;}

.room-com2{font-size: 136%;letter-spacing:0.2em;margin-top: 10px;}
body.naka h2.room-title3{font-size:220%;text-align: center;color: #000;line-height:1.6;letter-spacing: 0.3em;font-weight: 300;margin-top:5px;}

ul.nextprev-ul{position:absolute;width:850px;margin: 25px auto 0 auto;right: 0;left: 0;font-size: 93%;}
ul.nextprev-ul li.prev{float:left;}
ul.nextprev-ul li.next{float:right;}
ul.nextprev-ul li a{text-decoration:none;}
ul.nextprev-ul li a:hover{text-decoration:underline;}

/*bx-slider*/
body#room #section-room .bx-wrapper{max-width: 1400px !important;margin-top:30px;z-index: 5;}
ul#bxslider-room-eco-img{}

/*セミスイート専用*/
.semi-text{position: absolute;z-index: 1;width: 1390px;text-align: right;margin: -52px auto 0 auto;right: 0;left: 0;font-size: 108%;line-height: 1.1;}

.room-com-standard{max-width: 1400px;margin:-30px auto 0 auto;text-align: right;font-size: 108%;line-height: 1.3;position: absolute;right: 0;left: 0;}

.room-com3{font-size: 112%;letter-spacing: 0.1em;margin-top: 80px;text-align: center;line-height: 2;}
.room-com3 span{display:block;}

.room-com3-cap{display: table;margin: 15px auto 0 auto;max-width: 660px;font-size: 90%;letter-spacing: 0;color:#cc3333;text-align: left;line-height: 1.4;}


/*お部屋情報*/
.room-one-box{margin:80px auto 0 auto;width:1020px;}
.map-left{float:left;width:46%;border:3px solid #c7d3dc;background:url(../room/img/map_plus.gif) no-repeat right top;text-align:center;padding:35px 0 30px 0;}
.map-left p{font-size: 93%;line-height:1.1;padding-top:5px;}
.map-left a{display:block;}

.room-right{float:right;width:48%;}
.room-right-title{font-size:172%;border-bottom:1px dotted #999;padding-bottom: 14px;line-height: 1;margin-bottom: 27px;}

table.room-right-table{width:100%;}
table.room-right-table th{background-color:#c7d3dc;text-align:left;font-weight:400;padding: 0 0 2px 10px;}
table.room-right-table td{font-size:100%;padding: 5px 0 10px 10px;}

ul.room-right-ul{margin: 20px 0 0 25px;}
ul.room-right-ul li{list-style:disc;font-size:93%;}

/*温泉情報*/
.room-one-onsen-box{margin:60px auto 0 auto;width:1400px;background-color:#ecedec;padding: 40px 45px 0 45px;}
.room-one-onsen-left{float:left;width:58%;}
.room-one-onsen-left img{max-width: 96%;width:100%;height:auto;}

.room-one-onsen-right {float: right;width: 41%;}
.room-one-onsen-title{font-size:215%;border-bottom:1px dotted #999;padding:20px 0 14px 0;line-height: 1;margin-bottom:20px;}
.room-one-onsen-com1{line-height:1.9;}

.room-one-onsen-title2{font-size:143%;line-height: 1;margin:25px 0 10px 0;}
.room-one-onsen-com2{font-size:93%;line-height:2;}

.room-one-onsen-com3{font-size:93%;line-height:1.3;color:#cc3333;margin-top:20px;}

/*お部屋からの景色*/
.room-one-view-box{margin:110px auto 0 auto;max-width:1200px;}
.room-one-view-title{font-size:172%;line-height: 1;text-align: center;}
ul.room-one-view-ul{margin-top:30px;text-align: center;}
ul.room-one-view-ul li{display:inline-block;width: calc(33% - 12px);margin-right:12px;font-size:79%;vertical-align: top;}
ul.room-one-view-ul li:last-child{margin-right:0;}
ul.room-one-view-ul li img{width:100%;height:auto;}

/*設備・アメニティ*/
ul#room-ameni-img{text-align:center;margin-top: 30px;}
ul#room-ameni-img li{display: inline-block;width:185px;margin:0 8px;}
ul#room-ameni-img li img{width:100%;height:auto;}

/*====== アメニティをクリックしたときの詳細(colorbox内) ======*/
#colorbox {background-color:#fff;}
/*ボタンを黒に*/
#cboxClose {background: url(../colorbox/images/close_black.png) no-repeat top center;}
#cboxNext {background: url(../colorbox/images/next_black.png) no-repeat top right;}
#cboxPrevious {background: url(../colorbox/images/prev_black.png) no-repeat top left;}

dl.ameni-inline-cont{padding:30px 75px 30px 55px;}
dl.ameni-inline-cont dt{float:left;width:450px;}
dl.ameni-inline-cont dd{float:right;width:235px;}
.ameni-title{font-size:200%;color:#000;padding-top:20px;}
.ameni-com1{font-size:95%;color:#333;padding-top:15px;line-height:1.8;}

.room-one-ameni-box{margin:110px auto 0 auto;}
.room-one-ameni-com{width:1020px;margin:0 auto;}
.room-one-ameni-com p{margin-top:30px;font-size:93%;}

.room-one-ameni-dl{margin:50px auto 0 auto;width: 1020px;}
.room-one-ameni-dl dt{float:left;width:68%;}
.room-one-ameni-dl dd{float:right;width:28%;}

.room-one-ameni-dl-title{font-size:129%;border-bottom:1px dotted #999;padding-bottom:14px;line-height: 1;margin-bottom:7px;}

ul.room-one-ameni-dl-ul{}
ul.room-one-ameni-dl-ul li{float:left;font-size:93%;margin-right:45px;line-height:1.8;}
ul.room-one-ameni-dl-ul li:last-child{margin-right:0;}

.room-one-ameni-dl-com{font-size:86%;margin:30px 0 0 7px;}


/*宿泊料金表*/
.room-one-hotelfee-box{margin:110px auto 0 auto;}

#hotelfee-cont{}

.hotelfee-com1{font-size:86%;color: #444;line-height:1.2;text-align:right;margin-top:5px;}

table.hotelfee-table{width:100%;margin-top:6px;font-size:93%;border-collapse: collapse;}
table.hotelfee-table th{color: #000;text-align:center;padding:2px 0 3px 0;background-color: #c7d3dc;font-weight: 400;}
table.hotelfee-table td{font-size: 100%;text-align:center;padding: 5px 0 6px 0;border: none;}
table.hotelfee-table td.borderbottom{border-bottom:1px dotted #888;padding-bottom:6px;}
table.hotelfee-table .table1{width:150px;}
table.hotelfee-table .table2{width:150px;}

.hotelfee-com2{font-size:93%;color: #444;margin-top:15px;text-align: left;}





/*==========　館内案内ページ（facilities）==========*/
/*ページ上部big画像------------*/
body#facilities #naka-headerimgs{background:#000 url(../facilities/img/naka_bigimg_faci.jpg) no-repeat center top;}

/*ロビーラウンジ*/
/*bx-slider*/
body#facilities .bx-wrapper{max-width: 1400px !important;margin-top: 70px !important;}
ul#bxslider-faci-img{}

.lobby-box{position: relative;margin:-120px auto 0 auto;text-align: center;width: 1020px;right: 0;left: 0;}
.lobby-box dl{}
.lobby-box dl dt{display:inline-table;width:50%;text-align:left;margin-right: 4%;margin-top:170px;}
.lobby-box dl dd{display:inline-block;width:45%;text-align:right;}

.faci-title{font-size: 222%;line-height: 1.3;padding-bottom: 20px;}
.faci-com{line-height:1.9;}

.lobby-box dl dd p{}


/*ライブラリー「白舟-しらほ-」*/
.faci-box-left{max-width:1550px;margin:0 auto;}

.faci-box-left dl dt{float:left;width:66%;padding-left:20px;}
.faci-box-left dl dt img{max-width:999px;width:100%;height:auto;}

.faci-box-left dl dd{float:right;width:30%;padding-right:20px;}
.faci-box-left dl dd img{max-width:435px;width:100%;height:auto;padding-top:50px;}

.faci-box-left .faci-title{padding-top:30px;}
.faci-box-left .faci-title span{display:block;font-size:55%;letter-spacing:0.2em;}

/*ギャラリーショップ「瑪瑙-めのう-」*/
.faci-box-right{max-width:1550px;margin:0 auto;}

.faci-box-right dl dt{float:right;width:66%;padding-right:20px;}
.faci-box-right dl dt img{max-width:999px;width:100%;height:auto;}

.faci-box-right dl dd{float:left;width:30%;padding-left:20px;}
.faci-box-right dl dd img{max-width:435px;width:100%;height:auto;padding-top:50px;}

.faci-box-right .faci-title{padding-top:30px;}
.faci-box-right .faci-title span{display:block;font-size:55%;letter-spacing:0.2em;}

ul.faci-ul{text-align:center;margin-top:30px;}
ul.faci-ul li{display:inline-block;margin:0 20px;}

/*スパ・エステ“BLU SPA by C."
.faci-com span.spa{display:block;text-align:right;}
*/

/*施設情報*/
.faci-title2{font-size:186%;font-weight:400;line-height: 1;text-align: center;}

table.faci-table1{width:100%;margin-top:30px;}
table.faci-table1 caption{font-size:100%;background-color:#c7d3dc;text-align:center;padding:0px 0 1px 0;letter-spacing:0.2em;}
table.faci-table1 tr{vertical-align:top;}
table.faci-table1 th{font-size:93%;padding:9px 7px 10px 7px;font-weight:300;text-align:left;width:170px;border-bottom:1px dotted #bbb;}
table.faci-table1 th span{}
table.faci-table1 td{font-size:93%;padding:9px 0 10px 10px;border-bottom:1px dotted #bbb;}






/*==========　お料理ページ（cuisine）==========*/
/*ページ上部big画像------------*/
body#cuisine #naka-headerimgs{background:#000 url(../cuisine/img/naka_bigimg_cuis.jpg) no-repeat center top;}

body#cuisine .section.top{padding:70px 0 20px 0;}

body.naka h2.cuis-title1{font-size:160%;text-align: center;color: #000;line-height:1.6;letter-spacing: 0.3em;font-weight: 300;}
.cuis-com{margin-top: 30px;line-height:2.0;letter-spacing:0.2em;text-align:center;}

.cuis-com.allergy{margin-top:15px;line-height:1.7;font-size:85%;color:#CC4D0D;letter-spacing: 0.1em;}

body#cuisine.naka .section:nth-child(2n+1) {background-color:#fff;}

.cuis-container {position: relative;width:1300px;margin: 0 auto -30px auto;text-align: left;}

/*マークの左右に横線*/
.cuis-mark{display: flex;	align-items: center;}
.cuis-mark:before,
.cuis-mark:after {content: "";flex-grow: 1;height: 1px;background:#999;display: block;}
.cuis-mark:before {margin-right:3em;}
.cuis-mark:after {margin-left:3em;}


body.naka h2.cuis-title2{font-size: 180%;line-height: 1.5;letter-spacing: 0.4em;color: #000;margin-top: 12px;}
body.naka h2.cuis-title2 span{font-size:40%;display: block;letter-spacing: 0.2em;}
.cuis-time{font-size:93%;margin-top: 10px;text-align: center;}

.cuis-img-box{width:100%;background:url(../cuisine/img/cuis_bg2.png) no-repeat right 230px;padding:90px 0 90px 0;}

.cuis-img-box:nth-child(3):before,
.cuis-img-box:nth-child(4):before,
.cuis-img-box:nth-child(5):before,
.cuis-img-box:nth-child(6):before{display: block;content: "";position: absolute;border-top: 1px solid #aaa;width:60%;right:0;left:0;margin: -90px auto 0 auto;}


.cuis-img-box dl{width:1300px;margin:0 auto 0 auto;}
.cuis-img-box dl dt{float:left;width:57%;}
.cuis-img-box dl dt img{max-width:100%;}

.cuis-img-box dl dd{float:right;width:38%;}

ul.cuis-img-box-ul{margin-top:13px;width:100%;overflow:hidden;}
ul.cuis-img-box-ul div{width:105%;font-size: 1%;}
ul.cuis-img-box-ul li{display:inline-block;width: 30.3%;margin-right: 2.1%;}
ul.cuis-img-box-ul li:nth-child(3){margin-right:0;}
ul.cuis-img-box-ul li a{display:block;width:100%;height: 0;padding-top:68%;background-size: cover !important;text-decoration: none;}
ul.cuis-img-box-ul li a:hover{opacity: 0.7;}


.cuis-title3{font-size:216%;line-height:1.2;color:#000;font-weight:400;border-left:10px solid #999;padding:11px 0 13px 20px;}
.cuis-com2{font-size:165%;line-height:1.7;letter-spacing:0.1em;margin-top:40px;color: #000;}
.cuis-com3{font-size:108%;line-height:1.7;letter-spacing:0.1em;margin-top:30px;}
				
.btn-cuis{margin-top:40px;}
.btn-cuis a{position: relative;color: #fff;padding:5px 0 6px 0;background-color: #004688;display: block;text-decoration: none;font-size:100%;text-align: center;width:290px;text-indent:-20px;}
/*右に三角矢印*/
.btn-cuis a:after{display: block;content: "";position: absolute;top: 50%;right:12px;width: 0;height: 0;margin-top: -5px;border: 5px solid transparent;/*top right bottom を透明化 */ border-left: 5px solid #fff;}
.btn-cuis a small{font-size:58%;color:#A6C2E1;padding-left:10px;vertical-align: middle;padding-bottom: 3px;}
.btn-cuis a:hover{background-color: #006bcc;}

.cuis-com4{font-size:93%;line-height:1.3;margin-top:40px;}

/*偉人が認めた下関の“ふく”*/
.cuis-column{margin-top:100px;background-color:#f2f2f2;padding:50px 0;}
.cuis-column-midashi{text-align:center;font-size:232%;color:#335f7d;line-height:1.1;font-weight:400;padding-bottom:20px;}

.cuis-column-box dl{}
.cuis-column-box dl dd{color:#25465a;line-height:2.0;}
.cuis-column-box dl dd p{letter-spacing: 0;font-size:100%;text-align:center;}

/*朝食*/
#section-moring .cuis-img-box{background:none;}
#section-moring .cuis-title3{font-size:208%;border-left:10px solid #3487d1;}


/*お子様メニュー*/
.cuis-child-box{width:1300px;margin:10px auto 0 auto;overflow: hidden;}
ul.cuis-child-ul{width:1350px;}
ul.cuis-child-ul > li{display:inline-block;width: 46%;margin-right: 2.5%;vertical-align:top;margin-top: 60px;}

.cuis-child-title{font-size:165%;line-height:1.2;color:#000;font-weight:400;border-left:6px solid #3487d1;padding:7px 0 9px 16px;}
.cuis-child-img{margin-top:7px;}
.cuis-child-img img{max-width:100%;}

.cuis-child-com2{font-size:108%;line-height:1.3;margin-top:10px;color: #000;}
.cuis-child-com3{font-size:93%;line-height:1.3;margin-top:10px;}
.cuis-child-com4{font-size:93%;line-height:1.3;margin-top:12px;}

/*宿泊プラン*/
body#cuisine.naka #section-plan{background-color: rgba(204, 204, 204, 0.25) !important;}




/*==========　リピーターのお客様ページ（repeater）==========*/
/*ページ上部big画像------------*/
body#repeater #naka-headerimgs{background:#000 url(../repeater/img/naka_bigimg_repeater.jpg) no-repeat center top;}
body#repeater #naka-headerimgs p {width: 480px;letter-spacing: 0.05em;}

body#repeater .section.top{background:url(../repeater/img/repeater_bg.jpg) no-repeat center top 100px;padding:70px 0 80px 0;}

ul.repeat-ul1{font-size: 93%;line-height: 1.4;color: #cc3333;margin:50px 0 0 0;text-align: center;}
ul.repeat-ul1 li{margin-top:8px;text-indent:-1em;padding-left:1em;}

.repeat-container{padding: 0 10px;margin: 30px 0 100px 0;}

.repeater-box{max-width:1500px;margin:0 auto;width:100%;text-align:center;background-color:rgba(255,255,255,0.6);padding:60px 8%;box-shadow:0 2px 15px rgba(0,0,0,0.15);}

dl.repeater-dl{border-bottom: 1px solid #999;padding-bottom: 75px;margin-bottom: 75px;}
dl.repeater-dl:last-child{border-bottom:none;padding-bottom: 0;margin-bottom:0;}
dl.repeater-dl dt{float: left;width: 100%;text-align: left;}
dl.repeater-dl dd{float: right;width: 50%;}

dl.repeater-dl dt .number{display: table;margin: 10px 0 30px 80px;font-size: 255%;font-style: italic;font-weight: 500;background: url(../img/mark.png) no-repeat left top 12px /25px;padding-left: 36px;line-height: 1;}
dl.repeater-dl dt .number small{font-style: normal;font-size: 47%;letter-spacing: 0.1em;position: relative;top: -7px;padding-right: 3px;}
dl.repeater-dl dt .number img{margin: 0 0 7px 15px;}
dl.repeater-dl dt .midashi{font-size: 150%;font-weight: 500;line-height: 1.4;margin-bottom: 30px;}
dl.repeater-dl dt .com{font-size: 105%;line-height: 1.8;margin-bottom: 35px;}

dl.repeater-dl dt .repeater-kuwashii{}
dl.repeater-dl dt .repeater-kuwashii a{font-size: 114%;line-height: 45px;height: 47px;width: 100%;max-width: 80%;border-radius: 47px;overflow: hidden;color: #fff;text-align: center;text-decoration: none;display: block;
			background: url(../img/icon_pdf.gif) no-repeat ,url(../img/repeater_kuwashii_nami.png) no-repeat;background-position:left 10% center, right top 15px;background-color: #004586;background-size: auto , 125px;}
dl.repeater-dl dt .repeater-kuwashii a:hover{background-color:#006bcc;}

dl.repeater-dl dd .repeater-img{}
dl.repeater-dl dd .repeater-img a{width: 100%;padding-top: 64%;height: 0;display: block;background-size: cover !important;background-repeat: no-repeat !important;background-position: center center !important;}






/*==========　交通案内ページ（access/）==========*/
body.naka h2.access-title{font-size: 160%;text-align: center;color: #000; line-height: 1.6;letter-spacing: 0.3em;font-weight: 300;}
/*ページ上部big画像------------*/
body#access #naka-headerimgs{background:#000 url(../access/img/naka_bigimg_access.jpg) no-repeat center top;}

/*googleMAP*/
.googlemap_area {width: 100%;height:480px;margin-top:10px;}

.access-map-box{position:relative;max-width:970px;margin:80px auto 0 auto;}
.access-map1{}
.access-map-arrow{position:absolute;z-index:10;left:430px;top:23px;}
.access-map2{position:absolute;z-index:20;right:0;top:23px;}

table.access-map-table{max-width:970px;width: 100%;margin:40px auto 0 auto;border-top:1px dotted #bbb;}
table.access-map-table tr{vertical-align:top;}
table.access-map-table th{font-size:100%;padding:9px 7px 10px 7px;font-weight:300;text-align:left;width:170px;border-bottom:1px dotted #bbb;}
table.access-map-table th span{}
table.access-map-table td{font-size:100%;padding:9px 0 10px 10px;border-bottom:1px dotted #bbb;}

.access-img-box{text-align:center;margin:0 auto 0 auto;max-width:998px;}

body.naka h2.access-title1{font-size:190%;text-align: center;color: #000;line-height:1.6;letter-spacing: 0.2em;font-weight: 300;}
.access-img{text-align:center;margin-top: 40px;}
.access-img img{max-width:100%;}

/*周辺観光*/
.kankou-img-box{width:1000px;margin:0 auto;overflow:hidden;}

.kankou-com1{font-size: 108%;margin-top: 30px;text-align:center;line-height: 2.0;letter-spacing: 0.2em;}

ul.kankou-ul{width:105%;margin-top:10px;}
ul.kankou-ul li{float:left;width:30%;margin-right:3%;margin-top:40px;}

.kankou-ul-img{width:100%;}
.kankou-ul-title{font-size:143%;color:#000;margin-top:3px;}
.kankou-ul-title span{font-size:65%;}
ruby {position: relative;}
ruby rt {position: relative;top: 0.6ex;font-size:40%;}
.kankou-ul-com{font-size: 93%;line-height: 1.6;margin-top:8px;padding-bottom:10px;}





/*==========　採用情報ページ（recruit/）==========*/
/*ページ上部big画像------------*/
body#recruit #naka-headerimgs{background:#000 url(../recruit/img/naka_bigimg_recruit.jpg) no-repeat center top;}



body.naka h2.recruit-title1{font-size:170%;text-align: center;color: #000;line-height:1.6;letter-spacing: 0.2em;font-weight: 300;}

.recruit-com{margin-top: 30px;line-height:2.0;letter-spacing:0.2em;text-align:center;}

body.naka h2.recruit-h2{color: #000;font-size: 190%;margin: 90px 0 30px 0;letter-spacing: 0.6em;}

.recruit-box{border-top:3px solid #004688;border-bottom: 3px solid #004688;margin-bottom: 30px;}


/*= 募集要項一覧 =*/
/*募集なし*/
.no-saiyou{padding:15px 0 0 10px;line-height:1.2;}

.recruit-list-dl{border-bottom:1px dotted #999;}
.recruit-list-dl a{padding: 3px 0 17px 0;display: block;}

.recruit-list-dl dt{padding:19px 15px;cursor: pointer;}
.recruit-list-dl dt .recruit-date{float:right;font-size: 85%;color: #555;letter-spacing: 0;margin-right: 1%;}
.recruit-list-dl dt .recruit-date img{margin: 0 0 6px 8px;}
.recruit-list-dl dt .icon{float: left;margin-top: 2px;line-height: 1;width: 45px;margin-right: 15px;}
.recruit-list-dl dt .icon img{width:45px;height:auto;}
.recruit-list-dl dt .title{float: left;padding-left: 10px;font-size:115%;line-height:1.3;font-weight:bold;color:#333;text-decoration:none;transition: 0.5s;background:url(../img/arrow_blue4-7.png) no-repeat left top 10px;}
.recruit-list-dl dt .title span.shokushu{padding-left: 8px;text-decoration: none !important;display: inline-block;}
.recruit-list-dl dt .title img{margin: 0 0 5px 6px;}

/*受付終わり*/
.recruit-list-dl dt.uketuke_end{pointer-events:none;}
.recruit-list-dl dt.uketuke_end .title{color:#888;}

.recruit-list-dl > dd{display:none;}

.recruit-list-dl dt:hover{background-color: rgba(0,66,125,0.05);}
.recruit-list-dl dt:hover .title{color: #004688;margin-left: 5px;}

.recruit-list-dl dt.open{background-color:#f5f5f5;}
.recruit-list-dl dt.open .title{color: #999;}



/*= 募集要項詳細 =*/
body#recruit.one h2.recruit-h2 {margin: 30px 0 30px 0;}

.youkou-box{}
table.youkou-table{width: 100%;}

table.youkou-table th{width: 170px !important;border: none;border-bottom: 1px dotted #aaa;text-align: left;padding: 14px 10px 14px 18px;vertical-align: top;line-height: 1.5;background-color:transparent;/*! background-color: rgba(0,66,125,0.05); */}
table.youkou-table th p{background-color:#808080;color:#fff;text-align:center;line-height: 26px;/*! height: 26px; */font-weight: 500;letter-spacing: 0.1em;font-size: 93%;}
table.youkou-table th.youkou-th{border-bottom: 2px solid #004688;background-color: rgba(0,66,125,0.05);}
table.youkou-table th.youkou-th p{font-size:93%;background-color:#004688;color:#fff;margin:8px 0;text-align:center;line-height: 26px;/*! height: 26px; */}
table.youkou-table th.youkou-th-big{ background-color: rgba(0,66,125,0.05);}
table.youkou-table th.youkou-th-big p{background-color:#004688;}

table.youkou-table td{border: none;border-bottom: 1px dotted #aaa;text-align: left;padding: 14px 10px 14px 30px;line-height: 1.5;background-color:transparent;font-size: 95%;}
table.youkou-table td.youkou-td{border-bottom: 2px solid #004688;background-color: rgba(0,66,125,0.05);}
table.youkou-table td.youkou-td h1{font-size:136%;line-height: 1.2;font-weight:600;color: #444;margin:15px 0 12px 0;}
table.youkou-table td.youkou-td big{font-size: 130%;font-weight: bold;}
table.youkou-table td.youkou-th-big{ background-color: rgba(0,66,125,0.05);}

.naka-kuwashii.recruit-single{margin-top: 60px;}
.naka-kuwashii.recruit-single a{font-size: 100%;}


/*申込みボタン----採用申込みフォームはない。このボタンは使っていない*/
.naka-kuwashii.recruit-form.uke-ok,
.naka-kuwashii.recruit-form.uke-end{display:none;}

.naka-kuwashii.recruit-form.uke-ok.uketuke-ok,
.naka-kuwashii.recruit-form.uke-end.uketuke-end{display: block;}

.naka-kuwashii.recruit-form.uke-ok.uketuke-ok{text-decoration: none;/*! background: url(../img/naka_kuwashii.png) no-repeat 0 0; */margin: 30px 0;}
.naka-kuwashii.recruit-form.uke-ok.uketuke-ok input[type="submit"]{font-size: 115%;color: #fff;/*! line-height: 51px; */height: 49px;font-weight: 600;text-align: center;border: none;padding: 0;background-color: #282e48;display: inline-block;max-width: 300px;width: 100%;background: #383e5a url(../img/arrow_white33-77.png) no-repeat left -9px center;transition: 0.8s;}
.naka-kuwashii.recruit-form.uke-ok.uketuke-ok input[type="submit"]:hover{background-color: #1d34a3;background-position: left 1px center;padding-left: 10px;}

/*申込みendはボタン反応なし*/
.naka-kuwashii.recruit-form.uke-end.uketuke-end{font-size: 115%;color:#777;line-height: 52px;height: 49px;font-weight: 600;background-color: #e9e9e9;display: table;margin: 25px auto;max-width: 280px;width: 100%;}








/*==========　個人情報保護方針ページ（privacy）==========*/
.naka-privacy-box{}
ul.privacy-ul{margin:30px 0;}
ul.privacy-ul h4{font-size: 108%;line-height: 1.3;color: #004688;font-weight: 400;}

ul.privacy-ul li{font-size:100%;line-height: 1.8;padding-left: 2em;text-indent: -1em;color:#333;}

ul.privacy-ul p{font-size:100%;line-height: 1.8;padding-left: 1em;color:#333;}
								





/*==========　宿泊約款ページ（agreement）==========*/
table.agreement-table{border-collapse: collapse;background-color:transparent;width:100%;}
table.agreement-table tr{vertical-align:top;}
table.agreement-table th{font-size:108%;padding:4px 0 4px 0;line-height:1.5;font-weight:400;}
table.agreement-table td{font-size:100%;padding:4px 5px 4px 5px;line-height:1.5;}

.border-bottom{border-bottom:1px dotted #999;border-top:none;border-left:none;border-right:none;}

table.agreement-table2{border-collapse: collapse;background-color:transparent;width:80%;margin-top: 10px;}
table.agreement-table2 tr{vertical-align:top;}
table.agreement-table2 th{font-size:100%;padding:4px 0 4px 0;line-height:1.5;font-weight:400;border:1px solid #ccc;}
table.agreement-table2 td{font-size:100%;padding:4px 5px 4px 5px;line-height:1.5;border:1px solid #ccc;}

.agreement-com1{font-size:93%;margin:4px 0 -5px 0;line-height:1.5;font-weight:300;}




/*==========　お問合せ・資料請求ページ（toiawase）==========*/
.toiawase-com1{text-align:center;margin-top:30px;}

/*お急ぎの方は*/
.toiawase-box-space{width:100%;margin:7px 0 25px 0;}
#toiawase-ul{list-style:none none outside;text-align:center;margin-left:0;}
#toiawase-ul li{display:inline-block;font-size:172%;padding:0;color:#004688;font-family:'Cinzel', serif;text-shadow: 1px 1px 0 rgba(0,163,188,0.4);}

.toiawase-form-cap{font-size:86%;line-height:1.2;width:960px;margin:60px auto 7px auto;}

.toiawase-form-title{font-size: 129%;color: #fff;text-align: center;line-height: 30px;height: 32px;background-color: #afaeab;letter-spacing: 0.3em;width:1020px;margin:0 auto;}

/*レスポンシブ対応 table*/
#toiawase-form table{width:960px;margin:5px auto 0 auto;border-collapse: collapse;}
#toiawase-form table tr{vertical-align:middle;}
#toiawase-form table th{width: 280px;padding: 17px 5px 10px 5px;text-align: left;border: none;vertical-align: top;}
#toiawase-form table th .mark-need{background-color:#cc0000;color:#fff;font-size: 79%;line-height: 14px;padding: 3px 0 5px 0;width: 56px;font-weight: 300;text-align: center;height: 22px;float: left;margin-right:30px;}
#toiawase-form table th .mark-need.unneed{background-color:#004688;}
#toiawase-form table th .title{font-size:100%;line-height:1.3;color: #000;font-weight: 300;}
#toiawase-form table td{font-size:100%;line-height:1.3;color:#444;padding:10px 0;border:none;}

/*字下げ*/
.jisage{padding-left: 1em;text-indent: -1em;}

/*フォームのもろもろ*/
form{padding:0;margin:0;}
select {border:1px  solid #bbb;padding:1px 1px 1px 3px;font-size:14px;line-height:120%;margin-right:2px 3px 0 2px;}
textarea{width:100%;margin:3px 0;background-color:#f7f7f7;border: 1px solid #ccc;padding: 3px;font-size: 14px;line-height:130%;}
input{border:1px solid #ccc;padding:7px 5px;font-size:14px;background-color:#f7f7f7;vertical-align: middle;}
#input-wide100{width:100%;}
#input-wide0{width:60px;}
#input-wide1{width:100px;}
#input-wide2{width:150px;}
#input-wide3{width:200px;}
#input-wide4{width:300px;}
#input-wide5{width:400px;}
#input-wide6{width:600px;}
#input-wide11{padding:5px 0 6px 0;font-size:18px;cursor:pointer;}
#input-wide12{padding:5px 0 6px 0;font-size:18px;cursor:pointer;font-weight:400;}

/*プレースホルダー用*/
:placeholder-shown {color:#8a8a8a;}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {color:#8a8a8a;}
/* Firefox 18- */
:-moz-placeholder {color:#8a8a8a;}
/* Firefox 19+ */
::-moz-placeholder {color:#8a8a8a;}
/* IE 10+ */
:-ms-input-placeholder {color:#8a8a8a;}



.privacy-box{border: 1px dotted #bbb;padding: 7px;font-size:100%;margin-bottom:7px;}
.privacy-box ol{padding: 0 10px 2px 5px;list-style: none;}
.privacy-box li{font-size:93%;line-height:1.4;}

input[type='submit']{cursor: pointer;}
input[type='text'],
input[type='password']{}
input[type='checkbox']{margin-bottom: 5px;}


ul.toiawase-com1{margin-top:80px;text-align:center;list-style:none;}
ul.toiawase-com1 li{font-size:100%;line-height:1.4;margin-top:10px;}


/*確認する＆送信するボタン*/
.form-submit{text-align:center;margin-top:25px;}
.form-submit input{cursor:pointer;background-color:#004688;line-height: 48px;height: 50px;color: #fff;font-size: 115%;font-weight: 400;width: 700px;padding: 0;border: none;
									font-family: source-han-serif-japanese,serif, "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
.form-submit input:hover{background-color:#006bcc;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}


/*リセットボタン & 戻るボタン*/
.form-submit input.reset{width:140px;margin-left:40px;background-color:#999;border:1px solid #999;}
.form-submit input.reset:hover{background-color:#ddd;border:1px solid #999;color:#555;}

		
/*送信内容のエラー処理表示------------------------*/
/*-----Error-----*/
.errorBox{border:1px #d44 solid;padding:10px;background-color:#fffcdd;margin: 30px 0 -30px 0;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.errorBox .errorTitle{font-size:100%;line-height:1.1;color:#fff;padding:3px 2px 4px 2px;background-color:#d44;margin:0 0 8px 0;text-align:center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.errorBox .errorComm{font-size:86%;line-height:1.6;color:#d44;text-align:left;margin:0;}
/*-----Error form-----*/
fieldset{margin:0;padding:0;border:none;}
.errorForm{background-color:#fffcdd;border:1px solid #d44 !important;}	


/* 内容確認用のスタイル------------*/
.toiawase-kakunin{font-size:108%;margin-top: 7px;}
.form-kakunin1{font-size: 122%;font-weight: 400;color: #666;line-height: 1.3;text-align: center;margin:30px 0 40px 0;}
.form-kakunin2{font-size:108%;line-height:1.5;margin-top: 40px;text-align: center;}


/* 送信完了のスタイル------------*/
h2.kanryo{font-size: 265%;margin:30px 0 20px 0;}
#form-kanryo-waku{padding:10px 0 50px 0;}
.form-kanryo1{font-size: 136%;font-weight: 400;color:#004688;line-height:1.4;text-align: center;}
.form-kanryo2{font-size: 100%;line-height: 2.0;margin-top: 30px;text-align: center;}






/*==========　404ページ（404/）==========*/
.error-box{margin:80px 0 150px 0;}

.error-midashi1{font-size:136%;font-weight:600;color:#333;line-height:1.4;text-align: center;margin-top:80px;}
.error-midashi2{font-size:100%;line-height:1.7;margin-top:40px;text-align: center;}