@charset "utf-8";

/*********************************************
  ASARI classe_hotel
  /sp/css/base.css
*********************************************/
body {margin:0; padding:0; font-size:.75em; max-width:640px; background:url(/sp/images/back.png) repeat; font-family:"メイリオ";}

/*********************************************
  common_parts
*********************************************/
.clear {zoom: 100%;}
.clear:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
* {margin:0; padding:0;}
header,nav,section,article,aside,footer {display:block;}
a.tel {color:#333; margin:0 .25em;}
/*--title-*/
h1 {float:left; font-size:0; line-height:0; width:64.84375%;}
h1 img {width:100%;}
h1+p{float:left; width:15.625%; font-size:0; line-height:0;}
h1+p img{width:100%;}
h1+p+p{float:right; width:19.53125%; font-size:0; line-height:0;}
h1+p+p img{width:100%;}

h2#page-title {font-size:0; line-height:0; width:100%; margin-bottom:15px;}
h2#page-title img {width:100%;}
h3.subtitle {background:#624c30; padding:.5em; font-size:1.25em; color:#fff; text-shadow:1px 1px 3px #000;}
h3.text-title {padding:0 .5em; font-size:1.4em; color:#624c30;}
h3.text-title span {font-size:.75em;}
h3.mab {margin-bottom:1em;}
h4.subtitle {margin:0 3% .25em; font-size:1.25em; color:#624c30; text-shadow:1px 1px 3px #fff;}
h4.subtitle span.access{font-weight:normal;}
/*--button--*/
p.btn {margin:0 3% .5em;}
p.btn a {display:block; padding:.5em 0; text-align:center; border:1px solid #624c30; border-radius:5px; background:-moz-linear-gradient(#8e6e45, #362a1a); background:-webkit-gradient(linear, left top, left bottom, from(#8e6e45), to(#362a1a)); background:-webkit-linear-gradient(#8e6e45, #362a1a); background:linear-gradient(#8e6e45, #362a1a); font-size:1.25em; text-decoration:none; color:#fff; text-shadow:1px 1px 3px #000;}
p.btn-o {margin:0 3% .5em;}
p.btn-o a {display:block; padding:.5em; text-align:center; border:1px solid #b73969; border-radius:5px; background:url(../images/lm02.png) 96% no-repeat,-moz-linear-gradient(#d75296, #b73969); background:url(../images/lm02.png) 96% no-repeat,-webkit-gradient(linear, left top, left bottom, from(#d75296), to(#b73969)); background:url(../images/lm02.png) 96% no-repeat,-webkit-linear-gradient(#d75296, #b73969); background:url(../images/lm02.png) 96% no-repeat,linear-gradient(#d75296, #b73969); font-size:1.25em; text-decoration:none; color:#fff; text-shadow:1px 1px 3px #000; background-size:auto;}
p.btn-s {margin:0 3% .5em;}
p.btn-s a {display:block; padding:.5em 0; text-align:center; border:1px solid #624c30; border-radius:5px; background:-moz-linear-gradient(#8e6e45, #362a1a); background:-webkit-gradient(linear, left top, left bottom, from(#8e6e45), to(#362a1a)); background:-webkit-linear-gradient(#8e6e45, #362a1a); background:linear-gradient(#8e6e45, #362a1a); font-size:1em; text-decoration:none; color:#fff; text-shadow:1px 1px 3px #000;}
/*--navi--*/
ul.list {list-style:none; margin:0 0 10px; border-top:1px solid #ccc;}
ul.list li a {display:block; border-bottom:1px solid #ccc; padding:.5em 2.5em .5em 1em; background:#e4e2df url(../images/lm01.png) 98% no-repeat; background-size:8px; font-size:1.25em; color:#c03; text-decoration:none; text-shadow:1px 1px 3px #fff;}
ul.list li.other a {display:block; border-bottom:1px solid #e4e2df; padding:.5em 2.5em .5em 1em; background:#ccc url(../images/lm02.png) 98% no-repeat; background-size:25px; font-size:1.25em; color:#c03; text-decoration:none; text-shadow:1px 1px 3px #fff;}
/*--box--*/
section.typeA {padding-bottom:10px;}
aside.typeA {padding-bottom:10px;}
section.box {margin:0 3% 10px; padding:1em 3% 0; border:2px solid #b1a698; background:#faf9f2;}
section.box h3 {color:#624c30; font-size:1.4em; text-align:center; margin-bottom:.5em;}
h3.pat {padding-top:1em;}
dl.inquiry dt {color:#624c30; text-align:center; padding-bottom:5px;}
dl.inquiry dd {padding-bottom:1em;}
dl.inquiry dd p.text{margin:.5em 3% .5em; text-align:center;}
dl.inquiry dd div{margin:0 3% .5em; font-size:1.25em;}
dl.inquiry dd div select{background:#e8e8e8; padding:.5em; border:1px solid #999; border-radius:5px;}
dl.inquiry dd div select#ym{width:65%;}
dl.inquiry dd div select#d{width:25%; margin:0 2% 0 0;}
dl.inquiry dd p.btn-o{margin:0 3% 1em;}
dl.inquiry dd p.btn-o input{display:block; width:100%; padding:.5em; text-align:center; border:1px solid #b73969; border-radius:5px; background:url(../images/lm02.png) 96% no-repeat,-moz-linear-gradient(#d75296, #b73969); background:url(../images/lm02.png) 96% no-repeat,-webkit-gradient(linear, left top, left bottom, from(#d75296), to(#b73969)); background:url(../images/lm02.png) 96% no-repeat,-webkit-linear-gradient(#d75296, #b73969); background:url(../images/lm02.png) 96% no-repeat,linear-gradient(#d75296, #b73969); font-size:1.25em; text-decoration:none; color:#fff; text-shadow:1px 1px 3px #000; background-size:auto;}
dl.access {padding:.25em 3% 1em; color:#624c30;}
dl.access dd {font-size:.9em;}
dl.description {padding:0 3% 1em;}
dl.description dt {font-size:1.2em; color:#624c30;}
dl.description dd img {width:100%;}
dl.photos {padding:0 3% 1em;}
dl.photos dt {width:40%; float:left;}
dl.photos dt img {width:100%;}
dl.photos dd {width:58%; float:right; font-size:.8em;}
dl.photos dd h4 {color:#624c30; font-size:1.25em; margin-bottom:.25em;}
section.accordion {margin:0 3% 1em;}
div.a-btn {padding:.5em .5em .5em 3em; text-align:left; border:1px solid #b1a698; border-radius:5px; background:url(../images/plus.png) 2% no-repeat,-moz-linear-gradient(#cdc5ba, #b1a698); background:url(../images/plus.png) 2% no-repeat,-webkit-gradient(linear, left top, left bottom, from(#cdc5ba), to(#b1a698)); background:url(../images/plus.png) 2% no-repeat,-webkit-linear-gradient(#cdc5ba, #b1a698); background:url(../images/plus.png) 2% no-repeat,linear-gradient(#cdc5ba, #b1a698); color:#624c30; text-shadow:1px 1px 3px #fff; background-size:auto;}
div.this {border-bottom-left-radius:0px; border-bottom-right-radius:0px; background:url(../images/minus.png) 2% no-repeat,-moz-linear-gradient(#cdc5ba, #b1a698); background:url(../images/minus.png) 2% no-repeat,-webkit-gradient(linear, left top, left bottom, from(#cdc5ba), to(#b1a698)); background:url(../images/minus.png) 2% no-repeat,-webkit-linear-gradient(#cdc5ba, #b1a698); background:url(../images/minus.png) 2% no-repeat,linear-gradient(#cdc5ba, #b1a698); background-size:auto;}
div.a-box {background:#fff; border:1px solid #b1a698; border-radius:5px; border-top-left-radius:0px; border-top-right-radius:0px; padding:.8em 0;}
div.a-box h3 {font-size:1.2em; color:#624c30; margin:0 3% .5em;}
p.visual {padding:0 0 2em; text-align:right; font-size:.75em;}
p.visual img {width:100%;}
p.text {margin:.5em 3% 2em;}
p.text-s {margin:0 3% 1em;}
p.text-c {margin:0 3% 2em; font-size:.75em;}
p.right {margin:0 3% 1em; text-align:right;}
dl.list {margin:.5em 1em 1em;}
dl.list dt {font-size:1.25em; color:#624c30;}
dl.list dd {border-bottom:1px dotted #624c30; padding:0 0 .25em; margin-bottom:.5em;}
dl.list dd span {font-size:.75em; margin-left:2px;}
ol.list {margin:0 3% .5em 3em;}
ol.list li {padding-bottom:.4em;}
/*--sns--*/
div.plugin-box {margin:0 5% 10px;}
div.plugin-box div.twitter {width:67px; overflow:hidden; float:left; margin-right:5px;}
div.plugin-box div.facebook {width:72px; overflow:hidden; float:left; margin-right:5px;}
div.plugin-box div.line {width:90px; overflow:hidden; float:left; margin-right:5px;}
div.plugin-box div.googleplus {width:32px; overflow:hidden; float:left;}
/*--gototop--*/
ul#gototop {list-style:none; margin:0 1.5% 15px;}
ul#gototop li {width:50%; float:left;}
/*--footer--*/
footer {background:#624c30; padding:1em 0 0; padding-bottom:1px;}
p.btn3 {margin:0 2% .5em; line-height:1.6;}
p.btn3 a {display:block; background:#a19483; border-radius:5px; padding:1em 0; color:#fff; text-align:center; text-decoration:none; text-shadow:1px 1px 3px #000;}
p.btn3b {margin:0 2% .5em; line-height:1.2;}
p.btn3b a {display:block; background:#a19483; border-radius:5px; padding:.6em 0; color:#fff; text-align:center; text-decoration:none; text-shadow:1px 1px 3px #000;}
ul.f-navi {list-style:none; padding:0 0 .5em 1.5%;}
ul.f-navi li {width:33%; float:left;}
p.text-link {text-align:center; font-size:.8em; margin-bottom:1em; color:#fff;}
p.text-link span {margin-right:1em; padding-right:1em; background:url(../images/bar.png) right no-repeat;}
p.text-link a {text-decoration:none; color:#fff;}
p.facebook a {display:block; margin:0 2% .5em; background:#5272b6; border-radius:5px; padding:.2em 0; color:#fff; text-align:center; text-decoration:none; text-shadow:1px 1px 3px #000;}
p.youtube a {display:block; margin:0 2% .5em; background:#eee; border-radius:5px; padding:.2em 0; color:#333; text-align:center; text-decoration:none; text-shadow:1px 1px 3px #fff;}
p.twitter a {display:block; margin:0 2% .5em; background:#1b95e0; border-radius:5px; padding:1em 0; color:#fff; text-align:center; text-decoration:none; text-shadow:1px 1px 3px #000;}
p.group a {display:block; margin:0; background:#ccc; border-radius:5px; padding:.2em 0; color:#333; text-align:center; text-decoration:none; text-shadow:1px 1px 3px #fff;}
p#bnr-line{padding:0 1.5% 0.5em;}
p#bnr-line img{width:100%;}

/*********************************************
  page_details
*********************************************/
/*--index--*/
ul#slider {list-style:none;}
ul#slider li img {width:100%;}
h2#top-catch {font-size:0; line-height:0; margin:10px 15%;}
h2#top-catch img {width:100%; margin-top:10px;}
nav#top-navi ul {list-style:none; margin:0 0 20px; border-top:1px solid #ccc;}
nav#top-navi ul li a {display:block; border-bottom:1px solid #ccc; padding:.5em 1em; font-size:1.25em; color:#624c30; text-decoration:none; text-shadow:1px 1px 3px #fff;}
nav#top-navi ul li.con a {background:#efedc5 url(../images/back_concept.png) right no-repeat; background-size:contain;}
nav#top-navi ul li.rel-o a {background:#d1e7d6 url(../images/back_relax_o.png) right no-repeat; background-size:contain;}
nav#top-navi ul li.rel a {background:#d1e7d6 url(../images/back_relax.png) right no-repeat; background-size:contain;}
nav#top-navi ul li.bea a {background:#f3ddd4 url(../images/back_beauty.png) right no-repeat; background-size:contain;}
nav#top-navi ul li.ban a {background:#d4e3ec url(../images/back_banquet.png) right no-repeat; background-size:contain;}
dl#topics-box {margin:0 0 3%;}
dl#topics-box dt {width:52%; margin:0 0 3px;}
dl#topics-box dt img {width:100%;}
dl#topics-box dd ol {list-style:none; border-top:1px solid #ccc;}
dl#topics-box dd ol li a {display:block; border-bottom:1px solid #ccc; padding:.5em 2.5em .5em 1em; background:#e4e2df url(../images/lm01.png) 98% no-repeat; background-size:8px; font-size:1.25em; color:#c03; text-decoration:none; text-shadow:1px 1px 3px #fff;}

/*--rooms--*/
dl.photo-navi {padding:0 3% 1px;}
dl.photo-navi dt {margin:0 3%;}
dl.photo-navi dt img {width:100%;/* border-radius:5px;*/}
dl.photo-navi dd {padding:.5px 0 1em;}
dl.spec {margin:0 3% 1em; padding:1em; background:#dedad5;}
dl.spec dt {width:3.5em; float:left; background:url(/common/images/dott02.gif) right no-repeat;}
dl.spec dd {padding:0 0 5px 4em;}

/*--facility--*/
dl.photos-s {padding:0 3% 1em;}
dl.photos-s dt {width:25%; float:right;}
dl.photos-s dt img {width:100%;}
dl.photos-s dd {width:73%; float:left;}

/*--hotspring--*/
dl.spec2 {margin:0 3% 1em; padding:1em; background:#dedad5;}
dl.spec2 dt {width:7.5em; float:left; background:url(/common/images/dott02.gif) right no-repeat;}
dl.spec2 dd {padding:0 0 5px 8em;}

/*--goods--*/
ol.goods {list-style:none; margin:0 3%; padding-bottom:.5em;}
ol.goods li {padding:1em 3%; margin-bottom:.5em; border:2px solid #b1a698; background:#faf9f2;}
ol.goods li dt {width:30%; float:left;}
ol.goods li dt img {width:100%;}
ol.goods li dd {width:68%; float:right;}
ol.goods li dd h4 a {color:#624c30; text-decoration:none;}
ol.goods li dd p {font-size:.84em;}
ol.goods li dd p a {text-decoration:none; color:#624c30;}

/*--topics--*/
ul#entry-navi {list-style:none; margin:0 1.5% 15px;}
ul#entry-navi li {width:50%; float:left;}
ul#entry-navi li.none {float:right;}
div.entry{margin:1em 3% 0; padding:1em; border:2px solid #b1a698; background:#faf9f2;}
div.entry p{padding:0 0 3%;}
div.entry ul,div.entry ol{padding:0 0 3% 2em;}
div.entry blockquote{margin:0 0 3%; padding:1em 1.5em; border:1px dotted #dedad5;}
div.entry img{max-width:100%;}
p.catename {padding:.5em 0 0; text-align:right;}
p.catename span {background:#624c30; padding:0 .5em; color:#fff; margin-right:1em;}

/*--sports--*/
dl.price {margin:0 3% 1em; padding:1em; background:#dedad5;}
dl.price dt {width:8.5em; float:left; background:url(/common/images/dott02.gif) right no-repeat;}
dl.price dd {padding:0 0 5px 9em;}

/*--privacy--*/
ul.pp {margin:0 3% 1em 3em;}
ul.pp li {padding-bottom:.5em;}
dl.sign {margin:0 3% 1em; padding:1em; border:2px solid #b1a698; background:#faf9f2;}
dl.sign dt {font-size:1.25em; color:#624c30; margin-bottom:.25em;}
dl.sign dd span {margin-left:1em;}

/*--access--*/
p.caution {text-align:right; margin:0 3% 1em; font-size:.75em;}
div#googlemap {margin:0 8% 1em; border:2px solid #362a1a;}
ul.clm3 {list-style:none; margin:0 3%; padding:.5em;}
ul.clm3 li {border-bottom:1px dotted #624c30; margin-bottom:.5em;}
ul.clm3 li dt {width:40%; float:left;}
ul.clm3 li dt img {width:100%;}
ul.clm3 li dd {width:58%; float:right; color:#624c30;}
ul.clm3 li dd p {font-size:.9em; color:#333;}
ul.caution {list-style:none; margin:0 3% 1em;}
ul.caution li {padding-left:1.5em; text-indent:-1.5em; font-size:.75em; padding-bottom:.5em;}
ul.caution li.long {padding-left:2em; text-indent:-2em;}
.car p.txt {
	margin: 0 3% 1em;
}
.car figure {
	width: 70%;
	margin: 0 auto 2%;
}
.car figure img {
	width: 100%;
}
.car p.bnr-carplan {
	text-align: center;
}
.free-bus p {
	width: 100%;
	margin: 0 auto;
}
.free-bus p img {
	width: 100%;
}
.paid-bus p {
	width: 100%;
	margin: 0 auto;
}
.paid-bus img {
	width: 100%;
}

/*20140407add Start*/
h4.subtitle02{margin:0 0 .25em; font-size:1.25em; color:#f33; text-shadow:1px 1px 3px #fff;}
div#bus03,div#bus04{margin:0 3% 1em;}
div#bus03 ul{list-style:none;}
div#bus03 ul li:before{content:"◎";}
div#bus04 p{font-weight:bold;}
div#bus04 p span{font-weight:normal;}
div#bus04 ul{list-style:none;}
div#bus04 ul li span{display:inline-block; width:5em; margin:0 1em 0 0;}
/*20140407add End*/

ul.clm3 li table{width:100%; border-collapse:collapse;}
ul.clm3 li table tbody tr th{background:#eeecea; font-weight:normal; text-align:center; vertical-align:middle; border:1px solid #dedad5;}
ul.clm3 li table tbody tr td{background:#fff; text-align:center; vertical-align:middle; border:1px solid #dedad5;}
div#contents div#main table tbody tr td span{font-size:10px;}
ul.clm3 li#bus-time01 table tbody tr td {width:23%;}
ul.clm3 li#bus-time02 table tbody tr td {width:46%;}
ul.clm3 li#bus-time01 table tbody tr td.center-space {width:8%; background:#eeecea;}
ul.clm3 li#bus-time02 table tbody tr td.center-space {width:8%; background:#eeecea;}

/*20150310add Strat*/
.bnr {width:93.75%; text-align:center; margin:0 auto 2em;}
.bnr img{width:100%;}

/*20150310add End*/

/*20150323add Strat*/
.april {width:94%; margin:0 auto 1em; border-collapse: collapse;}
.april th {padding:0.5em; text-align:center; font-size:1.25em; color:#624c30; font-weight:normal; width:20%; background: #eeecea; vertical-align: middle; border: 1px solid #dedad5;}
.april td {padding:0.5em; width:20%; text-align:center; border: 1px solid #dedad5;}
.april th.smallw ,.april td.smallw {width:8%;}
/*20150323add End*/

/*20160331add Strat*/
div.sonia{width:94%; margin:0 auto 2%;}
div.sonia p{border: 2px solid #dedad5; padding:2%;}
div.sonia p span{color:#f33;}
/*20160331add End*/

/*20180801add Strat*/
/*space index*/
.pdf-list-remarks{padding: 1em 3% 1em;}
.pdf-list{list-style: none; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; padding: 0 3% 1em;}
.pdf-list li{width: 48%; padding-bottom: 1em;}
.pdf-list li img{width: 100%;}
/*restaurant*/
.thumb{padding: 0 3% 1em;}
.thumb img{width: 100%;}
h3.restaurant#visual-title {
	padding: 100px;
	font-size: 0;
    line-height: 0;
    background: url(../../restaurant/images/back_visual.jpg) top left no-repeat;
    padding: 20px 0 160px 15px;
		margin: 0 0 30px;
}

/*20180801add End*/

/* MAP FLAG */
.flag-wrapper {width: 250px;}
.flag {
	background-color: #393939;
	color: #fff;
	display: table;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0 auto;
	opacity: .9;
	padding: 7px 38px 10px 7px;
	position: relative;
	text-shadow: 0 -1px 1px #000;
	white-space: nowrap;
	-moz-border-radiust: 4px;
	border-radius: 4px;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 0 5px 5px #888;
	box-shadow: 10px 10px 5px #888;
	max-width: 250px;
}
.flag h2 {font-size: 18px; margin: 0; padding: 0; max-width: 212px; overflow: hidden; text-overflow: ellipsis;}
.flag-shine {
	background-color: #fff;
	height: 18px;
	margin: 1px;
	opacity: .2;
	position: absolute; top: 0; left: 0;
	width: 100%;
	-moz-border-radiust: 4px;
	border-radius: 4px;
}

.icon-play-circle {
    background: -moz-linear-gradient(center top , #6A9DE5, #2972D9) repeat scroll 0 0 #2972D9;
    border: 2px solid #FFFFFF;
    border-radius: 20px 20px 20px 20px;
    height: 21px;
    position: absolute;
    right: 5px;
    top: 6px;
    width: 21px;
}
.icon-play-triangle {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #FFFFFF;
    border-style: solid;
    border-width: 6px;
    height: 0;
    left: 8px;
    position: absolute;
    top: 4px;
    width: 0;
}
.icon-down-triangle {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #393939 transparent transparent;
    border-style: solid;
    border-width: 10px;
    bottom: -20px;
    height: 0;
    left: 50%;
    margin: 0 0 0 -10px;
    opacity: 0.9;
    position: absolute;
    width: 0;
}

.gallery-page.ui-content {
	background:none;
	padding:0;
}

div.tube{
	padding:2% 3% 3%;
}
div.tube div{
	width:100%;
	height:0;
	padding-top:56.25%;
	position:relative;
}
div.tube div iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#booking{
	margin:4% 0;
}
#booking .search-widget-input-34bba0, .search-widget-select-75fb48{
	font-size:14px !important;
}
#booking .search-widget-search-container-bf1818{
	border-radius: 0px;
	border-bottom:1px solid #624c30;
	box-shadow:none;
	background:transparent;
	padding-bottom:2%;
}
#booking .input-container-input-container-da40af .input-container-title-db81ec{
	color:#624c30;
}
#booking .button-btn-f51c1a{
	background:#624c30 !important;
}
#booking .search-widget-search-container-bf1818{
	width:100% !important;
	text-align: center;
}

#members {
	width: 100%;
	padding: 7% 0 9%;
	margin: 0 auto 7%;
	background-color: #624c30;
}
#members dl {
	padding: 0 6%;
}
#members dt {
	width: 100%;
	margin: 0 0 7%;
}
#members dt p {
	font-size: 16px;
	color: #fff;
	text-align: center;
}
#members dt p img {
	width: 100%;
}
#members ul li {
	width: 70%;
	margin: 0 auto 4%;
	list-style: none;
}
#members ul li:last-child {
	margin: 0 auto;
}
#members ul li a {
	font-size: 24px;
	color: #fff;
	display: block;
	text-align: center;
	padding: 3% 0 0;
}
#members ul li:first-child a {
	color: #624c30;
	background-color: rgba(255,255,255,0.8);
}
#members ul li:last-child a {
	background: linear-gradient(180deg, rgba(72,47,19,1) 0%, rgba(189,132,54,1) 100%);
}
#members ul li a:hover {
	opacity: 0.7;
	text-decoration: none;
	cursor: pointer;
}

span.red {
  color: #c03;
}