@charset "utf-8";
/* 2014/11以降追加 */

#mainSG h2{
	background-color: #f981a2;
	font-size: 140%;
	color: #ffffff;
	font-weight: bold;
	padding: 7px 15px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

#mainSG h3{
	border-bottom: solid 3px #f981a2;
	font-size: 130%;
	font-weight: bold;
	padding: 7px 12px 4px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

/*
	 ヘッダに画像を使用しているとき
-------------------------------------------------- */
#mainSG h3.img{
	border: none;
	padding-left: 0;
	padding-right:0;
}

/*
	 画像リンクのオンマウス時エフェクト
-------------------------------------------------- */

#mainSG .btStandard a,
.btStandard a{
	opacity: 0.8;
	transition: all  0.2s ease;
}
#mainSG .btStandard a:hover,
.btStandard a:hover{
	opacity: 1;
	transition: all  0.3s ease;
}

/*
	 電話番号前のTELとFAXの位置調整
-------------------------------------------------- */

#mainSG .telH{
	display: inline-block;
	width: 2em;
}

/*
	 診療料金について > スタートプランの例
-------------------------------------------------- */

#mainSG.charge h2{
	margin-bottom: 2px;
}

.charge_StartPlan{
	border: solid 1px #000;
	padding: 18px 10px 16px 20px;
	margin-bottom: 20px;

}

.charge_StartPlan .c_Plan,
.charge_StartPlan .c_Charge{
	display: inline-block;
	vertical-align: top;
}

.charge_StartPlan .c_Plan{
	width: 350px;
	letter-spacing: 2px;
	line-height: 2;
	margin-bottom: 8px;
}
.charge_StartPlan .c_Charge{
	width: 286px;
	background: #fae4e7;
	font-size: 90%;
	letter-spacing: 1px;
}

.charge_StartPlan .c_Plan .step{
	display: inline-block;
	padding-left: 4px;
	margin-right: 1.5em;
	width: 4em;
	text-align: center;
	background: #fae4e7;
}
.charge_StartPlan .c_Plan .interval{
	display: inline-block;
	margin-left: 1.5em;
	color: #f67594;
	padding-top: 4px;
	padding-bottom: 4px;

}

.charge_StartPlan .c_Charge ul{
	margin: 6px 6px 0 6px;
}
.charge_StartPlan .c_Charge li{
	border-bottom: solid 1px #fff;
	padding: 6px 8px;
	line-height: 1.2;

}

.charge_StartPlan .c_Charge p{
	text-align: right;
	padding: 14px 8px 14px 8px;
	margin: 0 6px 0 6px;
	border-top: solid 1px #f981a2;
	position: relative;
	top: -1px;
}
.charge_StartPlan .c_Charge .value{
	display: block;
	text-align: right;
}
.charge_StartPlan .c_Charge p .value{
	display: inline-block;
	width: 50%;
}
.charge_StartPlan .c_Charge p .total{
	display: inline-block;
	width: 47%;
	text-align: left;
}

/*
	 診療料金について > スタートプランの例 201706更新
-------------------------------------------------- */

#premierePLAN{
	margin-top: 40px;
	page-break-before: always;
}

.charge_StartPlan2{
	position: relative;
	margin: 14px 0;
	background: url(/premiere_img/etc/charge_case_bg.png) 0 45px no-repeat;
	line-height: 1.2;
}

.charge_StartPlan2 .title,
.charge_StartPlan2 .total{
	display: table;
	width: 100%;
	border-cllapse: separate;
	border-spacing: 2px;
}

.charge_StartPlan2 .title strong,
.charge_StartPlan2 .total span.box{
	display: table-cell;
	width: 50%;
	text-align: center;
	vertical-align: middle;
	font-size: 120%;
	padding: 5px 0 2px;
}

.charge_StartPlan2 .title strong{
	background: #0e6fc3;
	color: #fff;
}
.charge_StartPlan2 .title strong:nth-of-type(2){
	background: #ee0060;
	color: #fff4f8;
}

.charge_StartPlan2 .title strong{
	vertical-align: middle;
}

.charge_StartPlan2 .total span.box{
	vertical-align: bottom;
}

.charge_StartPlan2 .title strong .s,
.charge_StartPlan2 .total span.box .s{
	font-size: 85%;
	font-weight: normal;
}

.charge_StartPlan2 table{
	font-size: 100%;
	background: #fff;
}

.charge_StartPlan2 table{
	width: 410px;
	margin: 14px auto;
	position: relative;
}
.charge_StartPlan2 table:nth-of-type(1),
.charge_StartPlan2 table:nth-of-type(2){
	width: 340px;
}

.charge_StartPlan2 .hort_box{
	width: 660px;
	margin: 14px auto;
	position: relative;
}

.charge_StartPlan2 .hort_box table{
	width: auto;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}


.charge_StartPlan2 .hort_box .add{
	display: inline-block;
	font-size: 10px;
	text-align: center;
	line-height: 1;
	width: 45px;
	vertical-align: middle;
}

.charge_StartPlan2 .hort_box .add{
	font-size: 60px;
	line-height: 0.6;
	color: #ee0060;
}

.charge_StartPlan2 .hort_box{
	text-align: right;
}


.charge_StartPlan2 th,
.charge_StartPlan2 td{
	padding: 5px 5px 3px;
    border: none;
}

.charge_StartPlan2 td{
	text-align: right;
}

.charge_StartPlan2 td.iC{
	text-align: center;
}

.charge_StartPlan2 td.sub{
	text-align: center;
	width: 1em;
	color: #fff;
	font-weight: bold;
}

.charge_StartPlan2 .step td.sub{
	background: #002463;
}
.charge_StartPlan2 table.step{
	border: solid 1px #002463;
}

.charge_StartPlan2 .hort_box td.sub{
	background: #ee0060;
}
.charge_StartPlan2 .hort_box table{
	border: solid 1px #ee0060;
}

.charge_StartPlan2 .hyper td.sub{
	background: #009944;
}
.charge_StartPlan2 table.hyper{
	border: solid 1px #009944;
}
.charge_StartPlan2 span.hyper{
	display: inline-block;
	background: #009944;
	padding: 4px 4px 3px;
	margin: 0 2px;
	color: #fff;
}
