@charset "utf-8";


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==========================================
 body
===========================================*/
body {
	width: 100%;
	background-color: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #585858;
	font-size: 80%;
	line-height: 1.5em;
 	display: block;
	overflow: scroll;
	position: relative;
}
a {
  color:#000;
  text-decoration:none;
}
a:hover {
  color:#333;
  text-decoration:underline;
}
/* @group Reset */

img { vertical-align : middle}

/* @end */


/* @group Fluid-img */

img {
	max-width : 100%
}

/* @end */

/* @group Heading */

h1 {
	font-size: 30px;
	line-height : 1.15em;
	margin-bottom : 0.5em;
} 

h2 {
	position: relative;
	font-size : 1.4em;
	font-weight: bold;
	margin: 0 2% 2em 2%;
	clear: both;
	text-align: left;
	line-height: 2em;
	background-image:url(../image/dog02.png) ;
	background-repeat: no-repeat;
	background-position: 0.5em 0.2em;
	background-size: 2em;
	border: dashed 2px #DF9F36;
	text-indent: 2.5em;
	background-color: #fcefa1;
	color: #B0670B;
	width:96%;
	height:auto;
	display:block;
}


h3 {
	position: relative;
	padding: 20px 0 0 10%;
	margin:0;
	background-image: url(../image/line01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:contain;
	font-weight: bold;
	color: #DE4375;
	font-size: 1.2em;
	display:block;
	overflow:hidden;
} 
h4 {
	position: relative;
	color: #DE4375;
	font-size: 1.05em;
	text-align: center;
}
h5 { font-size: 1.2em;}

/* @end */

/* stage */
 div#stage {
position: relative;
	width: 100%;
	margin: 0;
	background-color: #FFFFFF;
 	display: block;
	overflow:hidden;
}
/* @end */

/* Layout */
.floatleft { float:left; }
.floatright { float:right; }
.font110 { font-size:110%; }
.font90 { font-size:90%; }
.font80 { font-size:80%; }
.font-pink { color: #DE4375;}
.font-bold { font-weight: bold; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.cell {	display: table-cell; } 
.block { display:block; }
.inline { display:inline-block; }
.lh150 	{line-height: 1.5em; }
.border-btm {border-bottom: solid 1px #BBBBBB; }
.mg_btm2 { margin-bottom:2em; }
.mg_top2 { margin-top:2em; }
.vmiddle { vertical-align:middle; }
.vbottom { vertical-align:bottom; }
.cl { clear: both; }

/* @end */


/*==========================================
 ヘッダーのスタイル
===========================================*/
header{
	position: relative;
	text-align: center;
	overflow: hidden;
	height: auto;
	width: 100%;
	margin: 0;
	background-color: #FFFFFF;
}
hgroup {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}
header hgroup h1 {
	width:100%;
	margin:0;
}

/*==========================================
 グローバルナビゲーションのスタイル
===========================================*/

nav {
	margin: 0;
	width: 100%;
	height: auto;
	display: block;
	padding: 0;
	position: relative;
}
nav ul {
	position: relative;
	padding: 0;
	margin: 0 0 2em 0;
	overflow : hidden;
	float: left;
	width: 100%;
}
nav ul li {
	position: relative;
	float: left;
	width: 14.2857%;
	height: 4em;
	margin-right: 0;
	display: table-cell;
	text-align: center;
	background-image: url("../image/bone_img_03.png");
	background-position: center 50%;
	background-size: contain;
	background-repeat: no-repeat;
	line-height: 4em;
}

/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/

div#contents {
	width: 100%;
	position: relative;
}

/*==========================================
 コンテンツエリア -> MAINのスタイル
===========================================*/
main {
	height: auto;
	width:98%;
	margin: 0 1% 2em 1%;
	position:relative;
	display: block;
	float: left;
}

main section {
	height: auto;
	width:100%;
	float: left;
	padding: 0;
	margin: 0 0 2em 0;
	position:relative;
}
article {
    position: relative;
	width: 90%;
	margin: 0 auto;
	display: block;
}


/*==========================================
 ページトップへボタンのスタイル
===========================================*/
/*a#pagetopBtn img {
	position : fixed;
	bottom: 10px;
	right: 1px;
	opacity: 0.4;
}*/

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #F87FF0 ;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f062';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/*==========================================
 フッターのスタイル
===========================================*/
footer {
	height: auto;
	margin: 0px;
	width: 96%;
	min-width: 0px;
	padding: 2%;
	background:url(../image/check_bg.gif) repeat;
}
footer p.small {
	font-size: 0.8em;
	height: auto;
	text-align: center;
	font-weight: normal;
	clear: none;
	min-height: 30px;
}

/*===================================
 コンテンツエリア -> レイアウト
==================================*/

/*------トップページ・コメント-------*/
.comment {
	position: relative;
	width: 100%;
	margin: 0 0 2em 0;
	line-height: 1.8em;
}
.comment h2 {
	position:relative;
	width: 100%;
	height: 51px;
	padding: 0;
	margin: 0;
	border: none;
	background-color: #FFFFFF;
	letter-spacing: -0.02em;
	color: #606060;
	font-weight: bold;
	font-size: 1em;
	background-image: url("../image/harts_bg.jpg");
	background-repeat:no-repeat ;
	background-size: cover;
	background-position: center top;
	line-height: 80px;
	text-align: center;
}
.comment h4 {
	position: relative;
	width: 70%;
	margin: 0 15% 1em 15%;
}


/*------トップページ・ブログ最新記事-------*/
#blog_recent {
	position: relative;
	width: 100%;
	float:left;
}
#blog_recent ul {
	position: relative;
	float: left;
	width: 95%;
	padding-left: 5%;
	margin: 1em 0;
	list-style-type: disc;
	line-height: 1.7em;
	list-style-position: inside;
}

