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

body{
	background:url(../images/bg_body.png) top repeat-x #e7d6a8;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　
}

.floatleft{	float:left;}
.floatright{float:right;}

img.floatleft{	margin-right:1em; margin-bottom:1em;}
img.floatright{	margin-left:1em; margin-bottom:1em;}

.small{	font-size:0.9em;}
.large,
#main p.large{font-size:1.4em;}

.cornerRound{
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
}

.ColorRed{		color:#E00;}
.ColorGreen{	color:#390;}
.ColorOrange{	color:#F60;}
.ColorBlue{		color:#39C;}

.bold{	font-weight:bold;}

a{	color:#339933;}
a:visited{	color:#004400;}
a:hover{	color:#77bb55;}
a.overwhite:hover img{
    cursor:pointer;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	opacity:0.6;
	zoom:1;
}


h2,h3{
	clear:both;
}

h2{
	background:url(../images/bg_midashi.png) no-repeat left;
	height:17px;
	padding:5px 0 15px 30px;
	font-size:18px;
	font-weight:bold;
	color:#333;
	margin-bottom:1em;
}

h2 a{ color:#333;}
h2 a:hover{ color:#333;}

#main h3{
	padding:7px 15px 5px 15px;
	border:1px solid #99c69b;
	margin-bottom:1em;
	font-weight:bold;
	border-bottom-width:3px;
	font-size:1.2em;
}


#header{
	border-top:5px solid #a4c39c;
	background-color:#fff;
}

#header .gridContainer{
	position:relative;
}

#header p{
	position:absolute;
}

#hTelnum{
	position:absolute;
	right:0;
	
}

#logo{
	width:240px;
	margin-bottom:10px;
	display:block;
}

#menu{
	border-bottom:5px solid #726151;
	background:url(../images/bg_header.png);
	min-height:40px;
	
	box-shadow: 0 0 15px #bbb;  
	-moz-box-shadow: 0 0 15px #bbb;　/* Firefox用 */  
	-webkit-box-shadow: 0 0 15px #bbb;　/* Safari,Google Chrome用 */

}

#menu ul{
	padding:0;
	margin:0;
	background:url(../images/menuSlicer.png) repeat-y left 2px;
	display:block;
	overflow:hidden;
}

#menu li{
	float:left;
	background:url(../images/menuSlicer.png) no-repeat right;
}
#menu li a{
	height: 14px;
	display:block;
}
#menu li a:hover{
	background-color:rgba(255,255,255,0.4);
}
#bgYotsuba{
	background:url(../images/bgYotsuba.jpg) top center no-repeat #e7d6a8;
	background-size:contain;
	-moz-background-size:contain;
	width:100%;
	max-width:1400px;
	margin-left:auto;
	margin-right:auto;
}

#bnrCoupon{
	display:block;
	background-color:#ffdb4a;
	margin: 0 auto 30px;
}
#bnrCoupon a{
	display:block;
	position:relative;
	border:1px solid #ff8842;
}
#bnrCoupon a:hover{
	background-color:#fff4c8;
}

.btnAccordion{ cursor:pointer;}
.btnAccordion a:hover,
.btnAccordion:hover{
	color:#339933;
}



#mainimage{
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;

	border:3px solid #fff;
	margin-bottom:10px;
}

#other #mainimage{
	margin-bottom:3%;
}

#contents{
	margin-bottom:30px;
	background-color:#f5f4ed;
	border:2px solid #fff;
	display:block;
	overflow:hidden;
	
	box-shadow: 0 0 15px #bbb;  
	-moz-box-shadow: 0 0 15px #bbb;　/* Firefox用 */  
	-webkit-box-shadow: 0 0 15px #bbb;　/* Safari,Google Chrome用 */
}
.newspage #contents{
	min-height:250px;
}

.newspage h2 span{
	display:block;
	float:right;
	text-align:center;
	padding:0.5em;
	border:2px solid #a4c39c;
	margin-top:-0.3em;
	background-color:#f5f4ed;
}

