@charset "utf-8";

html {
	-webkit-text-size-adjust: 100%;
}

h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
	font-size: 140%;
	line-height:1.6;
}

#wrapper{
	min-width:100%;
}
#main {
	width:94%;
	margin:0 auto 30px;
}
#m-col {
	width:100%;
	margin:30px auto 0;
	float:none;
}

/* none */
#s-col, #navi {
	display:none;
}



/*----------------------------------------
	Header
----------------------------------------*/

#sp_header {
	width:100%;
	height:65px;
	padding:10px;
	background:#000;
	position:relative;
	box-sizing:border-box;
}
#sp_header .logo {
	width:129px;
	height:45px;
	background:#CCC;
}
#sp_header .logo a {
	width:100%;
	height:100%;
	display:block;
}
#sp_header .open-menu {
	display:block;
	width:45px;
	height:45px;
	position:absolute;
	top:10px;
	right:10px;
	background:#000;
	cursor:pointer;
}
#sp-menu {
	display:none;
	width:100%;
	height:auto;
	position:absolute;
	top:65px;
	right:0;
	background:#FFF;
	z-index:99999;
}

#sp-menu dl {
	margin-bottom:20px;
}
#sp-menu dt {
	font-size:14px;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	padding:10px;
	background:#000;
}
#sp-menu dd {
	width:100%;
}
#sp-menu dd li {
	width:100%;
	font-size:12px;
	border-bottom:#f1ece6 1px solid;
	position:relative;
}
#sp-menu dd li a {
	display:block;
	color:#000;
	text-decoration:none;
	padding:10px;
}
#sp-menu dd li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #532914;
	border-right: solid 2px #532914;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

p.close_btn {
	background:#b79846;
}
p.close_btn a {
	display:block;
	color:#FFF;
	line-height:1;
	text-align:center;
	text-decoration:none;
	padding:10px;
}


/*----------------------------------------
	Main Image
----------------------------------------*/

#topImage {
	width:100%;
	height: auto;
	margin:0 auto;
}



/*----------------------------------------
	index
----------------------------------------*/
#index_col {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	padding-top:50px;
}



#news {
	width:100%;
	height:auto;
	margin-bottom:15px;
	overflow:hidden;
}
#news .cover {
	width:105%;
	height:auto;
	margin-bottom:30px;
}


#news {
	width:96%;
	height:auto;
	margin:0 0 0 3%;
} 
#news .cover {
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:0;
	margin:0 auto;
}

#news dl {
	width:48%;
	height:auto;
	float:left;
	overflow:hidden;
	margin:0 2% 12% 0;
 	background-size:cover;
}
#news dt {
	font-size:18px;
}
#news dt img {
	width:100%;
	height:auto;
	background-size:cover;
	margin-bottom:18px;
}
#news dd {
	font-size:15px;
	margin:10px 0 0 0;
}

.w-94 {
	width:94%;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}
.w-60 {
	width:60%;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}
.sp_col {
	width:94%;
	height:auto;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}
ul.sp-list li {
	list-style:none;
	margin:0 0 10px 0;
}



#sp_fixing {
    position: fixed;
    top:0;
    right: 0;
    display: block;
    z-index: 99999;
}


.f_cv {
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}
.f_cv .cv2 {
	width:50%;
	height:auto;
	float:left;
}




/*----------------------------------------
	common
----------------------------------------*/

.pc_area {display:none;}
.sp_area {display:block;}

.image_l, .image_r, .image_r2 {
	width:90%;
	max-width:400px;
	height:auto;
	display:block;
	margin:0 auto 10px;
	float:none;
}

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

/* block */
.col-two,.col-three {
	width:100%;
}
.col-two .block,.col-three .block {
	width:100%;
	height:auto;
	overflow:hidden;
	margin-right:px;
	float:none;
	margin-bottom:20px;
}
.col-two .block img,.col-three .block img {
	width:70%;
	height:auto;
	margin:0 auto;
	display:block;
}

/* margin */
.mb_s {margin-bottom:20px !important;}
.mb_m {margin-bottom:30px !important;}
.mb_l {margin-bottom:50px !important;}
.mtpc150sp0 {margin-top:0px !important;}