/*------トップページ・お知らせ記事-------*/
#topics {
	position: relative;
	float: left;
	width: 100%;
	margin: 1em 0;
}
#topics article {
position: relative;
width: 80%;
margin: 1em 5%;
padding: 1em 5%;
border: dashed 1px #DE4375;
}
/*------.misc------*/
.misc { 
position: relative; 
width: 35%; 
height:auto;
clear: right;
float: right;
margin-left: 0;
}
/*------トップページ・プレゼント-------*/
.present {
	position:relative;
	width:100%;
	display:block;
	float:left;
	height:auto;
	margin-bottom:2em;
}
.present dl {
	position:relative;
	width:88%;
	background-color:#F9CAE6;
	border-radius: 8px;
	margin-bottom:1em;
	padding:5%;
	border: #EC75C5 dashed 2px;
	float:left;
}
.present dl dt,
.present dl dd { 
	position:relative;
	width:100%;
	font-weight:bold;
	float:left
}
.present dl dd {
	color:#DE4375;
}
.present dl dd::before { content : "★" ; font-size:1.2em}

/*------トップページ・予約-------*/
.top_yoyaku {
	position: relative;
	float: left;
	width: 100%;
	display: block;
	text-align: center;
	background: url("../image/bone_yellow.png") no-repeat top center;
	background-size: contain;
	height: auto;
	padding: 1.25em 0 0.85em 0;
	line-height:1.85em;
}
.top_yoyaku h5 { 
	font-size:24px;
	vertical-align: bottom;
}

/*------トップページ・ショップデータ-------*/
#shopdata {
	position: relative;
	width: 30%;
	height: 190px;
	background: url("../image/shop_bg_L.gif") no-repeat top center;
	background-size:contain;
	margin: 0;
	display: block;
	padding: 0;
	float:left;
}
#shopdata h4 { padding-top: 15px;}
#shopdata ul {
	padding: 1em 0 0 10%;
}

/*------トップページ・インスタ-------*/
.insta { 
position: relative;
float:left;
width:30%;
margin: 1em 0;
padding: 1em;
}


/*------トップページ・オゾン-------*/
.top_ozon {
	position: relative;
	width:30%;
	float:right;
}

/*------トリミング-------*/
#trim {
position: relative;
width:100%;
float: left;
display: block;
margin: 0 0 2em 0;
}

