@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------------------------------------------
  共通
---------------------------------------------------------------------------------------- */

/* -------------------------------------
 * link
 * ---------------------------------- */
a {
  color:#999;
}
a:hover {
  color:#333;
}
#header a {
  color:#333;
}

/* -------------------------------------
 * table
 * ---------------------------------- */
table {
  border-top:#aaa solid 2px;
}
table th {
  background:#f6f6f6;
}


/* -------------------------------------
 * button
 * ---------------------------------- */
 /*----various btns, btn03(追加class)----*/
.parts_other_bupageTopBox a,.parts_other_buPrintBox a,.returnBu a, a.returnBu,input[type="button"], input[type="submit"],.topicDigestLink a,.blogRecentLink a,a.btn03,.memberMypageMenu .pageLinkBox a, .memberLoginFormMenu .pageLinkBox a {
  background:#444;
}
.parts_other_bupageTopBox a:hover,.parts_other_buPrintBox a:hover,.returnBu a:hover, a.returnBu:hover,input[type="button"]:hover, input[type="submit"]:hover,.topicDigestLink a:hover,.blogRecentLink a:hover,a.btn03:hover,.memberMypageMenu .pageLinkBox a:hover, .memberLoginFormMenu .pageLinkBox a:hover{
  background: #777;
}

/*----btn02(追加class)----*/
a.btn02{
  border:#d1d1d1 solid 3px;
}
a.btn02:hover{
  border:#444 solid 3px;
  background: #444;
}


/* ----------------------------------------------------------------------------------------
  #header
---------------------------------------------------------------------------------------- */
.boxTop ul li.small,
.boxTop ul li.middle,
.boxTop ul li.large{
  background:#666;
}
.boxTop ul li.small:hover,
.boxTop ul li.middle:hover,
.boxTop ul li.large:hover{
  background:#888;
}

/* スマホのみ */
@media (max-width: 767px) {
  #header .right {
    background: #efefef;
  }
}

/* -------------------------------------
 * メインメニュー
 * ---------------------------------- */
/* スマホ */
.navbar-default{
  background: #333;
}
.navbar-nav li a b,
.navbar-nav li a > span,
.navbar-nav li div > span {
color:#999;
}
/* スマホ以外 */
@media (min-width: 768px) {
  #header li.menu-level-0 a:before, #header li.menu-level-0 a.menu-selected:before {
      background: #333;
  }
}

/* 追加記述 */
/* スマホ以外 */
@media (min-width: 768px) {
	
	#header .navbar-collapse > ul > li > ul > li > a {
		background-color: #333;
		color: #fff;
	}
	
	#header .navbar-collapse > ul > li > ul > li > a:hover {
		background-color: #444;
	}
	
}

/* スマートフォン */
@media (max-width: 767px) {
	
	.menu-level-0 > ul {
		border-top-color: #aaa;
	}
	
	.menu-level-0 > ul > li > a {
		background-color: #eee;
	}
	
	.menu-level-0 > ul > li > ul {
		border-top-color: #aaa;
	}
	
	.menu-level-0 > ul > li > ul > li > a {
		background-color: #eee;
	}
	
}


/* ----------------------------------------------------------------------------------------
  #upper
---------------------------------------------------------------------------------------- */
/* -------------------------------------
 * .upperNavi
 * ---------------------------------- */
.upperNavi{
  background:#666;
}
.upperNavi ul li a:hover{
  background:#888;
}


/* ----------------------------------------------------------------------------------------
  #bottom
---------------------------------------------------------------------------------------- */
/* -------------------------------------
 * .bottomNavi
 * ---------------------------------- */
.bottomNavi{
  background:#666;
}
.bottomNavi ul li a:hover{
  background:#888;
}

/* -------------------------------------
 * .blogRecent
 * ---------------------------------- */
.column1 #bottom .blogRecent{
  background:#f6f6f6;
}

/* -------------------------------------
 * .blogRecentLink
 * ---------------------------------- */
.column1 #bottom .blogRecent .blogRecentLink a{
  border: #d1d1d1 solid 3px;
  background:#fff;
}
.column1 #bottom .blogRecent .blogRecentLink a:hover{
  border: #444 solid 3px;
  background: #444;
}

