@charset "UTF-8";
/* CSS Document */

*:not(select):not(input), *:before, *:after {
    margin: 0;
    padding: 0;
	border: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
html, body {
	width:100%;
	margin:0;
	padding:0;
}
body {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(../images/common/back_20.png);
	height:100%;
	font-size:14px;
	line-height:1.5;
}
body.b_black {
	background:#000;
}
.clearfix:after {
    content:"";
    display:block;
    clear:both;
}
img {
	max-width:100%;
	margin:0;
	padding:0;
	vertical-align:bottom;
}
a {
	text-decoration:none;
	color:#262626;
}
a:hover {
	cursor: pointer
}
h1 a:hover {
	opacity:1;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	letter-spacing:normal;
}

.align {
	text-align:center;
}
.align_left {
	text-align:left;
}
.align_right {
	text-align:right;
}

.bold {
	font-weight:bold;
}
.font_s {
	font-size:12px;
}
.clear {
	clear:both;
}


/*margin*/
.mb0 {margin:0 !important;}
.mb10 {margin:0 0 10px !important;}
.mb20 {margin:0 0 20px !important;}
.mb30 {margin:0 0 30px !important;}
.mb40 {margin:0 0 40px !important;}
.mb45 {margin:0 0 45px !important;}
.mb50 {margin:0 0 50px !important;}
.mb60 {margin:0 0 60px !important;}
.mb70 {margin:0 0 70px !important;}
.mb80 {margin:0 0 80px !important;}
.mb100 {margin:0 0 100px !important;}





/* 
------------------------------------------------------------------------------------------------------------------------
Layout 
------------------------------------------------------------------------------------------------------------------------
*/

#wrap_box {
	max-width:1700px;
	margin:0 auto;
	height:100%;
	width:100%;
	position:relative;
	background:#fff;
	overflow:hidden;
}
.wrap,.mainimage {
	padding:0 0 0 150px;
	width:100%;
	height:100%;
	box-sizing:border-box;
}
.content {
	max-width:1200px;
	margin:0 auto;
	padding:0 20px;
	box-sizing:content-box;
}
.mainimage {
	height:auto;
	position:relative;
}
.mainimage h2 {
	margin-left:-75px;
	width:100%;
	position:absolute;
	text-align:center;
	top:50%;
	transform:translate(0,-50%);
	color:#fff;
	font-size:40px;
	text-shadow:0 0 5px rgba(0,0,0,0.7);
}
.mainimage h2 span{
	display:block;
	font-size:20px;
}

/* リストスタイル */
li {
	list-style:none;
}
.style_dot li {
	list-style:disc;
	margin:0 0 0 15px;
}
.style_num li {
	list-style:decimal;
	margin:0 0 0 15px;
}

/* パンくず */
.pnkz {
	background:#433D3C;
	padding:7px 0 7px 150px;
	margin:0 0 50px;
}
.pnkz,.pnkz a{
	color:#fff;
	font-size:12px;
}
.pnkz a:hover{
	text-decoration:underline;
}
.pnkz li{
	display:inline-block;
	padding:0 40px 0 0;
	position:relative;
}
.pnkz li:before{
	position: absolute;
	top: 0;
	bottom: 0;
	right:15px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.pnkz li:last-child:before{
	display:none;
}



/* 詳細ボタン */
.btn_group li {
	display:inline-block;
	margin:0 10px 10px 0 !important;
}

.detail_btn a{
	display:inline-block;
	background:#E0B09B;
	border:1px solid #E0B09B;
	padding:10px 20px 10px 36px;
	color:#fff;
	font-size:15px;
	position:relative;
}
.detail_btn.gold a{
	background:#C69401;
	border:1px solid #C69401;
}
.detail_btn a:hover{
	background:#fff;
	color:#E0B09B;
}
.detail_btn.gold a:hover{
	color:#C69401;
}
.detail_btn02 a{
	display:inline-block;
	border:1px solid #E0B09B;
	padding:10px 20px 10px 36px;
	color:#E0B09B;
	font-size:15px;
	position:relative;
}
.detail_btn02 a:hover{
	background:#E0B09B;
	color:#fff;
}

.detail_btn a:before,
.detail_btn a:after,
.detail_btn02 a:before,
.detail_btn02 a:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.detail_btn a:before,
.detail_btn02 a:before{
	left: 14px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.detail_btn.down a:before,
.detail_btn02.down a:before{
	left: 14px;
	top:-4px;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.detail_btn a:hover:before{
	border-top: 1px solid #E0B09B;
	border-right: 1px solid #E0B09B;
}
.detail_btn.gold a:hover:before{
	border-top: 1px solid #C69401;
	border-right: 1px solid #C69401;
}
.detail_btn02 a:before{
	border-top: 1px solid #E0B09B;
	border-right: 1px solid #E0B09B;
}
.detail_btn02 a:hover:before{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}









/* リンク 矢印 */
.arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	}
.arrow:before,
.arrow:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.arrow:before{
	left: 3px;
	width: 4px;
	height: 4px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow.bw:before{
	border-top: 1px solid #a37e82;
	border-right: 1px solid #a37e82;
	width:6px;
	height:6px;
}







/* インフォDL */
dl.info {
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-top:1px dashed #999999;
	margin:0 0 50px;
}
.info dt {
	float:left;
	clear:both;
	padding:10px 20px;
	font-weight:bold;
}
.info dd {
	padding:10px 20px 10px 140px;
	border-bottom:1px dashed #999999;
}
.left_box .info dt,
.right_box .info dt {
	width:auto;
	margin:0;
	float:left !important;
}
.left_box .info dd,
.right_box .info dd {
	float:none;
	width:auto;
	margin:0;
	padding-top:10px;
}


/* h3 */
h3 {
	font-size:22px;
	background:#C69401;
	padding:5px 20px !important;
	color:#fff;
	margin:0 0 20px !important;
}
/* h2 */
/*h2 {
	font-size:24px;
	padding:0 0 8px !important;
	margin:0 0 20px !important;
	border-bottom:1px solid #AFAFAF !important;
}*/


/* 4つブロック */
.forth {
	padding:0 72px 0 0;
}
.forth dl {
	float:left;
	width:25%;
	margin:0 24px 30px 0;
}
.forth dl:nth-child(4n) {
	margin:0 -72px 30px 0;
}
.forth:after {
    content:"";
    display:block;
    clear:both;
}
.forth dl dt{
	margin:0 0 10px;
}
.forth dl dd a:hover{
	text-decoration:underline;
}

/* 3つブロック */
.triple {
	padding:0 48px 0 0;
}
.triple dl {
	float:left;
	width:33.33%;
	margin:0 24px 30px 0;
}
.triple dl:nth-child(3n) {
	margin:0 -48px 30px 0;
}
.triple:after {
    content:"";
    display:block;
    clear:both;
}
.triple dl dt{
	margin:0 0 10px;
}
.triple dl dd a:hover{
	text-decoration:underline;
}

/* 2つブロック */
.double {
	padding:0 24px 0 0;
}
.double dl {
	float:left;
	width:50%;
	margin:0 24px 30px 0;
}
.double dl:nth-child(2n) {
	margin:0 -24px 30px 0;
}
.double:after {
    content:"";
    display:block;
    clear:both;
}
.double dl dt{
	margin:0 0 10px;
}
.double dl dd a:hover{
	text-decoration:underline;
}


/* ページボタン */
.wp-pagenavi {
	text-align:center;
	margin:0 0 80px;
}
.wp-pagenavi .current,.wp-pagenavi a{
	display:inline-block;
	padding:9px 13px;
	font-size:15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border:1px solid #B3B3B3;
	margin:0 15px 10px 0;
}
.wp-pagenavi a:last-child{
	margin:0 0 10px;
}
.wp-pagenavi .current,.wp-pagenavi a:hover {
	color:#fff;
	background:#C69401;
	border:1px solid #C69401;
}

/* 背景色がアイボリーのボックス */
.ivory_box {
	background:#F1EEE8;
	padding:30px;
}

/* カルーセルスライダー（ページャーが縦） */
.slide_cal {
	padding:0 8px 0 0;
}
.slide_cal .slider-for{
	width:88%;
	float:left;
	margin:0 8px 0 0;
}
.slide_cal .slider-nav {
	width:12%;
	float:left;
	margin:0 -8px 0 0;
}
.slide_cal .slick-vertical .slick-slide {
	margin:0 0 7px;
}
.slide_cal .slider-for img{
	width:100%;
	height:auto;
}
.slide_cal .slick-arrow {
	display:none !important;
}
.slide_cal .slider-nav {
	height:auto !important;
}

.slick-dots {
	bottom:0 !important;
}
.slick-dots li button {
	background:#ccc !important;
	border-radius:50%;
	width:15px !important;
	height:15px !important;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.slick-dots li.slick-active button,
.slick-dots li button:hover {
	background:#C69401 !important;
}

/* テーブル */
table {
	border-collapse:collapse;
	border:1px solid #CECECE;
	background:#fff;
	width:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
table tr,table th,table td{
	border:1px solid #CECECE;
}
table th{
	background:#EDEDED;
	font-size:12px;
	font-weight:bold;
}
table th,table td{
	padding:8px 15px;
	font-size:13px;
}

/* 左寄せボックス */
.left_box:after,
 {
	content:"";
    display:block;
    clear:both;
}
.left_box {
	padding:0 30px 0 0;
	overflow:hidden;
}
.left_box dt,
.left_box .slide_box {
	float:left;
	width:57%;
	margin:0 30px 0 0;
}
.left_box dd,
.left_box .text_box {
	float:left;
	width:43%;
	margin:0 -30px 0 0;
	padding-top:20px;
}

/* 右寄せボックス */
.right_box:after {
	content:"";
    display:block;
    clear:both;
}
.right_box {
	padding:0 30px 0 0;
}
.right_box dt {
	float:right;
	width:57%;
	margin-right:-30px;
}
.right_box dd {
	float:right;
	width:43%;
	margin-right:30px;
	padding-top:20px;
}




/*表示きりかえ*/

.s-on, .m-on{display:none;}
 @media screen and (max-width:1205px){
	.m-on{display:block;}
	br.m-on{display:inline;}
	.m-off{display:none;}
}
@media screen and (max-width:768px){
	.s-on{display:block;}
	br.s-on{display:inline;}
	.s-off{display:none;}
}



/* 
------------------------------------------------------------------------------------------------------------------------
Header 
------------------------------------------------------------------------------------------------------------------------
*/
header #head_PC{
	width:150px;
	background:#433D3C;
	text-align:center;
	position:fixed;
	top:0;
	bottom:0;
	-webkit-box-shadow: 8px 0px 13px -1px rgba(0,0,0,0.31);
	-moz-box-shadow: 8px 0px 13px -1px rgba(0,0,0,0.31);
	box-shadow: 8px 0px 13px -1px rgba(0,0,0,0.31);
	z-index:1000;
}
header #head_PC h1{
	padding:30px 0;
}
/*header #head_PC nav {
	height:100%;
}
@media (max-height: 723px) {
header #head_PC nav {
	height:75%;
}
}*/
header #head_PC nav li{
	padding:10px 0;
}
header #head_PC nav li a{
	display:block;
}
/*header #head_PC nav li:last-child{
	background:#999999;
}
header #head_PC nav li:last-child:hover{
	background:#E0B09B;
}
header #head_PC nav li:last-child a,header #head_PC nav li:last-child a:hover{
	color:#433D3C;
}
*/

header #head_PC nav li span{
	margin-top:5px;
}
header #head_PC nav li a{
	color:#E0B09B;
}




