/* CSS Document */

/*@media (min-width:641px){*/

#main {
	font-family: "Sawarabi Gothic"
}

#main #main_title img {
	width:100%;
	text-align: center;
}

 p.c_copy {
 	width:1000px;
	margin:auto;
	text-align: center;
	margin-bottom:50px;
}

#main section {
	margin-bottom: 80px;
}

#main section#p1 {
	text-align: center;
}

#main section h2 {
	margin-bottom:30px;
	text-align: center;
}
#main div.inner {
	width:1000px;
	margin:auto;	
}
#main div.inner img {
	width:100%;
}
#main dl {
	box-sizing:border-box;
	width:1000px;
	letter-spacing: -5em;
}
#main dl dt {
    box-sizing: border-box;
    width: 240px;
    padding: 16px;
    background-color: #fddea5;
    border-bottom: 1px solid #9fa0a0;
    height: 51px;
    float: left;
    clear: left;
    border-right: 1px solid #9fa0a0;
    display: inline-block;
	letter-spacing: normal;
}
#main dl dd {
    box-sizing: border-box;
    padding: 10px;
    width: 758px;
    padding: 10px 0 10px 20px;
    font-weight: normal;
    border-bottom: 1px solid #9fa0a0;
    float: left;
    display: inline-block;
	letter-spacing: normal;
	height: 51px;
}
#main dl dd.last { border-bottom: none; height: 321px; }
.mb80 {	margin-bottom: 80px !important; }
.c_red {
	color:#FF0000;
}
	#main #SMIL_ERR dt { border-bottom: none; border-right: none; padding: 5px 0; float: none; height: auto;
		background: none; min-height: auto; }
	#main #SMIL_ERR dd { border-bottom: none; border-right: none; padding: 5px 0; float: none; height: auto; 
		min-height: auto; }

table {
	box-sizing: border-box;
	border-collapse: collapse;
	width:850px;
	margin:auto;
	border:1px solid #9fa0a0;
}
table tr th {
	box-sizing: border-box;
	width:240px;
	padding:10px;
	font-weight: normal;
	/*text-align: left;*/
	background-color: #fddea5;
	border:1px solid #9fa0a0;
	vertical-align: middle;
}
table tr td {
	box-sizing: border-box;
	width:600px;
	padding:10px 0 10px 20px;
	font-weight: normal;
	border:1px solid #9fa0a0;
}
#name ,#kana , #tel , #mail, #contents,.form_wrapper select,.form_wrapper input[type="text"]{
	width:360px;
	height:30px;
}
#postalcode {
	margin-bottom: 10px;
}
#addr {
	width:555px;
}
#type , #postalcode , #addr {
	height:30px;
}
#msg,.form_wrapper textarea {
	width:570px;
	height:300px;
}
.btns {
	width:1000px;
	margin:auto;
}
div.button {
	margin-left: 200px;
}
button {
	border:none; /*枠を消す*/
	background-color:transparent; /*背景色を白に*/
	padding:0;
}
button {
	cursor: pointer;
}
button img {
	width:auto;
}
.wp850 {width:850px; margin:auto;}



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

#main section { margin-bottom:10vw;}
#main section h2 { margin-bottom:5vw;}
.container_sp { width:93vw;	margin:auto;}
#main div.inner {width:100%; margin:auto;}
#main dl {width:100%; background-color: transparent;}
#main dl dt , #main dl dd{width:100%;/*display:block;*/background-clip: padding-box;}
#main dl dt {width:50%;background-color: #fddea5;margin-bottom:0.5vw;}
#main dl dd {border-left:0; padding:10px 0; border:none;}
p.c_copy { width:93vw;	margin:auto; text-align: left;}

/*温泉ページ効能追加分*/
ul.spr_effect {	letter-spacing: normal;	background-color: transparent;}
ul.spr_effect li { width:100%; display:block;}
ul.spr_effect li:nth-child(odd){background-color: #ecdecf;}
ul.spr_effect li:nth-child(even){background-color: #e7d2bb;}

/*お料理ページ追加分*/
.pt150 {padding-top:5vh;}
#main section div.c470 {width: 100%; text-align: center;}
.right , .left {float: none;}

ul.game {
	/*width:930px;*/
	width:100%;
	margin:auto;
	text-align: center;
	font-size: 0;
}
ul.game li {
	width:30%;
	height:auto;
	float: none;
	margin-right: 2vw;
	display: inline-block;
	vertical-align: middle;
}
ul.game li:nth-child(even) {
	margin-top:0;
}
ul.game li:nth-child(2) {
	margin-top:5vh;
	margin-bottom: 2vw;
}
ul.game li:nth-child(3n) {
	margin-right: 0;
}

ul.fac_room li {
	width:100%;
	/*float: left;*/
	display:block;
	margin-right:0;
	margin-bottom:1vw;
	vertical-align:middle;
	letter-spacing:normal;
}
ul.fac_room li p{
	width:100%;
	margin-left: 0;
	padding-left: 12px;
	letter-spacing: normal;
}
#main section div.tel {width:65%;margin:auto;text-align: center;}
#name ,#kana , #tel , #mail , #addr, #contents,.form_wrapper select,.form_wrapper input[type="text"]{
	width:100%;
	height:30px;
}
#msg,.form_wrapper textarea {
	width:100%;
	height:200px;
}
.btns {
	width:100%;
	margin:auto;
	text-align: center;
}
.btns p {
	text-align: left;
}
.wp850 {width:100%;}

}



dl.container_sp.contact_1{
	height: 628px;
	border:solid 1px #9fa0a0;
	margin-bottom:20px;
}

#main dl dt.dt6.contact_2{
	height:321px;
}

.contact_mail2{
	height:51px;
}
dl.cnt.c_m1{
    width: 850px;
    height: 358px;
    border: solid 1px #9fa0a0;
    margin-bottom: 20px;
}
.mr20{
	margin-right:20px;
}

@media (max-width: 641px){
dl.container_sp.contact_1 {
    border: none;
}
#main dl dt.dt6.contact_2{
	height:40px;
}
#main dl dt {
    box-sizing: border-box;
    width: 180px;
    padding: 7px;
    background-color: #fddea5;
    height: 40px;
    float: left;
    clear: left;
    border: 1px solid #9fa0a0;
    display: inline-block;
    letter-spacing: normal;
}
dl.cnt.c_m1{
    border: none;
}
div.button {
    margin-left: 0px;
}
	#main #SMIL_ERR dt { border: none; padding: 5px 0; float: none; height: auto;
		background: none; min-height: auto; }
	#main #SMIL_ERR dd { border: none; padding: 5px 0; float: none; height: auto; 
		min-height: auto; }

}