/* =================================================================
2024.2.22 追加css 産後ケア
 ================================================================= */
@media only screen and (min-width: 768px) {
#block01,
#block02,
#block03,
#block04,
#block05,
#block06,
#block07,
#block08{
padding-top: 20px;
margin-top: -20px;
}
}


.pagetitle_bg.bg_info_postpartum{height:300px;background:url(../img/overlay01w.png) repeat,url(../img/title_bg_info_rostpartum.jpg) no-repeat bottom right;
background-size:auto,cover;
}
.praface01{margin-top:50px;margin-bottom:150px;}
.praface01_text{margin-bottom:30px}
.praface01 p{font-size:106%;margin-bottom:10px;}
.praface02{margin-bottom:50px;}
.praface02_text{margin-bottom:10px;}
.praface02 p{font-size:106%;margin-bottom:10px;}

.innerBlock{padding:80px 0;}
.innerBlock_gray{padding:80px 0;}
.ul_basic.marker_pink li:before,.ul_basicLarge.marker_pink li:before,.singleList.marker_pink:before {	background: #f99;}

.block p{margin-bottom:5px;}

.block .summary{margin-bottom:40px;}
.block .summary.summary20{margin-bottom:20px;}

@media only screen and (max-width: 767px) {
.innerBlock{padding:40px 0 40px;}
.innerBlock_gray{padding:40px 0 40px;}
.block .summary{margin-bottom:20px;}
.pagetitle_bg{height:300px;position: relative;}
.pagetitle_bg.bg_info_postpartum{height:100px;}
.praface01{margin-top:30px;margin-bottom:20px;}
.praface01 p{font-size:100%;}
.praface02{}
.praface02 p{font-size:100%;}
}



/*サブメニュー*/


.postpartumMenu{height:80px;}

.postpartumMenu__inner {border-top:5px solid;}/*使っていない*/

.postpartumMenu ul {}

.postpartumMenu ul li{     width: calc(100% / 5);border-right:1px solid #fff;} 

.postpartumMenu ul li.bottomBorder{border-bottom:1px solid #fff;}  /*追加*/

.postpartumMenu ul li > a {
  padding: 0px;height:40px;
}
.postpartumMenu ul li:nth-child(5),
.postpartumMenu ul li:nth-child(10)   {
border-right:0;}

.postpartumMenu ul li > a span {

}

.postpartumMenu ul li a:hover{

    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}


.fixed_postpartumMenu {
    position: fixed;
    top: 65px;
    width: 100%;height:40px; 
    z-index: 10;
margin-top:0;
background:rgba(130,189,196,.6);
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -ms-transition: 0.1s;
    transition: 0.1s;

}

.fixed_postpartumMenu{background:rgba(130,189,196,.6);height:80px}



 .fixed_postpartumMenu ul li{ height:40px; border-right:1px solid #fff;}

.fixed_postpartumMenu ul li:first-child  {}

.fixed_postpartumMenu ul li > a {
height:40px;
  padding: 0;
}

.postpartumMenuCont{margin-top:90px;}

@media only screen and (max-width: 767px) {
.postpartumMenu,.fixed_postpartumMenu { width:100%;position: relative;background:#fff;z-index:0;height:auto;}
.postpartumMenu__inner {width:100%;height:auto;}
.postpartumMenu ul {width:100%;height:auto;}
.postpartumMenu ul li{ display:block;text-align:center;width:100%;height:auto;border-right:0;}
.postpartumMenu ul li:first-child  {}
.postpartumMenu ul li:last-child  {}
.postpartumMenu ul li > a {border-bottom:1px solid;  padding: 10px 0;height:auto;}
.postpartumMenu ul li a:hover{border-bottom:1px solid #fff;}
.postpartumMenuCont{margin-top:0;}
.postpartumMenu ul li.bottomBorder{border-bottom:0;}
}

/* サブタイトル文字
------------------------- */


.below-headline_postpartum{
	font-size: 3.0rem;
	font-weight: 700;
	line-height: 1.4;
	margin: 0 0 34px;
	text-align: center;
letter-spacing:0;
margin-bottom:40px;
}


.below-headline_postpartum{font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}

.title_h2_postpartum:before{
  position: relative;
top:5px;right:-35px;
  margin: 0 0;
content:url(../img/icon_postpartum01.png);
}



@media only screen and (max-width: 767px) {
.below-headline_postpartum{
	font-size: 2.2rem;
	margin: 0 0 24px;
	text-align:left;
letter-spacing:0;
border-left:10px solid #055761;
padding-left:10px;color:#055761;
}
.title_h2_postpartum:before{
  position: relative;
top:0;right:0;
  margin: 0 0;
content:none;
}
}

/* （非課税）の記述
------------------------- */
.tax_exempt{text-align:right;}

/* テーブル修正追加
------------------------- */
.td_width50 td{width:50%;}
.tdL.width60{width:60%;}
.tdR.width40{width:40%;}
@media only screen and (max-width: 767px) {
.td_width50 td{width:100%;}
.tdL.width60,
.tdR.width40{width:100%;}
}

/*　リクエスト
------------------------- */
#request{}
#request p{}

.request_flex{
display:flex;
align-items:center;
justify-content:center;
}

.request_flex p{
font-size:116%;font-weight:bold;margin-bottom:30px;margin-top:50px;margin-bottom:50px;}
.request_flex img{width:10%;margin-right:1%;}

.btn_normal.btn_normal_w{background:rgba(255,255,255,.8);}

.btn_normal.btn_normal_w:hover {
	background: #ff6000;
	border: solid 2px #ff6000;
	color: #fff;
	opacity: 1;
}


@media only screen and (max-width: 767px) {
.request_flex{
align-items:center;
justify-content:center;
flex-wrap:wrap;
}
.request_flex p{width:100%;
font-size:106%;margin-bottom:30px;margin-top:5px;margin-bottom:30px;}
.request_flex img{width:15%;margin-right:1%;}

}


/* ベビマ移植　修正
------------------------- */
ul.mochimono.add_postpartum{margin-top:10px;}
ul.mochimono.add_postpartum li{margin-bottom:2px;font-weight:300;color:#055761}

.babyma_pay_box{
display:flex;
align-items:flex-start;
justify-content:flex-start;
flex-wrap:wrap;
}

.babyma_pay{width:100%;}
.babyma_pay_last{margin-top:5px;
  text-indent: -1em;
  padding-left: 1em;
line-height:1.2;
}

@media only screen and (max-width: 767px) {

}

/* ul_basic マーカーのズレ　修正
------------------------- */
.ul_basic li:before,.singleListCircle:before {
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 50%;
	background: #ccc;
	position: relative;
	left: -.4em;
	top: -1px;
}






/* テーブルセル内の改行を避けるための　修正
------------------------- */
@media only screen and (min-width: 768px) {
.tdL.tdL_marker.td_nowrap{white-space:nowrap;}
}
/* アロマ予約文言追加
------------------------- */
.yoyaku_aroma{text-align:center;}
@media only screen and (max-width: 640px) {
.yoyaku_aroma{text-align:left;}
}