/* 
------------------------------------------------------------------------------------------------------------------------
Footer 
------------------------------------------------------------------------------------------------------------------------
*/
footer {
	padding:0 0 122px !important;
}
.bottom_footer {
	position:fixed;
	bottom:0;
	box-sizing:border-box;
	max-width:1550px;
	width:100%;
	z-index:100;
}
.mitsui {
	background:#433D3C;
	padding:5px 0;
	text-align:center;
	color:#fff;
	font-size:15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0 !important;
}

footer .siteinfo {
	background:#EEEEEE;
	padding:50px 0;
}
footer .siteinfo,footer .siteinfo a {
	color:#665E5D !important;
	font-size:12px !important;
}
footer .siteinfo a:hover {
	text-decoration:underline;
}
footer .siteinfo .content{
	max-width:880px;
	margin:0 auto;
}
footer .siteinfo .content ul li a{
	position:relative;
	display: inline-block;
	padding: 0 0 0 16px;
}
footer .siteinfo .content ul.global li{
	display:inline-block;
	width:40%;
}
footer .siteinfo .content ul li a::before,
footer .siteinfo .content ul li a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
footer .siteinfo .content ul li a::before{
	left: 3px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #A37F82;
	border-right: 1px solid #A37F82;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

footer .siteinfo .content .top .box{
	display:inline-block;
	vertical-align:top;
	margin:0 40px 40px 0;
	line-height:2;
	max-width:220px;
}
footer .siteinfo .content .top .box:nth-child(4){
	margin:0 0 40px;
	max-width:180px;
	width:100%;
}
footer .siteinfo .content .top .box p.title{
	border-bottom:1px solid #C8C8C8 !important;
	padding:0 0 5px !important;
	margin:0 0 7px !important;
	color:#665E5D !important;
	font-size:12px !important;
}
footer .siteinfo .content .middle{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0 0 110px;
}
footer .siteinfo .content .end a{
	padding:0;
}
footer .siteinfo .content .end a:before,
footer .siteinfo .content .end a:after{
	display:none;
}
footer .siteinfo .content .end_inner .fadein{
	background:#fff;
	padding:5px;
	margin:0 0 50px;
	text-align:center;
}
footer .siteinfo .content .end_inner .fadein dd li{
	/* float:left;width:16.6%; */
	width:20%;
	display:inline-block;
	text-align:center;
}
footer .siteinfo .content .end_inner .fadein+p{
	text-align:center;
}

.weather {
	z-index:1;
}

#brochure-link a,#corp-login-link a,#mov-link a{
	display:block;padding:10px 0;margin-bottom:20px;border:solid 1px #C69401;
	text-align:center;text-decoration:none;line-height:1.5;
}

#sns-fi li{display:inline-block;margin:10px 5px 0 0;}
#sns-fi li a{padding:0;}
#sns-fi li a:before{display:none;}
#sns-fi li a img{width:24px;margin-right:5px;}



/* 
------------------------------------------------------------------------------------------------------------------------
Reservation 
------------------------------------------------------------------------------------------------------------------------
*/
#reservation {
	background:#000;
	padding:7px 15px;
}
#reservation,#reservation a{
	color:#fff;
	font-size:13px;
}


.tokuten {
	border:1px solid #fff;
	float:left;
	margin:0 20px 0 0;
}
.tokuten a{
	display:block;
	padding:15px 40px 15px 20px;
	position:relative;
}
.tokuten a:hover{
	background:#fff;
	color:#000 !important;
}

.tokuten a dt{
	font-size:15px;
}
.tokuten a dd{
	font-size:12px;
}
.tokuten a.arrow:before{
	left: auto;
	right:15px;
	width: 10px;
	height: 10px;
}
.tokuten a:hover:before{
	border-top: 1px solid #000;
    border-right: 1px solid #000;
}
#reservation .inner{
	width:1180px;
	margin:0 auto;
	overflow:hidden;
}

.reservation_left{
	overflow:hidden;
	float:left;
}

.reservation_left .rsv-part{
	display:inline-block;
	vertical-align:top;
	margin-right:15px;
}

.reservation_left ul{
	float:left;
	margin:0 10px 0 0;
	padding:3px 0 0 0;
}
.reservation_left li.last{
	font-size:11px;
}

.kensaku{
	display:inline-block;
	vertical-align:top;
}

.kensaku input{
	padding:0;
}

.rsv-date select{
	margin-right:6px;
}

.dt_dd{
	margin:0 5px;
}

.reservation_left .rsv-part span, .reservation_left .rsv-part span.m-on{
	display:block;
	font-size:13px;
}

/*.reservation_left .day span{
	display:inline-block;
}
*/
.reservation_right{
	float:left;
}

.reservation_right ul{
    margin: 0 auto;
	overflow:hidden;
    padding: 5px 0 0 0px;
	font-size:13px;
}

.reservation_right li{
	margin:0 0 4px;
	line-height:1.3;
}

.reservation_right li a{
	position:relative;
	padding:0 0 0 15px;
	color:#fff;
	font-size:11px !important;
}

.reservation_right li a:before{
	position: absolute;
	top: 50%;
	left: 0px;
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 1px solid #a37e82;
	border-right: 1px solid #a37e82;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.reservation_right li a:hover{
	text-decoration:underline;
}