/*------トリミング 料金表-------*/
#trim table.ryokin {
position: relative;
float: left;
width:98%;
	margin: 0 1% 2em 0;
	border-top: solid 1px #D29E52;
	border-left: solid 1px #D29E52;
}
#trim table.ryokin td,th {
	border-bottom: solid 1px #D29E52 ;
	border-right: solid 1px #D29E52 ;
	text-align: center;
	padding: 0.25em 0;
}
th { font-size: 0.9em;}

/*------トリミング 予約-------*/
.trim_yoyaku {
	position: relative;
	width: 100%;
	height: 100px;
	float: left;
	text-align: center;
	font-weight: bold;
	padding:0 0 0 0%;
	margin :2em auto;
	line-height: 2em;
	background: url("../image/img_ilust01.gif") no-repeat top center content-box;
}
#trim p {
position: relative;
width:53%;
float: left;
margin: 0 0 1em 2%;
}
#trim p img {
width: 100%;
max-width:240px;
}

/*------トリミング 単品 table-------*/
.trim_tanpin table { 
position: relative; 
line-height: 2em;
width: 98%; 
margin-left: 2%; 
margin-top:1em; 
float: left; 
display: block;
}

/*------トリミング 単品-------*/
.trim_tanpin {
	position: relative;
	line-height: 2em;
	margin-bottom: 60px;
}
.trim_tanpin dl { position: relative; width: 98%; margin-left: 2%; margin-top: 0.5em; float: left; display: block;}
.trim_tanpin dl dt, dd {
	position: relative;
	display: table-cell;
	float: left;
}
.trim_tanpin dl dt {
	position :relative;
	min-width: 12em;
}
.trim_tanpin dl dt:before { content: "●"}
.trim_tanpin dl dd:before { content: ":"}


/* オプション202301改訂*/
.new-option-area {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: stretch;
}
.option-box {
	display: flex;
	flex-direction: column;
	width: 30%;
	margin: 1em auto;
	background-color: #E5EEFF;
	border-radius: 16px;
}
.option-box.tansansen {
	width: 96%!important;
}

@media only screen and ( max-width:767px ) {
.option-box {
	width: 90%;
}
	}

@media only screen and ( max-width:480px ) {
.option-box.tansansen {
	width: 90%!important;
}
	}

.option-box .name {
	display: block;
	background-color: #435FE7;
	font-weight: bold;
	font-size: 1.25em;
	letter-spacing: 0.1em;
	color: #FFFFFF;
	text-align: center;
	padding-top: 26px;
	padding-bottom: 26px;
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
	line-height: 1.6em;
}
.option-box .name span {
	font-size: 80%;
	padding-left: 0.4em;
}
.option-box .caption {
	padding: 20px;
	line-height: 1.8em;
}
.option-box .caption span {
	display: inline-block;
	padding: 2px 14px;
	font-size: 12px;
	background: #FFFFFF;
	margin: 2px;
	color: #DE438A;
	font-weight: bolder;
	border-radius: 16px;
}

@media only screen and (max-width : 480px ){
.option-box .name {
	padding-top: 15px;
	padding-bottom: 15px;
}

	}

/*----オススメお得なコース--*/
#option-recommend h3 {
	/*background-image: url("../image/harts_bg.jpg");
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;*/
	background-image: none;
	text-align: center;
	font-size: 1.4em;
	color: #435FE7;
	margin-bottom: 40px;
}
#option-recommend-area {
	display: flex;
	justify-content: space-around;
	align-items: stretch;
	width: 100%;
	margin-bottom: 40px;
}
#option-recommend-area .recommend-box {
	background: #FFF090;
	display: flex;
	flex-direction: column;
	margin: 1em auto;
	/*background-color: #FCEFA1;*/
	background-image: url("../image/check_bg.gif");
	border-radius: 16px;
	border: #42A2E7 solid 1px;
	position: relative;
}
.recommend-box .name {
	display: block;
	background-color: #42A2E7;
	font-weight: bold;
	font-size: 1.25em;
	letter-spacing: 0.1em;
	color: #FFFFFF;
	text-align: center;
	padding: 40px 40px 20px 40px;
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
	line-height: 1.6em;
	position: relative;
}
.recommend-box .name span {
	font-size: 80%;
	padding-left: 0.2em;
}
.recommend-price {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 100%;
}
.recommend-box span.h4 {
	font-size: 1.8em;
	font-weight: bold;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; 
	padding:20px; 
}

