@charset "utf-8";

/*
Theme Name: KIRAKUTO Template001
Author: 株式会社キラクト
Author URI: http://www.kirakuto.co.jp/
Version: 1.0.0
*/

/* --- Site CSS ----------------------------------------------------------------------------------------- */

html {
  font-family: "Roboto", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;
}

body {
	color: #444d5c;
}

a {
  color: #333;
}
a:hover {
  color: #aaa;
}

.article-load-text{
	color: #444d5c;
}

/************************************************************
   Slider
************************************************************/
.slick-prev:before,
.slick-next:before {
  color: #444d5c;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  color: rgba(68, 77, 92, 0.2);
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  color: rgba(68, 77, 92, 0.2);
}

.slick-dots li button:before {
  background-color: rgba(68, 77, 92, 0.2);
}
.slick-dots li.slick-active button:before {
  background-color: #444d5c;
}


/************************************************************
   電話番号テキスト
************************************************************/
.tel-num {
  position: relative;
  padding-left: 36px;
  font-family: Junge;
  font-weight: normal;
  display: inline-block;
}


/************************************************************
   Header
************************************************************/
#header {
  border-top: 4px #444d5c solid;
}

.header-title a {
  color: #444d5c;
}
	/*** メインタイトル ***/
	.site-title-main {
	  font-family: "a-otf-futo-min-a101-pr6n";
	  font-family: "a-otf-ud-reimin-pr6n", "Old Standard TT", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	  font-size: 1.8rem;
	  line-height: 1.44444;
	}
	@media (min-width: 48em) {
	  .site-title-main {
		font-size: 1.2rem;
		line-height: 1.33333;
	  }
	}
	.site-title-sub {
	  font-size: 1.2rem;
	  line-height: 1;
	  letter-spacing: 0.05em;
	  font-weight: 400;
	}
	@media (min-width: 48em) {
	  .site-title-sub {
		font-size: 0.7rem;
	  }
	}
	
	.site-title-img img {
	  width: 200px;
	}
	@media (min-width: 48em) {
	  .site-title-img img {
		width: 269px;
	  }
	}

.header-contact-tel a {
  color: #444d5c;
}

/****************** メニュー関連 ******************/

/*** スマホメニューボタン ***/
#menu-btn .menu-btn-icon {
  background-color: #444d5c;
}
#menu-btn .menu-btn-icon:before, #menu-btn .menu-btn-icon:after {
  background-color: #444d5c;
}

/*** ナビゲーション ***/
.menu-link-list li::before {
	border-color: #444d5c transparent transparent transparent;
}
.menu-link-list li::after {
    background-color: #444d5c;
}
.menu-link-list a {
  color: #444d5c;
}

@media (min-width: 62em) {
  .menu-link-list span::after {
	color: rgba(68, 77, 92, 0.4);
  }
}

.menu-link-list li.menu-item-home {padding: 1.6rem 0;}
.menu-link-list li.menu-item-home span::before {display: none;}
.menu-link-list li.menu-item-home span::after {display: inline-block; margin-left: 0.8rem;}
@media (min-width: 48em) {
	.menu-link-list li.menu-item-home span::after {display: inline-block; margin-left: 2rem;}
}
@media (min-width: 62em) {
	.menu-link-list li.menu-item-home {padding: 0;}
	.menu-link-list li.menu-item-home span::after {margin: 0;}
	.menu-link-list li.current-menu-item::before, 
	.menu-link-list li.current-menu-item::after {
		opacity: 1;
	}
}

.subtext-home span::after {content: 'Home';}
.subtext-about span::after {content: 'About Us';}
.subtext-medical span::after {content: 'Medical Care';}
.subtext-staff span::after {content: 'Staff';}
.subtext-access span::after {content: 'Access';}
.subtext-contact span::after {content: 'Contact';}
.subtext-news span::after {content: 'News';}

/*** snsボタン ***/
.menu-sns-list a {
  border: 1px #444d5c solid;
  color: #444d5c;
}
.menu-sns-list a:hover {
  background-color: #444d5c;
  color: #fff;
}


/************************************************************
   Footer
************************************************************/
.footer-sitemap {
  background-color: #ECEDEE;
  color: #444d5c;
}
.footer-sitemap a {
  color: #444d5c;
}
.footer-contact-title {
  color: #fff;
  background-color: #444d5c;
}
.footer-link a {
  color: #444d5c;
}
.footer-link a:hover {
  color: rgba(68, 77, 92, 0.4);
}
.footer-copy {
  color: #999999;
  letter-spacing: 0.05em;
}
@media (min-width: 48em) {
  .footer-info {
    width: 49%;
  }
  .footer-link li:first-child {
    border-right: 1px #ddd solid;
  }
}
@media (min-width: 62em) {
  .footer-info {
    float: left;
    width: 35%;
  }
  .footer-contact {
    float: right;
    width: 30%;
  }
}