.yoyaku{
	display:block;
	width:100px;
	height:40px;
	background:#C69401;
	margin:6px 6px;
	border:0;
	text-align:center;
	color:#fff;
	box-shadow:0 0 3px 1px rgba(0,0,0,0.3);
	font-size:16px;	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.yoyaku:hover{
	cursor:pointer;
	color:#C69401;
	background:#fff;
}

/* 
------------------------------------------------------------------------------------------------------------------------
top 
------------------------------------------------------------------------------------------------------------------------
*/

/* トップスライダー */

.top_slide_wrap p img {
	width:100%;
}
.top_slide_wrap .top_middle{
	background: url(../images/common/back_20_black.gif);
	position:relative;
	height:375px;
}
.top_slide_wrap .top_middle p {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	width:435px;
	height:230px;
	color:#fff;
	font-size:23px;
	text-align:center;
	letter-spacing:9px;
	line-height:1.8;
}
.top_slide_wrap .top_middle p span{
	display:block;
	margin-top:20px;
}
.top_slide_wrap .top_middle p img{
	width:auto;
}

/* おすすめ宿泊プラン */
.top_stayplan {
	box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2);
	margin:0 0 50px;
}
.top_stayplan .right {
	float:right;
	position:relative;
	text-align:center;
	width:26%;
	max-width:404px;
	background:url(../images/kyoto-gion/top/stayplan.jpg) no-repeat;
	background-position:center;
	background-size:cover;
}
.top_stayplan .right .text{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:160px;
	margin:auto;
}
.top_stayplan .right p{
	color:#fff;
	font-size:28px;
	margin:0 0 30px;
}
.top_stayplan .right p span{
	font-size:15px;
	display:block;
}
.top_stayplan .right p.detail_btn{
	margin:0;
}
.top_stayplan .left {
	float:left;
	padding:50px 80px 50px 125px;
	max-width:1145px;
	width:74%;
}

.top_stayplan .left dl{
	float:left;
	width:50%;
	margin:0 30px 30px 0;
}
.top_stayplan .left dl:nth-child(2n){
	margin:0 -30px 30px 0;
}
.top_stayplan .left dl dt{
	margin:0 0 10px;
}
.top_stayplan .left dl dt a:hover{
	opacity:0.8;
}
.top_stayplan .left dl dd a:hover{
	text-decoration:underline;
}
.top_stayplan .left dl dt img{
	width:100%;
	height:auto;
}


/* プラン上のバナー */
#campaign-banner {margin-bottom:20px;}
#campaign-banner a{display:block;float:left;width:50%;margin:0 30px 30px 0;}
#campaign-banner a:nth-of-type(2n){margin:0 -30px 30px 0;}
#campaign-banner a img{width:100%;height:auto;}
@media screen and (max-width:768px){
	#campaign-banner a{float:none;width:auto; margin:0 0 10px!important;}
}


/* 3つの魅力 */
.top_feature {
	margin:0 0 90px;
}
.top_feature .box{
	color:#fff;
}
.top_feature .box .content{
	padding:0;
}
.top_feature .box:first-child{
	background:url(../images/kyoto-gion/top/feature01.jpg) no-repeat;
	background-position:center;
	background-size:cover;
	text-align:right;
}
.top_feature .box:nth-child(2){
	background:url(../images/kyoto-gion/top/feature02.jpg) no-repeat;
	background-position:center;
	background-size:cover;
	text-align:left;
}
.top_feature .box:nth-child(3){
	background:url(../images/kyoto-gion/top/feature03.jpg) no-repeat;
	background-position:center;
	background-size:cover;
	text-align:right;
}
.top_feature .box dl{
	background:#433D3C;
	display:inline-block;
	text-align:left;
	width:380px;
	height:430px;
	padding:36px 30px;
}
.top_feature .box dt{
	font-size:22px;
	padding:0 0 10px;
	margin:0 0 15px;
	border-bottom:1px solid #726F6E;
}
.top_feature .box dt span{
	display:block;
	font-size:16px;
}
.top_feature .box dd p:first-child{
	margin:0 0 30px;
	line-height:2;
	font-size:15px;
}
@media (max-width: 1350px) {
.top_feature .box:first-child,
.top_feature .box:nth-child(3){
	background-position:left -400px top 0;
}
.top_feature .box:nth-child(2){
	background-position:right -414px top 0;
}
.top_feature .box dl {
	height:364px;
}
}
@media (max-width: 1000px) {
.top_feature .box:first-child,
.top_feature .box:nth-child(3){
	background-position:left -484px top 0;
}
.top_feature .box:nth-child(2){
	background-position:right -500px top 0;
}
}

/* 彩り情報 */
.top_pickup {
	margin:0 0 70px;
}
/*.top_pickup .content {
	display:table;
}*/
.top_pickup .left {
	width:21%;
	min-width:250px;
	max-width:250px;
	background:#433D3C;
	color:#fff;
	display:table-cell;
	position:relative;
}
.top_pickup .left p{
	position:absolute;
	top:50%;
	left:34px;
	transform:translate(0,-50%);
	font-size:24px;
}
.top_pickup .left span {
    display: block;
    font-size: 15px;
}
.top_pickup .middle {
	display:table-cell;
	width:21%;
	height:100%
}
.top_pickup .middle li,.top_pickup .right{
	background-position:center !important;
	background-size:cover !important;
	background-repeat:no-repeat !important;
}
.top_pickup .middle li a{
	display:block;
	min-height:200px;
}
.top_pickup .right {
	display:table-cell;
	width:50%;
	height:100%;
	position:relative;
}
.top_pickup .right a{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.top_pickup .middle li a,
.top_pickup .right a{
	padding:40px 30px;
	background:rgba(0,0,0,0.2);
	color:#fff;
}
.top_pickup .middle li a:hover,
.top_pickup .right a:hover{
	background:rgba(0,0,0,0.7);
}

/* 彩り情報 1記事の場合 */
.top_pickup .only_pickup .left {
	width:250px;
	height:200px;
	display:block;
	float:left;
	z-index:1;
}
.top_pickup .only_pickup .right {
	display:block;
	width:100%;
	height:200px;
}
.top_pickup .only_pickup .right a{
	margin: 0 0 0 250px;
}



/* 3つの誘導ボタン */
.nav_top {
	margin:0 0 80px;
}
.nav_top ul{
	padding:0 20px 0 0;
}
.nav_top li{
	width:33.33%;
	float:left;
	margin:0 10px 0 0;
}
.nav_top li:last-child{
	margin:0 -20px 0 0;
}
.nav_top li a{
	background:rgba(0,0,0,0.3);
	display:block;
	font-size:24px;
	text-align:center;
	position:relative;
	color:#fff;
	height:500px;
	padding-top:36px;
	line-height:380px;
}
.nav_top li a:hover{
	background:rgba(0,0,0,0.7);
}
.nav_top li a:before{
	left: 0;
	right:0;
	bottom:-20px;
	top:0;
	margin:auto;
	width: 36px;
	height: 1px;
	background: #fff;
	content:"";
	position:absolute;
}
.nav_top li a:after{
	left: 0;
	right:-13px;
	bottom:-20px;
	top:0;
	margin:auto;
	width: 18px;
	height: 18px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content:"";
	position:absolute;
}
.nav_top li:first-child{
	background:url(../images/kyoto-gion/top/topnav01.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}
.nav_top li:nth-child(2){
	background:url(../images/kyoto-gion/top/topnav02.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}
.nav_top li:nth-child(3){
	background:url(../images/kyoto-gion/top/topnav03.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}


/* お知らせ */
.top_info .content .inner {
	box-shadow:0 0 3px rgba(0,0,0,0.2);
	margin:0 0 70px;
}
.top_info .left {
	width:250px;
	background:#433D3C;
	color:#fff;
	display:table-cell;
	font-size:26px;
	position:relative;
	padding: 70px 0;
}
.top_info .left p{
	position:absolute;
	top: 50%;
	left: 34px;
	transform: translate(0,-50%);
}
.top_info .left span{
	display:block;
	font-size:15px;
}
.top_info .right {
	display:table-cell;
	padding:25px 35px 18px;
}
.top_info .right a{
	/* font-size:13px; */
}
.top_info .right a:hover{
	text-decoration:underline;
}
.top_info .right dt{
	float:left;
	clear:both;
	padding:0 0 7px;
}
.top_info .right dd{
	padding:0 0 7px 100px;
}


.top_info_detail{display:none;margin:20px 0 40px;padding-top:10px;border-top:dotted 1px #ccc;}


/* フォトギャラリー */
.top_photo {
	margin:0 0 50px;
}
.top_photo a:hover .inner{
	opacity:0.8;
}
.top_photo .inner {
	background:url(../images/kyoto-gion/top/photo.jpg) no-repeat;
	background-size:cover;
	background-position:center;
	padding:6px;
	position:relative;
}
.top_photo .inner .inner_border{
	border:1px solid #fff;
	height:282px;
}
.top_photo .inner p{
	width:100%;
	height:80px;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	text-align:center;
	background:rgba(0,0,0,0.6);
	color:#fff;
	line-height:80px;
	font-size:26px;
	letter-spacing:2px;
}

/* アクセスマップ */
#top_map {
	position:relative;
}
#map_top {
	width:100%;
	height:480px;
}
#top_map .text{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.7);
	color:#fff;
	font-size:26px;
}
#top_map .text p.title{
	float:left;
	padding:11px 0;
}
#top_map .text p span{
	font-size:15px;
	display:block;
}
#top_map .text .detail_btn02{
	text-align:right;
	padding:20px 0;
}