/* -------------------------------------
 * .topicsDigest
 * ---------------------------------- */
.column1 #bottom .topicsDigest .topicsDigestBox h3{
  border-bottom: #333 solid 1px;
}

/* -------------------------------------
 * .topicDigestLink
 * ---------------------------------- */
.column1 #bottom .topicsDigest .topicDigestLink a{
  border: #d1d1d1 solid 3px;
  background:#fff;
}
.column1 #bottom .topicsDigest .topicDigestLink a:hover{
  border: #444 solid 3px;
  background: #444;
}


/* ----------------------------------------------------------------------------------------
  見出し
---------------------------------------------------------------------------------------- */
/* -------------------------------------
 * #contents #footer
 * ---------------------------------- */
#contents h1, #footer h1{
  border-top: #333 solid 4px;
  border-bottom: #333 solid 1px;
}
#contents h2:before, #footer h2:before {
  background: #333333;
}
#contents h3 {
  background: #f1f1f1;
}
#footer h3{
  background: rgba(100,100,100,0.1);
}
#contents h3:before {
  background: #e0dbd7;
}
#footer h3:before {
  background: #c5c1be;
}
#contents h4, #footer h4 {
  border-bottom: #333 solid 1px;
}
#contents h5 {
  border-left: #e0dbd7 solid 5px;
}
#footer h5 {
  border-left: #c5c1be solid 5px;
}

/* -------------------------------------
 * #side #opt
 * ---------------------------------- */
.column2 #side h1, #opt h1{
  border-top: #333 solid 3px;
  border-bottom: #333 solid 1px;
}
.column2 #side h2, #opt h2{
  border-top:#666 solid 1px;
  border-bottom:#666 solid 1px;
}
.column2 #side h3, #opt h3 {
  background: #f1f1f1;
}
.column2 #side h3:before, #opt  h3:before {
  background: #e0dbd7;
}
.column2 #side h4, #opt h4{
  border-bottom:#666 solid 1px;
}
.column2 #side h5, #opt h5 {
  border-left: #e0dbd7 solid 5px;
}


/* ----------------------------------------------------------------------------------------
  2カラム サイドメニュー
---------------------------------------------------------------------------------------- */
.column2 .sideNavi .boxBottom > ul > li a:hover,
.column2 .sideNavi .boxBottom > ul > li a.menu-selected{
  background:#f2f2f2;
}
.column2 .sideNavi .boxBottom > ul > li.menu-level-0 > a,
.column2 .sideNavi .boxBottom > ul > li.menu-level-1 > a{
  border-top:#666 solid 1px;
  border-bottom:#666 solid 1px;
}


/* ----------------------------------------------------------------------------------------
  #footer
---------------------------------------------------------------------------------------- */
#footer{
  background: url(../images/common/footer_bg.png) repeat top left;
}

/* -------------------------------------
 * shopInfo
 * ---------------------------------- */
#footer .shopInfo h4{
  border-bottom:#333 solid 1px;
}

/* -------------------------------------
 * .footerNavi
 * ---------------------------------- */
 #footer .footerNavi {
   background: rgba(100,100,100,0.2);
 }
#footer .footerNavi ul > li a{
  color:#333;
}
#footer .footerNavi ul > li a:hover{
  background: rgba(100,100,100,0.5);
}

/* -------------------------------------
 * .sitemapParts
 * ---------------------------------- */
#footer .sitemapParts {
  background: rgba(100,100,100,0.1);
}
#footer .sitemapParts ul.treeLevel0 li a:hover{
  color:#999;
}
#footer .sitemapParts ul.treeLevel0 ul.treeLevel0 ul li{
  color:#333;
}
/* スマホ */
@media (max-width: 767px) {
  #footer .sitemapParts > ul.treeLevel0 > li > ul.treeLevel0 > li{
    border-bottom:#aaa solid 1px;
  }
}

/* -------------------------------------
 * address
 * ---------------------------------- */
#footer address {
  background: #333;
}

