@charset "utf-8";

/* reset 
-----------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td, article, aside, dialog, figure, footer, header, hgroup,
menu, nav, section, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
article, aside, dialog, figure, footer, header,
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
h2,h3{font-weight:bold;}
hgroup, nav, section {display:block;}
ol, ul, dl, li{list-style: none; padding:0;margin:0;}
caption,th {text-align:left;font-weight:normal; font-size:100%;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;border: 1px solid #bbb;}
a {outline:none;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none; color:#010101; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
a img {border:none;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse;border-spacing:0; }
img{ border-width: 0px;border-style: none;vertical-align:bottom; max-width:100%;width:auto;display:inline-block;}
/* IE <br/> 対策  */
br { letter-spacing:0; }
/* Body */
@font-face {font-family: "Custom Yu Gothic";src: local("Yu Gothic Medium");font-weight: 100;}
@font-face {font-family: "Custom Yu Gothic";src: local("Yu Gothic Medium");font-weight: 200;}
@font-face {font-family: "Custom Yu Gothic";src: local("Yu Gothic Medium");font-weight: 300;}
@font-face {font-family: "Custom Yu Gothic";src: local("Yu Gothic Medium");font-weight: 400;}
@font-face {font-family: "Custom Yu Gothic";src: local("Yu Gothic Bold");font-weight: bold;}
@font-face {font-family: "Helvetica Neue";src: local("Helvetica Neue Regular");font-weight: 100;}
@font-face {font-family: "Helvetica Neue";src: local("Helvetica Neue Regular");font-weight: 200;}
/* IE10以上 */
@media all and (-ms-high-contrast: none){html { font-family: Verdana, Meiryo, sans-serif;}}
@media all and (-ms-high-contrast: active) {html {font-family: Verdana, Meiryo, sans-serif;}}
html, body {position:relative;z-index:0;height: 100%;font-size: 18px;font-weight: normal;color:#eee;background:#010101;line-height:160%;-webkit-print-color-adjust: exact;word-break: break-all;font-family: "-apple-system", "Helvetica Neue", "Custom Yu Gothic", YuGothic, Verdana, YuGothic, "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "M+ 1p", sans-serif;-webkit-text-size-adjust: 100%;}
@media screen and (max-width:991px){
	html{-webkit-overflow-scrolling: touch;}
	html, body {font-size: 16px;}
}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

/* 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:35px;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:26px;line-height:0.5;opacity: 0.75;}
.slick-prev {left: 15px;}
.slick-prev::before {content: " \f104";font-family: FontAwesome;}
.slick-next {right: 15px;}
.slick-next::before {content: " \f105";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: left; padding: 5px; outline: none; width: 100%; bottom: 5px;}
.slick-dots li { height:3px; width: 20px; margin: 10px; display: inline-block; outline: none !important; 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;}

/* 共通スライド */
.com_slide{position:relative;max-width:1200px;width:100%;margin:0 auto;}
.com_slide .slick-dots {text-align: center;bottom:-40px;}
.com_slide .slick-prev {left: -32px;}
.com_slide .slick-next {right:-32px;}
@media screen and (max-width:1400px){
	.com_slide .slick-prev {left:0;background:rgba(0,0,0,0.5);}
	.com_slide .slick-next {right:0;background:rgba(0,0,0,0.5);}
}

@media screen and (max-width:640px){
	.com_slide .slick-prev {left:0;background:none;}
	.com_slide .slick-next {right:0;background:none;}
}


.com_tel{text-align:center;line-height:1.6;border:1px solid #555;display:block;margin:0 auto;width:100%;max-width:350px;font-weight:normal;}
.com_tel .txt{font-size:16px;}
.com_tel .num{letter-spacing:3px;}
.com_tel a{display:block;color:#ccc;font-size:30px;padding:0.8em 0;}
.com_tel a i{font-size:24px;}
.com_tel a:hover{background:rgba(255,255,255,0.1);}
#header .com_tel {border:none; margin-bottom:1em;}
#header .com_tel a{display:block;color:#ccc;font-size:30px;padding:0.3em 0;}
#header .com_tel a:hover{background:none;}

/* header

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

#header{position:fixed !important;z-index:9999;top:0;right:0;width:100px;height:100vh;background: rgba(0,0,0,0.85);padding:5px 0;}
#header #sp_header{position:relative;z-index:9999;display: table;}
#header h1{display: table-cell;top:100px;width:100px;vertical-align:middle;height:100vh;}
#header h1 a{display:block;text-align:center;width:60px;height:160px;margin:0 auto;}
/* メインナビ */
#header #nav {position: fixed;display:none; top:0; right:100px;opacity:0;border-right:1px solid #333;width:100%;max-width:350px; height: 100vh; text-align: left; font-size: 14px;z-index:9999;}
#header #nav .n_bg{position:relative;background: rgba(0,0,0,0.85); height: 100vh;overflow-y:scroll;-webkit-overflow-scrolling:touch;padding-bottom:10em;}
#header #nav .inner { width:80%;padding-top:2em ;margin:0 auto; height:100vh; display: block;}
#header #nav ul.gnav { width:100%;display: block;margin-bottom:0.8em;}
#header #nav ul.gnav li {padding:8px 0;}
#header #nav li a{color:#fff;font-size:16px;letter-spacing:2px;}
#header #nav li a:hover{opacity:0.7;text-decoration:none;}
#header #nav li.sp_home{display:none;}
/* サブナビ */
#header #nav ul.snav li{position:relative;margin:10px 0;text-align:center;}
#header #nav ul.snav li a{position:relative;display:block;border:1px solid #fff;padding:5px 10px;font-size:14px;letter-spacing:0;}
#fb{padding:0.8em 0 3em 0;width:100%;margin:0 auto;text-align:center;width:280px;}

#rsv_btn {position: absolute; right: 0; bottom:0;z-index: 101;}
#rsv_btn a{position: relative;background:rgba(230, 180, 95,0.5);height:80px;width:100px;display: block;text-align:center;}
#rsv_btn a img{position: absolute; left: 20px; top:25px;width:60px;}
#rsv_btn a .arrow_right{top:52px;right:38px;width: 25px;}
#rsv_btn a:hover .arrow_right{right:30px;}

/* メニューボタン */
#sp_btn { display: block;position: absolute; right: 0; top:25px;left:32px; width: 40px; height: 40px; cursor: pointer; z-index: 101;}
#sp_btn div { position: relative;}
#sp_btn span { display: block; position: absolute; height: 2px; width: 100%; background: #fff; 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 .menu {position: absolute;top:17px; font-size:15px;color:#ccc;}
#sp_btn .menu img{width:40px;}

/* メニューボタン 切り替えアニメーション */
.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);}
.open.nav {-moz-transform: translateY(556px); -webkit-transform: translateY(556px); transform: translateY(556px);}

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

	#header{width:100%;height:65px;background:rgba(0,0,0,0.95);}
	#header #nav .n_bg{background: rgba(0,0,0,0.95);}
	#header #nav .inner { width:90%;padding-top:0.5em;}
	#header #sp_header{display:block;}
	#header h1{display:block;top:100px;width:230px;height:auto;padding-left:15px}
	#header h1 a{width:100%;height:55px;padding:4px 0;}
	#header #nav { top:65px; right:0;max-width:100%;overflow-y:scroll;border-top:1px solid #333;border-right:none;}
	#header #nav li a{text-align:center;display:block;padding:0.5em 0 0.3em 0;}
	#header #nav ul.gnav { position:relative; overflow:hidden;}
	#header #nav ul.gnav li{float:left;width:50%;border-right:1px solid #333;border-bottom:1px solid #333;}
	#header #nav ul.gnav li:nth-child(2n){border-right:none;}
	#header #nav ul.gnav li:nth-last-child(-n+3){border-bottom:none;}
	#header #nav ul.gnav li.rsv{display:block;width:100%;}
	#header #nav ul.gnav li.rsv a{display:block;width:100%;background:rgba(230, 180, 95,0.5);padding:1em 0 0.8em 0;}
	#header #nav ul.gnav li.rsv.spLineBtn a{background:none;border:1px solid #fff;}
	#header #nav ul.snav li a{padding:10px 5px;}
	#header #nav li.sp_home{display:block;}
	#header #nav li.pc_home{display:none;}
	#rsv_btn {top:0;right:76px;}
	#rsv_btn a{height:55px;}
	#rsv_btn a img{top:14px;}
	#rsv_btn a .arrow_right{top:40px;}
	#sp_btn { top:8px;left:auto;right:15px;}
	#fb{padding:1em 0 15em 0;width:100%;}
}
@media screen and (max-width:480px){
	#rsv_btn {display:none;}
}