/* 
------------------------------------------------------------------------------------------------------------------------
detail
------------------------------------------------------------------------------------------------------------------------
*/
#detail p {
	margin:0 0 20px;
	line-height: 1.8;
}
#detail article {
	border-bottom:1px solid #ccc;
	padding:0 0 30px;
	margin:0 0 30px;
}
#detail p.detail_btn {
	text-align:center;
	margin:0 0 30px;
}

#detail .title {
	color:#C69401;
	font-size:24px;
	padding:0 0 10px;
	margin:0 0 10px;
	border-bottom:1px solid #CCCCCC;
}
#detail.pickup .title {
	margin:0 0 20px;
}
#detail .title+ul {
	margin:0 0 30px;
}
#detail ul.category li {
	display:inline-block;
	color:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:11px;
	background:#999999;
	padding:3px 10px 1px;
	margin:0 10px 0 0;
}
#detail.pickup {
	font-size:15px;
}

.detail_wrap {
	padding:0 35px 0 0;
	margin:0 0 50px;
}
.detail_slide {
	max-width:530px;
	width:44%;
	float:right;
	margin:0 -35px 0 0;
}
.detail_wrap .text {
	width:56%;
	float:right;
	margin:0 35px 0 0;
}

#detail .box_wrap {
	margin:0 0 70px;
}
#detail .forth dd a.arrow:before {
	top:7px;
	bottom:auto;
	left:0;
	border-top: 1px solid #A37F82;
	border-right: 1px solid #A37F82;
	width:6px;
	height:6px;
}


#detail .slick-list {
	text-align:right;
}
#detail .slick-track {
	display:inline-block !important;
}
#detail .thumb-item-nav li {
	margin:0 5px 5px 0;
}
#detail .thumb-item-nav li:last-child{
	margin:0 0 5px 0;
}
#detail .thumb-item img {
	width:100%;
	height:auto;
}
#detail .thumb-item li {
	height:auto;
}

.basic_info .detail_btn {
	text-align:center;
	margin:0 0 50px;
}
.sns {
	text-align:center;
	margin:0 0 50px;
}
.sns #sns li{
	display:inline-block;
}


#detail .day_time {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	margin:0 0 50px;
}
#detail .day_time span{
	background:#999;
	color:#fff;
	display:inline-block;
	font-size:12px;
	padding:3px 10px;
	width:123px;
	text-align:center;
	margin:0 0 0 10px;
}



/* 
------------------------------------------------------------------------------------------------------------------------
pickup 
------------------------------------------------------------------------------------------------------------------------
*/

.top_content figure {
	margin:0 0 15px;
}
.top_content,
.main_content{
	margin:0 0 70px;
}

/* メイン部枠組み */
/*.main_content .staff{
	max-width:200px;
	float:left;
}
.main_content .detail_content{
	padding:0 0 0 250px;
}*/

/* スタッフ */
.main_content .staff dl dt{
	margin:0 0 15px;
	max-width:150px;
	float:left;
}
.main_content .staff dl dd{
	font-size:13px;
	padding:0 0 0 170px;
}

/* 本文 */

#detail.pickup .title {
	font-size:26px;
	border-bottom:none;
	color:#262626;
	margin:0 0 20px;
}
#detail.pickup .title span{
	display:inline;
	border-left:4px solid #cccccc;
	padding:0 0 0 10px;
}
.detail_content .box {
	margin:0 0 20px;
}
#detail .detail_content  p.catch {
	font-size:20px;
	color:#666666;
	font-weight:bold;
	margin:0 0 5px;
}
#detail .detail_content .info {	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
border-top: 1px solid #cccccc;
}
#detail .detail_content .info dt {
	font-size:13px;
	color:#999999;
}
#detail .detail_content .info dd {
    padding: 10px 20px 10px 140px;
    border-bottom: 1px solid #cccccc;
}


/* アーカイブ */
.pickup .bottom {
	padding:0 0 70px;
	border-bottom:1px solid #CCCCCC;
	margin:0 0 30px;
}
.pickup .bottom dl {
	line-height:2;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.pickup .bottom dl dt{
	float:left;
	clear:both;
}
.pickup .bottom dl dd{
	padding:0 0 0 110px;
}
.pickup .bottom dl dd a{
	position:relative;
	padding:0 0 0 15px;
}
.pickup .bottom dl dd a:hover{
	text-decoration:underline;
}
.pickup .bottom dl dd a:before{
	position: absolute;
	top: 3px;
	bottom: 0;
	left: 0;
	content: "";
	vertical-align: middle;
	width: 7px;
	height: 7px;
	border-top: 1px solid #A37F82;
	border-right: 1px solid #A37F82;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}




/* 
------------------------------------------------------------------------------------------------------------------------
News 
------------------------------------------------------------------------------------------------------------------------
*/

#news.top dl.list{
	border-top:1px solid #CCCCCC;
	margin:0 0 40px;
}
#news.top dl.list,
#news.top dl.list a {
	font-size:14px;
}
#news.top dl.list dt{
	float:left;
	clear:both;
	width:272px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:8px 10px;
}
#news.top dl.list dt span{
	background:#999999;
	color:#fff;
	width:123px;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
	font-size:12px;
	margin:0 0 0 15px;
}
#news.top dl.list dd{
	padding:8px 10px 8px 272px;
	border-bottom:1px solid #CCCCCC;
}
#news.top dl.list dd a:hover{
	text-decoration:underline;
}


/* 
------------------------------------------------------------------------------------------------------------------------
Access
------------------------------------------------------------------------------------------------------------------------
*/
#access #map_access {
	width:100%;
	height:400px;
}
#access #map_access+p {
	background:#433D3C;
	color:#fff;
	text-align:center;
	margin:0 0 60px;
	padding:5px 20px;
}
section figure {
	margin:0 0 30px;
}


/* 
------------------------------------------------------------------------------------------------------------------------
Concept
------------------------------------------------------------------------------------------------------------------------
*/
#concept section {
	position:relative;
}
#concept section .text{
	position:absolute;
	right: 45px;
	bottom:80px;
	color:#fff;
	text-shadow:0 0 5px #000;
	font-size:15px;
	line-height:2;
	letter-spacing:2px;
}
#concept section .text.right{
	left:45px;
}
#concept section .text .title{
	font-size:50px;
}


/* 
------------------------------------------------------------------------------------------------------------------------
Rooms
------------------------------------------------------------------------------------------------------------------------
*/
#rooms .catch {
	text-align:center;
	margin:0 0 50px;
	font-size:15px;
	line-height:1.8;
}
#rooms .triple dl {
	min-height:540px;
	position:relative;
	margin:0 24px 50px 0;
}
#rooms .triple dl dt img{
	width:100%;
}
#rooms .triple dl:nth-child(3n) {
	margin:0 -48px 50px 0;
}
#rooms .triple dl .title{
	font-size:15px;
	padding:0 0 10px;
	margin:0 0 10px;
	border-bottom:1px solid #AFAFAF;
}
#rooms .triple dl .title+p{
	padding:0 0 10px;
	border-bottom:1px solid #AFAFAF;
	margin:0 0 10px;
}
#rooms .triple dl ul{
	padding:0 0 75px;
}
#rooms .triple dl ul li{
	display:inline-block;
	margin:0 15px 0 0;
}
#rooms .triple dl ul li:last-child{
	margin:0;
}
#rooms .triple dl p.detail_btn{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
}


#rooms .feature {
	margin:0 0 70px;
}
#rooms .feature .box:first-child{
	background:url(../images/kyoto-gion/rooms/01.jpg) no-repeat;
	background-size:cover;
	overflow:hidden;
}
#rooms .feature .box:last-child{
	background:url(../images/kyoto-gion/rooms/02.jpg) no-repeat;
	background-size:cover;
	overflow:hidden;
}
#rooms .feature .box dl{
	background:#433D3C;
	max-width:380px;
	padding:35px 30px;
	color:#fff;
	min-height:430px;
}
#rooms .feature .box dl dt{
	font-size:22px;
	padding:0 0 5px;
	border-bottom:1px solid #726F6E;
	margin:0 0 10px;
}
#rooms .feature .box dl dd{
	line-height:2;
}
#rooms .feature .box:nth-child(2) dl{
	float:right;
	overflow:hidden;
}


