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

@import url("common.css");
@import url("common-detail.css");
@import url("commonIcon.css");

@import url("detail.css");
@import url("btn.css");
@import url("acordion.css");
@import url("modalMenu.css");



@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese');
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap);
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:100,300,400,500,700,800,900&display=swap');




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

/* ベースレイアウト設定 */

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


html{	font-size:100%;}


body {
	font-family: 'Noto Sans JP', sans-serif;
	color: #333333;
	height:100%;
	line-height:1.7;
	background:#FFFFFF;
	-webkit-text-size-adjust: none;
	font-weight:300;

}

.strong,
strong{ font-weight:500; color:#4D4D4D;}


.mincho{ font-family: 'Noto Serif JP', serif;}
.font-rounded {font-family: 'M PLUS Rounded 1c', sans-serif;}	

/* ヘッダー幅 */


#summary{  width:1000px; margin:auto; position:relative; }


/* ページ幅 */

.wrap
{margin:auto; width:1000px; }


/* PC ページ幅*/
@media print, screen and (min-width: 735px) {
.pcwrap{margin:auto; width:1000px; }
}


@media print, screen and (min-width: 735px) {
#mid #contentArea{  padding-bottom:0rem;}
}



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

/* 基本要素 */

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


/*hover PC*/
@media print, screen and (min-width: 735px) {
.links a:hover,
a:hover{  color:#0087D0;}
a img:hover{ opacity:0.85;}

}

a{  color:#0099CC;}



a.more-link,
.link a,
.links a{ text-decoration:none; color:#333;}
.top .newsinfo p.headline a{color:#333;}




/* 基礎パーツカラー */
/*  ------------------------------------------------------------ */

/* ●＆■ */

.wpcontents ul li:before,
ul li:before,.headListTable th:before{ color:#B0A59F;}


.wpcontents h4:before,
.sq:before , .profHead:before{color:#005890;}




/* 太字テキスト */

.tx-b,.tx-bb,.tx-bbb,.tx-bbbb,
dl.headingText dt
{color:#E98E91;}


/*アイコン使用テキストサイズ*/
.iconTxt{ font-weight:500; margin-bottom:0.3rem; font-size:1.1rem; }



/* SP */
@media screen and (max-width: 736px) {
/*.news h2 {color:#1D9ECC;}*/
}

.color{ color:#E16468;}
.colorRed{ color:#C1272D;}
.colorOrange{ color:#e56300;}
.colorBlue{ color:#0087D0;}
.colorBrown{color:#614C40;}

.colorBold{ color:#409F09; font-weight:500;}

/* お知らせパーツ */
/*.news-block{ border-color:#D9F1F9; background:#FFFFFF;}
.news h2:before{background:#1AB3DD;}
.date{    color: #1D9ECC;}
*/

hr,
.dotline{  border-bottom:dotted 2px #614C40;   margin-bottom:2rem; padding-bottom:2rem;}

.dotline.lineColor,
hr.color{border-color:#4caedd;}

hr.lineS{margin-bottom:1rem; padding-bottom:1rem;}





/*基本要素要素マージン */
/*  ------------------------------------------------------------ */

p{ margin-bottom:1.2rem;}


ul.list li{  margin-bottom:0.2rem;}





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

/* 変更デザインパーツ */

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




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

/*ヘッダー*/

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

/* ヘッダ 基礎*/
header{	width:100%;  }
header .logo{  display:flex; align-items: center;}
header .headerArea{margin:0 auto; position:relative; display:flex;}

header p{ margin-bottom:0rem;}
header ul, header  ol{ margin-bottom: 0rem; }
header li{  margin-bottom:0rem}





/* ヘッダーデザイン調整 */
/*  ------------------------------------------------------------ */
header{box-sizing:border-box; background:#FFFFFF;}


/*PCのみ*/
@media print, screen and (min-width: 735px) {
header{ display:flex; align-items: center;}
header .logo,
header .headTel{ height:100px; margin:0; flex-shrink: 0;}

header .logo{padding: 0 15px;}
header .headTel{ background:url(../images/headTelBg.png); display:flex; align-items:center; justify-content: center; padding: 0 1rem;}

}

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

header .logo { width:20%;}
header .headTel { width:20%;}

}






header .langMenu{display: flex;
position: absolute;
bottom: 25px;
right: 390px;}

.langMenu li:first-child:after{content:"|" ;  padding:0 0.8rem; font-weight: 300; color:#666666;}
.langMenu li a{ text-decoration:none; color:#333333;}
.langMenu li a:hover{ color:#FF6600;}
.langMenu li.on{ font-weight:500; color:#005890;} 
.langMenu li.eng{ font-family:Arial, Helvetica, sans-serif}
.langMenu li.eng.on{font-weight:600;}


/* SP */
@media screen and (max-width: 736px) {
header { /*border-top: solid 3px #005890	; box-sizing:border-box;*/ background:none; }


	
.globalMenu{ position:relative;}
.langBtn{ position:absolute; top: 18px; right: 65px; width: 44px; height:44px; background:#FFFFFF; text-align:center; padding:3px; }
.langBtn img{ width:90%; height:auto;}
header #globalMenu .menuBtn{ background:#FFFFFF; }
}




/*PCのみ*/
@media print, screen and (min-width: 735px) {
/*header .logo:after{ content: url(../images/headLogo_sub.png);  height:68px; margin:20px 0 0 20px;}*/
}

header .sub{  position:absolute; left:330px; bottom:37px;}




/* ヘッダー固定する場合 */
/*  ------------------------------------------------------------ */

/*PCのみ*/

@media print, screen and (min-width: 735px) {
#head{ z-index:100; width:100%; position:fixed;top: 0; left: 0; transition: .5s; }
 #content{padding-top:100px;}


a.anchor{ padding-top:80px;  margin-top:-100px; display:block;}

}


#head{transition: .5s;  position:fixed;top: 0; left: 0; width:100%; z-index:100; /*border-bottom:#EDEDED solid 1px; */}

/* SP */
@media screen and (max-width: 736px) {
a.anchor{  margin-top:0px; padding-top:0px; display:block;}

}



/*
 以下高さの合計
#header border-top +
#header .logo  + 
#head .head-menu li a height
*/



/

/* ヘッダナビ */
/*  ------------------------------------------------------------ */

/* ヘッダ メニュー*/

nav #navMenu li { margin-bottom:0; }


/*PCのみ*/
@media print, screen and (min-width: 735px) {


nav ul#navMenu{margin-left:1rem; }

/* ナビ背景 */
nav{
	width:100%;
}
nav ul{display: flex;}

/* メニューボタンサイズ */


nav #navMenu {height:40px; /*overflow:hidden;*/}
nav #navMenu li a{	width:100%; height:40px; display:block; position:relative;}
nav #navMenu li{ text-indent:-5000px; }
nav #navMenu li a{ box-sizing:border-box; background-repeat:no-repeat;}
nav #navMenu li a:hover{ opacity:0.7;}



header .spTop{ display:none;}


/* メニューボタンデザイン */
nav #navMenu  li.menu1 > a{ background-image:url(../images/menu1.png); width:150px;}
nav #navMenu  li.menu2 > a{ background-image:url(../images/menu2.png); width:110px;}
nav #navMenu  li.menu3 > a{ background-image:url(../images/menu3.png); width:95px;}
nav #navMenu  li.menu4 > a{ background-image:url(../images/menu4.png); width:130px;}
nav #navMenu  li.menu5 > a{ background-image:url(../images/menu5.png); width:130px;}




nav li{position: relative; text-align:left;}
nav li a{display: block; cursor:pointer;}



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



nav #navMenu li ul{
	position: absolute;
	top: 30px;
	border:1px solid #4CB5E7;
    background: #FFF;
     -webkit-transition: .2s ease;
/*  transition: .2s ease; */
  visibility: hidden;
  opacity: 0; 
  z-index:10;
display: block !important;	
	
}


nav #navMenu li ul li a{
	width:16rem;
	height:inherit;
	padding:1rem 0 1rem 2rem;
	border-top:#4CB5E7 dotted 1px;
	box-sizing:border-box;
	background-image:url(../images/common/btnR.svg)  ;
	background-position:left 0.6rem center;
	background-repeat:no-repeat;
	

	background-size:1rem;
	font-size:0.95rem;
	text-decoration:none;
	color:#333;
	text-indent:0;
	text-align:left;
}

nav #navMenu  li ul > li.on a{ color:#2E87B5;   background-color:#E5F4FC; 	background-position:left 0.6rem center;}


nav #navMenu li ul li:first-of-type a{border:none;}


nav #navMenu li:hover ul{
    top: 65px;
    visibility: visible;
    opacity: 1;
}

nav #navMenu  > li{ position: relative; }
nav #navMenu li ul li::after { content: none;}

}







/* ミドル　タイトル画像 */
/*  ------------------------------------------------------------ */

/* ミドルビジュアル*/

#titleArea {background: url(../images/midImg.jpg) no-repeat left center #ECF6FC;
height:180px; 
	 margin-bottom:0;}



/* ページタイトル*/
/*  ------------------------------------------------------------ */

#titleArea h2{
	display:flex; 
	align-items: center;
	justify-content:flex-end;
	height:180px;
	width:1000px;
	text-align: left;
	padding: 0 0px 0 0;
	font-size:2rem;
	font-weight:500;
/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
font-family: 'Noto Serif JP', serif;
	color:#005890; 

	line-height: 1.4;

}


/*SP*/
@media screen and (max-width: 736px) {



#titleArea h2{
display: flex;
width: 100%;
align-items: center;
justify-content:flex-end;
height:110px;
font-size:1.4rem;
}


#titleArea h2 img{ height:50px; width:auto;}

#titleArea{ height:110px; margin-bottom:0; background-position: left -100px center ,left center; background-size: auto 100%;}



}






/* メインタイトル H2*/
/*  ------------------------------------------------------------ */



h2.pageTitle {

	
margin:1rem auto ;
display: flex;
padding:0.3rem 0 1rem 0rem;
font-weight:500;
line-height:1.4;
align-items: center;
font-size:1.4rem;
flex-direction: row;
border-bottom: dotted 1px #999;
margin:1.5rem auto ;
/*font-family: 'Noto Serif JP', serif;*/

}


h2.pageTitle:before{
	content:"";
	width:8px;
	background: #005890;
	margin-right:  0.8rem ;
	 border-radius:5px; 
	flex-shrink: 0;
	align-self:stretch;
	min-height: 2.4rem;
	display:block;
}

h2.pageTitle.direct{ margin-bottom:0; border:none;}



/*SP*/
@media screen and (max-width: 736px) {



h2.pageTitle{ font-size:1.1rem; margin: 1rem auto ;}
h2.pageTitle:before{ width: 6px; min-height: 2.2rem; }
h2.pageTitle.directSP{ margin-bottom:0; border:none;}

}




.decoSmallTxt{ text-align:center; color:#80B10A; font-family: 'Roboto', sans-serif;   font-size:0.7rem; font-weight: 100; /*letter-spacing:0.1rem;*/ margin-bottom:0rem;}






dl.headingText{ margin-bottom: 1.2rem;}
dl.headingText dt{ font-size:1.2rem; font-weight:400; margin-bottom:0.2rem;}
dl.headingText dd + dt{ margin-top:1.2rem; }


.tx-b{ font-size:1.25rem; font-weight:500; margin-bottom: 0.4rem; line-height:1.5;}
.tx-bb{ font-size:1.4rem; font-weight:500;  margin-bottom: 0.8rem;  line-height:1.5;}
.tx-bbb{ font-size:1.6rem; font-weight:600;  margin-bottom: 1rem;  line-height:1.4;}
.tx-bbbb{ font-size:2rem; font-weight:600;  margin-bottom: 1rem;  line-height:1.4;}

.tx-b.mincho,
.tx-bb.mincho,
.tx-bbb.mincho{font-weight:500;}




/* SP */
@media screen and (max-width: 736px) {
.tx-b{ font-size:1.1rem;}
.tx-bb{ font-size:1.3rem;}
.tx-bbb{ font-size:1.4rem;}
.tx-bbbb{ font-size:1.5rem;}

dl.headingText dt{ font-size:1.15rem;}
}






.lineL{ line-height:1.8;}



/* ============================================================== */
/* 色付き番号箇条書きリスト */



ol.numList{
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}
ol.numList ol{
  padding-left: 1rem;

}
ol.numList li{
  text-indent: -1.6rem;
  padding-left: 1.6rem;
  margin-bottom:0rem;
  font-size:1.2rem;

}
ol.numList li:before {
  counter-increment: item;
  content: counter(item)'.';
  padding-right: .5rem;
  font-weight: 500;
  color: #EE772B;
  font-size:1.5rem;
}


/* 表テーブル*/
/*  ------------------------------------------------------------ */


table.listTable {  margin: 0 0 10px; text-align:left; border:solid 1px #BEDEF3;}
table.listTable td{ padding:1rem; background:#FFFFFF;
 border-left:solid 1px #BEDEF3;
  border-bottom:solid 1px #BEDEF3;
  }



table.listTable tbody  th{ padding:1rem;
	background:#F5FAFE;
	font-weight:500;
white-space:nowrap; 
  border-bottom:solid 1px #BEDEF3;
}

table.listTable thead th{ background:#E3F1FC; text-align:center; border-left:solid 1px #BEDEF3;   border-bottom:solid 1px #BEDEF3; line-height:1.4; padding:1rem 0; 	font-weight:500;}
table.listTable .line2 th{ background:#E3F1FC; text-align:center; border-left:solid 1px #BEDEF3;   border-bottom:solid 1px #BEDEF3; line-height:1.4; padding:0.8rem 0; }





/* SP */
@media screen and (max-width: 736px) {

table.listTable { font-size:0.9rem;}

table.listTable tbody th{ text-align:center;}
table.listTable tbody th.thLv2{ text-align:left;}

table.listTable  td.price{  width:auto; text-align:center; white-space:nowrap; }

table.spVecticalList th.thLv2{ border-left:none;}
}



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

/*診療時間テーブル*/

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

/*基礎*/
table.timeTable{ width:100%; text-align:center; box-sizing:border-box; margin-bottom:0.5rem; }
table.timeTable th{ font-size:0.9rem;  box-sizing:border-box; line-height:1; padding:0.4rem 0;}
.timeTable .day{font-size:0.9rem;}

table.timeTable td{box-sizing:border-box; }
table.timeTable td.schedule{font-size:1.2rem; }

table.timeTable td.timeHead{ white-space:nowrap; line-height:1.3; width:30%; padding: 0.5rem 0 ; font-size:0.8rem; font-family: 'Roboto', sans-serif; font-weight:400;}
.timeTable .timeHead span{ font-size:1.25rem; }


/*変更要素*/

table.timeTable{
/*border-left: 1px solid #96accc; border-right: 1px solid #96accc;*/
  border-collapse: separate;
  border-radius: 0px;
  overflow:hidden;
  border-bottom:none;

}
.timeTable .day.weekEnd{width: 15%; white-space: nowrap;}


table.timeTable th{ background:#005890; color:#FFFFFF;  font-weight:300; /*border-left:#8096BD solid 1px;*/}
table.timeTable th:first-child{border-left:none;}
table.timeTable td{ background:#FFF;  border-bottom:#BBBFCD solid 1px;}

table.timeTable td:first-child{border-left:none;}

table.timeTable td.timeHead{ padding:0.6rem 0;}
table.timeTable td.schedule{ color:#54C2F0; /*border-left:#8096BD solid 1px;*/}
table.timeTable td.schedule.off{ color:#80ABC7; }
table.timeTable tr.courseType2 td.schedule{ color:#F8B62B; }


.uniqueTime{ /*position:relative;*/ border-left:#0062BA solid 1px;}
.uniqueTime span{ /*position:absolute;  top:-0.4rem; font-size:0.8rem;*/}






/* SP */
@media screen and (max-width: 736px) {
.timeTable .timeHead span{ font-size:1rem; }

	
table.timeTable{ /*font-size:0.9rem; border: 1px solid #B0A5CF ;*/}
table.timeTable th{ padding:  0.35rem; }
table.timeTable tr.pm td{ /*border-bottom:none;*/}
table.timeTable td.timeHead{padding: 0.4rem 0.3rem 0.4rem 0.3rem;}
table.timeTable td.schedule{ font-size:110%;}


table.timeTable .section1 td.schedule{ padding:0.4rem 0 0.2rem;}
table.timeTable .section2 td.schedule{ padding:0 0 0.4rem;}
}



/* SP S */
@media screen and (max-width: 374px) {	
table.timeTable{ font-size:0.8rem;}

}






/* コンテンツエリアでの診療時間使用 */

/*PCのみ*/
@media screen and (min-width: 735px) {




#contentArea .timeTable .thTitle th{ padding: 0.5rem 0;}
#contentArea  .timeTable .day{ font-size:1rem;}
#contentArea  table.timeTable td.timeHead{font-size: 1rem;     padding: 0.8rem 0;}
#contentArea  .timeTable .timeHead span{font-size: 1.4rem;}
#contentArea  table.timeTable td.schedule{font-size: 1.4rem;}
}







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

/* フッター*/

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

/* フッタ */
footer .wrap{ padding:0 }
footer{ width:100%; 	}

footer{
display: flex;
flex-wrap: wrap;
}


.reserveBnr{ background:#E5EEF5; text-align:center; padding: 2.5rem 0; width:100%;}



/* クリニックインフォエリア */
/*  ------------------------------------------------------------ */




#clinicInfoArea { background: #FBFBFB ; border-top:#005890 solid 3px;}



/*クリニックインフォエリア基本調整*/

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


/*PC*/
@media print, screen and (min-width: 735px) {


#clinicInfoArea{
	padding:2.5rem 0 3rem ;
	width:100%;
	line-height:1.5;

}
}


/*SP*/
@media screen and (max-width: 736px) {

/*SP専用タイトル帯*/
.infoSpTitle{background:#A5E1DA; color:#FFFFFF; padding:0.8rem 0;  text-align:center; }
.infoSpTitle:before{ content: inherit; }


#clinicInfoArea{ padding: 0.5rem 0 1rem; box-sizing:border-box; line-height:1.5;}
#clinicInfoArea .wrap{padding:1rem 0 0; width:94%; }


}


#clinicInfoArea .sq{ font-size:1rem;}
#clinicInfoAre ul.list li{ margin-bottom:0.5rem;}
.topHeadTimetable hr,
footer hr{border-bottom: #CACACA dotted 1px; padding:1rem 0 0; margin: 0 0 1.6rem;}



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


.infoSubKey{ color:#005890; font-weight:500; font-size:1.1rem; margin-bottom:0.8rem;}

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


/* フッタロゴ */

@media print, screen and (min-width: 735px) {
.footLogo{ /*display:flex; margin-bottom:2.5rem; align-items: flex-end;*/ text-align:center;}
.footLogo h2{ margin-bottom: 2rem;  }
.footLogo img{   }

}

/*SP*/
@media screen and (max-width: 736px) {
.footLogo{ text-align:center; margin-bottom:0rem; }
.footLogo h2{ border-bottom: dotted #CCCCCC 1px; margin:0 auto 1rem; padding-bottom:1.5rem;  }
.footLogo h2 img{ width:90% }
.footLogo .infoSubKey{ font-size:1rem;}


}


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


/*地図*/
.infoMap{}
footer .googleMap{ width:100%;	box-sizing:border-box; line-height: 0; }
.infoMapImg{ box-sizing:border-box; margin:0 0 1rem;}



.accessLink{text-align:right; margin-bottom:0;}
.accessLink a{ font-size:0.9rem; color:#333333; text-decoration:none;  background:url(../images/common/btnR.svg) no-repeat left 0.25rem; background-size:1rem; padding-left:1.2rem; }


/*SP*/
@media screen and (max-width: 736px) {
.googleMap iframe{ height:300px;  }
}


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


/*住所*/

/*PCのみ*/
@media print, screen and (min-width: 735px) {
#clinicInfoArea .address{ margin:0 0 2rem;}
}

/*SP*/
@media screen and (max-width: 736px) {
#clinicInfoArea .address{ margin:0 0 2rem;}
}



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

/*交通アクセス*/



/*SP*/
@media screen and (max-width: 736px) {
#clinicInfoArea .infoAccess{ margin-top:2rem;}
}



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


/*診療時間*/

/*PCのみ*/
@media print, screen and (min-width: 735px) {
#clinicInfoArea .timeTableArea{ }

.timeInfo{ font-size:0.88rem; margin-bottom:0.3rem;}

}

/*SP*/
@media screen and (max-width: 736px) {
#clinicInfoArea .timeTableArea{ margin:0 0 0 ;}
}





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

/* 予約・問診等　リンク・バナー */



/*PCのみ*/
@media print, screen and (min-width: 735px) {
footer #reactionBtnArea{ width:100%; background:#FEF0D5; padding:1.8rem 0; }


#reactionBtnArea li{ margin-bottom:0; flex-basis:48%;}
#reactionBtnArea li img{ }
#reactionBtnArea li:not(:last-child) { margin-right:1%;}
}




/* SP */
@media screen and (max-width: 736px) {


#reactionBtnArea li{ margin-bottom:0.3rem;}


}




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

/* SP表示順調整 */
@media screen and (max-width: 736px) {


/*
.viewOrderCont{  display:flex; flex-wrap:wrap;}
.viewOrderCont #clinicInfoArea{order: 1; }
.viewOrderCont .googleMap{order: 2; }
*/
#clinicInfoArea .viewOrderCont{  display:flex; flex-wrap:wrap;}
/*#clinicInfoArea .viewOrderCont .flexBlock{ display:inherit !important; }*/
#clinicInfoArea .viewOrderCont .flexLeft{order: 1; flex-basis:100%; margin-bottom:1rem;}
#clinicInfoArea .viewOrderCont .flexRight{order: 0; flex-basis:100%; margin-bottom:1rem;}

}






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

/* フッター*/

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




#foot{ background:#F1B2B1; padding:1rem 0; color:#614C40; flex-basis:100%; /*border-bottom:1px solid #74BEEB;*/}
#foot h2{ font-size:1rem; font-weight:500; margin-bottom:0rem; text-align:center;}
#foot address{font-weight:300; margin-bottom:0;}

.copyright{font-size:70%;
	font-family:Arial, Helvetica, sans-serif; text-align:center; width:100%; padding:0.4rem 0 0; margin:0;}


@media print, screen and (min-width: 735px) {
#pagetop{padding-bottom: 10px;}
#pagetop img{ width:64px; height:64px;}
}


/* リンクページボタン*/

#foot .wrap{ position:relative;}
.toLinkpage{ text-align:right; margin: 1rem 0 0rem; font-size:0.8rem;  position:absolute; bottom:0.2rem; right:0;}
.toLinkpage a:before{ background-size:90%; vertical-align: -0.15rem; background-image:url(../images/common/btnR_wh.svg);}
.toLinkpage a{color:#FFFFFF;}
.toLinkpage a:hover{ opacity:0.8; color:#FFFFFF !important;}





/* フッター　固定表示ボタン */
/*  ------------------------------------------------------------ */


#yoyaku {

    width: 100%;
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    transition: .3s;

}


.yoyakubtn li a{background:#E98E91 url(../images/common/btnTEL_Rwh.svg) no-repeat 0.5rem center; background-size:2.5rem; width:100%; display:block; padding:0.8rem 0; text-align:center; text-decoration:none; color: #FFF; font-size:1.2rem; font-weight:500;}

.yoyaku2btn{ display:flex; justify-content: space-around; margin:0;}
.yoyaku2btn li{ width:100%; text-align:center; margin:0; }
.yoyaku2btn li.tel{ background:#F0904F url(../images/common/btnTEL_Rwh.svg) no-repeat 0.5rem center; background-size:2rem;/* border-right:1px solid #96accc;*/}
.yoyaku2btn li.yoyakulink{ background:#A0272D url(../images/common/iconYoyaku_sp.svg) no-repeat 1rem center; background-size:1.8rem;}
.yoyaku2btn li.map{ background:#005d96 url(../images/common/icon_map_wh.svg) no-repeat 1rem center; background-size:1.6rem;}
.yoyaku2btn li a{ text-decoration:none; color: #FFF; font-weight:500; padding:15px 0; display:block;text-indent: 1rem;}
.yoyaku2btn li.contact{ background:#0087D0 url(../images/common/icon_mail.svg) no-repeat 1rem center; background-size:1.6rem;}




/* WP PageNavi */
/*  ------------------------------------------------------------ */

.wp-pagenavi{ margin-top:1rem !Important;}
.wpcontents .wp-pagenavi a{ margin-right:5px;}



.wp-pagenavi a ,
.wp-pagenavi .current{ 
background: #FFF;
margin-right: 0.4rem;
width: 36px;
line-height: 36px;
font-size:0.9rem;
border:#BFBFBF 1px solid;
display: inline-block;
text-align: center;
color: #79BC53;
border-radius:3px;
font-family: 'Roboto', sans-serif;
text-decoration:none;

}
.wp-pagenavi a:hover{border:#0096DD 1px solid;}


.wp-pagenavi .current{ background:#79BC53; color:#FFF; border:none;}

.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink{}


/* SP */
@media screen and (max-width: 736px) {
.wp-pagenavi{text-align:center; margin-bottom:1rem;}

.wp-pagenavi a ,
.wp-pagenavi .current{
margin-bottom: 5px; width:14%;
}
}