@charset "utf-8";
/* 当サイトのスタイル記述のうち全てのデバイス共通のもの */
/* 160404 */
/*---------------------------------------------
body
---------------------------------------------*/
body {
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
*font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
background-color: #fff;
color: #444;
font-size: 16px;
line-height: 1.8;
text-align: left;
-webkit-text-size-adjust: 100%;}
.min{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.clearfix {zoom: 1;}
.clearfix:after {content: "";display: block;clear: both;}
.imgsizer img {
width: 100%;
}
/*---------------------------------------------
Anchor
---------------------------------------------*/
a {
outline: none;
}
a:link {
text-decoration: none;
color: #ECAFB2;
}
a:visited {
text-decoration: none;
color: #ECAFB2;
}
a:hover {
text-decoration: none;
color: #ECAFB2;
}
a:active {
text-decoration: none;
color: #ECAFB2;
}
#topic a span{color:#ECAFB2/* !important*/;}
#topic a {color:#444 !important;}
#topic a:hover span{color:#febFc4 !important; text-decoration:underline;}
#topic a:hover {color:#aaa !important; text-decoration:underline;}
p {margin-bottom: 1em; }
.nav-collapse ul li a:hover{text-decoration:underline;}
.x4wrapper a:hover {text-decoration:underline; opacity: 0.5;}
#f_nav div ul li a:hover{text-decoration:underline;}
/*---------------------------------------------
** common
---------------------------------------------*/
.wrapper { width:100%; clear:both;}
.wrapperB { width:100%; clear:none;}
div.clear { width:100%; height:3px; font-size:2px; clear:both;}
.tC { text-align:center;}
.tL { text-align:left;}
.tR { text-align:right;}
.bold { font-weight:bold;}
.w050pct { width: 50%; }
.w100pct { width:100%; }
.w-20px { width:calc(100% - 20px); }
.w-30px { width:calc(100% - 30px); }
.w-40px { width:calc(100% - 40px); }
.font_sss{ font-size:0.8em !important; }
.over_zoom{_zoom: 1; overflow: hidden;}
.doct{font-weight:bold; float:right; margin:15px 0 0 0; color:#EF94BD;}
.m_0auto{ margin:0 auto;}
.m_T_06{ margin-top: 6px;}
.m_T_10{ margin-top: 10px;}
.m_T_20{ margin-top: 20px;}
.m_T_30{ margin-top: 30px;}
.m_T_35{ margin-top: 35px;}
.m_T_40{ margin-top: 40px;}
.m_B_10{ margin-bottom: 10px;}
.m_B_20{ margin-bottom: 20px;}
.m_B_25{ margin-bottom: 25px;}
.m_B_30{ margin-bottom: 30px;}
.m_B_35{ margin-bottom: 35px;}
.m_B_40{ margin-bottom: 40px;}
.m_B_50{ margin-bottom: 50px;}
.m_B_55{ margin-bottom: 55px;}
.m_B_60{ margin-bottom: 60px;}
.m_L_15{ margin-left: 15px;}
.m_L_20{ margin-left: 20px;}
.m_L_30{ margin-left: 30px;}
.m_L_40{ margin-left: 40px;}
.m_L_50{ margin-left: 50px;}
.m_L_60{ margin-left: 60px;}
.m_R_10{ margin-right: 10px;}
.m_R_15{ margin-right: 15px;}
.m_R_20{ margin-right: 20px;}
.m_R_30{ margin-right: 30px;}
.m_R_40{ margin-right: 40px;}
.m_R_50{ margin-right: 50px;}
.p_0_2 { padding:0 2px;}
.p_10_0{ padding:10px 0;}
.p_R_10{ padding-right: 10px;}
.p_15 {padding:15px;}
.float_L{ float:left;}
.float_R{ float:right;}
/*---------------------------------------------
** パンくずリスト
---------------------------------------------*/
nav#breadcrumbs ol{ padding:0;}
nav#breadcrumbs ol li {
display: inline;
list-style-type: none;
font-size:80%;
}
nav#breadcrumbs ol li:before {
content: " > ";
}
nav#breadcrumbs ol li:first-child:before {
content:"";
}
/* a hover */
.hover {-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.hover:hover{ opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
/* 背景サイズ */
.bg_free { background-size: contain !important; }
/* カラー */
.cl_main {color: #ECAFB2;}/* ベースカラー */
.bg_main {background: #ECAFB2;}
.cl_sub {color: #FAE7E7;}/* 薄いピンク色 */
.bg_sub {background: #FAE7E7;}
.cl_alt1 {color: #A38B77;}/* 濃い茶色 */
.bg_alt1 {background: #A38B77;}
.cl_alt2 {color: #EDB4B6;}/* 中間のピンク色 */
.bg_alt2 {background: #EDB4B6;}
.cl_alt3 {color: #E8F8F8;}/* 2よりさらに淡い色 */
.bg_alt3 {background: #E8F8F8;}
.cl_fff {color: #fff;}
.bg_fff {background: #fff;}
.bg_gray {background: #EDEDED;}
.cl_523 {color:#552233;}
.cl_dark {color:#444;}
.b{ font-weight:bold;}
.u{ text-decoration:underline;}
.lh_09e {line-height:0.9em;}
.lh_10e {line-height:1.0em;}
.lh_14e {line-height:1.4em;}
.fs_06r {font-size:0.6rem;}
.fs_08r {font-size:0.8rem;}
.fs_09r {font-size:0.9rem;}
/* シャドウ */
.box_shadow{
-webkit-box-shadow:0px 7px 9px rgba(0,0,0,0.05);
box-shadow:0px 7px 10px rgba(0,0,0,0.1);
}
/* 角丸 */
.maru {border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px;}
.maru10 {border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px;}
.maru20 {border-radius:20px; -moz-border-radius:20px;-webkit-border-radius:20px;}
.maru p, .maru10 p, maru20 p{margin-bottom:0;}
/*---------------------------------------------
** width
---------------------------------------------*/
.w_200{ width:200px;}
.w_250{ width:250px;}
.w_270{ width:270px;}
.w_280{ width:280px;}
.w_300{ width:300px;}
.w_400{ width:400px;}
.w_420{ width:420px;}
.w_440{ width:440px;}
.bg_blue{
background-color:rgb(249,249,249);
border-color:rgb(238,238,238);
border-width:1px;
padding:20px;
border-style:solid;
-moz-box-shadow:0px 0px 6px rgba(0,0,0,0.05);
-webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.05);
box-shadow:0px 0px 6px rgba(0,0,0,0.05);
border-width:1px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
border-style:solid;
}
/*---------------------------------------------
** 画像のcss
---------------------------------------------*/
.img_R{ float:right; margin:0 0 0 30px;}
.img_L{ float:left; margin:0 40px 0 0 ;}
.img_C{ float: left; margin:0 0 20px 0 ;}
/*---------------------------------------------
** body, box
---------------------------------------------*/
#footer p{font-size:0.9em;}
/*#index p, #doctor p,#first p,#clinic p,#treat p,#faq p,#access p {font-size:0.9em;}*/
/*---------------------------------------------
** 追加
---------------------------------------------*/
.add202406_list{
display: flex;
flex-direction: column;
gap: 0.5em;
box-sizing: border-box;
padding: 1.5em 2em;
margin: 15px auto 25px auto !important;
background-color: #FAE7E7;
box-shadow: 0 5px 10px #ddd;
}
.add202406_list li:before{
content:"●";
color:#ECAFB2;
margin-right: 5px;
}
.add202406_list li{
text-indent:-1.2em;
padding-left:1em;
box-sizing: border-box;
margin: 0 !important;
}