dl#profile{
	border:2px solid #99c69b;
	overflow:hidden;
	padding:0.5em 1em;
	margin-bottom:1em;
	font-size:1.2em;
	background-color:#fff;
}

dl#profile dt{
	width:5em;
	font-weight:bold;
	line-height:1.5em;
}

dl#profile dd{
	margin-left:0;
	line-height:1.75em;
	border-bottom:1px dotted #999;
	margin-bottom:0.5em;
}

#access dl{
	text-align:left;
	padding:1em;
	border:1px solid #393;
	overflow:hidden;
	display:block;
	margin-bottom:1em;
	background-color:#fff;
}
#access dt{
	clear:left;
	float:left;
	width:5em;
	font-weight:bold;	
}
#access dd{
	margin-left:1em;
	margin-bottom:0.5em;
	padding-left:4em;
}

#main p{
	margin-bottom:1.5em;
	line-height:1.6;
	font-size:1.2em;
}
p#catchcopy{
	text-align:center;
	margin:10px auto;
}
p#catchcopy img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　
}


#sub{
	overflow:hidden;
}

#sub h3{
	margin:10px 0;
	text-align:center;
}

#news{
	background:url(../images/bg_news.png) top  repeat-x #fff;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-ms-border-radius: 10px 10px 0 0 / 10px 10px 0 0;

	border:3px solid #fff;

	box-shadow: 0 0 1px #000;  
	-moz-box-shadow: 0 0 1px #000;　/* Firefox用 */  
	-webkit-box-shadow: 0 0 1px #000;　/* Safari,Google Chrome用 */
}

#news dl{
	margin:0 0 0 0.5em;
}

#news dt{
	margin-bottom:0.25em;
}

#news dd{
	padding-left:1em;
	background:url(../images/iconArrowGreen.png) left 3px no-repeat;
	margin-bottom:1em;
}

#inquire{
	background-color:#b5dfaa;
	border:2px solid #99c69b;
	border-radius: 10px;
	
	margin-bottom:20px;
	text-align:center;
	display:block;
	overflow:hidden;
}

#inquire p{
	margin-top:0.5em;
}


#linksite{
	overflow:hidden;
	clear:both;
	font-size:x-small;
	padding:10px;

	background:url(../images/bg_news.png) top  repeat-x #fff;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-ms-border-radius: 10px 10px 0 0 / 10px 10px 0 0;

	border:3px solid #fff;

	box-shadow: 0 0 1px #000;  
	-moz-box-shadow: 0 0 1px #000;　/* Firefox用 */  
	-webkit-box-shadow: 0 0 1px #000;　/* Safari,Google Chrome用 */
}

#linksite h3{ margin:0;}

#linksite ul{
	padding:0;
	overflow:hidden;
}

#linksite li{
	display:inline;
	line-height:1.5em;
}
#linksite li:after{
	content:"/";
	margin:0 0.5em;
}

.fbtitle {
	background-color: #3b5998;
	display: inline-block;
	padding: 5px 10px;
	font-weight: bold;
	margin-bottom:5px;
}

.fbtitle a{
	color: #fff;
}

#sidemenu{
	overflow:hidden;
	clear:both;
	padding:10px;

	background:url(../images/bg_news.png) top  repeat-x #fff;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-ms-border-radius: 10px 10px 0 0 / 10px 10px 0 0;

	border:3px solid #fff;

	box-shadow: 0 0 1px #000;  
	-moz-box-shadow: 0 0 1px #000;　/* Firefox用 */  
	-webkit-box-shadow: 0 0 1px #000;　/* Safari,Google Chrome用 */
}



#footer{
	height:166px;
	background:url(../images/bg_footer.png) repeat-x #a4c39c 0 7px;
	text-align:center;
}

/*------------------------------------------------------------------*/