#rooms .check_in {
	margin:0 0 100px;
}
#rooms .check_in .title {
	font-size:24px;
	padding:0 0 8px !important;
	margin:0 0 20px !important;
	border-bottom:1px solid #AFAFAF !important;
}

@media screen and (max-width:768px){
#rooms .feature .box:first-child,
#rooms .feature .box:last-child {
	background-size: 170%;
}
}



/* 
------------------------------------------------------------------------------------------------------------------------
Rooms_detail
------------------------------------------------------------------------------------------------------------------------
*/
#rooms.detail section{
	margin:0 0 50px;
}
#rooms.detail p.title{
	color:#AD8500;
	font-size:24px;
	padding:0 0 8px;
	margin:0 0 20px;
	border-bottom:1px solid #CCCCCC;
}
#rooms.detail .slide_cal {
	margin:0 0 30px;
}
#rooms.detail .slide_cal+p {
	margin:0 0 50px;
}
#rooms.detail .basic_info .box {
	padding:0 20px 0 0;
}
#rooms.detail .basic_info .box table{
	width:82%;
	float:left;
	margin:0 20px 0 0;
}
#rooms.detail .basic_info .box p{
	width:18%;
	float:left;
	margin:0 -20px 0 0;
	position:relative;
}
#rooms.detail .basic_info .box p:hover{
	opacity:0.8;
}
#rooms.detail .basic_info .box p span{
	position:absolute;
	bottom:20px;
	right:15px;
}
#rooms.detail .ul_box_wrap{
	padding:0 40px 0 0;
}
#rooms.detail .ul_box{
	width:33.33%;
	margin:0 20px 20px 0;
	float:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#rooms.detail .ul_box:last-child{
	margin:0 -40px 20px 0;
}
#rooms.detail .ul_box .catch{
	text-align:left;
	font-weight:bold;
	padding:0 0 8px;
	border-bottom:1px solid #C8C8C8;
	margin:0 0 15px;
}
#rooms.detail .ul_box li{
	list-style-type:disc;
	margin:0 0 0 17px;
}

#rooms.detail .list .catch{
	font-size:24px;
	padding:0 0 8px;
	margin:0 0 20px;
	border-bottom:1px solid #C8C8C8;
	text-align:left;
}
#rooms.detail .list ul li{
	max-width:192px;
	display:inline-block;
	vertical-align:top;
	margin:0 4px 10px 0;
}
#rooms.detail .list ul li span.arrow{
	display:block;
	padding: 0px 0 0 14px;
	font-size:12px;
	margin:5px 0 0;
}
#rooms.detail .list ul li span.arrow::before {
    left: 0px;
    width: 6px;
    height: 6px;
	top:7px;
	margin:0;
    border-top: 1px solid #C69400;
    border-right: 1px solid #C69400;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* 
------------------------------------------------------------------------------------------------------------------------
Restaurant 
------------------------------------------------------------------------------------------------------------------------
*/ 
#restaurant .catch {
	font-size:15px;
	text-align:center;
	line-height:1.9;
	letter-spacing:1px;
}
.rest_nav li{
	float:left;
	position:relative;
	width:33.33%;
}
.rest_nav li:hover{
	opacity:0.8;
}
.rest_nav li img{
	width:100%;
}
.rest_nav li span{
	display:block;
	position:absolute;
	max-width:252px;
	height:91px;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin: auto;
	background:rgba(0,0,0,0.7);
	color:#fff;
	font-size:22px;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
}
.rest_nav li:first-child span{
	padding-top:20px;
	padding-bottom:20px;
}
.rest_nav li:first-child span span{
	font-size:12px;
	position:static;
	background:none;
	padding-top:0;
	padding-bottom:0;
}

#restaurant .title {
	color:#AD8500;
	font-size:24px;
	padding:0 0 5px;
	border-bottom:1px solid #AFAFAF;
	margin:0 0 20px;
}
#restaurant .title span{
	color:#fff;
	background:#999999;
	display:inline-block;
	vertical-align:middle;
	margin:0 0 0 20px;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:3px 15px 2px;
}

#restaurant .slide_cal+p {
	font-size:15px;
}

#restaurant .triple dl {
	background:#F1EEE8;
	min-height:635px;
}
#restaurant .triple dd {
	padding:5px 25px 18px;
}
#restaurant .triple dd .catch {
	text-align:left;
	font-size:18px;
	padding:0 0 5px;
	border-bottom:1px solid #AFAFAF;
	margin-bottom:15px;
}
#restaurant .triple ul li{
	clear:both;
}
#restaurant .triple ul li span:first-child{
	float:left;
	width:86px;
}
#restaurant .triple ul li span:last-child{
	padding:0 0 0 86px;
	display:block;
}

#restaurant .info {
	border-top:none;	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:15px;
}
#restaurant .info dt {
	font-weight:normal;
}
#restaurant .info dd {
	border-bottom:1px solid #cccccc;
}

/* 
------------------------------------------------------------------------------------------------------------------------
Enjoy 
------------------------------------------------------------------------------------------------------------------------
*/ 
/* 3つのナビボタン */
#enjoy .enjoy_nav li{
	padding:0 20px 0 0;
	overflow:hidden;
	box-sizing:border-box;
	width:33.33%;
	float:left;
}
#enjoy .enjoy_nav li:last-child{
	padding:0;
}
#enjoy .enjoy_nav li a{
	background:#999999;
	color:#fff;
	text-align:center;
	display:block;
	width:100%;
	font-size:19px;
	padding:10px 0;
}
#enjoy .enjoy_nav li.select a,
#enjoy .enjoy_nav li a:hover{
	background:#C69401;
}

#enjoy .enjoy_nav li a.arrow:before{
	left: 25px;
	width: 10px;
	height: 10px;
}

/* 共通 */
#enjoy .box .catch {
	font-size:22px;
	margin-bottom:5px;
}

/* おもてなし */
#enjoy.top .title {
	font-size:20px;
	margin-bottom:5px;
}
#enjoy.top .title span{
	display:block;
	font-size:13px;
}

/* 過ごし方 */
#enjoy.day .title {
	font-size:20px;
	margin:0 0 10px;
}
#enjoy.day .title li:first-child{
	float:left;
}
#enjoy.day .title li:first-child span{
	display:block;
	font-size:13px;
	text-align:center;
}
#enjoy.day .title li:last-child{
	padding:0 0 0 61px;
	display:block;
}
#enjoy.day .title li.pt10 {
	padding:10px 0 0 61px;
}
#enjoy dl.info {
	margin:0;
}
#enjoy .triple dl dd dl.info {
    width: 100%;
}
@media (max-width: 768px) {
#enjoy.day .title li.pt10 {
	padding:0 0 0 61px;
}
}

/* 地域の魅力 */
#map_enjoy {
	width:100%;
	height:450px;
	margin-bottom:70px;
}

#enjoy.sightseeing .triple .title {
	font-size:18px;
	margin-bottom:5px;
}

/* 
------------------------------------------------------------------------------------------------------------------------
Facility 
------------------------------------------------------------------------------------------------------------------------
*/ 
#facility .ivory_box {
	padding:20px 30px 10px;
}
#facility .btn_page {
	position:relative;
	padding:0 0 0 15px;
	display:inline-block;
	margin:0 20px 10px 0;
	font-size:15px;
	cursor:pointer;
}
#facility .btn_page:last-child {
	margin:0 0 10px;
}
#facility .btn_page:hover {
	text-decoration:underline;
}
#facility .btn_page:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 1px solid #A37F82;
	border-right: 1px solid #A37F82;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#facility .title {
	font-size:29px;
	padding:0 0 5px;
	border-bottom:1px solid #C0C0C0;
	margin-bottom:20px;
}
#facility .last .title {
	border:none;
	padding:0;
}

#facility table {	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#facility table th{
	width:137px;
}
#facility table th,#facility table td{
	font-size:14px;
}
#facility .info,#bath .info {
    border-top: 1px solid #cccccc;	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#facility .info dd,#bath .info dd {
    border-bottom: 1px solid #cccccc;
}

/* 
------------------------------------------------------------------------------------------------------------------------
Bath 
------------------------------------------------------------------------------------------------------------------------
*/ 
#bath .catch {
	font-size:22px;
	text-align:center;
	margin-bottom:10px;
}
#bath .catch+p {
	font-size:15px;
	line-height:1.9;
}
#bath .title {
	font-size:20px;
	margin-bottom:5px;
}

#bath .info dt,#bath .info dd{
	font-weight:normal;
	font-size:15px;
}
#bath .info dd{
	padding: 10px 20px 10px 175px;
}
#bath .forth {
	padding:0;
}
#bath .forth li {
	width:25%;
	float:left;
}


