/* CSS Document */
#main {
	font-family: "Sawarabi Gothic";
}

@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;
	font-size: 14px;
	line-height: 1.5;
}

#main section {
	margin-bottom: 80px;
}
#main section p {
	font-size: 14px;
	line-height: 1.5;
}

#main section h2 {
	margin-bottom:50px;
	text-align: center;
}
#main div.inner {
	width:1000px;
	margin:auto;	
}
#main div.inner img {
	width:100%;
}
#main dl {
	background-color: #ddd4c3;
	box-sizing:border-box;
	width:1000px;
	letter-spacing: -4em;
}
#main dl dt {
	box-sizing:border-box;
	width:200px;
	padding:10px;
	display: inline-block;
	/*background-color: #ddd4c3;*/
	vertical-align: top;
	letter-spacing: normal;
}
#main dl dd {
	box-sizing:border-box;
	padding:10px;
	width:800px;
	border-left:3px solid #FFFFFF;
	display: inline-block;
	background-color: #e6e8db;
	letter-spacing: normal;
}

#main div.inner img.sym01 {
	display:block;
	position: absolute;
	top:-40px;
	left:-60px;
	width:227px;
	height:227px;
}
#main div.inner img.sym03 {
	display:block;
	position: absolute;
	bottom:-60px;
	right:50px;
	width:100px;
	height:420px;
}
.relative {
	position:relative;
}

ul.spr_effect {
	letter-spacing: -4em;	
	background-color: #e7d2bb;
}
ul.spr_effect li {
	box-sizing:border-box;
	width:500px;
	padding:10px;
	display:inline-block;
	letter-spacing: normal;
	vertical-align: top;
}
ul.spr_effect li.light {
	background-color: #ecdecf;
}
/*
ul.spr_effect li:nth-child(odd){
	background-color: #ecdecf;
}
ul.spr_effect li:nth-child(even){
	background-color: #e7d2bb;
}*/
ul.spr_effect li span {
	color:#42210b;
}
.c620 {
	width: 620px;
	margin:auto;
}
.c620 img {
	width:100%;
}
a.c300  {
	display:block;
	width:300px;
}
a.c300 img {
	width:100%;
}
.senshitsu {
	font-size: 14px;
}
.senshitsu li {
	margin-bottom:7px;
}


}

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

#main section { margin-bottom:10vw;}
#main section h2 { margin-bottom:5vw;}
 p.c_copy { width:93vw;margin:auto;text-align: left;margin-bottom:50px;}
.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 {background-color: #ddd4c3;margin-bottom:0.5vw;}
#main dl dd {border-left:0;}

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

}

/*追加　20170912*/
section#p1{
	width: auto;
	margin:0 auto;
	height:auto;
    background: url(../images/hotspring/bg2.gif);
}
.hotspring_1{
	width:1000px;
	margin:0 auto;
}

ul.hotspring_listbox {
    width: 1000px;
}
li.hotspring_listbox {
    display: inline-block;
    width: 491px;
    margin-right: 15px;
}
li.hotspring_listbox2 {
    display: inline-block;
    width: 491px;
}
p.hotspring3{
	text-align:center;
	margin-top:10px;
}
.mt5{
	margin-top:5px;
}
.mt15{
	margin-top:15px;
}
.text_box{
	width: 1000px;
	height:100px;
	margin-top:15px;
    background: url(../images/hotspring/bg2.gif);
    position: relative;
}
.text_box p{
	margin-top:15px;
	margin-bottom:15px;
	width:650px;
	top:5px;
	left:22px;
	position: absolute;
}
.text_box span{
	display: block;
	margin-bottom: 5px;
	font-weight:bold;
	color:#583822;
	font-size: 16px;
}

@media screen and (max-width: 640px)
{
ul.hotspring_listbox {
    width: 100%;
    margin: auto;
}
p.hotspring {
    text-align: justify;
}
li.hotspring_listbox {
    width: 49%;
    margin: auto;
    margin-right: 5px;
}
li.hotspring_listbox2 {
    width: 49%;
    margin: auto;
}
section#p1 {
    background: url(../images/hotspring/bg2.gif);
}
.hotspring_1{
    width: 93vw;
    margin: auto;
}
.c620{
    width: 100%;
    margin: auto;
}
.c620 img{
	width: 100%;
}
.container_sp { width:93vw;	margin:auto;}
}