.photolist {
	clear:both;
	overflow:hidden;
	display:block;
	padding-left:0px;
	margin-top:0;
}
.photolist li{
	float:left;
	margin-bottom:1em;
	text-align:center;
	display:block;
}
.photolist.boxtwo li{
	margin-right:2%;
	width:49%;
}
.photolist.boxthree li{
	margin-right:2%;
	width:32%;
}
.photolist li.last{
	margin-right:0;
}
.photolist img{
	margin-bottom:0.5em;
}


#coursePrice{
	overflow:hidden;
	display:block;
}

#coursePrice dt{
	clear:left;
	float:left;
	font-weight:bold;
}/*
#coursePrice dt span{
	display:block;
	font-size:0.9em;
	font-weight:normal;
}*/

#coursePrice dd{
	background-color:#e2efdf;
	margin-left:0;
	margin-bottom:0.5em;
	vertical-align:middle;
	text-align:right;
    line-height: 1.5;
}


ul#voiceArea{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

/*#voiceArea{
	display:block;
	overflow:hidden;
	padding:0;
}*/
/*.voice{
    min-height: 100px;
    float: left;
    border: 1px solid #ccc;
    background: #f4eed6;
    box-shadow: 0 2px 1px #eee;
}*/
.voice{
    border: 1px solid #ccc;
    background: #f4eed6;
    box-shadow: 0 2px 1px #eee;

    border-radius: 0 0 10px 10px / 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px / 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px / 0 0 10px 10px;
	-o-border-radius: 0 0 10px 10px / 0 0 10px 10px;
	-ms-border-radius: 0 0 10px 10px / 0 0 10px 10px;
}
#main .voice h3{
	background-color:#0d470b;
	color:#fff;
	padding:5px 8px;
	border:none;
}
.voice p.name{
	border-top:1px dotted #aaa;
	padding-top:0.5em;
	text-align:right;
}

#main .voice p{
	font-size:1.1em;
	margin:1em 0.75em;
}

#sns{
	margin-top: 10px;
	width:100%;
	text-align:center;

}

#bnrVisit{
	display:block;
	margin-bottom:1.5em;
}
#bnrVisit img{
	width:100%;
}

#visitPoint{
	padding-left:0;
}
#visitPoint li{
	padding-left:1em;
	margin-left:1em;
	background:url(../images/iconArrowGreen.png) left 5px no-repeat;
}

.visitTable{
	float:left;
	border-left:1px solid #A58D4D;
	border-top:1px solid #A58D4D;
	overflow:hidden;
}
.visitTable.last{
	border-right:1px solid #A58D4D;
}

.visitTable dt{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	border-bottom:1px solid #A58D4D;
	padding:10px 0;
}
.visitTable dd{
	margin-left:0;
	font-size:30px;
}
.visitTable dd#vtTime{
	font-size:1.1em;
}
.visitTable dd div{
	text-align:center;
	border-bottom:1px solid #A58D4D;
	padding:10px 0;
	height:30px;
}

#couponCard{
	padding:0;
}
#couponCard li{
	margin-bottom:1em;
	text-align:center;
}


#couponCard li img{
	width:100%;
	max-width:600px;
}

#relaxationoil{
    display: flex;
    padding: 0;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
    align-items: flex-end;
}

#sejutsuimage{
    display: flex;
    flex-wrap: wrap;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}

#sejutsuimage img{
    margin: 0 2% 10px;
    max-width: 200px;
}
.spview #sejutsuimage img{
    object-fit: contain;
    height: 29vw;
}

#sejutsulist {
    column-count: 3;
    line-height: 1.5;
    font-size: 1.1em;
}
#sejutsulist li {
    list-style: disc;
    margin-left: 1em;
}

#relaxationoil li{
    width: 30%;
    text-align: center;
    line-height: 2;
}

#howtocoupon{
    line-height: 1.5;
    list-style: decimal;
    padding: 1em 0.5em 1em 2.5em;
    border: 2px solid #ffdf5a;
    border-radius: 15px;
}
#howtocoupon li{
    margin-bottom: 0.5em;
}