/* area */
.text_area {
	width:96%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}


/* ttl */
.o_access {
	width:100%;
	height:270px;
	margin:0 auto 50px;
	background:url(../images/h2_access.jpg) no-repeat center top;
	background-size:cover;
}
.o_bath {
	width:100%;
	height:200px;
	margin:0 auto 50px;
	background:url(../images/h2_bath.jpg) no-repeat center top;
	background-size:cover;
}
.o_room {
	width:100%;
	height:270px;
	margin:0 auto 50px;
	background:url(../images/h2_room.jpg) no-repeat center top;
	background-size:cover;
}

.sub_h2 {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:60px 0 0 20px;
	font-size:36px;
	font-family:"Hiragino Mincho Pro" , "MS PMincho" , "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", serif;
	color:#000;
	letter-spacing:0.06em;
}
.sub_h2 span {
	width:1000px;
	height:auto;
	margin:0 auto;
	font-size:20px;
	font-family:"Hiragino Mincho Pro" , "MS PMincho" , "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", serif;
	color:#000;
	letter-spacing:0.06em;	
}




/*----------------------------------------
	Footer
----------------------------------------*/
.footer_bx {
	width:42%;
	height: auto;
	margin:0 auto;
	overflow:hidden;
}
.footer_bx img {
	width:25%;
	float:left;
	margin-left:11px;
}

/* btn */

@media screen and (min-width:300px) and (max-width:320px) {
.info_btn {
	width:100%;
	height:50px;
	box-sizing:border-box;
	text-align:center;
	margin:0 auto;
	border:1px solid #FFF;
	background:url(../images/btn_icon.jpg) no-repeat 6% center;
	padding:4% 0 0 0;
	margin-bottom:13px;
}
}
@media screen and (min-width:321px) and (max-width:414px) {
.info_btn {
	width:100%;
	height:50px;
	box-sizing:border-box;
	text-align:center;
	margin:0 auto;
	border:1px solid #FFF;
	background:url(../images/btn_icon.jpg) no-repeat 7% center;
	padding:2% 0 0 0;
	margin-bottom:13px;
}
}
@media screen and (min-width:300px) and (max-width:320px) {
.foreign_btn {
	width:94%;
	height:50px;
	box-sizing:border-box;
	text-align:center;
	margin:0 auto;
	border:1px solid #FFF;
	background:url(../images/btn_icon.jpg) no-repeat 6% center;
	padding:10px;
	margin-bottom:13px;
}
}
@media screen and (min-width:321px) and (max-width:414px) {
.foreign_btn {
	width:94%;
	height:50px;
	box-sizing:border-box;
	text-align:center;
	margin:0 auto;
	border:1px solid #FFF;
	background:url(../images/btn_icon.jpg) no-repeat 7% center;
	padding:10px;
	margin-bottom:13px;
}
}



.info_txt {
	color:#FFF;
	font-size:16px;
	font-family:"Hiragino Mincho Pro" , "MS PMincho" , "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", serif;
	display:inline;
}
.info_bx {
	width:100%;
	height:auto;
	color:#FFF;
	text-align:center;
	overflow:hidden;
	letter-spacing:0.18em;
	margin-bottom:50px;
}













/* yokoyama */

.txt16 {
	font-size:16px;
	color:#FFF;
	font-family:"Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", serif;
	line-height:1.4em;
	letter-spacing:0.01em;
	text-align:center;
}

.access_icon {
	width:80px;
	height:auto;
	margin:0 auto;
}



.ttl-pt2 {
	width:100%;
	height:auto;
	margin:0 auto 50px;
	font-size:17px;
	font-family:"Hiragino Mincho Pro" , "MS PMincho" , "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", serif;
	color:#FFF;
	letter-spacing:0.06em;
	text-align:center;
	line-height:1.3;
}



