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

/*** リスト画像位置補正 ***/

.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb {
padding-left: 6px;
min-height: 50px;
}
.ui-li-thumb, .ui-li-icon {
position: inherit;
}



.ui-header .ui-title, .ui-footer .ui-title {
min-height: 1.1em;
text-align: center;
font-size: 16px;
display: block;
margin: .6em 0 .8em;
padding: 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
outline: 0!important;
}


.text-bg {
border: 1px solid #383734;
background: #41403f;
color: #ffffff;
/*font-weight: bold;*/
text-shadow: 0 -1px 0 #2f2407;
text-align: center;
margin-top: 0px;
margin-bottom: 10px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 0px;
/*background-image: -moz-linear-gradient(center top , #0098b4 0%, #0362a5 100%) repeat scroll 0 0 #0284aa;*/
background-image: -moz-linear-gradient(center top , #41403f 0%, #41403f 100%) repeat scroll 0 0 #41403f;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#41403f),color-stop(1,#41403f));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#625123', EndColorStr='#625123')";
}

.bg02 {
background: #2076a9;
border: 1px solid #1a5f88;
color: #ffffff;
text-shadow: 0 -1px 0 #000;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 3px;
padding-right: 0px;
}
.bg03 {
	border: 1px solid #331714 /*{a-bhover-border}*/;
	background: #3e1713 /*{a-bhover-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{a-bhover-color}*/;
	text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #180c0c /*{a-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #4f1d18 /*{a-bhover-background-start}*/), to( #2c100d /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #4f1d18 /*{a-bhover-background-start}*/, #2c100d /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #4f1d18 /*{a-bhover-background-start}*/, #2c100d /*{a-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #4f1d18 /*{a-bhover-background-start}*/, #2c100d /*{a-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #4f1d18 /*{a-bhover-background-start}*/, #2c100d /*{a-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #4f1d18 /*{a-bhover-background-start}*/, #2c100d /*{a-bhover-background-end}*/);
	 padding-left:0.4em;
	 padding-top:0.4em;
	 padding-bottom:0.4em;
}

.bg04 {
background: #fbeba0;
border: 1px solid #ffcc66;
color: #000;
text-shadow: 0 -1px 0 #fff;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 3px;
padding-right: 0px;
}


div#map{   width:100%;   height:400px;   border:4px solid white;   -webkit-box-sizing: border-box;   box-sizing:border-box; } 


p { margin: 0; padding: 0;}

img {	max-width: 100%;	height: auto;	vertical-align: top;}

h1 {font-size: 1.2em; margin: 0; padding:0;}

h2 {font-size: 1.0em; font-weight:normal; padding: 0;}

.subtit { color: #F93; font-size:1.0em; font-weight:700; border-bottom:#999 solid 1px; padding:4px 0;}

h3 {font-size: 1.0em; padding: 0; margin-bottom:-0.2em;}

hr {margin: 10px 0;}

.topcom{
	font-size: 0.95em;
}

#topimg {
	top: 0;
	padding-bottom: 10px;
	text-align: center;
	z-index:-20;
}
.image {
	margin: 0;
	padding: 0;
	text-align: center;
}

/* header */

#logo {
	position:absolute;
	width:100%;
	top: 0px;
	text-align: right;
	z-index:10;
}



/* footer */

/*.nav_footer .ui-btn .ui-btn-inner { padding-top: 35px !important; }　アイコン有りの時*/
.nav_footer .ui-btn .ui-btn-inner { padding-top: 10px !important; }
.nav_footer .ui-btn .ui-icon { width: 30px!important; height: 30px!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: none !important; border-radius: none !important; }

#nav_home .ui-icon { background:  url(../images/icon_home.png) 50% 50% no-repeat; background-size: 20px 20px; }
#nav_facebook .ui-icon { background:  url(../images/icon_facebook.png) 50% 50% no-repeat; background-size: 20px 20px; }
#nav_twitter .ui-icon { background:  url(../images/icon_twitter.png) 50% 50% no-repeat; background-size: 20px 20px; }
#nav_pc .ui-icon { background:  url(../images/icon_pc.png) 50% 50% no-repeat; background-size: 20px 20px; }
#nav_phone .ui-icon { background:  url(../images/icon_phone.png) 50% 50% no-repeat; background-size: 20px 20px; }