/* footer

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

#footer {color:#ccc;border-top:1px solid #333;text-align:center;}
#footer .name{margin:2em auto;line-height:2;font-size:17px;}
#footer .name .logo span,
#footer .name .tel{padding:0 1em;}
#footer .name .pst{padding-right:1em;}
#footer #copy{font-size:11px;color:#777;}
/* ページトップへのボタン */
.page_top { position:fixed; bottom:0; right:90px; z-index:50;}
.page_top img{ width:60px;}
.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:767px) {#footer .name .add{display:block;}}
@media screen and (max-width:991px) {.page_top {right:15px;}}
@media screen and (max-width:640px) {
	#footer .name{font-size:16px;}
	#footer .name span{display:block;padding:0 1em;}
	#footer .name .logo{margin-bottom:1em;}
	#footer .name .tel{margin-top:1em;}
	.page_top { right:10px;}
}
@media screen and (max-width:320px) {
	#footer .name{font-size:14px;}
}

/* ご挨拶

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
.greeting_area .thum{margin-bottom:20px;text-align:center;}
@media screen and (min-width:992px) {
	.greeting_area ul{display:-webkit-flex;display:flex;}
	.greeting_area .thum{width:53%;margin-right:4%;}
	.greeting_area .text{width:45%;line-height:2;}
}


/* 客室

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
.room_cup{width:100%;margin:2em auto 4em auto;line-height:2;}
.room_cup .info{display:inline-block;padding:0 20px;background:#555;margin-bottom:15px;letter-spacing:1px;}
.room_list {text-align:center;font-size:0;}
.room_list li {display:inline-block;vertical-align:top;width:32%;margin:0 2% 2% 0;}
.room_list li:last-child{margin-right:0;}
.room_list li a{position:relative;color:#fff;display:block;}
.room_list li p{margin-top:5px;font-size:16px;line-height:1.4;}

/* 料金

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
.room_type_price{position:relative; overflow:hidden;}
.room_type_price .item{float:left;width:45%;margin-right:10%;}
.room_type_price .item:nth-child(2n){margin-right:0;}
.room_type_price .price_list{margin-bottom:2em;}
.room_type_price .price_list h4{font-size:22px;margin-bottom:10px;}
.room_type_price .price_list ul li{position:relative; overflow:hidden;padding:3px 10px;border-bottom:1px solid #333;}
.room_type_price .price_list ul li:first-child{border-top:1px solid #333;}
.room_type_price .price_list ul li.tt{background:#222;}
.room_type_price .price_list ul li .t1{float:left;}
.room_type_price .price_list ul li .t2{float:right;}
.room_type_price .price_list ul li .mark:before{content:'\f069';font-family: FontAwesome; font-size:11px;color:#B48225;padding-right:3px;vertical-align:top;}
.mark_text{font-size:16px;}
.mark_text:before{content:'\f069';font-family: FontAwesome; font-size:16px;color:#B48225;padding-right:3px;vertical-align:top;}
.upgrade{margin-top:4em;background:#a0702c;text-align:center;padding:1em;font-size:18px;line-height:2;}
.charter_text{text-align:center; font-size:18px;background:#333;padding:20px 10px;line-height:1.4;}

.room_type_price .price_list h4 span,
.list_type1 li .t1 span{width:35px;height:35px;padding:3px 0;text-align:center;font-size:16px;margin-right:10px;display:inline-block;}

/* 客室について */
.list_type1 li{position:relative; overflow:hidden;padding:10px 10px;border-bottom:1px solid #333;display:table;width:100%;}
.list_type1 li:first-child{border-top:1px solid #333;}
.list_type1 li .t1,
.list_type1 li .t2{display:table-cell;}
.list_type1.sml li .t1{width:180px;}
.list_type1.mid li .t1{width:250px;}

.prc_hotarubukuro .cl{background:#684852;}
.prc_katakuri .cl{background:#685448;}
.prc_nirinso .cl{background:#696347;}
.prc_noazami .cl{background:#616A46;}
.prc_sasayuri .cl{background:#52624F;}
@media screen and (max-width:991px) {
	.room_type_price .price_list h4 span,
	.list_type1 li .t1 span{width:35px;height:35px;padding:6px 0 3px 0;text-align:center;font-size:16px;margin-right:10px;display:inline-block;}
	.upgrade{line-height:1.8;}
}
@media screen and (max-width:640px) {
	.room_type_price .item{float:none;width:100%;margin-right:0;}
	.list_type1 li{display:block;}
	.list_type1 li .t1,.list_type1 li .t2{display:block;}
	.list_type1 li .t2{padding:10px 0 10px 1em;}
	.list_type1.sml li .t1,.list_type1.mid li .t1{width:100%;}
}

/* 温泉

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
.bunseki{font-size:14px;}
.bunseki h3{margin:2em 0 0.3em 0;}
.bunseki table{width:100%;}
.bunseki table .left{text-align:left;}
.bunseki table .center{text-align:center;}
.bunseki table .right{text-align:right;}
.bunseki .bt1 th,
.bunseki .bt1 td{padding:2px;}
.bunseki .bt1 th{width:200px;}
.bunseki .bt2 th,
.bunseki .bt2 td{border:1px solid #555; padding:5px;}
.bunseki .item{position:relative; overflow:hidden;}
.bunseki .item .left_box{float:left;width:30%;margin:20px 2% 0 0;}
.bunseki .item.box1{border-top:1px dotted #222;padding-top:3em;}
.bunseki .b_note{padding-left:2em;}
.bunseki .b_note li:before{position:relative;content:"\f111";padding-right:5px; font-family: FontAwesome;font-size:10px;vertical-align:top;}
.bunseki_link{max-width:320px;width:90%;margin:0 0 0 auto;}

@media screen and (max-width:767px) {
	.bunseki .item .left_box{float:none;width:100%;margin:20px 0 0 0;}
	.bunseki .bt1 th,
	.bunseki .bt1 td{width:100%;display:block;}
	.bunseki .bt1 td{padding-left:2em;}
	.bunseki .b_note{padding-left:1em;}
	.bunseki_link{margin:2em auto 0 auto;}
}

/* 観光

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

.spot_list ul{position:relative; overflow:hidden;}
.spot_list ul li{position:relative;display:table;width:100%;margin:0 0 30px 0;}
.spot_list ul li a{color:#fff;padding:1em;display:block;border:1px solid #333;}
.spot_list ul li a:hover{background:rgba(255,255,255,0.1);}
.spot_list ul li .thum,
.spot_list ul li .text{display:table-cell;vertical-align:top;}
.spot_list ul li .thum{width:320px;}
.spot_list ul li .text{font-size:18px;padding:0 0 0 25px;}
.spot_list ul li .text h3{font-size:22px;margin-bottom:10px;}
.spot_list ul li .text p{line-height:1.6;}
.spot_list ul li .link{position:absolute;top:-1px;right:3px;color:#fff;font-size:12px;}
.spot_list ul li:before{position:absolute;top:0;right:0;z-index:0;content:'';width:0;height:0;text-align:center;border-style: solid;border-width: 0 40px 40px 0;border-color: transparent #47683c transparent transparent;}
@media screen and (max-width:640px) {
	.spot_list {margin-top:4em;}
	.spot_list ul li .thum,.spot_list ul li .text{display:block;}
	.spot_list ul li .thum{max-width:100%;width:100%;text-align:center;}
	.spot_list ul li .text{font-size:16px;padding:0;margin:1.5em 0 1em 0;}
	.spot_list ul li .text h3{font-size:20px;margin-bottom:0.8em;}
}

/* アクセス

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

.bus_list ul{position:relative; overflow:hidden;}
.bus_list li{float:left;width:48%;margin:0 4% 4% 0;line-height:1.6;}
.bus_list li:nth-child(2n){margin-right:0;}
.bus_list li a{color:#fff;border:1px solid #555;display:block;color:#ccc;font-size:20px;padding:0.8em 0.5em;text-align:center;}
.bus_list li a:before{content:"\f207";font-family: FontAwesome; font-size:20px;padding-right:10px;vertical-align:top;}
.bus_list li a:hover{background:rgba(255,255,255,0.1);}
@media screen and (max-width:825px) {	.bus_list li span{display:block;}}
@media screen and (max-width:640px) {
	.bus_list li{float:none;width:100%;margin:0 0 4% 0;}
	.bus_list li a{font-size:18px;padding:0.5em;}
}

/* 予約

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

.tel_special_item {position:relative; overflow:hidden;border-top:1px dotted #555; padding-top:4em;}
.tel_special_item h3{position:relative;text-align:center;font-size:32px;margin-bottom:3em;letter-spacing:2px;}
.tel_special_item h3:before {content: '';background-color: #B99D5E;position: absolute;bottom:-30px;display: inline-block;width: 60px;height:1px;left: 50%;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.tel_special_item .thum{position:relative;float:left;width:48%;min-height:700px;background:url(../img/reserve/2.jpg?20180529) 50% 50% no-repeat;background-size:cover;}
.tel_special_item .thum p{position:absolute;bottom:0;right:10px;font-size:14px;}
.tel_special_item .text{float:right;line-height:2;width:51%;font-weight:bold;}
.tel_special_item .text .in{padding:0 30px;}
.tel_special_item h4{font-weight:bold;font-size:20px;}
.tel_special_item .text .t2{text-align:center;line-height:1.8;margin:2em 0;color:#E4BD62;font-size:18px;}
.tel_special_item .text .t2 span{text-align:center;font-size:20px;padding:0 1px;}
.tel_special_item .notes {font-size:16px;font-weight:bold;margin:1em 0;}
.tel_special_item .notes p span{color:#FF0000;}
.tel_special_item .notes ul{padding-left:1em;}
.tel_special_item .notes li{line-height:1.6;margin-bottom:3px;}
.tel_special_item .notes li:before{position:relative;content:"\f111";font-family: FontAwesome;padding:8px 5px 0 0;font-size:5px;vertical-align:top;display:inline-block;}
.com_rsv_btn.lineBtn{margin:1.5em auto 0 auto;border: 1px solid #999;}
.com_rsv_btn.lineBtn a{background: transparent;color: #ddd;}

@media screen and (max-width:991px) {
	.tel_special_item .text .in{padding:0;width:90%; margin:2em auto;}
	.tel_special_item .thum,
	.tel_special_item .text{float:none;width:100%;}
	.tel_special_item .thum{min-height:400px;background:url(../img/reserve/2.jpg) 50% 50% no-repeat;background-size:cover;}
}
@media screen and (max-width:640px) {
	.tel_special_item .thum{min-height:auto;background:url(../img/reserve/2.jpg) 50% 100% no-repeat;background-size:100%;padding-bottom:65%;}
}


/* 汎用CSS

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

/* コンテンツ幅 */
.section{margin:6em auto;}
.sub_page{padding-right:100px;}
.com_text{width:80%;margin:4em auto;line-height:2;}
.com_text2{margin:2em auto 4em auto;line-height:2;}
.in1200{max-width:1200px;width:90%;}
.in80{width:80%;}
.in90{width:90%;}
.section2{margin:6em auto 6em auto;}

/* ぱんくず */
.pan {display: block; font-size: 12px; color: #777; line-height:2;text-align:right;width:98%;margin: 0 auto;}
.pan .path { display: inline-block; margin: 0;}
.pan .path:after { display: inline-block; margin: 0 10px 0 12px; font-family: 'terra'; content:"\f105"; color: #444; font-family: FontAwesome;}
.pan .path:last-child:after { content: ''; display: none;}
.pan a { display: inline; color: inherit; color: #555;}
.pan a:hover { color: #ccc;}

/* 見出し */
.c_tt{font-size:26px;margin-bottom:1em;line-height:1.6;}
.c_tt .fs_sml{font-size:16px;}
.c_tt .fs_sml18{font-size:18px;}

/* page見出し */
#page_tt{position:relative;overflow:hidden;width: 100%;height:100vh;background: center center / cover no-repeat fixed;background-size: cover;}
#page_tt p{display:none;position:absolute;top:50px;left:50px;font-size:36px; color:#fff;letter-spacing:5px;font-weight:normal;text-shadow:2px  2px 3px #010101,2px -2px 3px #010101,-2px  2px 3px #010101,-2px -2px 3px #010101;}
#page_tt .arrow_down{bottom:15px;left:50%;}
#page_tt2 {font-size:26px;line-height:1.6;}
#page_tt2 .tt{padding-left:10px;}
#page_tt2 .fs_sml{font-size:20px;}
.pageTt{font-size:32px;width:80%;margin:40px auto 0 auto;}


/* 背景画像 */
.greeting #page_tt{ background-image: url(../img/greeting/1.jpg?20180420);}
.ryori #page_tt{ background: url(../img/ryori/0_20210122.jpg?20210125) center center / cover no-repeat fixed;background-size: cover;}
.onsen #page_tt{ background: url(../img/onsen/1.jpg) center center / cover no-repeat fixed;background-size: cover;}
.kannai #page_tt{ background: url(../img/kannai/1_20210122.jpg?1) 80% center / cover no-repeat fixed;background-size: cover;}
.room #page_tt{ background: url(../img/room/1.jpg?20180528) center center / cover no-repeat fixed;background-size: cover;}
.ryokin #page_tt{ background: url(../img/ryokin/1.jpg) center center / cover no-repeat fixed;background-size: cover;}
.access #page_tt{ background: url(../img/access/1.jpg) center center / cover no-repeat fixed;background-size: cover;}
.spot #page_tt{ background: url(../img/spot/1.jpg) center center / cover no-repeat fixed;background-size: cover;}
.reserve #page_tt{ background: url(../img/reserve/1.jpg) center center / cover no-repeat fixed;background-size: cover;}

.clm2list {position:relative; overflow:hidden;}
.clm2list li{float:left;}
.clm2list li img{width:100%;}
.clm2list.type1 li{width:48%;margin-right:4%;}
.clm2list.type1 li:nth-child(2n){margin-right:0;}
.clm2list.type2 li.thum1{width:33.3%;margin-right:0.1%;}
.clm2list.type2 li.thum2{width:66.6%;}
.clm2list.type3 l{width:90%;}
.clm2list.type3 li.thum{width:23.61%;min-width:35%;margin-right:5%;}
.clm2list.type3 li.text{width:60%;line-height:2;}

.clm_list{position:relative; overflow:hidden;margin:0 auto;}
.clm_list li{float:left;margin-bottom:15px;}
.clm_list li p{margin-top:5px;font-size:16px;line-height:1.4;}
.clm_list li a{position:relative;color:#fff;display:block;}
.clm_list.col2 li{width:49%;margin:0 2% 2% 0;}
.clm_list.col2 li:nth-child(2n){margin-right:0;}
.clm_list.col3 li{width:32%;margin:0 2% 2% 0;}
.clm_list.col3 li:nth-child(3n){margin-right:0;}
.clm_list.col4 li{width:23%;margin-right:2.65%;}
.clm_list.col4 li:nth-child(4n){margin-right:0;}

.thum_link_list .clm_list li,
.thum_link_list .room_list li {position:relative; overflow:hidden;}
.thum_link_list .clm_list li p,
.thum_link_list .room_list li p{margin:0;}
.thum_link_list .clm_list li .fs_sml,
.thum_link_list .room_list li .fs_sml{font-size:22px;display:block;}
.thum_link_list .clm_list li p.text,
.thum_link_list .room_list li p.text{width: 100%;margin:0;text-align:center;font-size:40px;position:absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-shadow:black 1px 1px 5px, black -1px 1px 5px,black 1px -1px 5px, black -1px -1px 5px;}
.thum_link_list .clm_list li p.text2,
.thum_link_list .room_list li p.text2{font-size:32px;line-height:1.4;}
.thum_link_list .clm_list li .links,
.thum_link_list .room_list li .links{border:1px solid #ddd;font-size:15px;padding:;display:block;width:50px;text-align:center;margin:5px auto 0 auto;padding:2px 0;}
/* safari 調整 */
_::-webkit-full-page-media, _:future, :root .thum_link_list .clm_list li .links {padding:5px 0 2px 0;}

/* テーブル */
.com_table{width:100%;margin:1em auto 0 auto;border-collapse:collapse; border:none; border-spacing:0;}
.com_table tr:first-child{border-top:1px solid #333;}
.com_table tr{border-bottom:1px solid #333;}
.com_table th.w90{width:90px;}
.com_table th.w100{width:100px;}
.com_table th.w130{width:130px;}
.com_table th.w150{width:150px;}
.com_table th.w170{width:170px;}
.com_table th.w270{width:270px;}
.com_table th,.com_table td{padding:8px 10px;vertical-align: middle;line-height:1.6;}

/* 注意事項 */
.note {margin-top:10px;margin-left:1.2em;}
.note li{line-height:1.4;margin-bottom:5px;font-size:16px;}
.note li:before{position:relative;margin-left:-1.2em;content:"※";color:#FF0000;padding-right:0.2em;}
.note.type2 {margin-top:10px;margin-left:1.2em;}
.note.type2 li{line-height:1.6;margin-bottom:20px;}
.note.type2 li span{font-weight:bold;font-size:16px;text-decoration:underline #888;}
.note.type2 li:before{position:relative;margin-left:-1.2em;content:"※";color:#FF0000;padding-right:0.2em;}

/* ボタン 温泉　館内で使用 */
.page_links {margin-top:5em;border-collapse: separate;border-spacing: 30px 0;display: table;width:100%;table-layout: fixed;}
.page_links li{display:table-cell;margin:10px;}
.btn{position:relative;display:block;border:1px solid #999;padding:5px 10px;font-size:18px;letter-spacing:0;color:#ddd;text-align:center;}
.com_rsv_btn {position:relative;text-align:center;max-width:360px;width:90%;margin:4em auto 0 auto;}
.com_rsv_btn a{background:rgba(230, 180, 95,0.5);color:#fff;padding:18px 10px 13px 10px;display:block;font-size:20px;}
.com_rsv_btn a .arrow_right{top:43%;}

@media screen and (max-width:1450px) {
	.clm2list.type1 li{float:none;width:100%;margin-right:0;}
}	

@media screen and (max-width:767px){ 
	/* カレンダースクロール */
	.table_scroll{position:relative;overflow-x:scroll;-webkit-overflow-scrolling: touch;}
	.table_scroll::-webkit-scrollbar{/*tableにスクロールバーを追加*/ height:5px;}
	.table_scroll::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/ background: #F1F1F1;}
	.table_scroll::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/ background: #BCBCBC;}
	.table_scroll table{width:1000px;}
	.table_scroll:before{ content: "左右にスクロールできます"; font-size:12px; background-color:#555; border-radius:5px; padding: 0.05em 0.5em;}
}

@media screen and (max-width:991px) {
	.sub_page{padding:65px 0 0 0;}
	.com_text,.in80{width:90%;}
	.section2{margin:4em auto 4em auto;}

	/* page見出し */
	#page_tt {width: 100%;height:100%;background-attachment: scroll !important; padding-bottom:55%;}
	#page_tt .arrow_down{display:none;}
	#page_tt p{position:absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
	.pageTt{width:90%;}
	.pan {width:90%;}

	.clm_list,.room_list{width:90%;margin:0 auto;}
	.clm_list li p{font-size:14px;}
	.thum_link_list .clm_list li p.text2{font-size:26px;}

	.page_links {position:relative; overflow:hidden;border-spacing:0;display: block;width:100%;}
	.page_links li{display:block;float:left;width:49%;margin:0 2% 2% 0;}
	.page_links li:nth-child(2n){margin-right:0;}
		
	.note li{margin-bottom:10px;}
	.btn{font-size:16px;padding:10px 5px;}

}

@media screen and (max-width:767px){ 
	.clm_list.col3 li,
	.clm_list.col4 li{width:48.6%;}
	.clm_list.col3 li:nth-child(2n),	.clm_list.col4 li:nth-child(2n){margin-right:0;}
	.page_links {border-spacing:10px 0;}
}

@media screen and (max-width:640px) {
	.section{margin:0 auto 4em auto;}
	.com_text{line-height:1.7;}
	.com_text2{margin:2em auto 2em auto;line-height:1.7;}

	/* page見出し */
	#page_tt p{font-size:32px;width:100%;text-align:center;}
	#page_tt2 {font-size:24px;}
	#page_tt2 .tt{padding-left:0;display:block;}
	#page_tt2 .fs_sml{font-size:16px;}
	.c_tt{font-size:20px}
	.c_tt .fs_sml{font-size:14px;}

	/* レイアウト */
	.page_links{margin-top:3em;}
	.page_links li{display:block;margin:0 0 10px 0;float:none;width:100%;}
	.clm2list.type3 li{float:none;}
	.clm2list.type3 li.thum{width:70%;min-width:70%;margin:0 auto 1em auto;}
	.clm2list.type3 li.text{width:100%;line-height:1.8;}
	.room_list li {display:block;width:100%;margin:0 0 10px 0;}
	.thum_link_list .clm_list li{float:none;width:100%;margin-bottom:10px;}
	.thum_link_list .clm_list li p.text2{font-size:28px;}

	.amenity .com_table th,
	.amenity .com_table td{display:block;width:100% !important;padding:5px 0;}
	.amenity .com_table th{padding:10px 10px 5px 10px;}
	.amenity .com_table td{padding:0 10px 8px 1.6em;}
	
	/* 改行 */
	.br640{display:block;}
	.nobr640{display:none;}
}
@media screen and (max-width:480px) {
	.br480{display:block;}
	.nobr480{display:none;}
}


/*微調整 */
@media screen and (max-width:380px) {
	.greeting #page_tt p{top:54%;}
}


/* iPadの縦横両方の指定

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
/* iPadの縦横両方の指定 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#header{width:100%;height:65px;background:rgba(0,0,0,0.95);}
	#header #nav .n_bg{background: rgba(0,0,0,0.95);}
	#header #nav .inner { width:90%;padding-top:0.5em;}
	#header #sp_header{display:block;}
	#header h1{display:block;top:100px;width:230px;height:auto;padding-left:15px}
	#header h1 a{width:100%;height:55px;}
	#header #nav { top:65px; right:0;max-width:100%;overflow-y:scroll;border-top:1px solid #333;border-right:none;}
	#header #nav li a{text-align:center;display:block;padding:0.5em 0 0.3em 0;}
	#header #nav ul.gnav { position:relative; overflow:hidden;}
	#header #nav ul.gnav li{float:left;width:50%;border-right:1px solid #333;border-bottom:1px solid #333;}
	#header #nav ul.gnav li:nth-child(2n){border-right:none;}
	#header #nav ul.gnav li:nth-last-child(-n+3){border-bottom:none;}
	#header #nav ul.gnav li.rsv{display:block;width:100%;}
	#header #nav ul.gnav li.rsv a{display:block;width:100%;background:rgba(230, 180, 95,0.5);padding:1em 0 0.8em 0;}
	#header #nav ul.snav li a{padding:10px 5px;}
	#header #nav li.sp_home{display:block;}
	#header #nav li.pc_home{display:none;}
	#rsv_btn {top:0;right:76px;}
	#rsv_btn a{height:55px;}
	#rsv_btn a img{top:14px;}
	#rsv_btn a .arrow_right{top:40px;}
	#sp_btn { top:7px;left:auto;right:15px;}
	#fb{padding:1em 0 15em 0;width:100%;}
	.sub_page{padding:65px 0 0 0;}
	.com_text,.in80{width:90%;}
	.pan {width:90%;}
	/* page見出し */
	#page_tt {width: 100%;height:100%;background-attachment: scroll !important; padding-bottom:55%;}
	#page_tt .arrow_down{display:none;}
	#page_tt p{position:absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
}

/* ローディング

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
#loaderBg{ position: fixed; width: 100%; height: 100%; top: 0px; left: 0px;  background-color:rgba(0,0,0,0.5); z-index: 9000;}
.loader,.loader:after {border-radius: 50%;width: 8em;height: 8em;}
.loader {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;font-size: 10px;text-indent: -9999em;border-top: 0.8em solid rgba(255, 255, 255, 0.2);border-right: 0.8em solid rgba(255, 255, 255, 0.2);border-bottom: 0.8em solid rgba(255, 255, 255, 0.2);border-left: 0.8em solid rgba(255, 255, 255, 0.6);-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: load8 1.1s infinite linear;animation: load8 1.1s infinite linear;}
@-webkit-keyframes load8 {0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);  transform: rotate(360deg);}}
@keyframes load8 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}

/* 角丸 */
.pie3{ border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.pie5{ border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.pie{ border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;}

/* arrow 右 */
a .arrow_right {position: absolute;top:40%;right: 15px;width: 30px;height: 10px;margin-left: 8px;background: url(../img/icon/arrow_b.svg) no-repeat right top;transition-duration:0.2s;transition-timing-function:ease-in-out;}
a:hover .arrow_right{right:10px;}
/* arrow 下 */
a .arrow_down{display:block;position: absolute;width:30px;height: 50px;background: url(../img/icon/arrow_down.svg) no-repeat right top;transition-duration:0.2s;transition-timing-function:ease-in-out;}
a:hover .arrow_down{bottom:-10px;}

/* ホバー時 */
a.trs_link {background: #000;-webkit-transition:none;-moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}
a.trs_link .thum img {opacity: 1;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out; -ms-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out;}
a.trs_link:hover img {opacity:.5;}

/* 画像モーダル */
a.swipe {position:relative;z-index:0;}
a.swipe:before{position:absolute;z-index:1;bottom:0;right:0;display:inline-block;background:rgba(0,0,0,0.7);width:20px;height:20px;font-size:14px;line-height:1.5;color:#ccc;text-align:center;content:"\f00e";font-family: FontAwesome;}

/* スクロールバー */
.ps {overflow: hidden !important;overflow-anchor: none;-ms-overflow-style: none;touch-action: auto;-ms-touch-action: auto;}
.ps__rail-x {display: none;opacity: 0;transition: background-color .2s linear, opacity .2s linear;-webkit-transition: background-color .2s linear, opacity .2s linear;height: 15px;bottom: 0px;position: absolute;}
.ps__rail-y {display: none;opacity: 0;transition: background-color .2s linear, opacity .2s linear;-webkit-transition: background-color .2s linear, opacity .2s linear;width: 0;right: 0;position: absolute;}
.ps--active-x > .ps__rail-x,.ps--active-y > .ps__rail-y {display: block;background-color: transparent;}
.ps:hover > .ps__rail-x,.ps:hover > .ps__rail-y,.ps--focus > .ps__rail-x,.ps--focus > .ps__rail-y,.ps--scrolling-x > .ps__rail-x,.ps--scrolling-y > .ps__rail-y {opacity: 0;}
.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking {background-color: none;opacity:0;}
.ps__thumb-x {background-color:none;border-radius: 6px;transition: background-color .2s linear, height .2s ease-in-out;-webkit-transition: background-color .2s linear, height .2s ease-in-out;height: 6px;bottom:0;position: absolute;}
.ps__thumb-y {background-color:none;transition: background-color .2s linear, width .2s ease-in-out;-webkit-transition: background-color .2s linear, width .2s ease-in-out;width:0;right: 0;position: absolute;}
.ps__rail-x:hover > .ps__thumb-x,.ps__rail-x:focus > .ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x {background-color:none;height: 11px;}
.ps__rail-y:hover > .ps__thumb-y,.ps__rail-y:focus > .ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y {background-color: none;width: 0;}
/* MS supports */
@supports (-ms-overflow-style: none) {.ps {overflow: auto !important;}}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.ps {overflow: auto !important;}}

/* font */
.ffMincyo { font-family:Palatino Linotype,Book Antiqua,Palatino,Klee,"游明朝体",Yu Mincho,YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝B","メイリオ","ＭＳ Ｐ明朝","MS PMincho","meiryo",serif;}
/* テキスト */
.textC, .alignC { text-align: center;}
.textR, .alignR { text-align: right;}
.textL, .alignL { text-align: left;}
@media screen and (max-width:480px) {
	.textC.no_textC, .alignC.no_alignC { text-align: left;}
}
.block { display:block;}
.bold { font-weight:bold;}
.nomarl { font-weight: normal;}
.small { font-size: 90%;}
.lineNone{border:none !important;}
.lineNoneT{border-top:none !important;}
.lineNoneB{border-bottom:none !important;}
.fs12 { font-size: 12px;}
.fs14 { font-size: 14px;}
.fs15 { font-size: 15px;}
.fs16 { font-size: 16px;}
.fs18 { font-size: 18px;}
.fs20 { font-size: 20px;}
.fs22 { font-size: 22px;}
.fs24 { font-size: 24px;}
.fcWhite { color: #fff !important;}
.fcRed { color: #FF0000 !important;}
.fcRed2 { color: #FF6666 !important;}
.fcGray { color: #333 !important;}
.fcGreen{ color:#1D533D !important;}
.bgGreen{ background:#1D533D !important;}
.bgLgGray { background: #f7f7f7 !important;}
.noBlock { display: inline-block;}
.lh14{line-height:1.4 !important;}
.lh16{line-height:1.6 !important;}
.lh18{line-height:1.8 !important;}
.lh2{line-height:2 !important;}
.lh4{line-height:4 !important;}
.w100 { width: 100%!important;}
.w450 { width: 100%;max-width:450px;}
.hide { display: none!important;}
.show { display: inherit;}
.hidden { visibility: hidden!important;}
.visible { visibility: inherit;}
td>p { margin-bottom: 1em;}
td>p:last-child { margin-bottom: 0;}
.pd0 { padding: 0!important;}
.pd1 { padding: 1em!important;}
.pd2 { padding: 2em!important;}
.pd3 { padding: 3em!important;}
.pd4 { padding: 4em!important;}
.pd5 { padding: 5em!important;}
.pd10 { padding: 10px!important;}
.pd15 {	padding: 15px!important;}
.pd20 {	padding: 20px!important;}
.pd25 {	padding: 25px!important;}
.pd30 {	padding: 30px!important;}
.pd35 {	padding: 35px!important;}
.pd40 {	padding: 40px!important;}
.pd45 {	padding: 45px!important;}
.pd50 {	padding: 50px!important;}
.pd55 {	padding: 55px!important;}
.pd60 {	padding: 60px!important;}
.pdt0 {	padding-top: 0!important;}
.pdt1 {	padding-top: 1em!important;}
.pdt2 {	padding-top: 2em!important;}
.pdt3 {	padding-top: 3em!important;}
.pdt4 {	padding-top: 4em!important;}
.pdt5 {	padding-top: 5em!important;}
.pdt10 { padding-top: 10px!important;}
.pdt15 { padding-top: 15px!important;}
.pdt20 { padding-top: 20px!important;}
.pdt25 { padding-top: 25px!important;}
.pdt30 { padding-top: 30px!important;}
.pdt35 { padding-top: 35px!important;}
.pdt40 { padding-top: 40px!important;}
.pdt45 { padding-top: 45px!important;}
.pdt50 { padding-top: 50px!important;}
.pdt55 { padding-top: 55px!important;}
.pdt60 { padding-top: 60px!important;}
.pdr0 { padding-right: 0!important;}
.pdr1 { padding-right: 1em!important;}
.pdr2 { padding-right: 2em!important;}
.pdr3 { padding-right: 3em!important;}
.pdr4 { padding-right: 4em!important;}
.pdr5 {	padding-right: 5em!important;}
.pdr10 { padding-right: 10px!important;}
.pdr15 { padding-right: 15px!important;}
.pdr20 { padding-right: 20px!important;}
.pdr25 { padding-right: 25px!important;}
.pdr30 { padding-right: 30px!important;}
.pdr35 { padding-right: 35px!important;}
.pdr40 { padding-right: 40px!important;}
.pdr45 { padding-right: 45px!important;}
.pdr50 { padding-right: 50px!important;}
.pdr55 { padding-right: 55px!important;}
.pdr60 { padding-right: 60px!important;}
.pdb0 { padding-bottom: 0!important;}
.pdb1 {	padding-bottom: 1em!important;}
.pdb2 { padding-bottom: 2em!important;}
.pdb3 {	padding-bottom: 3em!important;}
.pdb4 {	padding-bottom: 4em!important}
.pdb5 { padding-bottom: 5em!important;}
.pdb10 { padding-bottom: 10px!important;}
.pdb15 { padding-bottom: 15px!important;}
.pdb20 { padding-bottom: 20px!important;}
.pdb25 { padding-bottom: 25px!important;}
.pdb30 { padding-bottom: 30px!important;}
.pdb35 { padding-bottom: 35px!important;}
.pdb40 { padding-bottom: 40px!important;}
.pdb45 { padding-bottom: 45px!important;}
.pdb50 { padding-bottom: 50px!important;}
.pdb55 { padding-bottom: 55px!important;}
.pdb60 { padding-bottom: 60px!important;}
.pdl0 { padding-left: 0!important;}
.pdl1 { padding-left: 1em!important;}
.pdl2 { padding-left: 2em!important;}
.pdl3 { padding-left: 3em!important;}
.pdl4 { padding-left: 4em!important;}
.pdl5 { padding-left: 5em!important;}
.pdl10 { padding-left: 10px!important;}
.pdl15 { padding-left: 15px!important;}
.pdl20 { padding-left: 20px!important;}
.pdl25 { padding-left: 25px!important;}
.pdl30 { padding-left: 30px!important;}
.pdl35 { padding-left: 35px!important;}
.pdl40 { padding-left: 40px!important;}
.pdl45 { padding-left: 45px!important;}
.pdl50 { padding-left: 50px!important;}
.pdl55 { padding-left: 55px!important;}
.pdl60 { padding-left: 60px!important;}
.mg0 { margin: 0!important;}
.mg1 { margin: 1px!important;}
.mg2 { margin: 2px!important;}
.mg3 { margin: 3px!important;}
.mg4 { margin: 4px!important;}
.mg10 { margin: 10px!important;}
.mg15 { margin: 15px!important;}
.mg20 { margin: 20px!important;}
.mg25 { margin: 25px!important;}
.mg30 { margin: 30px!important;}
.mg35 { margin: 35px!important;}
.mg40 { margin: 40px!important;}
.mg45 { margin: 45px!important;}
.mg50 { margin: 50px!important;}
.mg55 { margin: 55px!important;}
.mg60 { margin: 60px!important;}
.mgt0 { margin-top: 0!important;}
.mgt1 { margin-top: 1em!important;}
.mgt2 { margin-top: 2em!important;}
.mgt3 { margin-top: 3em!important;}
.mgt4 { margin-top: 4em!important;}
.mgt5 { margin-top: 5em!important;}
.mgt10 { margin-top: 10px!important;}
.mgt15 { margin-top: 15px!important;}
.mgt20 { margin-top: 20px!important;}
.mgt25 { margin-top: 25px!important;}
.mgt30 { margin-top: 30px!important;}
.mgt35 { margin-top: 35px!important;}
.mgt40 { margin-top: 40px!important;}
.mgt45 { margin-top: 45px!important;}
.mgt50 { margin-top: 50px!important;}
.mgt55 { margin-top: 55px!important;}
.mgt60 { margin-top: 60px!important;}
.mgr0 { margin-right: 0!important;}
.mgr1 { margin-right: 1em!important;}
.mgr2 { margin-right: 2em!important;}
.mgr3 { margin-right: 3em!important;}
.mgr4 { margin-right: 4em!important;}
.mgr5 { margin-right: 5em!important;}
.mgr10 { margin-right: 10px!important;}
.mgr15 { margin-right: 15px!important;}
.mgr20 { margin-right: 20px!important;}
.mgr25 { margin-right: 25px!important;}
.mgr30 { margin-right: 30px!important;}
.mgr35 { margin-right: 35px!important;}
.mgr40 { margin-right: 40px!important;}
.mgr45 { margin-right: 45px!important;}
.mgr50 { margin-right: 50px!important;}
.mgr55 { margin-right: 55px!important;}
.mgr60 { margin-right: 60px!important;}
.mgb0 { margin-bottom: 0!important;}
.mgb1 { margin-bottom: 1em!important;}
.mgb2 { margin-bottom: 2em!important;}
.mgb3 { margin-bottom: 3em!important;}
.mgb4 { margin-bottom: 4em!important;}
.mgb5 { margin-bottom: 5em!important;}
.mgb10 { margin-bottom: 10px!important;}
.mgb15 { margin-bottom: 15px!important;}
.mgb20 { margin-bottom: 20px!important;}
.mgb25 { margin-bottom: 25px!important;}
.mgb30 { margin-bottom: 30px!important;}
.mgb35 { margin-bottom: 35px!important;}
.mgb40 { margin-bottom: 40px!important;}
.mgb45 { margin-bottom: 45px!important;}
.mgb50 { margin-bottom: 50px!important;}
.mgb55 { margin-bottom: 55px!important;}
.mgb60 { margin-bottom: 60px!important;}
.mgl0 { margin-left: 0!important;}
.mgl1 { margin-left: 1em!important;}
.mgl2 { margin-left: 2em!important;}
.mgl3 { margin-left: 3em!important;}
.mgl4 { margin-left: 4em!important;}
.mgl5 { margin-left: 5em!important;}
.mgl10 { margin-left: 10px!important;}
.mgl15 { margin-left: 15px!important;}
.mgl20 { margin-left: 20px!important;}
.mgl25 { margin-left: 25px!important;}
.mgl30 { margin-left: 30px!important;}
.mgl35 { margin-left: 35px!important;}
.mgl40 { margin-left: 40px!important;}
.mgl45 { margin-left: 45px!important;}
.mgl50 { margin-left: 50px!important;}
.mgl55 { margin-left: 55px!important;}
.mgl60 { margin-left: 60px!important;}

/* IE対策

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

/* IE10以下 */
#header #nav ul.snav li a,
.btn{padding:5px 10px 3px 10px\9;}
.com_slide .slick-dots {bottom:-55px\9;}
a .arrow_right {top: 10px\9;}

/* IE10以上 */
@media all and (-ms-high-contrast: none){
	#header #nav ul.snav li a,
	.btn{padding:5px 10px 2px 10px;}
	.com_slide .slick-dots {bottom:-55px;}
	a .arrow_right {top: 10px;}
}

/* 注意事項 */
#topNote{width:80%;margin:0 auto;border: 1px solid #999;padding:15px;}
#topNote h2{font-size:20px;margin-bottom:8px;}
#topNote .text{font-size:16px;line-height:1.6;}
#topNote span{color:#FFBF00;}
@media screen and (max-width:640px) {
#topNote{width:90%;margin:30px auto 0 auto;}

}

/*コロナ対策 館内リニューアル*/
.covidNote{margin:0 0 30px 0;font-size:16px;background:#222;padding:15px 20px;}
.covidNote th{width:400px;background:#333;}
.covidNote th,.covidNote td{padding:5px 10px;border:1px solid #555;}
@media screen and (max-width:1280px){
	.covidNote table{border-bottom:1px solid #555;}
	.covidNote th,.covidNote td{display:block;width:100%;border-bottom:none;}
}