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

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

name: uniq.css

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

/*=========================================
      gNav
=========================================*/
#header #headInner ul.gNav li#n03 a{ color:#e7368e;}

/*=========================================
      mv
=========================================*/
#mv{ background:url(../img/mv.jpg) center no-repeat;}

/*=========================================
      container
=========================================*/
#container{ padding:0;}


/*===========================================
	アンカー
===========================================*/
.anc{}
.anc li{ width:24%;}


/*===========================================
	施設案内
===========================================*/
/*共通*/
.section{ padding:60px 0;}
.section .inner{ max-width:1200px; width:90%; margin:0 auto; overflow:hidden;}
.section .inner .fltL{ width:52%;}
.section h3{ font-size:24px; margin:0 0 20px;}
.section h3 span{ padding:0 0 5px; border-bottom:4px solid #e7368e;}
.section .inner h4{ font-size:22px; color:#e7368e; margin:0 0 3px;}
.section .inner .fltL .txt{ margin:10px 0 0;}
.section .inner .fltR{ width:45%; padding:0 0 30px;}
.section dl{}
.section dl dt{ font-size:18px; margin:0 0 5px; color:#e7368e; line-height:1.4; letter-spacing:-0.01em;}
.section dl dd{ line-height:1.4;}
.section .inner .fltL .sub{ margin:10px 0 0; padding:8px 15px; line-height:1.6; border:2px dotted #e7368e;}
.section .inner .fltL .sub u{ display:block; margin:0 0 5px; color:#e7368e; font-weight:bold;}

.section > ul.subConts{ max-width:1200px; width:90%; margin:40px auto; overflow:hidden;}
.section > ul.subConts li{ width:48%;}
.section > ul.subConts li .ph{ float:left; width:44%; margin:0 3% 10px 0;}
.section > ul.subConts li:nth-child(odd){ float:left;}
.section > ul.subConts li:nth-child(even){ float:right;}
.section > ul.subConts dl{ margin:0 0 0 47%;}


/*== bxslider ==*/
.bx-wrapper{}
/*pager*/
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background:#e7368e !important;}



/*天神スタジオ*/
#yoga01{ background:#ffdff9;}
#yoga01 .spa{ padding:30px 0 0; text-align:center;}
#yoga01 .spa .h{ font-size:110%; margin:0 0 10px; font-weight:bold;}
#yoga01 .spa .btnMore{ width:600px;}

/*薬院スタジオ*/
#yoga02{}

/*共通施設*/
#facility{ background:#eee;}
#facility .inner,
#facility ul{ max-width:900px;}
#facility h3{ text-align:center; margin:0 0 30px;}
#facility ul li{}
#facility ul li .ph{ float:none; width:auto; margin:0 0 10px;}
#facility ul li h4{ margin:0 0 10px; text-align:center;}

/*SPA BREEZE*/
#spa{}
#spa .inner{ padding:0 0 50px;}
#spa h3 span{ border-color:#059eec;}
#spa h4{ color:#059eec;}
#spa .txt{ margin:0 0 10px;}
#spa .time{ font-weight:bold;}
/*体験*/
.taikenSpa{ clear:both; padding:35px 0; background:#00a0eb; margin:0 0 60px; color:#fff; text-align:center; font-weight:bold; position:relative;}
.taikenSpa a{ color:#fff;}
.taikenSpa:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto; 
	box-sizing: border-box;
	width: 0;
	height: 0;
	border: 50px solid transparent;
	border-top: 18px solid #d2effd;
}
.taikenSpa .h{ font-size:28px; letter-spacing:0.1em;}
.taikenSpa .en{ font-size:14px; margin:0 0 15px; letter-spacing:0.2em;}
.taikenSpa .subTxt{ font-size:20px;}
.taikenSpa > ul{ max-width:700px; margin:10px auto 20px; overflow:hidden;}
.taikenSpa > ul li{ float:left; width:48%; margin:0 1%; text-align:center; line-height:1;}
.taikenSpa > ul li.tel{ font-size:35px;}
.taikenSpa > ul li.mail{ font-size:18px;}
.taikenSpa > ul li.mail a{ display:block; padding:15px 0; border:2px solid #fff; text-decoration:none;}
.taikenSpa > ul li a:hover{ background:#1373d5;}
.taikenSpa .sub{ max-width:550px; margin:0 auto 20px; padding:8px 0; background:rgba(255,255,255,0.1); border-radius:5px;}


/*SPA BREESE料金*/
#price ul.priceList{ width:95%; margin:0 auto 40px; overflow:hidden;}
#price ul.priceList > li{ float:left; width:32%; margin:0 0.66%;}
#price ul.priceList > li > div{}
#price h4{ font-size:24px; margin:0 0 25px; text-align:center;}
#price h4 span{ padding:0 0 5px; border-bottom:4px solid #e7368e;}
/*table*/
#price table.pTbl{ width:100%; margin:0 0 15px; border-collapse:separate; border-spacing:1px 2px;}
#price table.pTbl .h th{ background:#333; padding:6px 0; color:#fff; text-align:center;}
#price table.pTbl td{ background:#ffdff9; padding:12px 10px; line-height:1.3; text-align:center;}
#price table.pTbl td:first-child{ width:32%;}
#price table.pTbl td small{ display:block;}

#price{ padding:0 0 50px; margin:0 auto; text-align:center;}
#price h4 span{ border-color:#059eec;}
#price > div{}
#price .intro strong{ color:#059eec;}
#price table.pTbl{ width:500px; margin:0 auto;}
#price table.pTbl td{ background:#fff;}
#price .option{ width:400px; margin:20px auto 10px; padding:10px; border:2px dotted #059eec;}
#price .option .md02{ font-weight:bold;}






/*==============================================

	スマホ

==============================================*/
@media only screen and (max-width: 739px) {



/*===========================================
	施設案内
===========================================*/
/*共通*/
.section{ padding:0 0 40px;}
.section .inner{ max-width:inherit; width:auto;}
.section .inner .fltL{ margin:0 5%;}
.section h3{ font-size:20px; margin:0 0 15px;}
.section h3 span{ line-height:2;}
.section .inner h4{ font-size:18px;}
.section .inner .fltL .txt{ margin:0 0 15px;}
.section .inner .fltR{ margin:0 0 20px;}
.section dl{}
.section dl dt{ font-size:18px; margin:0 0 5px; color:#e7368e; line-height:1.4; letter-spacing:-0.01em;}
.section dl dd{ line-height:1.4;}
.section .inner .fltL .sub{ margin:10px 0 0; padding:8px 4%; line-height:1.3;}
.section .inner .fltL .sub u{}

.section > ul.subConts{ max-width:1200px; width:90%; margin:20px auto; overflow:hidden;}
.section > ul.subConts li{ width:auto; margin:0 0 25px;}
.section > ul.subConts li .ph{ float:none; width:100%; margin:0 auto 10px;}
.section > ul.subConts li dl{ margin:0 0 25px;}
.section > ul.subConts li dl dt{ text-align:center;}
.section > ul.subConts li:nth-child(odd){ float:none;}
.section > ul.subConts li:nth-child(even){ float:none;}


/*天神スタジオ*/
#yoga01{}
#yoga01 .spa{ padding:20px 5% 0;}
#yoga01 .spa .h{}
#yoga01 .spa .btnMore{ width:90%;}

/*薬院スタジオ*/
#yoga02{}

/*共通施設*/
#facility{ padding:30px 5%;}
#facility ul{ max-width:inherit;}
#facility h3{}
#facility ul li{}
#facility ul li .ph{}
#facility ul li h4{}

/*SPA BREEZE*/
#spa{}
#spa .inner{ padding:0 0 30px;}
#spa h3 span{}
#spa h4{}
#spa .txt{}
#spa .time{ margin:0 0 10px;}
/*体験*/
.taikenSpa{ margin:0 0 30px;}
.taikenSpa a{}
.taikenSpa:after{}
.taikenSpa .h{ font-size:26px;}
.taikenSpa .en{ font-size:13px;}
.taikenSpa .subTxt{ font-size:17px;}
.taikenSpa > ul{ max-width:90%; margin:10px auto;}
.taikenSpa > ul li{ float:none; width:auto; margin:0 0 10px;}
.taikenSpa > ul li.tel{ font-size:30px;}
.taikenSpa > ul li.tel a{ border:2px solid #fff; background:rgba(255,255,255,0.1);}
.taikenSpa > ul li.mail{ font-size:16px;}
.taikenSpa > ul li.mail a{}
.taikenSpa > ul li a:hover{}
.taikenSpa .sub{ max-width:95%; margin:0 auto 20px;}

/*SPA BREESE料金*/
#price ul.priceList{ width:auto; margin:0;}
#price ul.priceList > li{ float:none; width:auto; margin:0 0 40px;}
#price ul.priceList > li > div{ padding:0 2%;}
#price h4{ font-size:20px; margin:0 0 15px; background:#e7368e; color:#fff; padding:10px 0; letter-spacing:0.1em;}
#price h4 span{ padding:0; border-bottom:none;}
/*table*/
#price table.pTbl{ margin:0 0 10px;}
#price table.pTbl .h th{ padding:8px 0;}
#price table.pTbl td{ padding:10px 0;}
#price table.pTbl td:first-child{}
#price table.pTbl td small{}
/*SPA BREESE*/
#price{ padding:0 0 40px;}
#price h4{ background:#059eec; letter-spacing:0}
#spricepa h4 span{}
#price > div{ padding:0 5%;}
#price .intro strong{}
#price table.pTbl{ width:100%;}
#price table.pTbl td{}
#price .option{ width:auto; margin:10px auto; padding:15px 10px;}
#price .option .md02{}
#price .ast{ text-align:left;}



}