@charset "utf-8";

/* slider

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

.slick-slider { position: relative;z-index:1; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0;}
.slick-list:focus { outline: none;}
.slick-list.dragging { cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track { position: relative; left: 0; top: 0; display: block;}
.slick-track:before,
.slick-track:after { content: ""; display: table;}
.slick-track:after { clear: both;}
.slick-loading .slick-track { visibility: hidden;}
.slick-slide { float: left; min-height: 1px; display: none;}
[dir="rtl"] .slick-slide { float: right;}
.slick-slide img { display: block;}
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img { pointer-events: none;}
.slick-initialized .slick-slide { display: block;}
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}

/* slick-list */
.slick-prev, .slick-next { background: transparent none repeat scroll 0 0;border: medium none;color: transparent;cursor: pointer;display: block;font-size: 0;height: 25px;line-height: 0;margin-top: -10px;outline: medium none;padding: 0;position: absolute;top: 50%;width: 20px;z-index:10;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background: transparent none repeat scroll 0 0;color: transparent;outline: medium none;}
.slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before {opacity: 1;}
.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before {opacity: 0.25;}
.slick-prev::before, .slick-next::before { color: #fff;font-size: 25px;line-height: 1;opacity: 0.75;}
.slick-prev {left: 15px;}
[dir="rtl"] .slick-prev {left: auto;right: 0px;}
.slick-prev::before {content: " \f053";font-family: FontAwesome;}
[dir="rtl"] .slick-prev::before {content: " \f054";font-family: FontAwesome;}
.slick-next {right: 15px;}
[dir="rtl"] .slick-next {left: 0px;right: auto;}
.slick-next::before {content: " \f054";font-family: FontAwesome;}
[dir="rtl"] .slick-next::before {content: " \f053";font-family: FontAwesome;}


/* スライダー ドット */
.slide_list .slick_defalt_arrow .slick-dots {text-align: right; bottom: 0; padding-right: 10px;}
.slick-dots { border: 0; background: transparent; position: absolute; display: block; text-align: center; padding: 5px; outline: none; width: 100%; bottom: 5px;}
.slick-dots li { height:10px; width: 10px; margin: 10px; display: inline-block; outline: none !important; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #f7f7f7;}
.slick-dots li.slick-active { box-shadow: white 0px 0px 1px 1px; -webkit-box-shadow: white 0px 0px 1px 1px; -moz-box-shadow: white 0px 0px 1px 1px; background: transparent;}
.slick-dots li button { color: transparent; padding: 0; border: 0; height: 14px; width: 14px; outline: none !important; cursor: pointer; background: transparent; display: block; position: relative;}
.slick-dots li button:before { position: absolute; top: 0; left: 0; outline: none !important;}
.slick-dots li button:hover, .slick-dots li button:focus { outline: none !important;}

/* header

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

#header{position:relative;width:1024px;padding:5px 0;height:110px;}
#header #sp_header{padding:10px 0;}
#header h1{max-width:267px;}
#header h1 img{max-width:100%;}
#header #nav .tel,
#header #sp_btn{display:none;}
/* メインナビ */
#header #nav{position:absolute;top:50px;right:0;}
#header #nav ul.gnav{display:table;width:80%;}
#header #nav ul.gnav li{display:table-cell;}
#header #nav ul.gnav li a{display:block;padding:0 0.8em 0 0.8em;text-decoration:none;}
/* サブナビ */
#header #nav ul.snav{position:absolute;top:-40px;right:5px;display:table;}
#header #nav ul.snav li{display:table-cell;font-size:12px;padding-left:15px;}
#header #nav ul.snav li img{vertical-align: middle;padding-right:3px;}


/* TABLET･SP */
@media print, screen and (max-width:768px){

	#header{width:100%;padding:0;height:70px;}
	#header .inner{width:100%;}
	#header #sp_header{position:fixed;background: rgba(255,255,255,0.95);width:90%;top: 0;z-index: 100;padding:11px 0;}
	#header #sp_btn{display:block !important;}
	#header #nav{display:block;}
	#header h1 img{max-width:170px;}

	/* メインナビ */
	#header #nav {position: fixed; top:69px; right: -100%; box-sizing: border-box; width: 100%; height: 100%; text-align: left; font-size: 14px;padding-bottom:10em;z-index: 100;background: rgba(255,255,255,0.95);animation: trns 2s;  animation-iteration-count: 2;  -webkit-animation: trns 2s;overflow-y: scroll;-webkit-overflow-scrolling:touch;}
	#header #nav ul.gnav {position:relative;overflow:hidden;width: 100%; height: 100%; display: block;}
	#header #nav ul.gnav li{float:left;width:50%;text-align:center;border-right:1px dotted #ccc;border-bottom:1px dotted #ddd;}
	#header #nav ul.gnav li a{display:block;padding:0.8em 0;font-size:16px;}
	#header #nav ul.gnav li:nth-child(2n){border-right:none;}
	.animetionRight {position:relative;display:block;width:100%;-webkit-transform: translate(-100%);-moz-transform: translate(-100%); transform: translate(-100%); transition-duration:0.5s;}

	/* サブナビ */
	#header #nav ul.snav{position:relative; overflow:hidden;top:auto;right:0;display:block;width:100%;}
	#header #nav ul.snav li{font-size:14px;width:50%;text-align:center;float:left;padding:0;border-right:1px dotted #ccc;border-bottom:1px dotted #ddd;}
	#header #nav ul.snav li a{display:block;padding:0.8em;}
	#header #nav ul.snav li:last-child{border-right:none;}

	/* 電話 */
	#header #nav .tel{display:block;text-align:center;padding-top:1em;}
	#header #nav .tel a{font-size:26px;text-decoration:none;}
	#header #nav .tel a i{padding-right:5px;}

	/* メニューボタン */
	#sp_btn { display: block;position: absolute; right: 0; top:20px;right:20px; width: 34px; height: 36px; cursor: pointer; z-index: 101;}
	#sp_btn div { position: relative;}
	#sp_btn span { display: block; position: absolute; height: 2px; width: 100%; background: #010101; left: 0; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out;}
	#sp_btn span:nth-child(1) { top: 0;}
	#sp_btn span:nth-child(2) { top: 11px;}
	#sp_btn span:nth-child(3) { top: 22px;}
	#sp_btn p {position: absolute;top:23px; font-size:12px;}
	/* 	/* メニューボタン 切り替えアニメーション */
	.open#sp_btn span:nth-child(1) {top: 11px; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); transform: rotate(315deg);}
	.open#sp_btn span:nth-child(2) {width: 0; left: 50%;}
	.open#sp_btn span:nth-child(3) {top: 11px; -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); transform: rotate(-315deg);}
	/* .nav スライドアニメーション */
	.open.nav {-moz-transform: translateY(556px); -webkit-transform: translateY(556px); transform: translateY(556px);}
}

/* footer

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

#footer{margin-top:3em;}
#footer h1{background:#666633;width:100%;max-width:800px;margin:0 auto;text-align:center;padding:5px 10px;color:#fff;font-size:14px;}
#footer h1 span{padding:0 10px;}
#footer .f_nav{width:100%;text-align:center;margin:1em auto;}
#footer .f_nav ul li{display:inline-block;}
#footer .f_nav ul li a{text-decoration:none;}
#footer .f_nav ul li a:hover{text-decoration:underline;}
#footer .f_nav ul li:after{content:'|';padding-left:5px;}
#footer .f_nav ul li:last-child:after{content:none;}
#footer .copy{font-size:11px;text-align:center;padding:5em 0 0.5em 0;}

/* ページトップへのボタン */
.page_top { position:fixed; bottom:0; right:20px; z-index:50;}
.page_top img{ width:45px;}
.page_top a { display:block; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.page_top a:hover { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity:0.8;}

@media screen and (max-width:768px) {
	#footer h1 span{display:block;}
	#footer .f_nav{display:none;}

}

/* タイトル

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
/* ページタイトル */
#page_tt{position:relative;margin:0 0 2em 0;padding:7.5% 0;}
#page_tt img{margin-left:30px;max-width:263px;}
.greeting #page_tt{background:url(../img/page_tt/greeting.jpg) 0 0 no-repeat;background-size:cover;}
.ryugu_dish #page_tt{background:url(../img/page_tt/ryugu_dish.jpg) 0 0 no-repeat;background-size:cover;}
.hot_spring #page_tt{background:url(../img/page_tt/hot_spring.jpg) 0 0 no-repeat;background-size:cover;}
.hall #page_tt{background:url(../img/page_tt/hall.jpg) 0 0 no-repeat;background-size:cover;}
.fee #page_tt{background:url(../img/page_tt/fee.jpg) 0 0 no-repeat;background-size:cover;}
.sight_seeing #page_tt{background:url(../img/page_tt/sight_seeing.jpg) 0 0 no-repeat;background-size:cover;}
.access #page_tt{background:url(../img/page_tt/access.jpg) 0 0 no-repeat;background-size:cover;}
.reservation #page_tt{background:url(../img/page_tt/reservation.jpg) 0 0 no-repeat;background-size:cover;}

@media screen and (max-width:768px) {
	/* ページタイトル */
	#page_tt{padding:10% 0;}
	#page_tt img{margin-left:0;width:30%;}
}
@media screen and (max-width:480px) {
	#page_tt {text-align:center;}
	#page_tt img{width:70%;}
	.greeting #page_tt,
	.ryugu_dish #page_tt,
	.hot_spring #page_tt,
	.hall #page_tt,
	.fee #page_tt,
	.sight_seeing #page_tt,
	.access #page_tt,
	.reservation #page_tt{background:none;}
}


/* ごあいさつ

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

/* スタッフ */
.greeting .staff{position:relative;text-align:center;}
.greeting .staff h4{text-align:center;}
.greeting .staff ul{position:relative;overflow:hidden;width:100%;text-align:center;margin:0 auto;}
.greeting .staff ul li{display:inline-block;width:230px;margin:0 10px;}
/* 主人 */
.greeting .staff01 .item01,.greeting .staff01 .item02{position:relative;}
.greeting .staff01 .item01 {margin-bottom:10px;}
.greeting .staff01 .item01 .thum{text-align:right;}
.greeting .staff01 .item01 .thum.sml{position:absolute;bottom:0;right:360px;}
.greeting .staff01 .item01 p{position:absolute;top:30px;left:100px;line-height:2;}
/* 女将 */
.greeting .staff01 .item02 .thum{display:inline-block;margin-right:10px;vertical-align:top;}
.greeting .staff01 .item02 span{display:block;}
.greeting .staff01 .item02 p{position:absolute;bottom:100px;right:0;line-height:2;}
/* 若旦那 */
.greeting .staff02 .item{position:relative;overflow:hidden;}
.greeting .staff02 .thum01{float:left;}
.greeting .staff02 .thum02{float:right;padding-top:140px;}
.greeting .staff02 p{position:absolute;top:50px;left:400px;line-height:2;}

@media screen and (max-width:768px) {
	/* スタッフ */
	.greeting .staff h3 img{width:100%;}
	.greeting .staff ul li{display:inline-block;width:45%;margin:0 2%;}
	.greeting .staff ul li img{width:100%;}

	/* 主人・女将・若旦那　共通 */
	.greeting .staff01 .item01 .thum img,
	.greeting .staff01 .item02 .thum img,
	.greeting .staff02 .thum01 img,
	.greeting .staff02 .thum02 img{width:auto;max-width:100%;}

	/* 主人　女将 */
	.greeting .staff01 .item01 .thum{margin-bottom:10px;text-align:center;}
	.greeting .staff01 .item02 .thum{display:block;margin:0 0 10px 0;text-align:center;}
	.greeting .staff01 .item02 span{display:block;text-align:left;}
	.greeting .staff01 .item01 .thum.sml,.greeting .staff01 .item01 p,.greeting .staff01 .item02 p,.greeting .staff02 p{position:relative;top:auto;left:auto;bottom:auto;right:auto;margin-bottom:10px;}
	/* 若旦那 */
	.greeting .staff02 .thum01,.greeting .staff02 .thum02{float:none;padding:0 0 10px 0;text-align:center;}
}


/* 龍宮料理

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

.ryugu_dish .cup_01{display:table;width:100%;}
.ryugu_dish .cup_01 .thum,
.ryugu_dish .cup_01 .text{display:table-cell;vertical-align:top;}
.ryugu_dish .cup_01 .text h3{margin-bottom:10px;}
.ryugu_dish .cup_01 .text{line-height:1.8;}
/* 自家製野菜 */
.ryugu_dish .homemade{background:#666633;color:#fff;padding:15px;margin-bottom:10px;}
.ryugu_dish .homemade .no1{background:url(../img/ryugu_dish/2.jpg) 100% 0 no-repeat;padding-bottom:5%;}
.ryugu_dish .homemade .no1 p{width:80%;}
.ryugu_dish .homemade .no2 p{width:100%;padding-left:200px;}
.ryugu_dish .homemade .no2{background:url(../img/ryugu_dish/3.jpg) 0 0 no-repeat;padding-bottom:3%;}
/* 地酒 */
.ryugu_dish .sake{position:relative;overflow:hidden;background:#4E6393;color:#fff;padding:15px;}
.ryugu_dish .sake .thum{float:right;}
.ryugu_dish .sake p{float:left;padding:50px 50px 40px 80px;}
/* 龍宮料理 */
.ryugu_dish .cup_02{position:relative;overflow:hidden;margin-bottom:2em;}
.ryugu_dish .cup_02 .left_item{width:680px;}
.ryugu_dish .ryori_list .item{position:relative;overflow:hidden;margin-bottom:1.5em;}
.ryugu_dish .ryori_list .item .left{position:relative;float:left;width:500px;}
.ryugu_dish .ryori_list .item .right{position:relative;float:right;width:500px;}
.ryugu_dish .ryori_list .item h4{border-bottom:1px solid #010101;padding-bottom:3px;margin-bottom:10px;}
.ryugu_dish .ryori_list .item .price{position:absolute;bottom:0;right:0;font-size:18px; color:#CC0000;font-weight:bold;}
.ryugu_dish .ryori_list .item .price span{font-size:14px;}
/* 食道楽コース */
.ryugu_dish .ryori_list .item.pt2{margin-bottom:2em;}
.ryugu_dish .ryori_list .item.pt2 .left{width:640px;}
.ryugu_dish .ryori_list .item.pt2 .right{width:362px;}
.ryugu_dish .ryori_list .item.pt2 .jalan{background:#FFE8D9;border:2px solid #FF6600;padding:10px 15px;font-size:13px;margin:10px 0;}
/* 食道楽DXコース */
.ryugu_dish .ryori_list .item.pt3 .left{width:240px;}
.ryugu_dish .ryori_list .item.pt3 .right{width:760px;}
.ryugu_dish .ryori_list .item.pt3 .black_box{width:230px;}
/* 伊勢海老5匹コース */
.ryugu_dish .ryori_list .item.pt4 .left{width:730px;}
.ryugu_dish .ryori_list .item.pt4 .right{width:265px;}
.ryugu_dish .ryori_list .item.pt4 .black_box{width:230px;}
/* 伊勢海老・アワビ・ふぐ スライド */
.ryori_slider{background:#E4CFA0;padding:10px;}
.ryori_slider.fugu{background:#69608A;}
.ryori_slider .in{background:#fff;padding:10px;}
.ryori_slider .menu{display:table;width:100%;margin:1em 0;}
.ryori_slider .menu li{display:table-cell;}
.ryori_slider p.text{background:#ccc;display:inline-block;padding:1px 5px;margin-bottom:5px;}
.ryugu_dish .select_list{position:relative;padding:10px 0;}
.ryugu_dish .select_list ul{width:95%;margin:0 auto;}
.ryugu_dish .select_list ul li p{margin-top:5px;}
.ryugu_dish .select_list.ebi{background:#F9DFDF;margin-bottom:10px;}
.ryugu_dish .select_list.awabi{background:#FAECC0;}
.ryugu_dish .select_list.ebi h5{text-align:center;color:#990000;font-size:15px;font-weight:bold;padding-bottom:5px;}
.ryugu_dish .select_list.awabi h5{text-align:center;color:#BF6000;font-size:15px;font-weight:bold;padding-bottom:5px;}
.ryugu_dish .select_list .slick-next{right:-20px;;}
.ryugu_dish .select_list .slick-prev{left:-20px;}
.ryugu_dish .select_list .slick-prev::before,.ryugu_dish .select_list .slick-next::before{color:#555;font-size:14px;}

.ryugu_dish .ryori_list .item .black_box{position:relative;overflow:hidden;width:100%;background:#111;color:#fff;padding:10px 15px;}
.ryugu_dish .ryori_list .item .black_box .thum{width:148px;display:inline-block;margin:0 0 0 15px;text-align:center;}
.ryugu_dish .ryori_list .item .black_box .thum img{display:block;margin-bottom:5px;}
/* 夏の特別料理 */
.ryugu_dish .summer{background:#788EAD;color:#fff;padding:15px;margin-bottom:10px;}
.ryugu_dish .summer .no1{background:url(../img/ryugu_dish/15.jpg) 0 0 no-repeat;padding-bottom:10%;}
.ryugu_dish .summer .no1 {width:100%;padding-left:250px;}
.ryugu_dish .summer .no2 p{width:75%;}
.ryugu_dish .summer .no2{background:url(../img/ryugu_dish/16.jpg) 100% 0 no-repeat;padding-bottom:5%;}
/* 冬の特別料理 三大味覚*/
.ryugu_dish .ryori_list .item.pt5{margin-top:2em;}
.ryugu_dish .ryori_list .item.pt5 .thum{position:relative;overflow:hidden;}
.ryugu_dish .ryori_list .item.pt5 .left_item{width:600px;}
.ryugu_dish .ryori_list .item.pt5 .right_item{width:400px;}
.ryugu_dish .ryori_list .item.pt5 .right_item span{display:block;margin-bottom:5px;}

@media screen and (max-width:768px) {
	.ryugu_dish .cup_01,.ryugu_dish .cup_01 .thum,.ryugu_dish .cup_01 .text{display:block;}
	.ryugu_dish .cup_01 .thum{display:none;}
	.ryugu_dish .cup_01 img{width:auto;max-width:100%;}

	/* 自家製野菜 */
	.ryugu_dish .homemade .no1 p{width:65%;}
	.ryugu_dish .homemade .no1{background:url(../img/ryugu_dish/2.jpg) 100% 0 no-repeat;padding-bottom:5%;}
	.ryugu_dish .homemade .no2{background:url(../img/ryugu_dish/3.jpg) 0 0 no-repeat;padding-bottom:3%;}
	/* 地酒 */
	.ryugu_dish .sake{padding:10px;}
	.ryugu_dish .sake .thum,.ryugu_dish .sake p{float:none;padding:0;}
	.ryugu_dish .sake p{margin-bottom:10px;}
	.ryugu_dish .sake .thum {text-align:center;}
	.ryugu_dish .sake .thum img{width:auto;max-width:100%;margin-bottom:10px;}
	/* 龍宮料理 */
	.ryugu_dish .cup_02 .left_item{width:100%;}
	.ryugu_dish .cup_02 img{display:none;}
	.ryugu_dish .ryori_list .item{border-bottom:1px dotted #ccc;padding-bottom:1.5em;}
	.ryugu_dish .ryori_list .item .left,
	.ryugu_dish .ryori_list .item .right{position:relative;float:none !important;width:100% !important;}
	.ryugu_dish .ryori_list .item h4 img{width:auto;max-width:100%;}
	.ryugu_dish .ryori_list .item .price{position:relative;bottom:auto;right:auto;text-align:right;}
	.ryugu_dish .ryori_list .item .thum {text-align:center;}
	.ryugu_dish .ryori_list .item .thum img{width:auto;max-width:100%;margin-bottom:10px;}

	.ryugu_dish .ryori_list .item .black_box{text-align:center;}

	/* 伊勢海老・アワビ・ふぐ スライド */
	.ryori_slider .menu{display:block;width:100%;margin:1em 0;}
	.ryori_slider .menu li{display:block;}
	.ryugu_dish .select_list ul li img{width:100%;padding:2px;}
	/* 夏の特別料理 */
	.ryugu_dish .summer .no1 p{margin-bottom:10px;}
	.ryugu_dish .summer .no2 p{width:55%;}
	/* 冬の特別料理 三大味覚*/
	.ryugu_dish .ryori_list .item.pt5 .thum img{width:auto;max-width:100%;margin-bottom:10px;}
	.ryugu_dish .ryori_list .item.pt5 .left_item,
	.ryugu_dish .ryori_list .item.pt5 .right_item{width:100%;}
}
@media screen and (max-width:640px) {
	/* 自家製野菜 */
	.ryugu_dish .homemade .no1,.ryugu_dish .homemade .no2{width:100%;padding-top:125px}
	.ryugu_dish .homemade .no1 p,.ryugu_dish .homemade .no2 p{width:100%;padding:0;}
	.ryugu_dish .homemade .no1{background:url(../img/ryugu_dish/2.jpg) 50% 0 no-repeat;background-size:180px 120px;}
	.ryugu_dish .homemade .no2{background:url(../img/ryugu_dish/3.jpg) 50% 0 no-repeat;padding-bottom:3%;}

	.ryugu_dish .summer .no1,.ryugu_dish .summer .no2{width:100%;padding:165px 0 0 0;}
	.ryugu_dish .summer .no1 p,.ryugu_dish .summer .no2 p{width:100%;padding:0;}
	.ryugu_dish .summer .no1{background:url(../img/ryugu_dish/15.jpg) 50% 0 no-repeat;}
	.ryugu_dish .summer .no2{background:url(../img/ryugu_dish/16.jpg) 50% 0 no-repeat;}
}

/* お風呂

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

.hot_spring .cup{display:table;}
.hot_spring .cup .thum,
.hot_spring .cup .box{display:table-cell;vertical-align:top;}
.hot_spring .cup .thum img{width:100%;}
.hot_spring .cup .box{padding-left:20px;}
/* 露天風呂付大浴場 */
.hot_spring .item{position:relative;overflow:hidden;margin-bottom:2em;}
.hot_spring .item img{width:100%;}
.hot_spring .boxx{display:table;width:100%;}
.hot_spring .boxx .man,
.hot_spring .boxx .woman{display:table-cell;vertical-align:top;width:50%;padding:30px;}
.hot_spring .boxx .man{background:#DBEDF9;}
.hot_spring .boxx .woman{background:#F4DEEA;}

@media screen and (max-width:768px) {
	.hot_spring .cup .thum,.hot_spring .cup .box{display:block;}
	.hot_spring .cup .box{padding:10px 0 0 0;}
	.hot_spring .boxx .man,
	.hot_spring .boxx .woman{display:block;vertical-align:top;width:100%;padding:20px 15px;}
	.hot_spring .boxx .man .thum img,
	.hot_spring .boxx .woman .thum img{width:100%;}
}

/* 館内

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

.hall .item01,.hall .item02{position:relative;overflow:hidden;margin-bottom:10px;}
/* ロビーなど */
.hall .facility01 .item01 .left_item{width:500px;}
.hall .facility01 .item01 .right_item{width:450px;}
.hall .facility01 .item01 .right_item ul{margin-top:5px;}
.hall .facility01 .item01 .right_item li{float:left;width:220px;margin:0 10px 10px 0;}
.hall .facility01 .item01 .right_item li:nth-child(2n){margin:0 0 10px 0;}
/* 客室・大広間 */
.hall .facility01 .item02{width:900px;margin:0 auto;}
.hall .facility01 .item02 .right_item{padding-top:100px;}
.hall .facility01 .item02 .left_item p{position:absolute;top:0;left:460px;}
.hall .facility01 .item02 .right_item p{position:absolute;bottom:0;right:460px;}
/* 駐車場 */
.hall .facility02 .item01 .left_item{width:450px;}
.hall .facility02 .item01 .left_item .thum{display:inline-block;vertical-align:top;padding-top:140px;}
.hall .facility02 .item01 .right_item{width:500px;}
.hall .facility02 .item01 .text{position:absolute;}
/* 大注連縄・外観 */
.hall .facility02 .item02 .left_item{width:445px;text-align:right;}
.hall .facility02 .item02 .left_item p{margin-top:5px;}
.hall .facility02 .item02 .right_item{width:500px;padding-top:78px;text-align:left;}
.hall .facility02 .item02 .right_item p{position:absolute;top:0;left:460px;}

@media screen and (max-width:768px) {

	.hall .facility01 .item01 img,
	.hall .facility01 .item02 img{width:100%;}
	/* テキストabsolute解除 */
	.hall .facility01 .item02 .left_item p,
	.hall .facility01 .item02 .right_item p,
	.hall .facility02 .item02 .left_item p,
	.hall .facility02 .item02 .right_item p,
	.hall .facility02 .item01 .text,
	.hall .facility02 .item02 .right_item p{position:relative;top:auto;bottom:auto;left:auto;right:auto;margin-bottom:10px;}
	/* 横並び解除 */
	.hall .facility01 .item01 .left_item,
	.hall .facility01 .item01 .right_item,
	.hall .facility02 .item01 .left_item,
	.hall .facility02 .item01 .right_item,
	.hall .facility02 .item02 .left_item,
	.hall .facility02 .item02 .right_item{width:100%;padding:0;}
	/* ロビーなど */
	.hall .facility01 .item01 .left_item{margin-bottom:10px;}
	.hall .facility01 .item01 .right_item li{width:49%;margin:0 2% 10px 0;}
	/* 客室・大広間 */
	.hall .facility01 .item02{width:100%;}
	.hall .facility01 .item02 .right_item{padding:0;}
	/* 駐車場 */
	.hall .facility02 .item01 .right_item{margin-bottom:10px;}
	.hall .facility02 .item01 .left_item{text-align:center;}
	.hall .facility02 .item01 .left_item .thum{padding-top:0;margin:0 0 20px 0;}
	.hall .facility02 .item01 img{width:100%;}
	/* 大注連縄・外観 */
	.hall .facility02 .item02 .left_item{text-align:left;}
	.hall .facility02 .item02 .left_item .thum{text-align:center;}
	.hall .facility02 .item02 img{width:auto;max-width:100%;}

	.hall .facility02 .item02 .right_item{display:table;}
	.hall .facility02 .item02 .right_item .thum,
	.hall .facility02 .item02 .right_item .p{display:table-cell;vertical-align:top;}
	.hall .facility02 .item02 .right_item .thum{padding-right:2%;}

}
@media screen and (max-width:480px) {
	.hall .facility02 .item02 .right_item .thum,
	.hall .facility02 .item02 .right_item .p{display:block;padding:0 0 5px 0;text-align:center;}
}

/* 料金

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

.price_table table{width:100%;max-width:1024px;min-width:1000px;margin:1em auto 0 auto;border-collapse:collapse; border:none; border-spacing:0;}
.price_table table th{background:#CC6666;color:#fff;font-weight:bold;text-align:center;font-size:15px;}
.price_table table th,.price_table td{padding:5px 10px;vertical-align: middle;border:1px solid #ccc;}
.price_table table th.box1{width:180px;}
.price_table table th.box2,
.price_table table th.box3,
.price_table table th.box4{width:100px;}
.price_table table .name_yellow{background:#FEFBE2;font-weight:bold;font-size:15px;}
.price_table table .name_blue{background:#EDEBF1;font-weight:bold;font-size:15px;}
.price_table table .tt_blue{background:#003366;color:#fff;font-weight:bold;text-align:center;font-size:16px;padding:8px 5px;}
.price_table table .price{text-align:center;}
.price_table table .btn {display:block;}
.price_table table .btn a{display:inline-block;padding:2px 5px;background:#663300;text-align:center;text-decoration:none;color:#fff;font-weight:normal;font-size:11px;}
/* 小人料金 */
.children_price {position:relative;overflow:hidden;margin-bottom:0.5em;}
.children_price .com_table table {margin:0 0 10px 0;}
.children_price .com_table.yellow table th{background:#FFFFBF;color:#010101;}
.children_price .right_item .thum{display:inline-block;margin:0 8px;}
.children_price .right_item .thum img{width:100%;}
.cancel_price{width:100%;max-width:420px;}
.cancel_price table th{width:150px;}
/* テーブルスクロール */
.calendarScroll{overflow: auto;/*white-space: nowrap;*/-webkit-overflow-scrolling: touch;}
.calendarScroll::-webkit-scrollbar{/*tableにスクロールバーを追加*/ height:5px;}
.calendarScroll::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/ background: #F1F1F1;}
.calendarScroll::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/ background: #BCBCBC;}
@media screen and (max-width:768px){ 
	.price_table table th,
	.price_table table .tt_blue{text-align:left;}
	.children_price .right_item {position:relative;overflow:hidden;text-align:center;margin-bottom:1em;}
	.children_price .right_item .thum{float:left;margin:0 2% 0 0;width:49%;}
	.children_price .right_item .thum:last-child{margin:0;}
	.children_price .right_item p{text-align:left;}
	.calendarScroll:before{ content: "左右にスクロールできます"; color:#fff; font-size:12px; background-color:#555; border-radius:3px; padding: 0.05em 0.5em;}
}


/* 周辺観光

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

.sight_seeing .map_route{display:table;}
.sight_seeing .map_route .thum{padding:0 20px;}
.sight_seeing .map_route .thum img{width:100%;}
.sight_seeing .map_route .thum,
.sight_seeing .map_route .text{display:table-cell;vertical-align:top;}
.sight_seeing .map_route .text li{margin-bottom:8px;}
.sight_seeing h3{text-align:center;margin-bottom:1.5em;}
.sight_seeing h3 img{width:auto;max-width:100%;}

.list{position:relative;margin-bottom:2em;}
.list ul{display:table;width:100%;}
.list ul li{margin-bottom:15px;}
.list ul li .thum,
.list ul li .text{display:table-cell;vertical-align:top;}
.list ul li .text {padding-left:15px;width:100%;}
.events .list ul li .text h4{border-bottom:1px solid #010101;margin-bottom:10px;padding-bottom:3px;}
.list ul li .box{background:#ffffc4;display:inline-block;width:48%;padding:10px;vertical-align:top;margin:5px;}
/* おすすめ施設 */
.club_item{background:#BD6300;padding:5px 10px 10px 10px;}
.club_item h3{font-size:20px;margin:0.5em;color:#fff;}
.club_item table{background:#fff;width:100%;}
.club_item table th,.club_item table td{padding:5px 10px;}
.club_item table th{width:250px;}
/* 伊勢の風習 */
.ise_custom{background:#AFBC93;padding:20px 10px 10px 10px;}
.ise_custom ul{background:#fff;padding:10px 10px 0 10px;}
.sight_seeing .bnr img{width:auto;max-width:100%;}

@media screen and (max-width:768px){ 
	.sight_seeing .map_route .thum{padding:0;}
	.sight_seeing .map_route .thum,.sight_seeing .map_route .text{display:block;}
	.sight_seeing .map_route .text{position:relative;overflow:hidden;margin-bottom:2em;}
	.sight_seeing .map_route .text li{float:left;width:50%;padding:1% 2%;}
	.list ul{display:block;}
	.list ul li{padding:0;margin-bottom:2em;border-bottom:1px dotted #ccc;padding-bottom:1em;}
	.list ul li .thum,.list ul li .text{display:block;}
	.list ul li .thum{text-align:center;}
	.list ul li .box{display:block;width:100%;}
	/* おすすめ施設 */
	.club_item table th,.club_item table td{display:block;}
	.club_item table th{padding-bottom:0;width:100%;}
	.club_item table td{padding-top:0;border-bottom:1px dotted #ccc;}
}

@media screen and (max-width:768px){ 
	.sight_seeing .map_route .text{margin-top:10px;}
	.sight_seeing .map_route .text li{float:none;width:100%;padding:0.5% 0;}
	.list ul li .box{display:block;}
	.list ul li .text {padding-left:0;}
	.list ul li .text h4 img{width:auto;max-width:100%;}

}