.recommend-box span.otoku {
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: bolder;
	color: #FDFDFD;
	font-size: 18px;
	line-height: 1.4em;
	letter-spacing: 0.1em;
	text-align: center;
	width: 100px;
	height: 100px;
	border: none;
	border-radius: 100px;
	background: #FD4882;
	position: absolute;
	top: -50px;
	left: -50px;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; 
}
@media only screen and (max-width : 767px ){
#option-recommend-area {
	flex-flow: column;
}
#option-recommend-area .recommend-box {
	width: 70%;
	margin-bottom: 60px;
}
.recommend-box .name {
	padding-left: 10px;
	padding-right: 10px;
}
.recommend-box span.otoku {
	width: 80px;
	height: 80px;
	top: -40px;
	left: -40px;
}

	}

/*----//オススメお得なコース--*/

/*-------炭酸泉コース-------*/
#tansan_box { 
display:flex;
flex-direction: row;
justify-content: space-around;
flex-wrap: wrap;
width: 100%;
padding-bottom: 20px;
}
#tansan_box .tansan {
border: solid 1px pink; 
padding:2%;
background: #FFF;
display: block;
width: 26%;
}

.tansan h5 {
position: relative;
line-height:54px;
padding-left: 20px;
background:url(../image/hanamaru_ylw.gif) no-repeat; 
font-size:1.5em; 
font-weight:bold; 
}
.tansan p{
position: relative;
display: block;
width:100%;
}

@media only screen and (max-width : 480px ){
#tansan_box .tansan {
width: 90%;
margin-bottom: 1em;
}
.tansan h5 {
float: left;
}
	}


/*-------特典--------*/
.trim_tokuten {
position:relative;
float: left;
width:86%; margin:2em 5%; padding:2%; background:url(../image/check_bg.gif) repeat;
}

/*------ナノバブル-------*/
#nano h3 {
background-image: none;
margin: 0 auto;
padding: 0;
text-align: center;
}
#nano h3 img { width:65%;}
#nano p {margin: 0 0 2em 0;}
#nano dl { position: relative; width: 98%; margin:0 0  1.5em 2%; float: left; display: block; }
#nano dt,dd {
	position: relative;
	display: table-cell;
	float: left;
}
#nano dt {
	position :relative;
	width: 100%;
	color: #079039;
	font-weight: bold;
}
#nano dt { background:  url("../image/clover.png") left top no-repeat;
padding-left: 30px;
}
#nano dl.nano_kouka dt { margin-bottom: 0.6em;}
#nano dl.nano_kouka dd:before { content: "●"}
#nano dl.nano_kouka dd {
	width: 95%;
	margin: 0 0 0 5%;
	color: #DE4375;
	font-weight: bold;
	line-height: 1.9em;
}
#nano dl.nano_kouka { margin-bottom: 0; font-size:1.05em;}

/*------ホテル-------*/
.hotel dl {
	position: relative;
	width: 96%;
	margin:0 2% ;
	float: left;
	display: block; 
}
.hotel dt,dd {
	position: relative;
	display: block;
	float: left;
}
.hotel dt {
	width: 100%;
	margin: 0;
	color: #DE4375;
	font-weight: bold;
	line-height: 1.9em;
}
.hotel dt:before { content: "■"}
.hotel dd {
	position: relative;
	width:100%;
	margin:0.5em 0;
}