.ttl-pt1 {
	font-size:20px;
	color:#FFF;
	font-family:"Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", serif;
	text-align:center;
	letter-spacing:2px;
	margin-bottom:40px;
	padding-bottom:15px;
	margin:0 auto;
	text-align:center;
	display:inline;
	/*line-height:3em; ローカル編集時*/
	line-height:2em;
}
.ttl-pt1 span {
	font-size:12px;
	color:#FFF;
	font-family:"Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", serif;
	text-align:center;
	line-height:1.2em;
	letter-spacing:2px;
	margin-bottom:50px;
	margin:0 auto;
	text-align:center;
	display:inline;
	border-top:1px solid #FFF;
	padding-top:10px;
}


.access_box {
	width:96%;
	height:auto;
	margin:0 auto;
	border:1px solid #fff;
	box-sizing:border-box;
	padding:20px;
	line-height:1.4;
	color:#FFF;
}


.access_box .ttl {
	width:100%;
	height:auto;
	padding-bottom:15px;
	border-bottom:1px #fff solid;
	margin:0 auto;
	box-sizing:border-box;
}

.access_box .ttl p {
	width:100%;
	background:url(../images/access_box_icon.jpg) no-repeat left;
	font-size:20px;
	color:#FFF;
	font-family:"Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", serif;
	margin:0 auto;
	padding-left:28px;
	text-align:left;
}
	
.access_box p {
	width:100%;
	margin:0 auto;
	margin-top:20px;
}


.table2 {
	width:100%;
}

.table2 tr {
	width:100%;
	border-bottom:#fff 1px solid;
}
.table2 th {
	color:#e0c683;
	font-size:15px;
	line-height:1.2;
	padding:2%;
	box-sizing:border-box;
	font-family:"Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", serif;
}
.table2 td {
	font-size:14px;
	color:#fff;
	line-height:1.5;
	padding:2%;
	box-sizing:border-box;
	font-family:"Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", serif;
}


@media screen and (min-width:737px) and (max-width:1200px) {
.box320_l {
	width:32%;
	float:left;
	overflow:hidden;
	margin-right:2%;
}

.box320_r {
	width:32%;
	float:left;
	overflow:hidden;
}
}

@media screen and (min-width:300px) and (max-width:736px) {
.box320_l {
	width:100%;
	float:none;
	overflow:hidden;
	margin-right:0;
	margin-bottom:10px;
	
}

.box320_r {
	width:100%;
	float:none;
	overflow:hidden;
}

}



@media screen and (min-width:737px) and (max-width:1200px) {
.child_box {
	width:33.33%;
	height:auto;
	overflow:hidden;
	float:left;
}
}



@media screen and (min-width:300px) and (max-width:736px) {
.child_box {
	width:100%;
	height:auto;
	overflow:hidden;
	float:none;
}
}



.child_s div {
	width:100%;
	height:auto;
	margin:0 auto;
}


@media screen and (min-width:1000px) and (max-width:1200px) {


.child_box2_o {
	width:100%;
	height:auto;
	margin:0 auto;
}

.child_box2_l {
	width:49%;
	height:auto;
	overflow:hidden;
	float:left;
}

.child_box2_r {
	width:49%;
	height:auto;
	overflow:hidden;
	float:right;
}


.child_box2_bg {
	width:49%;
	height:auto;
	background:url(../images/child_box2.jpg) repeat;
	padding:5px;
	box-sizing:border-box;
	float:left;
}

.child_box2 {
	width:100%;
	height:auto;
	padding:10px;
	border:1px solid #9a8870;
	box-sizing:border-box;
}

.child_box2 .ttl {
	width:100%;
	height:auto;
	background:url(../images/child_box2_bg.png) repeat-x bottom;
	box-sizing:border-box;
	text-align:center;
	font-size:21px;
	color:#000;
	font-family:"Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", serif;
	padding-bottom:8px;
	margin-bottom:10px;
}

.mr13 { margin-right:2%;}


}