.copyright {
	margin: 0;
	padding: 0px 0;
	font-size: 0.7em;
	text-align: center;
}


.copyright {
	margin: 0 0;
	padding: 7px 0px;
	font-size: 0.7em;
	text-align: center;
	border-top:#333 solid 1px;
}

.caution { 
	color: #C00;
	font-size:1.4em;
}

.caution-sp { 
	color: #C00;
	font-size:1em;
}
.date {
	color: #958F92;
	font-size: 0.8em;
}

.f7 { font-size: 0.7em; line-height:0.8em;}

.f8 { font-size: 0.8em; }

.f9 { font-size: 0.9em; }

.f11 { font-size: 1.1em; }

.red { color: #bb4617; }

.pri { color: #95452A; font-size: 0.7em; }

.clearfix {clear: right}


.wrap-shoplist { position: relative;}

.wrap-navi { position: relative;}

.wrap-main { width: 97%; margin: 0 auto;}

#wrap-menu-ac .ui-collapsible-heading a { margin: 0 0px; padding-bottom:.2em; font-weight:normal;}

.imgSP {
	margin-bottom:20px;
}

.mainImg {
	margin-top:1em;
	margin-bottom:1em;
}

.link a { color: #51170F; text-decoration: none; }
.link a:visited{ color: #51170F; }
.link a:hover {
	color: #51170F;
	text-decoration: underline;
}

.roomBold {
	font-weight:bold;
	color:#C00;
}



/* syosai_table
----------------------------------------------- */
table.table-01 {
	width: 98%;
	border-spacing: 0;
	/*font-size: 0.9em;*/
	border: #b5b5b5 solid 1px;
}


table.table-01 th {
	padding: 2px;
	text-align:left;
	background-color: #e5e5e5;
	color:;
	font-weight:normal;
}

table .lineR {
	padding: 2px;
	text-align:left;
	border-right: #c6c6c6 solid 1px;
	background-color: #e5e5e5;
	color:;
	font-weight:normal;
}

table.table-01 td {
	padding: 6px 0px 6px 4px;
	text-align:left;
}

table .lineD {
	padding: 10px 0px 10px 8px;
	text-align:left;
	border-bottom:dotted 1px #c6c6c6;
}

table.table-02 {
	width: 100%;
	border-spacing: 0;
	margin: 0 auto;
	/*font-size: 0.9em;*/
}

table.table-02 th {
	padding: .8em 0px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}

table.table-02 .photo {
	padding: .8em 0px;
	text-align:center;
}

table.table-02 td {
	padding: .8em 0px;
	text-align:right;
	vertical-align:top;
	width:30%;
}

table.table-02 .line {
	border-bottom:dotted 1px #666666;
}

table.table-03 {
	width: 100%;
	border-spacing: 0;
	margin: 1em auto .2em;
	/*font-size: 0.9em;*/
}

table.table-03 th {
	padding: .4em 0px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}

table.table-03 td {
	padding: .4em 0px;
	text-align:right;
	vertical-align:top;
	width:30%;
}

table.table-03 .line {
	border-bottom:dotted 1px #BFAE60;
	margin: .4em 0px;
}

table.table-04 {
	width: 100%;
	border-spacing: 0;
	/*font-size: 0.9em;*/
}

table.table-04 th {
	margin:0;
	padding: 0px;
	text-align:left;
	vertical-align:top;
	/*border-bottom:dotted 1px #a3a3a3;*/
	font-weight:normal;
}

table.table-04 td {
	margin:0;
	padding-left: 2%;
	text-align:left;
	vertical-align:top;
	/*border-bottom:dotted 1px #a3a3a3;*/

}

.accTable {
	width: 100%;
	border-spacing: 3px;
	font-size: 13px;
	margin-top:10px;

}

.accTable th {
	padding: 2px 2px;
	text-align: center;
	background: #EEE1CD;
	border-bottom:dotted 1px #7A6A56;
}

.accTable .td01 {
	padding: 2px 2px;
	text-align:left;
	border-bottom:dotted 1px #7A6A56;
	line-height:1.4;
}

.accTable .td02 {
	padding: 2px 2px;
	text-align:center;
	border-bottom:dotted 1px #7A6A56;
	line-height:1.4;
}

.roomTable {
	width: 100%;
	border-spacing: 0px;
	margin-top:10px;
}

.roomTable th {
	padding: 3px 0px;
	background: #EEE1CD;
	border-bottom:dotted 1px #7A6A56;
	text-align:center;
	font-weight:300;
}

.roomTable td {
	padding: 3px 0px;
	line-height:1.4;
	vertical-align: top;
}

.btline {
	border-bottom:dotted 1px #7A6A56;
}

.roomText{
	text-align:center;
}

.price{
	text-align:center;
}

.yoyaku{
	text-align:right;
	color:#C00;
}

.pro-tit {
	font-weight: bold;
	margin:0px 0 4px 0;
	padding-top:15px;
}


.mgbtm15 {
	margin-bottom:15px;
}

.bukkenlist {
	font-size:12px;
	line-height:1.2;
}





/* RESPONSIVENESS */

/* LAYOUT 240 up
----------------------------------------------- */


@media (min-width: 238px) {
	.topcom{margin: 10px auto; width: 98%}
	.wrap-con{margin: 10px auto; width: 100%}
	.waraku-con{margin: 10px auto; width: 98%}
	table.table-02, table.table-03{
	width: 99%;
	border-spacing: 0;
	margin: 1em auto;
	/*font-size: 0.9em;*/
	}
.wrap{margin: 20px auto; width: 98%; padding-left:0.6em;}
.wrap-g { margin: 20px auto; width: 98% }
}


/* LAYOUT 450 up
----------------------------------------------- */


@media (min-width: 450px) {

}


/* LAYOUT 641 up
----------------------------------------------- */

@media screen and (min-width: 641px) {
	.wrap{margin: 20px auto; width: 98%; padding-left:0.6em;}
	.navi-list{width: 24.75%; float: left; padding:10px 0;}
	.wrap-g { margin: 20px auto; width: 98% }
	.gallery { float: left; width: 46%; padding: 0 2% 0 1%;}
	/*.wrap-prof {margin: 0 auto; width: 97%;}*/
	.wrap-snavi { float: left; width: 30%; margin: 0px 0; }
	.wrap-con { float: right; width: 68%; margin: 0 0 40px 0; }
	table.table-02, table.table-03{
	width: 99%;
	border-spacing: 0;
	margin: 1em auto;
	/*font-size: 0.9em;*/
	
}


}


/* LAYOUT iPad
----------------------------------------------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.ui-li-heading {font-weight: bolder}
.topcom{margin: 10px auto; width: 95%;padding: 10px 0; text-align:center;}


}


/* LAYOUT BIG
----------------------------------------------- */

@media screen and (min-width: 960px) {
	body {letter-spacing: 0.0275em}
	.topcom{margin: 10px auto; width: 800px; text-align:center;}
	.wrap {margin: 20px auto; width: 800px; padding-left:0.6em;}
	.wrap-navi, .wrap-head {margin: 0 auto; width: 800px;}
	.waraku-con{margin: 10px auto; width: 100%}
	.navi-list{width: 24.88%; float: left; padding:10px 0;}
	.resp{width: 49.6%; float: left; padding:0;}
	.wrap-g { margin: 20px auto; width: 800px;}
	.gallery { float: left; width: 46%; padding: 0 2% 0 1%;}
	.wrap-prof {margin: 0 auto; width: 70%;}
	.wrap-snavi { float: left; width: 30%; margin: 0px 0; }
	.wrap-con { float: right; width: 68%; margin: 0 0 40px 0; }


}


@media screen and (min-width: 1025px) {

}
/* THE END