/* -------------------------------------
 * .pageTop
 * ---------------------------------- */
#footer .pageTop a{
  background: #333;
}
#footer .pageTop a:hover{
  background: #444;
}


/* ----------------------------------------------------------------------------------------
  追加フリーパーツ
---------------------------------------------------------------------------------------- */
/* -------------------------------------
 * .TopMainImg
 * ---------------------------------- */
 #upper .TopMainImg .mainText {
     background: rgba(0,0,0,0.7);
 }

 /* -------------------------------------
  * .bg_color
  * ---------------------------------- */
.bg_color{
  background:#f6f6f6;
}


/* ----------------------------------------------------------------------

	新規パーツ [2017.11.26]

---------------------------------------------------------------------- */

/* 背景色 */
.parts_h_type17_box_text_foot,
.parts_h_type18_box_foot,
.parts_h_type23_box_head_num > span,
.parts_h_type24_box_head_num > span,
.parts_h_type25,
.parts_h_type26,
.parts_h_type27,
.parts_free_type08_text,
.parts_img_type28_box_text,
.parts_img_type31_box_text,
.parts_img_type34 p,
.parts_img_type35_text,
.parts_img_type36_text,
.parts_img_type37_text,
.parts_img_type38,
.parts_img_type39,
.parts_img_type48,
.parts_img_type49,
.parts_text_type16,
div.parts_img_type40_box_num,
div.parts_img_type41_box_num,
div.parts_img_type42_box_num,
div.parts_img_type43_box_num {
	background: url(../images/common/bg.png) repeat top left;
}

.parts_free_type01_head:after {
	background-color: #fff;
}

.parts_img_type50_text_box,
.parts_img_type51_text_box,
.parts_text_type14_head,
.parts_text_type15_head {
	background-color: #ebebeb;
}

.parts_free_type02_body_box:last-child a,
.parts_free_type03_bu a,
.parts_free_type04_head {
	background-color: #333;
}

.parts_h_type23_box_head h4,
.parts_h_type24_box_head h4 {
	background: transparent none;
}

/* テキスト */
.parts_free_type02 a,
.parts_free_type03 a,
.parts_free_type04_head {
	color: #fff;
}

/* 線 */
.parts_text_type14,
.parts_text_type15,
.parts_free_type01,
.parts_free_type02,
.parts_free_type03,
.parts_free_type04 {
	border-color: #dad7d1;
}

.parts_img_type50_text_box:after {
	border-color: transparent #ebebeb transparent transparent;
}

.parts_img_type51_text_box:after {
	border-color: transparent transparent transparent #ebebeb;
}

.parts_h_type22_head > div,
.parts_h_type22_body > div,
.parts_text_type14 .parts_text_type14_head:after {
	border-top-color: #dad7d1;
}

.parts_h_type21_head > div,
.parts_h_type22_head > div {
	border-top-color: #333;
}

.parts_h_type21_body > div,
.parts_h_type22_body > div {
	border-top-color: #999;
}

.parts_text_type18 li::after,
.parts_text_type19 li::after,
.parts_text_type20 li::after,
.parts_text_type21 li::after,
.parts_text_type22 li::after,
.parts_text_type23 li::after {
	border-left-color: #333;
	border-bottom: #333;
}

.parts_free_type02_body_box:first-child {
	border-right-color: #dad7d1;
}

/* キービジュアル */
.parts_free_type05_text,
.parts_free_type06_text,
.parts_free_type07_text,
div.parts_free_type09_box_text > div {
	background: rgba(231,231,231,0.6);
}

.parts_free_type05_text a,
#header .parts_free_type05_text a,
.parts_free_type06_text a,
#header .parts_free_type06_text a,
.parts_free_type07_text_bu a,
#header .parts_free_type07_text_bu a {
	color: #fff;
}

div.parts_free_type09_box_text {
	color: #333;
}

.parts_free_type05_text a,
.parts_free_type06_text a,
.parts_free_type07_text_bu a {
	background-color: #333;
}

/* ----------------------------------------------------------------------

  新規パーツ [2020.7]

---------------------------------------------------------------------- */