@media screen and (min-width:320px) and (max-width:999px) {


.child_box2_o {
	width:100%;
	height:auto;
}


.child_box2_l {
	width:100%;
	height:auto;
	overflow:hidden;
	float:none;
	margin-bottom:10px;
}

.child_box2_r {
	width:100%;
	height:auto;
	overflow:hidden;
	float:none;
}


.child_box2_bg {
	width:49%;
	height:auto;
	background:url(../images/child_box2.jpg) repeat;
	padding:3px;
	box-sizing:border-box;
	float:left;
}

.child_box2 {
	width:100%;
	height:auto;
	padding:10px;
	border:1px solid #9a8870;
	box-sizing:border-box;
}

.child_box2 .ttl {
	font-size:17px;
}

.mr13 { margin-right:2%;}

.icon_box {
	width:85%;
	margin:0 auto;
	text-align:center;
	display:block;
	height:50px;
}

.icon_green {
	width:100%;
	padding:3px 6px;
	background:url(../images/child_icon_g.jpg) repeat;
	font-size:12px;
	color:#fff;
	font-family:"Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", serif;
	margin-right:0;
	float:none;
	box-sizing:border-box;
	margin-bottom:3px;
}



.icon_purple {
	width:100%;
	padding:3px 6px;
	background:url(../images/child_icon_p.jpg) repeat;
	font-size:12px;
	color:#fff;
	font-family:"Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", serif;
	float:none;
	box-sizing:border-box;
}

.child_box2 .txt {
	font-size:15px;
	color:#000;
	font-family:"Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", serif;
	text-align:center
}


.child_box2 .txt span {
	font-size:24px;
	color:#a40035;
	font-family:"Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", serif;
}

}


.child_box3_bg {
	width:49%;
	height:auto;
	background:url(../images/child_box2.jpg) repeat;
	padding:5px;
	box-sizing:border-box;
	float:left;
	margin-right:1%;
}

.map_area {
　width: 100% !important;
　height:100px !important;
}

.text_area1000 {
	width:96%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.text_area1200 {
	width:96%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}


/* bath */
.bath_b {
	width:100%;
	height:auto;
	overflow:hidden;
	float:left;
	margin:0 auto 50px;
}
.bath_ttl {
	height:auto;
	margin:0 auto 15px;
	font-size:20px;
	font-family:"Hiragino Mincho Pro" , "MS PMincho" , "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", serif;
	color:#FFF;
	letter-spacing:0.06em;
}
.bath_mr20 {margin-right:0 !important;}
.bath_mr10 {margin-right:0 !important;}
dl.bath_c2 {
	width:100%;
	height:auto;
	overflow:hidden;
	float:left;
	margin-bottom:50px;
}
dl.bath_c2 dt {
	width:100%;
	height:auto;
	border-bottom:1px solid #FFF;
	margin-bottom:15px;
	padding-bottom:20px;
	float:left;
}

.mbpc100_sp50 {margin-bottom:50px;}
.mbpc50_sp30 {margin-bottom:30px;}




/* meal */


@media screen and (min-width:1000px) and (max-width:1200px) {



.box326 {
	width:326px;
	height:auto;
	float:left;
}

.box326 p {
	padding-top:10px;
	border-top:1px solid #fff;
	font-family:"Hiragino Mincho Pro" , "MS PMincho" , "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", serif;
	color:#FFF;
	font-size:14px;
}
	
.box326 img {
	width:100%;
	height:auto;
	margin-bottom:15px;
}



}



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

.box326_o {
	width:100%;
	height:auto;
	margin:0 auto;
}

.box326 {
	width:32%;
	height:auto;
	float:left;
}

.box326 p {
	padding-top:10px;
	border-top:1px solid #fff;
	font-family:"Hiragino Mincho Pro" , "MS PMincho" , "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", serif;
	color:#FFF;
	font-size:14px;
}
	
.box326 img {
	width:100%;
	height:auto;
	margin-bottom:15px;
}

.ml11 { margin-left:2%;}


}



@media screen and (min-width:320px) and (max-width:767px) {

.box326_o {
	width:100%;
	height:auto;
	margin:0 auto;
}

.box326 {
	width:90%;
	height:auto;
	float:none;
	margin:0 auto 30px !important;
}

.box326_txt {
	padding-top:10px;
	border-top:1px solid #fff;
	font-family:"Hiragino Mincho Pro" , "MS PMincho" , "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", serif;
	color:#FFF;
	font-size:14px;
}
	
.box326 img {
	width:100%;
	height:auto;
	margin-bottom:15px;
}

.ml11 {margin:0 auto 30px;}

}