/********** 480px以下の指定*************/
@media only screen and (max-width : 480px ){
header hgroup h1 {
	font-size: 21px;
	width: 100%;
}
nav ul li {
	width: 25%;
	margin-left: 0%;
	margin-bottom: 0;
	margin-top: 0;
}
/*.comment p , #blog_recent, #topics { font-size:90%; }*/
.comment h2 {
	background-size: 100%;
	line-height: 1.2em;
	width: 100%;
	height: 1.6em;
	padding: 0.5em;
	font-size: 1.1em;
}
.comment h4 {
	position: relative;
	width: 100%;
	margin: 0 auto 1em auto;
}

/*------480px 以下トップページ.misc-------*/
.misc { position: relative; 
width: 90%; 
clear: both;
float: left;
margin:0 5%;}

/*------480px 以下トップページ・プレゼント-------*/
.present {
	position:relative;
	width:100%;
	display:block;
	float:left;
	height:auto;
	margin-bottom:2em;
}
.present dl {
	width:88%;
	padding:2% 5%;
}
.present dl dd {
	color:#DE4375;
}
.present dl dd::before { content : "★" ; font-size:1.2em}

/*------480px 以下トップページ・ショップデータ-------*/
#shopdata {
	position: relative;
	width: 80%;
	height: 190px;
	float:left;
	background: url("../image/shop_bg_L.gif") no-repeat top center;
	background-size:contain;
	margin: 0 10%;
	display: block;
	padding: 0;
}
#shopdata h4 { padding-top: 15px;}
#shopdata ul {
	position:relative;
	padding: 20px 43px;
	width:90%;
	display:block;
	margin-left:5%;
}

/*------480px 以下トップページ　インスタ-------*/
.insta { clear: both; float:left; padding: 0;
	width: 60%;
	margin: 1em 20%;
	position:relative;
}
.top_ozon {
	clear:both;
	width:100%;
	text-align:center;
	margin-bottom:1em;
}

/*------480px 以下トップページ・予約-------*/
.top_yoyaku {
	background-size: contain;
	padding-top: 1.5em;
}
.top_yoyaku h5 { 
	font-size:1.8em;
	vertical-align: bottom;
}


.new-option-area {
	flex-direction:column;
}


/*-------ナノ　タイトル^^^^*/
#nano h3 img { width:100%;}


}/* 480px以下の指定　ここまで*/


/***** スマホ　横向けレイアウトの指定：481～767px *****/
@media only screen and (min-width : 481px) and (max-width :767px) {

.comment h2 {
	width:100%;
	margin: auto;
	background-size: contain;
}
/*------481～767pxトップページ.misc-------*/
.misc { position: relative; 
width: 90%; 
clear: both;
float: left;
margin:0 5% 3em 5%;}

/*------481～767pxトップページ・プレゼント-------*/
.present {
	position:relative;
	width:100%;
	display:block;
	float:left;
	height:auto;
	margin-bottom:2em;
}
.present dl {
	width:40%;
	padding:2% 2%;
	margin:0 4% 0 0;
	display:inline-block;
}
.present dl dd {
	color:#DE4375;
}
/*------481～767pxトップページ・ショップデータ-------*/
#shopdata {
	clear:both;
	float:left;
	width:40%;
	margin:0 30%;
}

/*------481～767pxトップページ　インスタ-------*/
.insta { 
	clear: both;
	float:left;
	padding: 0;
	width: 50%;
	margin: 1em 25%;
	position:relative;
}
.top_ozon {
	clear:both;
	width:100%;
	text-align:center;
	margin-bottom:2em;
}


/*------481～767px トリミング オプション-------*/
.trim_option dl { position: relative; width: 98%; margin-left: 2%; margin-top:1em; float: left; display: block;}
.trim_option dl dt {
	width: 60%;
	font-size:1em;
}


/*-------481～767pxナノ　タイトル^^^^*/
#nano h3 img { width:80%;}

}/***** スマホ　：481～767px ここまで*****/



/*大型タブレット向けのレイアウトの指定：768px～960px */
@media only screen and (min-width: 768px) {
/* stage */
    div#stage {
	width: 100%;
    }
/* @end */


/*---------------*タブレット　コンテンツエリア*--------*/

.comment h2 {
	width:70%;
	margin: auto;
	background-size: contain;
	font-size:1.2em;
}

/*---ブログ最新記事---*/
#blog_recent {
	position: relative;
	width: 80%;
	float:left;
}

/*------*タブレット トップページ・ショップデータ-------*/
.misc { position: relative; width: 252px; clear: right; float: right; margin-left: 30px;}
/*------*タブレット トップページ・インスタ-------*/

/*------*タブレット トップページ・ブログ最新記事-------*/
#blog_recent { width: 55%;}

/*------*タブレット トップページ・お知らせ記事-------*/
#topics {width: 55%;}

#topics article {
position: relative;
width: 80%;
margin: 1em 5%;
padding: 1em 5%;
border: dashed 1px #DE4375;
}


