@charset "utf-8";

/*===========================================
  common parts
=============================================*/
dl.flowBox {
 margin:30px 0;
}
dl.flowBox dt{
 width:15%;
 float:left;
 clear:left;
 max-width:50px;
}
dl.flowBox dd{
 padding-left:3%;
 padding-bottom:20px;
 margin-bottom:10px;
 border-bottom: 1px dotted #A8DADE;
 overflow: hidden;
}


ul.kind {
 margin:10px 0;
}
ul.kind li {
 margin:0 5px 5px 0;
 display:inline-block;
 height:30px;
}
ul.kind li img {
 width: auto;
 height:100%;
}

.indentlist dt {
 color: #ff6699;
 font-size: 15px;
 font-weight: bold;
}

.f_80{font-size:80% !important;}
.f_90{font-size:90% !important;}
.f_100{font-size:100% !important;}
.f_110{font-size:110% !important;}
.f_120{font-size:120% !important;}



/*===========================================
  treatment
=============================================*/
.treatment #trtBlock ul li {
 padding-bottom:3px;
}
.treatment #trtBlock ul li a,
.treatment #trtBlock ul li span.link{
 display:block;
	margin:0;
	padding: 10px 5% 10px 10%;
	font: normal normal 14px/20px "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#3d9fd3;
 background:url('../../images/arr.png') no-repeat center left 10px #F1F9FF;
 background-size:8px auto;
}
.treatment #trtBlock ul li span.link{
	background-image: none;
}


/*===========================================
  medical
=============================================*/

.graybox {
 border: 1px solid #cccccc;
 margin:10px auto;
 width:90%;
 padding:10px 5%;
}




/*===========================================
  mesoporation
=============================================*/
.basicDl dt {
 color: #1c4297;
 font-weight: bold;
 margin-bottom: 5px;
}
.basicDl dd {
 margin-bottom: 20px;
}





/*===========================================
  drip
=============================================*/
.tit_comidashi {
 border-left: 4px solid #e6e1ce;
 color: #006699;
 font-size: 18px;
 font-weight: bold;
 margin: 30px 0 10px;
 padding: 0 0 0 2%;
}

/*===========================================
  photofacial
=============================================*/
body.treatment h3{
  color:#006699 !important;
  font-size:1.2rem !important;
}

body.treatment h4{
  color:#3D9FD3 !important;
  font-size:1.0rem !important;
}

/*===========================================
  yag
=============================================*/

/*===========================================
  hyaluron
=============================================*/
#container.hyaluron table.baseTable2 td{
 padding:10px 5px;
 text-align:left;
}

/*===========================================
  suikou
=============================================*/

/*===========================================
  rejuran
=============================================*/

/*===========================================
  co2lazer
=============================================*/

/*===========================================
  peeling
=============================================*/

/*===========================================
  damapen
=============================================*/


/*===========================================
  prasenta
=============================================*/


/*===========================================
  lazertoning
=============================================*/


/*===========================================
  botox
=============================================*/


/*===========================================
  m_botox
=============================================*/


/*===========================================
  bnls
=============================================*/
#container.bnls .menus {
 background: #f7fdfd none repeat scroll 0 0;
 border: 2px solid #cceaee;
 margin:0 auto 20px;
 padding: 10px 5%;
 width: 90%;
}


/*===========================================
  depilation
=============================================*/
.depilation .price p.txRed{
	font-size:80% !important;
	}

/*===========================================
  medicine
=============================================*/


	

.btn_flex  ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;

}
.btn_flex ul li {
     -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border:1px solid #ddd;
    padding:2%;
    background: #D7F1FB;
}

.btn_flex ul li a:before{
  content:'▶';
}

.btn_flex ul li a{
  color:#006699;
  text-decoration: underline;
}

.treatment .mainBlockIn .baseTable td.txleft,
.treatment .mainBlockIn .baseTable td.txleft {
    text-align: left;
}
.treatment table.baseTable td,
.treatment table.baseTable.price td {
    text-align: right;
	padding:2% 1.5%;
}
.treatment table.baseTable th,
.treatment table.baseTable.price th{
	padding:2% 1.5%;
}

/* 料金表表示切替 */
.treatment.waki table.baseTable tr:not(.waki),
.treatment.era table.baseTable tr:not(.era){
	display:none;
}

.w60 img{
  width:60% !important;
}