/* 
------------------------------------------------------------------------------------------------------------------------
faq 
------------------------------------------------------------------------------------------------------------------------
*/ 
#faq dl.faq dt {
	background:url(../images/common/faq-q.png) no-repeat;
	background-size:45px;
	background-position:left center;
	min-height:45px;
	line-height:45px;
	padding:0 50px 0 55px;
	color:#C69400;
	font-size:17px;
	font-weight:bold;
	margin:0 0 15px;
	cursor:pointer;
}
#faq dl.faq dt span{
	position:relative;
}
#faq dl.faq dt span:before{
	position:absolute;
	content:"";
	top: 5px;
	right: -29px;
	width: 18px;
	height: 18px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #C69400;
}
#faq dl.faq dt span:after{
	position:absolute;
	content:"";
	box-sizing: border-box;
	width: 5px;
	height: 5px;
	border: 4px solid transparent;
	border-left: 4px solid #fff;
	right: -24px;
	top: 13px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
#faq dl.faq dd {
	background:url(../images/common/faq-a.png) no-repeat;
	background-size:34px;
	background-position:left top;
	min-height:33px;
	line-height:33px;
	padding:0 0 0 55px;
	margin:0 0 30px;
}
#faq dl.faq dt span,#faq dl.faq dd span{
	 display:inline-block;
	 vertical-align: middle;
	 line-height:normal;
}
#faq dl.faq dt span,#faq dl.faq dd span,
#faq dl.faq dt span,#faq dl.faq dd p{
	line-height:1.5;
}
#faq dl.faq dd a.arrow{
	color:#A55937;
}
#faq dl.faq dd a.arrow:hover{
	text-decoration:underline;
}
#faq dl dd a.arrow:before {
	border-top: 1px solid #A37F82;
	border-right: 1px solid #A37F82;
	left: 0;
	width: 7px;
	height: 7px;
}
#faq dl.faq dd a.window{
	background:url(../images/common/window.png) no-repeat;
	background-position:right bottom 5px;
	background-size:18px;
	padding-right:23px;
}
.a_link_height {
	line-height:1.5;
}
.b_w {
	background:#fff;
}
#faq th,#faq td {	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align:center;
}


/* ------------------------
	photogallery
------------------------ */
#photogallery #masonry .grid {
	max-width:159px; /* max-width:300px; */
	height:auto;
	padding:2px;
}
#photogallery #masonry .grid img{
	width:100%;
}

/* ------------------------
	sitemap
------------------------ */
#sitemap section {
}
#sitemap .left,
#sitemap .right {
	width:100%;
	max-width:320px;
	margin:0 40px 20px 0;
	display:inline-block;
	vertical-align:top;
}
#sitemap .right {
	margin:0 0 20px;
}
#sitemap .left li ul,
#sitemap .right li ul{
	margin:0 0 0 15px;
}
#sitemap .left li a,
#sitemap .right li a{
	position:relative;
	padding:0 0 0 12px;
}
#sitemap .left li a::before,
#sitemap .right li a::before {
    position: absolute;
    top: 50%;
    left: 0px;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 1px solid #a37e82;
    border-right: 1px solid #a37e82;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}




@media (max-width: 1205px) {
.rsv_btn {
	background:#000;
	color:#fff;
	cursor:pointer;
	text-align:center;
	padding:5px 0;
	margin:0 !important;
}
.rsv_btn.arrow:before {
	width:7px;
	height:7px;
	left:auto;
	margin:0 0 0 -20px;
	top:11px;
	-webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

/* 
------------------------------------------------------------------------------------------------------------------------
footer 
------------------------------------------------------------------------------------------------------------------------
*/ 
footer {
	padding:0 0 68px !important;
}

/* 
------------------------------------------------------------------------------------------------------------------------
Reservation 
------------------------------------------------------------------------------------------------------------------------
*/
/*.reservation_left,.reservation_right {
	float:none;
}*/
#reservation .inner {
	width:auto;
}
.bottom_footer {
    padding: 0 0 0 150px;
	left:0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
Top 
------------------------------------------------------------------------------------------------------------------------
*/
.top_stayplan .right p {
	font-size:23px;
}
.top_stayplan .right p span{
	font-size:13px;
}


}

@media (max-width: 1030px) {
/* 
------------------------------------------------------------------------------------------------------------------------
layout
------------------------------------------------------------------------------------------------------------------------
*/
.left_box .info dt,
.right_box .info dt {
	width:100%;
	float:none !important;
	padding:10px 5px 0;
}
.left_box .info dd,
.right_box .info dd {
	padding:0 5px 10px;
}

/* 
------------------------------------------------------------------------------------------------------------------------
Concept
------------------------------------------------------------------------------------------------------------------------
*/
#concept section .text{
	position:absolute;
	right: 25px;
	bottom:40px;
}
#concept section .text.right{
	left:45px;
}
#concept section .text .title{
	font-size:25px;
}


}

@media (max-width: 975px) {
.tokuten {
	float:none;
	margin:0 0 10px;
}
.reservation_left,.reservation_right {
	max-width:510px;
	margin:0 auto;
	float:none;
}

/* 
------------------------------------------------------------------------------------------------------------------------
Top 
------------------------------------------------------------------------------------------------------------------------
*/
.top_stayplan .right {
	width:35%;
}
.top_stayplan .left {
    padding: 30px 60px 30px 30px;
	width:65%;
}
.top_feature .box dl {
	width:100%;
	max-width:none;
	height:162px;
	background:rgba(0,0,0,0.4);
	padding: 17px 30px;
}
.top_feature .box dt{
	border:none;
	text-align:center;
	font-size:27px;
	padding:0;
}
.top_feature .box dd p:first-child {
	display:none;
}
.top_feature .box:first-child,
.top_feature .box:nth-child(2),
.top_feature .box:nth-child(3){
	background-position:center;
}
.top_feature .box dd p.detail_btn02{
	text-align:center;
}
.detail_btn02 a {
    border: 1px solid #E0B09B;
    color: #E0B09B;
}

/* 彩り情報 */
.top_pickup {
	padding:0 20px;
}
.top_pickup .content {
	position:relative;
	padding:0;
}
.top_pickup .left {
	display:block;
	width:100%;
	position:absolute;
	padding:7px 20px;
	z-index:2;
	max-width:none;
}
.top_pickup .only_pickup .left {
	line-height:200px;
}
.top_pickup .left p{
	position:static;
	transform:none;
	font-size:16px;
}
.top_pickup .left p span {
    display: inline-block;
    margin: 0 0 0 15px;
    font-size: 11px;
}
.top_pickup .middle {
	padding-top:38px;
	width:45%;
}
.top_pickup .right {
	width:55%;
}
.top_pickup .right a{
	padding-top:78px;
}

/* 3つの誘導ボタン */
.nav_top li a {
	font-size:20px;
	height: 250px;
	line-height:157px;
}
.nav_top li a::before,
.nav_top li a::after {
    bottom: -40px;
}



/* お知らせ */
.top_info .left,.top_info .right {
	display:block;
}
.top_info .left {
	width:100%;
	padding:0;
}
.top_info .left p {
	position:static;
	transform:none;
	font-size:16px;
	padding:7px 20px;
}
.top_info .left p br{
	display:none;
}
.top_info .left p span{
	display:inline-block;
	margin:0 0 0 15px;
	font-size:11px;
}
.top_info .right {
    padding: 20px 20px 13px;
}


/* 
------------------------------------------------------------------------------------------------------------------------
Concept
------------------------------------------------------------------------------------------------------------------------
*/
#concept section .text{
	position:static;
	text-shadow:none;
	color:#333;
	padding:5px 5%;
	line-height:1.7;
}

/* 
------------------------------------------------------------------------------------------------------------------------
Rooms
------------------------------------------------------------------------------------------------------------------------
*/
#rooms .feature .box {
	position:relative;
	height:450px;
}
#rooms .feature .box dl {
	position:absolute;
	bottom:0;
	float:none;
	max-width:none;
	min-height:0;
}
#rooms .feature .content {
	padding:0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
Rooms_detail
------------------------------------------------------------------------------------------------------------------------
*/
#rooms table th, #rooms table td {
	display:block;
	border:none;
}
#rooms table th{
	border-bottom: 1px solid #CECECE;
}
#rooms.detail .basic_info .box table {
	width:70%;
}
#rooms.detail .basic_info .box p {
	width:30%;
}