/************************************************************
   下層メインイメージ
************************************************************/
.header-main {
  padding: 2.4rem 1.6rem;
  background-image: url(img/page-main.jpg);
  background-color: #1a1a1a;
}
.header-main-title, .header-main-subtitle {
  color: #fff;
}

/************************************************************
   下層ページ見出し
************************************************************/
.page-header-b {
	color: #444d5c;
}
.page-header-b-sub {
	color: rgba(68, 77, 92, 0.4);
}

.page-header-s {
	color: #444d5c;
 }
.page-header-s-sub {
	color: rgba(68, 77, 92, 0.4);
}

/************************************************************
   レイアウト幅
************************************************************/
.page-section-s {
  margin: 0 auto;
  max-width: 1056px;
}
.page-section-b {
  margin: 0 auto;
  max-width: 1107px;
}

/************************************************************
   パンくず
************************************************************/
.pankuzu ul {}
.pankuzu li {
  color: #999999;
}

/************************************************************
   クリニックインフォメーション
************************************************************/
@media (min-width: 62em) {
  .clinic-info-outline {
    float: left;
    width: 42.1875%;
  }
  .clinic-info-map {
    float: right;
    width: 52.34375%;
  }
}
.clinic-info-title {
  margin-bottom: 1.2rem;
}
.clinic-info-add {
  margin-bottom: 0.4rem !important;
}
.clinic-info-data {
  margin-bottom: 1.4rem;
}
.clinic-info-data-container {
  margin-bottom: 0.4rem;
  font-size: 0;
}

	/*** 受付時間 ***/
	@media (min-width: 48em) {
	  .clinic-info-data .header {
		width: 30%;
	  }
	  .clinic-info-data dl {
		width: 11.666666666%;
	  }
	}
	.clinic-info-data .title,
	.clinic-info-data .time,
	.clinic-info-data dt,
	.clinic-info-data dd {
	  width: 33.333333333%;
	  padding: 4px 8px;
	  border-right: 1px #fff solid;
	  border-bottom: 1px #fff solid;
	  vertical-align: middle;
	  font-size: 1.6rem;
	  line-height: 1.5;
	  background-color: #444d5c;
	  color: #fff;
	}
	@media (min-width: 48em) {
	  .clinic-info-data .title,
	  .clinic-info-data .time,
	  .clinic-info-data dt,
	  .clinic-info-data dd {
		font-size: 0.8rem;
		display: block;
		width: 100%;
		text-align: left;
	  }
	}
	.clinic-info-data .time,
	.clinic-info-data dd {
	  color: #444d5c;
	  background-color: rgba(68, 77, 92, 0.1);
	}
	.clinic-info-data dt,
	.clinic-info-data dd {
	  text-align: center;
	}
	
	
	/*** 電話番号 ***/
	.clinic-info-contact {color: #444d5c;}
	.clinic-info-contact::before {
	  border: 1px rgba(68, 77, 92, 0.3) solid;
	}
	.clinic-info-contact::after {
	  border: 5px rgba(68, 77, 92, 0.1) solid;
	}
	.clinic-info-contact a {color: #444d5c;}
	
	.clinic-info-contact-title {}
	.clinic-info-contact-subtitle {}
	.clinic-info-contact-tel {}
	.clinic-info-contact-data {}
	.clinic-info-contact-time {}



/************************************************************
   トップページ
************************************************************/
/*** 見出し ***/
.top-header-b {}
.top-header-b::after {color: rgba(68, 77, 92, 0.4);}
.top-header-b.dentistry::after {content: 'Dentistry';}

.top-header-s {}
.top-header-s::after {color: rgba(68, 77, 92, 0.4);}
.top-header-s.about::after {content: 'About Us';}
.top-header-s.news::after {content: 'News';}


/*** About ***/
.top-about {
	padding: 3.6rem 0 3rem 0;
}
.top-about-header {}
@media (min-width: 48em) {
  .top-about-header {
    top: -16px;
    border-bottom: 1px #444d5c solid;
    width: 110%;
  }
}
.top-about-subtitle {}
.top-about-subtitle br {display: none;}
@media (min-width: 62em) {
  .top-about-subtitle br {display: block;}
}
.top-about-text {}
@media (min-width: 48em) {
  .top-about-text {padding: 4rem 0 0 0;}
}
@media (min-width: 62em) {
  .top-about-text {padding: 4rem 1rem 0 2rem;}
}


/*** Point ***/
.top-point {
  background-image: url(img/bg_point.jpg);
  background-color: #fafafa;
}

.top-point-link {
  background-color: #fff;
  color: #444d5c;
}
.top-point-link:hover {
  color: #444d5c;
}
.top-point-link:hover .top-point-text-button {
  background-color: #f1f201;
  color: #626a77;
}
.top-point-icon {
  background-color: rgba(241, 242, 1, 0.8);
}
.top-point-icon .text span {
  color: #626a77;
}
.top-point-text {
  padding: 0 2.4rem 5.4rem 2.4rem;
}
@media (min-width: 48em) {
  .top-point-text {
    padding-bottom: 4rem;
  }
}
.top-point-text-header {}
.top-point-text p {}
.top-point-text-button {
  padding: 0.4rem;
  background-color: #444d5c;
  color: #fff;
}


/*** 診療内容 ***/
.top-dentistry {
  background-color: #f7f7f7;
}

.top-dentistry-link {
  background-color: #fff;
  color: #444d5c;
}
.top-dentistry-link:hover {
  color: #444d5c;
}
@media (min-width: 64em) {
  .top-dentistry-link:hover {
    background-color: #444d5c;
  }
  .top-dentistry-link:hover .top-dentistry-title,
  .top-dentistry-link:hover .top-dentistry-text {
    color: #fff;
  }
}
.top-dentistry-title {}
.top-dentistry-text {color: rgba(68, 77, 92, 0.7);}


/*** お知らせ ***/
.top-news-button a {
  border: 1px #444d5c solid;
  color: #444d5c;
}
.top-news-button a:hover {
  background-color: #444d5c;
  color: #fff;
}


/************************************************************
   About Us
************************************************************/
@media (min-width: 48em) {
  .about-voice-text {
    margin-right: 1.6rem;
  }
}
.about-voice-name {background-color: rgba(162, 218, 219, 0.7);}
.about-voice-name span {}
.about-voice-name .sub {}
.about-voice-name .main {}

.about-equipment{}
.about-equipment-box {
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
.about-equipment-title {
  padding: 1.6rem 1.6rem 0.8rem 1.6rem;
}
.about-equipment-text {
  padding: 0 1.6rem 1.6rem 1.6rem;
  color: rgba(68, 77, 92, 0.7);
}


/************************************************************
   診療案内
************************************************************/
.medical-list-link {
  color: #444d5c;
}
.medical-list a:hover {
  color: #444d5c;
  background-color: #f7f7f7;
}
.medical-list a:hover .medical-list-button {
  background-color: #f1f201;
  color: #626a77;
}
.medical-list-title {}
.medical-list-text {}
.medical-list-button {
  padding: 0.4rem;
  background-color: #444d5c;
  color: #fff;
}

.medical-body {}
.medical-body-header {
  background-color: #444d5c;
  color: #fff;
  width: 230px;
  height: 230px;
}
.medical-body-header span {
  width: 180px;
}


/************************************************************
   アクセス
************************************************************/

/************************************************************
   お問い合わせ
************************************************************/
.contact-from-container {}
.contact-from-table {
  border-top: 1px #dbdbdb dotted;
}
.contact-from-table table {}
.contact-from-table th,
.contact-from-table td {}
.contact-from-table th {}
@media (min-width: 48em) {
  .contact-from-table th {
    width: 35%;
    border-bottom: 1px #dbdbdb dotted;
  }
}
.contact-from-table th span {
  display: inline-block;
  margin: 0 0 0 0.8rem;
  padding: 4px 6px;
  background-color: #e60012;
  color: #fff;
}
@media (min-width: 48em) {
  .contact-from-table th span {
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    margin: 0;
  }
}
.contact-from-table td {
  padding: 0.8rem 0.8rem 1.6rem 0.8rem;
  border-bottom: 1px #dbdbdb dotted;
}
@media (min-width: 48em) {
  .contact-from-table td {
    padding: 0.8rem;
  }
}
.contact-from-button input[type="submit"],
.contact-from-button-send {
  border: 1px #444d5c solid;
  background-color: #444d5c;
  color: #fff;
}
.contact-from-button-reset {
  border: 1px #999999 solid;
  background-color: #999999;
  color: #fff;

}
.contact-from-button input[type="submit"]:hover,
.contact-from-button-send:hover,
.contact-from-button-reset:hover {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 60);
  filter: alpha(opacity = 60);
  opacity: 0.6;
}

.focusField,
.idleField {
  border: solid 1px #73A6FF;
  background: #EFF5FF;
  color: #666;
  padding: 12px;
}

.idleField {
  background: #fff;
  border: solid 1px #d1d1d1;
}

:placeholder-shown,
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
  color: #ccc;
}

/************************************************************
   お知らせ
************************************************************/
.news-list {}
.news-list a {}
.news-list dt,
.news-list dd {}
.news-list dt {color: #999999;}
.news-list dd {
  margin-bottom: 1.4rem;
  padding-bottom: 1rem;
  border-bottom: 1px #dbdbdb dotted;
}
@media (min-width: 48em) {
  .news-list dt {
    float: left;
    width: 20%;
    padding: 0.8rem;
    border-top: 1px #dbdbdb dotted;
  }
  .news-list dd {
    margin: 0 0 0 20%;
    padding: 0.8rem;
	border-top: 1px #dbdbdb dotted;
	border-bottom: none;
  }
}

.news-body-data {
  border: 1px #444d5c solid;
}
.news-body-data .year,
.news-body-data .month {}
.news-body-header {}
.news-body-text {}
.news-body-button .prev a,
.news-body-button .next a {
  color: #444d5c;
}
.news-body-button .prev a:hover,
.news-body-button .next a:hover {
  color: #f1f201;
}
.news-body-button .back a {
  background-color: #444d5c;
  color: #fff;
}
.news-body-button .back a:hover {
  background-color: #f1f201;
  color: #626a77;
}



/* --- basic setting ----------------------------------------------------------------------------------------- */
.wp-caption-text { text-align:center; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { margin-left:auto; margin-right:auto; }
.centered { margin-left:auto; margin-right:auto; }
.clear { clear:both; }


/* --- WordPress preset CSS ----------------------------------------------------------------------------------------- */

/* image */
.container-body img { height:auto; max-width:100%; }
.container-body img.centered,div.centered { display:block; margin: 24px auto; }
.container-body img.aligncenter,div.aligncenter { display:block; margin: 24px auto; }
.container-body img.alignright,div.alignright { margin: 4px 0 30px 30px; display:inline; }
.container-body img.alignleft,div.alignleft { margin: 4px 30px 30px 0; display:inline; }
.container-body .wp-caption { max-width:100%; padding:0; margin: 24px auto;}
.container-body .wp-caption.alignright {margin: 4px 0 30px 30px;}
.container-body .wp-caption.alignleft {margin: 4px 30px 30px 0;}
.container-body .wp-caption.aligncenter {margin: 24px auto;}
.container-body .wp-caption img { display: block; margin: 0 auto; max-width:100%; }
.container-body .wp-caption .wp-caption-text { padding: 8px 0 0; color: #999; font-size: 12px;}

/* table */
.container-body table { margin:0 0 2em 0; }
.container-body td,
.container-body th { border:1px solid #dadada; padding:15px; }
.container-body th { background:#f2f2f2; font-weight:normal; }

.pagesprit{text-align: center; font-size: 0;}
.pagesprit .page-numbers{line-height: 1;}
.pagesprit a,
.pagesprit span{display: inline-block; margin: 0 2px; font-size: 14px; line-height: 14px;}
.pagesprit .numbers{border: 1px #dadada solid; width: 40px; height: 40px; line-height: 40px; background-color: #444D5C; color: #fff;}
.pagesprit a .numbers{
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.pagesprit a:hover .numbers{background-color: #444D5C; color: #fff;}
.pagesprit a .numbers{background-color: #fff; color: #444D5C;}

/* block quote */
.container-body blockquote {
   margin:0 0 2em 0; padding:30px 30px 2px; background:#f2f2f2;
   -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative;
}
.container-body blockquote:before { content: '"'; font-style:italic; font-size:30px; font-weight:bold; line-height:40px; width:30px; height:30px; position:absolute; top:10px; left:10px; color:#999; }
.container-body blockquote:after { content: '"'; font-style:italic; font-size:30px; font-weight:bold; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:10px; right:5px; color:#999; }

/* PageNaviプラグイン */
.wp-pagenavi {padding: 16px 0; text-align: center;}
.wp-pagenavi .pages {display: block; margin: 8px;}
.wp-pagenavi .current,
.wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {display: inline-block; margin: 8px 4px; border: 1px #dadada solid; width: 40px; height: 40px; line-height: 38px; font-size: 16px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.wp-pagenavi .current {background-color: #444D5C; color: #fff; border-color: #444D5C;}
.wp-pagenavi .page:hover,
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .previouspostslink:hover {background-color: #444D5C; color: #fff; border-color: #444D5C;}
@media (min-width: 62em) {
	.wp-pagenavi .current,
	.wp-pagenavi .page,
	.wp-pagenavi .nextpostslink,
	.wp-pagenavi .previouspostslink {width: 32px; height: 32px; line-height: 30px;}
}