.meal_bg_sp {
	width:100%;
	height:auto;
	background:url(../images/sp/meal_bg.jpg) repeat;
	padding:40px 10px 30px;
	box-sizing:border-box;
	overflow:hidden;
}

.meal_btn {
	width:48%;
	height:auto;
	margin:0 1%;
	float:left;
}

.meal_btn img {
	width:100%;
	height:auto;
}



.txt20 {
	font-size:18px;
	font-family:"Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", serif;
	line-height:1.2em;
	letter-spacing:0.01em;
}


.txt16_b {
	font-size:15px;
	color:#000;
	font-family:"Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", serif;
	line-height:1.6em;
	text-align:left;
}


.blog_area {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}

.blog_ttl {
	font-size:19px;
	color:#Fff;
	font-weight:0;
	font-family:"Hiragino Mincho Pro" , "MS PMincho" , "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", serif;
	float:none;
	text-align:center;
}



.blog_day {
	float:none;
	font-size:19px;
	margin-right:10px;
	margin-top:1px;
	text-align:center;
}


.blog_area img {
	width:84%;
	float:none;
	display:block;
	overflow:hidden;
	margin:0 auto 10px !important;
	max-width:400px;
}

.news_icon_info {
	width:58px;
	height:15px;
	margin-left:0;
	padding: 4px 6px;
	line-height:1;
	font-weight:normal;
	font-size:13px;
	background:url(../images/child_icon_g.jpg) repeat;
	color:#fff;
	float:none;
	font-family:"Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", serif;
	margin:2px auto 0;
	text-align:center;
}

.news_icon_menu {
	width:58px;
	height:15px;
	margin-left:0;
	padding: 4px 6px;
	line-height:1;
	font-weight:normal;
	font-size:13px;
	float:none;
	background:url(../images/child_icon_p.jpg) repeat;
	color:#fff;
	font-family:"Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", serif;
	margin:2px auto 0;
	text-align:center;
}



.o_foreign {
	width:96%;
	height:auto;
	margin:0 0 0 3%;
	overflow:hidden !important;
} 
.foreign_cover {
	width:100%;
	height:auto;
	margin-bottom:0;
	margin:0 auto;
}

dl.foreign {
	width:48%;
	height:auto;
	float:left;
	overflow:hidden;
	margin:0 2% 12% 0;
 	background-size:cover;
}
dl.foreign dt {
	font-size:18px;
}
dl.foreign dt img {
	width:100%;
	height:auto;
	background-size:cover;
	margin-bottom:18px;
}
dl.foreign dd {
	font-size:18px;
}



.o_foreign2 {
	width:96%;
	height:auto;
	margin:0 0 0 3%;
	overflow:hidden !important;
} 
.foreign_cover2 {
	width:100%;
	height:auto;
	margin-bottom:0;
	margin:0 auto;
}

dl.foreign2 {
	width:48%;
	height:auto;
	float:left;
	overflow:hidden;
	margin:0 2% 12% 0;
 	background-size:cover;
}
dl.foreign2 dt {
	font-size:18px;
}
dl.foreign2 dt img {
	width:100%;
	height:auto;
	background-size:cover;
	margin-bottom:18px;
}
dl.foreign2 dd {
	font-size:18px;
}



.o_foreign3 {
	width:96%;
	height:auto;
	margin:0 0 0 3%;
	overflow:hidden !important;
} 
.foreign_cover3 {
	width:100%;
	height:auto;
	margin-bottom:0;
	margin:0 auto;
}

dl.foreign3 {
	width:48%;
	height:auto;
	float:left;
	overflow:hidden;
	margin:0 2% 12% 0;
 	background-size:cover;
}
dl.foreign3 dt {
	font-size:18px;
}
dl.foreign3 dt img {
	width:100%;
	height:auto;
	background-size:cover;
	margin-bottom:18px;
}
dl.foreign3 dd {
	font-size:18px;
}