/* 
------------------------------------------------------------------------------------------------------------------------
Restaurant
------------------------------------------------------------------------------------------------------------------------
*/
#restaurant .triple {
	padding:0 24px 0 0;
}
#restaurant .triple dl {
	width:50%;
}
#restaurant .triple dl:nth-child(2n) {
    margin: 0 -24px 30px 0;
}
#restaurant .triple dl:nth-child(3n) {
	margin:0 24px 30px 0;
}


/* 
------------------------------------------------------------------------------------------------------------------------
facility
------------------------------------------------------------------------------------------------------------------------
*/
#facility table th {
	width:100%;
}

/* 
------------------------------------------------------------------------------------------------------------------------
faq 
------------------------------------------------------------------------------------------------------------------------
*/
table.cancel tr {
	display:block;
}
table.cancel tr:first-child{
	display:none;
}
table.cancel th.b_w{
	background:#ededed;
}
table.cancel td:before{
	content:"不泊";
	width:50%;
	display:block;
	float:left;
	text-align:center;
	border-right:1px solid #CECECE;
}
table.cancel td{
	text-align:center;
	width:100%;
	padding:0;
	line-height:38px;
	border-bottom:1px solid #CECECE;
}
table.cancel tr:last-child td:last-child,
table.cancel tr:nth-child(3) td:last-child,
table.cancel tr:nth-child(2) td:last-child{
	border:none;
}
table.cancel tr:nth-child(3) {
	border-bottom:none;
}

table.cancel tr:nth-child(2) {
	margin:0 0 20px;
}

table.cancel tr:nth-child(2) td:nth-child(4):before,
table.cancel tr:nth-child(3) td:nth-child(4):before,
table.cancel tr:nth-child(4) td:nth-child(3):before {
	content:"当日";
}
table.cancel tr:nth-child(2) td:nth-child(5):before,
table.cancel tr:nth-child(3) td:nth-child(5):before,
table.cancel tr:nth-child(4) td:nth-child(4):before {
	content:"前日";
}
table.cancel tr:nth-child(2) td:nth-child(6):before,
table.cancel tr:nth-child(3) td:nth-child(6):before,
table.cancel tr:nth-child(4) td:nth-child(5):before {
	content:"9日前";
}
table.cancel tr:nth-child(2) td:nth-child(7):before,
table.cancel tr:nth-child(3) td:nth-child(7):before,
table.cancel tr:nth-child(4) td:nth-child(6):before {
	content:"20日前";
}

}



@media (max-width: 768px) {
/* 
------------------------------------------------------------------------------------------------------------------------
Header
------------------------------------------------------------------------------------------------------------------------
*/
#head_SP {
	position:fixed;
	width:100%;
	height:120px;
	z-index:100;
}
#head_SP .top_sp {
	background:#000;
	height:60px;
}
#head_SP nav {
	background:#433D3C;
	height:60px;
}

#head_SP .top_sp h1{
	float:left;
	height:100%;
	margin-left:10px;
}
#head_SP .top_sp h1 img{
	vertical-align:middle;
}
#head_SP .top_sp a{
	display:block;
	color:#999;
}
#head_SP .top_sp ul{
	float:right;
}
#head_SP .top_sp ul li{
	text-align:center;
	display:inline-block;
	vertical-align:bottom;
	margin-right:10px;
}
#head_SP .top_sp ul li img{
	vertical-align:middle;
}
#head_SP .top_sp ul li:last-child{
	margin-right:10px;
	color:#999;
}
#head_SP .top_sp ul li span{
	display:block;
	font-size:11px;
}
#head_SP .top_sp ul li:last-child span {
	color:#E0B09B;
}
#head_SP .top_sp ul li a,#head_SP .top_sp ul li:last-child{
	padding:7px 0;
}
#head_SP .top_sp ul li:last-child img{
	margin:0 0 3px;
}

#head_SP nav ul{
	height:100%;
	text-align:center;
}
#head_SP nav li{
	display:inline-block;
	vertical-align:bottom;
	margin-right:5px;
	height:100%;
}
#head_SP nav li:last-child{
	margin-right:0;
}
#head_SP nav li a{
	display:block;
	padding:11px 0;
	height:100%;
}
#head_SP nav li:nth-child(5) a{
	padding:6px 0;
}
#head_SP nav li:last-child a{
	padding:14px 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
Footer
------------------------------------------------------------------------------------------------------------------------
*/
footer {
	padding:0 0 33px !important;
}
footer .siteinfo .content .middle,
footer .siteinfo .content .end_inner .fadein {
	margin:0 0 30px;
}


/* 
------------------------------------------------------------------------------------------------------------------------
Reservation 
------------------------------------------------------------------------------------------------------------------------
*/
.bottom_footer {
	padding:0;
}
.rsv_btn {
	display:none;
}
.pop_box_sp {
	display:block !important;
}
.rsvSP_pop {
	width:100%;
	height:425px;
	position:fixed;
	top:60px;
	overflow:hidden;
}
.reservation_left .rsv-part,
.reservation_left li.last {
	margin:0 0 10px;
}
.kensaku,
.reservation_left .rsv-part.day {
	display:block;
}
.reservation_left .rsv-part span {
	display:inline-block;
}
.kensaku {
	text-align:center;
}
.kensaku input {
	display:inline-block;
}
.reservation_left ul {
	float:none;
	margin:0;
}

.reservation_left .day span {
    display: inline-block !important;
}
.reservation_left br.s-on {
	display:none !important;
}


/* 
------------------------------------------------------------------------------------------------------------------------
Layout 
------------------------------------------------------------------------------------------------------------------------
*/
.wrap {
	padding:0;
}
#top.wrap,
.mainimage {
	padding:120px 0 0;
}

.mainimage h2 {
	transform:none;
	margin:0;
	font-size:22px;
	top: 67%;
}
.mainimage h2 span{
	font-size:11px;
}

.pnkz {
	padding:7px 0;
}


/* アンカーリンクのボックス */
.content_page {
	padding-top:130px;
	margin-top:-120px;
}


/* h3 */
h3 {
	font-size:18px;
}


/* 4つブロック */
.forth {
	padding:0 40px 0 0;
}
.forth dl {
	width:33.33%;
	margin:0 20px 30px 0;
}
.forth dl:nth-child(4n) {
	margin:0 20px 30px 0;
}
.forth dl:nth-child(3n) {
	margin:0 -40px 30px 0;
}

/* 3つブロック */
.triple {
	padding:0 20px 0 0;
}
.triple dl {
	width:50%;
	margin:0 20px 30px 0 !important;
}
.triple dl:nth-child(3n) {
	margin:0 20px 30px 0 !important;
}
.triple dl:nth-child(2n) {
	margin:0 -20px 30px 0 !important;
}

/* 左寄せブロック・右寄せブロック */
.left_box,.right_box {
	padding:0;
}
.left_box dt,.left_box dd,
.right_box dt,.right_box dd,
.left_box .slide_box,.left_box .text_box {
    float: none;
    width: 100%;
}
.left_box dt img,.right_box dt img {
	width:100%;
}




/* 
------------------------------------------------------------------------------------------------------------------------
top 
------------------------------------------------------------------------------------------------------------------------
*/
/* トップスライダー */
.top_slide_wrap {
	margin:0 0 30px;
}
#top_slide_left {
	display:none !important;
}

/* おすすめ宿泊プラン */
.top_stayplan {
	padding:0 0 30px;
}
.top_stayplan .right {
	float:none;
	width:100%;
	max-width:none;
	background:#433D3C;
	height:auto !important;
	padding:5px 20px;
	text-align:left;
	margin:0 0 20px;
}
.top_stayplan .right .text {
	position:static;
	height:auto;
}
.top_stayplan .right .text p{
	font-size:16px;
	margin:0;
}
.top_stayplan .right .text p span{
	display:inline-block;
	font-size:11px;
	margin-left:15px;
	vertical-align:middle;
}
.top_stayplan .left {
	width:100%;
	float:none;
	margin:0 0 30px;
	padding:0 20px;
}
.top_stayplan .left dl{
	float:none;
	width:100%;
	overflow:hidden;
	margin:0 0 20px;
}
.top_stayplan .left dl a{
	display:block;
	font-size:13px;
}
.top_stayplan .left dt{
	float:left;
	max-width:130px;
	margin:0 -130px 0 0 !important;
}
.top_stayplan .left dd{
	float:left;
	padding:0 20px 0 145px;
	min-height:98px;
	position:relative;
}
.top_stayplan .left dd a{
	min-height:98px;
}
.top_stayplan .left dd:before{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	content: "";
	vertical-align: middle;
}
.top_stayplan .left dd:before{
	right: 2px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #433D3C;
	border-right: 1px solid #433D3C;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.top_stayplan .detail_btn{
	text-align:center;
}

