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

#main {
font-family: "Times New Roman","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐゴシック",serif;
}
/*Common*/
.inner {overflow: hidden;max-width: 1250px;margin:auto;}
.inner img , .pic{width:100%;max-width:inherit;}
.btn{margin:2% 0;}
.txt_l{text-align: left;}
.pk{color:#FFCCBF;}
.line{text-decoration: underline;}
.thema{padding:4% 0 0;}


.t28rem{font-size:2.8rem;line-height:1.4;}
.t25rem{font-size:1.8rem;line-height:1.4;}
.t20rem{font-size:1.6rem;}
.t18rem{font-size:1.3rem;}
.t16rem{font-size:1.2rem;}
.t15rem{font-size:1.1rem;}
.t13rem{font-size:1rem;}
.t11rem{font-size:0.9rem;}
.t10rem{font-size:0.8rem;}
.t09rem{font-size:0.7rem;}







/*他店との違い*/
#concept5 {padding: 0 0 4%;}
#concept5 h3, #concept4 h4 ,#concept4 h5{ padding:2% 0;}
#concept5 .data{width:100%;max-width:820px;  margin:5% auto 5%;}
#concept5 #type{width:90%;max-width:980px;  margin:0 auto 3%;}
#concept5 #type li{  display:table;width:96%;padding:2%;}
#concept5 #type li .thum{vertical-align: middle; float:none; display:table-cell;width:35%;}
#concept5 #type li .thumr{float:none; display:table-cell;width:65%;text-align: left;}
#concept5 #type li.health{
  background: url("/img/concept2-4.jpg") no-repeat;
}
#concept5 #type li.ethte{
  background: url("/img/concept2-5.jpg") no-repeat;
}
#concept5 #type li.soap{
  background: url("/img/concept2-6.jpg") no-repeat;
}



.speclist *, .speclist *:before, .speclist *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.speclist {
	width: 94%;
  margin:2% auto;
	border-collapse: collapse;
}
.speclist th {
	width: 13%;
	background: #333333;
	padding: 0.5%;
	border-left: 1px solid #444;
  text-align: center;
}
.speclist th:first-child {
  border-left: none;
}

.speclist td {
	text-align: center;
	vertical-align: middle;
	padding: 0.5% 0;
	border-left: 1px solid #333;
  border-bottom: 1px solid #333;
}
.speclist td:first-child {
	text-align: left;
	vertical-align: middle;
  border-left: none;
}

.speclist td:nth-of-type(2){
	color:#FFFF00;
  background:#111111;
}

.good{color:#FF00FF;}
.medium{color:#00FFFF;}





/*用語・解説*/
#concept4 {padding:4% 0;}
#concept4 h3, #concept4 h4 ,#concept4 h5{ padding:2% 0;}
#concept4 #word li{overflow: hidden;width:100%;margin:2% 0;}
#concept4 #word li .data img{max-width:580px;margin:2% 0;}
/*#concept4 #word li:nth-child(odd) .thum{width:45%;}
#concept4 #word li:nth-child(odd) .thumr{width:53%;}
#concept4 #word li .thum{width:53%;}
#concept4 #word li .thumr{width:45%;}*/





/*プレイの流れ*/
#concept3 {padding:4% 0;}
#concept3 h3, #concept3 h4 ,#concept3 h5{ padding:2% 0;}
#concept3 .en {font-family: "Pinyon Script",cursive;}
#concept3 .flow{
    padding:0 0 6%;
  }
#concept3 .data {
    margin: 6% auto 3%;
    max-width: 920px;
    width: 100%;
}


















/*デラックスエステとは？*/
#concept2 {padding:4% 0;}
#concept2 h3, #concept2 h4 ,#concept2 h5{
    padding:2% 0;
}

#concept2 .pic{margin:0;}
#concept2 .data {
    margin: 6% auto 3%;
    max-width: 920px;
    width: 100%;
}
#concept2 .bg{
  padding:7% 0;
  background: url(/img/concept2-1.jpg) no-repeat center top /cover;}
#concept2 .bg .thum{width:50%;margin-left:45%;}


#concept2 .bg2{
    padding:0 0 5%;
    background: url("/img/bg_type2.jpg") no-repeat center center / 100% auto;
  }
#concept2 .bg2 .thumr{width:50%;margin-right:45%;text-align: left;}
#concept2 .bg2 #type,
#concept2 .bg2 .data{width:90%;max-width:780px;  margin:3% auto;}
#concept2 .bg2 #type li{  display:table;width:96%;padding:2%;}
#concept2 .bg2 #type li .thum{vertical-align: middle; float:none; display:table-cell;width:35%;}
#concept2 #type li .thumr{float:none; display:table-cell;width:65%;}
#concept2 .bg2 #type li.health{
  background: url("/img/concept2-4.jpg") no-repeat;
}
#concept2 .bg2 #type li.ethte{
  background: url("/img/concept2-5.jpg") no-repeat;
}
#concept2 .bg2 #type li.soap{
  background: url("/img/concept2-6.jpg") no-repeat;
}


#concept2 .bg3{
    padding:3% 0 ;
    background:url("/img/bg_type3.jpg") no-repeat;
  }
  #concept2 .bg3 .inner{margin:1% auto;}
  #concept2 .bg3 .thum{width:40%;}
  #concept2 .bg3 .thumr{width:58%;}


#concept2 .bg4{
      padding:3% 0 ;
      background:url("/img/bg_dot3.jpg") repeat;
    }
#concept2 .bg4 .thum{width:35%;}
#concept2 .bg4 .thumr{width:63%;}




/*コンセプト*/
#concept1 {padding:4% 0;}
#concept1 .thum,#concept1 .thumr {width:49%;}
#concept1 h3 {
    padding:2% 0;
}
#concept1 h4 {
    padding:2% 0 2%;
}
#concept1 h5 {
    padding:3% 0;
}





















/*Navigation*/

#main .Navig {
    text-align: center;
}

#main .Navig .container{
	/*max-width:480px;*/
}

#main .Navig ol {}
#main .Navig li {
		box-sizing: border-box;
    display:inline-block;
    line-height: 1.2;
    margin: 2% 0.5%;
    padding:1% 2%;
    text-align: center;
    transition: all 0.5s ease 0s;
    /*width: 31%;*/
		background: url(/img/bg_btn_concept.jpg) repeat left top;
    border:1px solid #7B724A;
}

#main .Navig li p {
    font-size:0.8rem;
}

#main .Navig li a {
    display: block;
    text-decoration: none;
	color:#fff;
	transition: all 0.5s ease 0s;
	padding: 10px 0 ;
}
#main .Navig li p {
}

#main .Navig li:hover{
	background: #111;
}
#main .Navig li.current {
		background: #111;
}