/* ボタン */
a.btn02.btn-primary{
  background-color: #fff !important;
  border-color: #d1d1d1 !important;
  color: #000 !important;
}
a.btn02.btn-primary:hover{
  background-color: #444 !important;
  border-color: #444 !important;
  color: #fff !important;
}
a.btn03{
  border: 3px solid #444;
}
a.btn03:hover{
  border: 3px solid #777;
}

a.cparts-btn-round,
a.cparts-btn-round,
a.cparts-btn-square,
a.cparts-btn-square,
div.cparts-var03-type18 a,
div.cparts-var03-type18 a{
  border: #d1d1d1 solid 3px;
}
a.cparts-btn-round:hover,
a.cparts-btn-round:focus,
a.cparts-btn-square:hover,
a.cparts-btn-square:focus,
div.cparts-var03-type18 a:hover,
div.cparts-var03-type18 a:focus{
  border: #444 solid 3px;
    background: #444;
}


/* 診療時間 */
div.cparts-var03-type02 .cparts-txt-block{
  border-right: 1px solid #dad7d1;
}
div[col-flex="1-4"].cparts-var03-type02 div.cparts-txt-block.lay-col12-xs-4:nth-of-type(2),
div[col-flex="1-4"].cparts-var03-type02 div.cparts-txt-block.lay-col12-xs-3:nth-of-type(2) {
  border-right-color: #dad7d1;
}
/* 画像ありフロー図（矢印なし） */
div.cparts-var03-type03a{
  border: 2px solid #333;
}
div.cparts-var03-type03a .cparts-head-block{
  border-right: 2px dotted #333;
}
@media (max-width: 767px){
div.cparts-var03-type03a .cparts-head-block{
  border-bottom: 2px dotted #333;
}
}

/* プラン別価格表（横並び） */
div.cparts-var03-type04 .cparts-ttl-block{
  background-color: #333;
  border-bottom: 2px solid #333;
}
div.cparts-var03-type04 .cparts-ttl-block h4{
  color: #fff;
}
div.cparts-var03-type04 .cparts-body-block{
  border: 2px solid #333;
}
div.cparts-var03-type04 div.cparts-txt-block h5{
  border-top: 2px solid #333;
}

/* 利用者様の声１・２ */
div.cparts-var03-type09a .cparts-body-block{
  box-shadow: 5px 5px 0px 0 rgba(51,51,51, .5);
}
div.cparts-var03-type09b .cparts-body-block{
  box-shadow: -5px 5px 0px 0 rgba(51,51,51, .5);
}

/* 流れ（ライン） */
div.cparts-var03-type24 .cparts-body-block{
  border-left: 4px solid #333;
}
div.cparts-var03-type24.cparts-connector--curve + .cparts-var03-type24.cparts-connector--curve:nth-of-type(even) .cparts-body-block{
  border-right: 4px solid #333;
}
div.cparts-var03-type24 + .cparts-var03-type24.cparts-connector--curve .cparts-head-block,
div.cparts-var03-type24 + .cparts-var03-type24 > div:before,
div.cparts-var03-type24 + .cparts-var03-type24 > div:after,
div.cparts-var03-type24 + .cparts-var03-type24.cparts-connector--curve > div:after{
  color: #333;
}


/* アクセス */
div.cparts-var03-type20a ul li:nth-child(2n):before,
div.cparts-var03-type20b ul li:nth-child(2n):before{
  color: #333;
}

/* 募集要項 */
div.cparts-var03-type14a .cparts-body-block .cparts-txt-block{
  border-top: 2px solid #333;
}

/* フリップカード */
@media (min-width: 768px){
div.cparts-var03-type25 .cparts-ttl-block h3 {
    text-shadow: 0 0 5px #333;
}
}
@media (min-width: 992px){
div.cparts-var03-type25 .cparts-txt-block{
  background: url(../images/common/bg.png) repeat top left;
}
}

/* 流れ（横並び） */
div.cparts-var03-type21:after{
    border-color: transparent transparent transparent #333;
}
div.cparts-var03-type21 .cparts-no-block{
  border-bottom:1px solid #dad7d1;
}
@media (max-width: 767px){
  div.cparts-var03-type21:after{
    border-color: #333 transparent transparent transparent;
  }
}