/* 彩り情報 */
.top_pickup {
	padding:0;
}
.top_pickup .left {
	position:static;
	margin-bottom:10px;
}
.top_pickup a {
	color:#fff;
	font-size:12px;
}
.top_pickup dl {
	background:#433D3C;
}
.top_pickup dl dt{
	float:left;
	max-width:180px;
}
.top_pickup dl dd{
	padding:20px 20px 20px 200px;
}
/* お知らせ */
.top_info .content {
	padding:0;
}
.top_info .content .inner {
	box-shadow:none;
}
.top_info .right dt {
	float:none;
	padding:0;
}
.top_info .right dd {
	padding:0;
	margin:0 0 15px;
}
/* フォトギャラリー */
.top_photo .inner .inner_border{
	border:1px solid #fff;
	height:150px;
}
.top_photo .inner p{
	width:100%;
	height:60px;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	text-align:center;
	background:rgba(0,0,0,0.6);
	color:#fff;
	line-height:60px;
	font-size:20px;
}

/* アクセスマップ */
#top_map .detail_btn {
	text-align:center;
	margin-top: -80px;
    padding-bottom: 35px;
}
#map_top {
	height:400px;
}

/* 
------------------------------------------------------------------------------------------------------------------------
detail 
------------------------------------------------------------------------------------------------------------------------
*/
.detail_wrap {
    padding: 0;
    margin: 0 0 50px;
}
.detail_slide {
    max-width: none;
    width: 100%;
    float: none;
    margin: 0 0 20px;
}
.detail_wrap .text {
    width: 100%;
    float: none;
    margin: 0;
}
#detail .title {
	font-size:20px;
}

/* 
------------------------------------------------------------------------------------------------------------------------
News 
------------------------------------------------------------------------------------------------------------------------
*/
#news.top dl.list dt {
    float: none;
    width: 100%;
    padding: 8px 10px 0;
}
#news.top dl.list dd {
    padding: 8px 10px;
}

/* 
------------------------------------------------------------------------------------------------------------------------
pickup 
------------------------------------------------------------------------------------------------------------------------
*/
.main_content .detail_content {
    padding: 0;
}
.main_content .staff {
    max-width: none;
    float: none;
}
.main_content .staff dl {
	overflow:hidden;
	margin:0 0 30px;
}
.main_content .staff dl dt {
	float:left;
	max-width:150px;
	margin:0;
}
.main_content .staff dl dd {
	padding:0 0 0 170px;
}


/* 
------------------------------------------------------------------------------------------------------------------------
Access
------------------------------------------------------------------------------------------------------------------------
*/
#access #map_access {
	width:100%;
	height:250px;
}

/* 
------------------------------------------------------------------------------------------------------------------------
Rooms_detail
------------------------------------------------------------------------------------------------------------------------
*/

.slide_cal .slider-nav {
	height:200px;
}
#rooms.detail .ul_box_wrap {
    padding: 0 20px 0 0;
}
#rooms.detail .ul_box {
	width:50%;
}
#rooms.detail .ul_box:nth-child(2) {
	margin: 0 -20px 20px 0;
}
#rooms.detail .ul_box:last-child {
    margin: 0 20px 20px 0;
}

#rooms.detail .list ul {
	padding:0 20px 0 0;
}
#rooms.detail .list ul li {
	width:33.33%;
	float:left;
	margin:0 10px 20px 0;
	max-width:none;
}
#rooms.detail .list ul li:nth-child(3n) {
	margin:0 -20px 20px 0;
}
#rooms.detail .list ul li img{
	width:100%;
}


/* 
------------------------------------------------------------------------------------------------------------------------
Restaurant
------------------------------------------------------------------------------------------------------------------------
*/
#restaurant .triple {
	padding:0;
}
#restaurant .triple dl {
    width: 100%;
	margin:0 0 30px !important;
}
#restaurant .triple dl:nth-child(2n),#restaurant .triple dl:nth-child(3n) {
	margin:0 0 30px !important;
}

/* 
------------------------------------------------------------------------------------------------------------------------
Enjoy 
------------------------------------------------------------------------------------------------------------------------
*/ 
#enjoy .enjoy_nav li {
	float:none;
	width:100%;
	padding:0 0 10px;
}


}

@media (max-width: 578px) {
.rest_nav li {
	float: none;
    position: relative;
    width: 100%;
    height: 150px;
    overflow: hidden;
}
.rest_nav li img {
    margin-top: -31%;
}
}
@media (max-width: 468px) {
/* 
------------------------------------------------------------------------------------------------------------------------
Footer
------------------------------------------------------------------------------------------------------------------------
*/
footer .siteinfo .content .end_inner .fadein dd li {
    width: 50%;
    float: left;
}

/* 
------------------------------------------------------------------------------------------------------------------------
Layout
------------------------------------------------------------------------------------------------------------------------
*/

/* インフォDL */
.info dt {
	float:none;
	padding:10px 0 0;
}
.info dd {
	padding:10px 0;
	border-bottom:1px dashed #999999;
}

/* 4つのブロック */
.forth {
	padding:0 20px 0 0;
}
.forth dl {
    width: 50%;
    margin: 0 20px 30px 0;
}
.forth dl:nth-child(3n) {
    margin: 0 20px 30px 0;
}
.forth dl:nth-child(2n) {
    margin: 0 -20px 30px 0;
}
/* 3つブロック */
.triple {
	padding:0;
}
.triple dl {
	width:100%;
	margin:0 0 30px !important;
	float:none;
}
.triple dl:nth-child(3n) {
	margin:0 0 30px !important;
}
.triple dl:nth-child(2n) {
	margin:0 0 30px !important;
}
.triple dl dt img{
	width:100%;
}
/* 2つブロック */
.double {
	padding:0;
}
.double dl,.double dl:nth-child(2n) {
	float:none;
	width:100%;
	margin:0 0 30px;
}




/* 
------------------------------------------------------------------------------------------------------------------------
pickup 
------------------------------------------------------------------------------------------------------------------------
*/
.pickup .bottom dl dt {
    float: none;
}
.pickup .bottom dl dd {
	padding:0;
	margin:0 0 5px;
}


/* 
------------------------------------------------------------------------------------------------------------------------
Rooms
------------------------------------------------------------------------------------------------------------------------
*/
#rooms .triple dl {
	min-height:0px;
}
#rooms .triple dl ul{
	padding:0 0 20px;
}
#rooms .triple dl p.detail_btn {
	position:static;
}


/* 
------------------------------------------------------------------------------------------------------------------------
Rooms_detail
------------------------------------------------------------------------------------------------------------------------
*/
.slide_cal .slider-for {
	width:85%;
}
.slide_cal .slider-nav {
	width:15%;
	height:115px;
}
#rooms.detail .basic_info .box {
	padding:0;
}
#rooms.detail .basic_info .box table {
	width:100%;
	float:none;
	margin:0 0 30px;
}
#rooms.detail .basic_info .box p {
	width:100%;
	float:none;
	margin:0;
}
#rooms.detail .ul_box_wrap {
	padding:0;
}
#rooms.detail .ul_box,
#rooms.detail .ul_box:nth-child(2),
#rooms.detail .ul_box:last-child {
	float:none;
	margin:0 0 30px;
	width:100%;
	max-width:none;
}

#rooms.detail .list ul {
	padding:0 10px 0 0;
}
#rooms.detail .list ul li {
	width:50%;
	margin:0 10px 20px 0;
}
#rooms.detail .list ul li:nth-child(3n) {
	margin:0 10px 20px 0;
}
#rooms.detail .list ul li:nth-child(2n) {
	margin:0 -10px 20px 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
bath
------------------------------------------------------------------------------------------------------------------------
*/

#bath .info dd {
    padding: 10px 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
restaurant
------------------------------------------------------------------------------------------------------------------------
*/
.rest_nav li img {
    margin-top: -17%;
}
}







/* Roon Renamme */
/*------------------------------------------------------------*/
#room-rename{text-align:center;margin-bottom:50px;}
#room-rename table{margin:10px auto;border-collapse:collapse;width:auto!important;}
#room-rename table,#room-rename tr,#room-rename th,#room-rename td{border:none;}
#room-rename .hdg{font-size:14px;color:#960;}
#room-rename tr{border-bottom:dotted 1px #999;}
#room-rename th,#room-rename td{padding:0 20px;border:none;}
#room-rename td{text-align:left;}
#room-rename td.new{padding-left:35px;background:url(/images/common/room-arrow.png) left center no-repeat;}
@media screen and (max-width:767px){
	#room-rename{text-align:left;}
	#room-rename table,#room-rename tbody,#room-rename tr{display:block;}
	#room-rename th{display:none!important;}
	#room-rename td{display:block;padding-left:35px;}
}