/*------タブレット　トリミング オプション-------*/


	}/* タブレット向け768px～960pxの指定　ここまで */


/* PC向けレイアウトの指定：961px以上では固定レイアウト */
@media only screen and (min-width: 961px) {
body {
	background-image: url(../image/check_bg.gif);
	background-repeat: repeat;
	}
header {
	width:960px;
	margin: 0 auto;
}

/*--------*PC用　コンテンツエリア*--------*/
div#contents {
	background-image: none;
}

div#stage {
	width: 960px;
	height: auto;
	display:block;
	margin-left: auto;
	margin-right: auto;
	}
/*------PC用　トップ　コメント--------*/
.comment p { width:94%; margin:0 3%; }

/*------PC用　トップページ・ブログ最新記事-------*/
/*---ブログ最新記事---*/
#blog_recent {
	position: relative;
	width: 65%;
	float:left;
}
#topics {
	position: relative;
	width: 65%;
	float:left;
}

#blog_recent h3 {
	position: relative;
	padding: 20px 0 0 10%;
	margin:0;
	background-image: url(../image/line01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	color: #DE4375;
	font-size: 1.2em;
	display:block;
	overflow:hidden;
} 

#blog_recent ul {
	position: relative;
	float: left;
	width: 85%;
	padding-left: 15%;
	margin: 1em 0;
	list-style-type: disc;
	line-height: 1.7em;
	list-style-position: inside;
}

/*------トリミング 料金表-------*/
#trim table.ryokin {
position: relative;
float: left;
width:58%;
	margin: 0 1%;
	border-top: solid 1px #D29E52;
	border-left: solid 1px #D29E52;
}
#trim table.ryokin td,th {
	border-bottom: solid 1px #D29E52 ;
	border-right: solid 1px #D29E52 ;
	text-align: center;
	padding: 0.3em 0;
}
th { font-size: 0.9em;}

#trim ul,dl {
position: relative;
float:left;
width:39%;
display: block;
}
#trim p {
position: relative;
width:30%;
float: right;
margin: 0 3%;
clear:right;
}
#trim p img {
width: 100%;
max-width:240px;
}


/*------ PC用 ナノバブル-------*/
#nano h3 img { width:65%;}


#nano img {
position: relative;
float: none;
margin: 0 30px;
text-align: center;
}

/*------- PC用 炭酸泉コース
#tansan_box { width:96%; positon:relative;
margin: 0 2%;
float: left;
}
.tansan p { height:2.2em; }
-------*/

#tansan_box { 
display:flex;
flex-direction: row;
justify-content: space-around;
flex-wrap: nowrap;
}

.new-option-area {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: stretch;
}

	}/* PC向け固定レイアウトの指定：960px～ ここまで */



/********** 375px以下の指定*************/
@media only screen and (max-width : 375px ){

/*------375px 以下トップページ・コメント-------*/
.comment {
	position: relative;
	width: 100%;
	margin: 0 0 2em 0;
	float: left;
	line-height: 1.8em;
}
.comment h2 {
	position:relative;
	width: 90%;
	height: auto;
	padding: 1.5em 0 0 0;
	margin: 0 5%;
	border: none;
	background-color: #FFFFFF;
	color: #606060;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.4em;
	text-align: center;
	letter-spacing:0.08em;
	overflow-wrap: normal;
}
.comment h4 {
	position: relative;
	width: 100%;
	margin: 0 0 2em 0 ;
	letter-spacing:-0.08em;
	overflow-wrap: normal;
}

/*------375px 以下トップページ・インスタ-------*/
.insta { clear: both; float:left; padding: 0;
	width: 80%;
	margin: 1em 0 2em 10%;
	position:relative;
}

/*------375px 以下トップページ・予約-------*/
.top_yoyaku {
	background-size: contain;
	padding: 1.3em 0;
	line-height: 2.25em;
	margin-bottom: 1em;
}
.top_yoyaku h5 { 
	font-size:2em;
	vertical-align: bottom;
}

/*-------375px 以下　トリミング料金表------*/
th.course { width: 6em;}

/*-----375px 以下　トリミング オプション table-------*/
.trim_option table tr td.option_name {
	width:63%; 
}

}/*----380px以下 end---*/