/* マウスオーバー */
div.cparts-var03-type19a .cparts-body-block,
div.cparts-var03-type19b .cparts-body-block{
  background: rgba(51,51,51,0.8);
}

/* タグ切り替え */
div.cparts-var03-type26a ol li.cparts-select-on{
  color: #fff;
}
@media ( max-width: 767px ) {
  div.cparts-var03-type26a ol li.cparts-select-on:before{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }

}

/* 線 */
.cparts-var03-type03b .cparts-info-block,
div.cparts-var03-type16 h5::after,
div[class*="cparts-var03-type17"] div.cparts-txt-block h5:before,
div[class*="cparts-var03-type17"] div.cparts-txt-block h5:after,
div[class*="cparts-var03-type17"] div.cparts-ttl-block h4:before,
div[class*="cparts-var03-type17"] div.cparts-ttl-block h4:after,
div.cparts-var03-type20a ul li:nth-child(2n+1):before,
div.cparts-var03-type20b ul li:nth-child(2n+1):before,
div.cparts-var03-type24 + div.cparts-var03-type24:after,
div.cparts-var03-type24 + div.cparts-var03-type24:before,
div.cparts-var03-type24 + div.cparts-var03-type24.cpv-curve .cparts-head-block,
div.cparts-var03-type26a ol li.cparts-select-on:before,
div.cparts-var03-type08a .cparts-ttl-block p{
  color: #333;
}
div.cparts-var03-type16:nth-of-type(n+2){
  border-top: 1px solid #dad7d1;
}
div.cparts-var03-type18 .cparts-body-block,
div.cparts-var03-type21 .cparts-body-block,
div.cparts-var03-type17a,
div.cparts-var03-type17b .cparts-body-block,
div.parts-text-type02{
  border: 1px solid #dad7d1;
}

@media (max-width: 767px){
  div.cparts-var03-type08c table{
    border-top: 2px solid #aaa;
  }
}

/* 背景 */
div.cparts-var03-type05 .cparts-body-block,
div.cparts-var03-type12a .cparts-body-block,
div.cparts-var03-type18 .cparts-body-block,
div.cparts-var03-type26a ol li,
div.cparts-var03-type20a ul li:nth-child(2n+1),
div.cparts-var03-type20b ul li:nth-child(2n+1),
div.cparts-var03-type08b .cparts-body-block,
div.cparts-var03-type09a .cparts-body-block,
div.cparts-var03-type09b .cparts-body-block,
div.cparts-var03-type21 .cparts-body-block{
  background: url(../images/common/bg.png) repeat top left;
}
div.cparts-var03-type20a ul li:nth-child(2n+1):after,
div.cparts-var03-type20b ul li:nth-child(2n+1):after{
  color: #efefef;
}

div.cparts-var03-type05 .cparts-notes-block li,
div.cparts-var03-type08b .cparts-notes-block,
div.cparts-var03-type08d .cparts-notes-block,
div.cparts-var03-type08c div.cparts-notes-block p,
div.cparts-var03-type08e div.cparts-notes-block p,
div.cparts-var03-type09a .cparts-notes-block, 
div.cparts-var03-type09b .cparts-notes-block,
div.cparts-var03-type12a .cparts-icon-block span,
div.cparts-var03-type16 ul li:after,
div.cparts-var03-type24 .cparts-no-block,
div.cparts-var03-type26a ol li.cparts-select-on{
  background-color: #333;
}


/* キービジュアル */
.cparts-var03-type23 .cparts-img-block:after{
  background-color: #fff;
}
.cparts-var03-type23 .cparts-img-block::before{
  border-color: transparent transparent #fff transparent;
}
#header .cparts-var03-type22 .cparts-body-block,
#header .cparts-var03-type23 .cparts-body-block{
  color: #000;
}



/* ----------------------------------------------------------------------

	新規パーツ [2021.10]

---------------------------------------------------------------------- */

#header .cparts-id328 .cparts-notes-block a {
    color: #fff;
}


