@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
* {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}

a {
	color: #092c84;
	text-decoration: none;
}

address {
	font-style: normal;
}

.home .date-tags {
	display: none;
}

.page .date-tags,
.page .author-info {
	display: none;
}

.content {
	margin-top: 0;
}

.article h1 {
	text-align: center;
	font-size: 42px;
}

.article h2 {
	background: none;
	font-size: 34px;
}

.article h3 {
	font-size: 22px;
}

.page .article h2 {
	color: #092c84;
}

.page .article h3 {
    border-left: 7px solid #8ed0f4;
    border-right: 1px solid #d4f0ff;
    border-top: 1px solid #d4f0ff;
    border-bottom: 1px solid #d4f0ff;
}


/* appeal */
.appeal div.appeal-in {
	min-height: 400px;
}
.page-id-26 #appeal { /* トップページ */
	display: none;
}
.page-id-30 #appeal { /* クリニックについて */
	background: url(https://www.furukawa-ishihara-clinic.com/wp/wp-content/uploads/2021/04/header-about.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.page-id-32 #appeal { /* 診療案内 */
	background: url(https://www.furukawa-ishihara-clinic.com/wp/wp-content/uploads/2021/04/header-medical.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.page-id-58 #appeal { /* 施設紹介 */
	background: url(https://www.furukawa-ishihara-clinic.com/wp/wp-content/uploads/2021/04/header-facility-1.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.page-id-34 #appeal { /* アクセス */
	background: url(https://www.furukawa-ishihara-clinic.com/wp/wp-content/uploads/2021/04/header-access-1.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.page-id-36 #appeal { /* お問い合わせ */
	background: url(https://www.furukawa-ishihara-clinic.com/wp/wp-content/uploads/2021/04/header-contact-1.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.single #appeal,
.archive #appeal {
	background: url(https://www.furukawa-ishihara-clinic.com/wp/wp-content/uploads/2021/04/header-contact.jpg);	
}

/* header */
.header-container {
	border-top: 8px solid #8ed0f4;
}

.header-container-in.hlt-top-menu {
	margin: 20px auto;
}

.header-container-in.hlt-top-menu .logo-header img {
	max-height: auto;
}

.navi-in > ul li {
	width: 150px;
	line-height: initial;
	height: initial;
}

.navi-in a {
	display: block;
	color: #28a7e9;
}

.navi-in a .item-label {
	font-weight: bold;
}

.navi-in a:hover {
	background-color: initial;
	transition: initial;
	color: initial;
}

.navi-in a:after {
	color: #ffb200;
	font-size: 14px;
	font-family:'Niconne', cursive;
}

#menu-item-41 a:after {content: 'clinic';}
#menu-item-40 a:after {content: 'medical';}
#menu-item-61 a:after {content: 'facility';}
#menu-item-39 a:after {content: 'access';}
#menu-item-38 a:after {content: 'contact';}

.mobile-menu-buttons .logo-menu-button {
    justify-content: flex-start;
}

/* footer */
.footer {
	padding: 0;
	border-top: 10px solid #ffb200;
}
.footer-in.wrap {
	width: 100%;
}

.footer-in.wrap .footer-widgets {
	width: 1256px;
	margin: 60px auto;
}

.footer-bottom {
	padding: 30px 10px;
	background: #092c84;
}

.copyright {
	margin-top: 0;
	color: #fff;
	font-weight: bold;
}

.footer-center {
	display: none;
}

.footer-left {
	width: 40%;
}

.footer-info {
	margin-bottom: 20px;
	font-size: 18px;
}

.footer-info .info__logo {
	margin-bottom: 30px;
}

.footer-info .info__logo img {
	max-width: 400px;
}

.footer-info .info__medical {
	display: flex;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
}

.footer-info .info__medical dt {
	min-width: 80px;
	margin-right: 20px;
	font-weight: bold;
}

.footer-info .dl__tel,
.footer-info .dl__fax {
	display: flex;
	align-items: center;
}

.footer-info .dl__tel dt,
.footer-info .dl__fax dt {
	min-width: 80px;
	margin-right: 20px;
}

.footer-info .dl__tel dd a {
	text-decoration: none;
	font-size: 30px;
	font-weight: bold;
}

.footer-right {
	width: 60%;
}

.footer-calendar {
	padding: 20px;
	background: #092c84;
	border-radius: 15px;
	font-size: 22px;
}

.footer-calendar .table__calendar {
	margin-bottom: 0;
	color: #fff;
}

.footer-calendar .table__calendar tr:nth-of-type(1) {
	background: none;
}

.footer-calendar .table__calendar tr:nth-of-type(2),
.footer-calendar .table__calendar tr:nth-of-type(3) {
	background: #fff;
	color: #092c84;
}

.footer-calendar .table__calendar th {
	background: none;
}

.footer-calendar .table__calendar th,
.footer-calendar .table__calendar td {
	border: none;
}

.footer-calendar .table__calendar td {
	text-align: center;
}

/* sidebar */
.sidebar h3 {
	background: #8ed0f4;
	color: #fff;
}

/* front-page */
.home .main h1.entry-title {
	display: none;
}

.home .a-wrap:hover {
	background: #f2fbff;
}

.widget-entry-card-content {
	display: flex;
	align-items: center;
}

.home .widget-entry-card-content {
	margin-left: 0;
    padding: 15px 10px;
}

.home .widget-entry-cards {
	max-width: 700px;
	margin: 0 auto;
}

.home .widget-entry-cards figure {
	display: none;
}

.home .new-entry-card-title {
	display: inline-block;
	order: 2;
	font-size: 18px;
}

.home .new-entry-card-date {
	display: inline-block;
	order: 1;
}

.home .new-entry-card-date .post-date {
	margin-right: 15px;
	color: #666;
	font-size: 16px;
}

.home h2 {
	text-align: center;
}

.home .border-partition a:first-of-type {
	border-top: none;
}

.home .widget-entry-cards .a-wrap {
	margin-bottom: 0;
}

.introduction .dl-position {
	display: flex;
	justify-content: flex-end;
	margin: 0;
}

.home .new-entry-card-update-date {
	display: none;
}

.home .new-entry-card-post-date .fa-clock-o:before {
	content: none;
}

/* about */
.sec-intro .dl-position {
	display: flex;
	justify-content: flex-end;
	margin: 0;
}

.sec-career h2 span {
	font-size: 24px;
}

.sec-career .sec-career_box {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px;
}

.sec-career .sec-career_box h3 {
	margin-top: 20px;
}

.sec-career_box .career_history,
.sec-career_box .career_certified {
	width: 50%;
	padding: 0 20px;
	font-size: 14px;
}

.sec-career .sec-career_box dl dt {
	font-weight: bold;
}

.sec-about .table__about tr:nth-of-type(2n+1),
.sec-medical .table__medical tr:nth-of-type(2n+1),
.sec-inspection .table__inspection tr:nth-of-type(2n+1) {
	background: none;
}

.sec-about .table__about th,
.sec-about .table__about td,
.sec-medical .table__medical th,
.sec-medical .table__medical td,
.sec-inspection .table__inspection th,
.sec-inspection .table__inspection td {
	border-top: none;
	border-right: none;
	border-left: none;
}

.sec-about .table__about th,
.sec-medical .table__medical th,
.sec-inspection .table__inspection th {
	width: 30%;
	padding: 10px 20px;
	background: none;
	border-bottom: solid 2px #8ed0f4;
}

.sec-about .table__about td,
.sec-medical .table__medical td,
.sec-inspection .table__inspection td {
	width: 70%;
	padding: 10px 20px;
	border-bottom: solid 2px #ddd;
}

.sec-about .table__about td ul,
.sec-inspection .table__inspection td ul {
    margin: 0;
	padding: 0 20px;
}
.sec-about .table__about td dl,
.sec-inspection .table__inspection td dl {
	margin-bottom: 0;
}

/* medical */
.page .sec-enhancement h2 {
	font-size: 1.8rem;
	color: #333333;
	text-align: center;
}

/* facility */
.sec-facility h2,
.sec-clinic h2 {
	text-align: center;
}

.page .sec-facility h3,
.page .sec-clinic h3 {
	border: none;
}

.sec-facility ul,
.sec-clinic ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0 -20px;
	padding: 0 0 40px;
    list-style: none;
    border-bottom: 2px dotted #aaa;
}

.sec-facility ul:last-of-type,
.sec-clinic ul:last-of-type {
	border-bottom: none;
}

.sec-facility ul li,
.sec-clinic ul li {
	width: calc(100% / 3);
	margin: 0;
	padding: 0 20px;
}

.sec-facility ul li h3,
.sec-clinic ul li h3 {
	min-height: 80px;
	border: none;
	text-align: center;
}

.sec-facility ul li h3 {
	color: #8ed0f4;
}

.sec-clinic ul li h3 {
	color: #ffb200;
}

.sec-facility ul li figcaption,
.sec-clinic ul li figcaption {
	font-size: 14px;
}

/* access */
.sec-map .dl__tel {
	display: flex;
}

/* contact */
.sec-access .img-access {
	float: right;
	max-width: 340px;
	height: auto;
	border-radius: 30px
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	/*必要ならばここにコードを書く*/
	/* common */
	.article h1 {
		text-align: center;
		font-size: 24px;
	}
	.article h2 {
		text-align: center;
		font-size: 20px;
	}
	.article h3 {
		font-size: 16px;
	}
	/* header */
	.header-container {
		border-top: none;
	}
	.header-container-in.hlt-top-menu {
		display: none;
	}
	.has-logo-button .navi-menu-button {
		background: #7ac9f2;
		color: #fff;
	}
	.logo-menu-button img {
		margin: 0;
	}
	.mblt-header-mobile-buttons {
		margin-top: 64px;
	}
	.mobile-menu-buttons > li {
		padding: 10px;
	}
	.menu-content {
		max-width: 100%;
		background:	rgba(38,86,152,.95);
	}
	.menu-close-button {
		color: #fff;
	}
	.menu-drawer li {
		margin-bottom: 10px;
		background: #fff;
	}
	.menu-drawer a {
		position: relative;
		padding: 10px 15px;
		font-weight: bold;
	}
	.menu-drawer a::after {
		position: absolute;
		content: '\f105';
		right: 20px;
		color: #50aadb;
		font-family: FontAwesome;
	}
	.appeal div.appeal-in {
		min-height: 300px;
	}
	/* footer */
	.footer-info .info__logo img {
		max-width: 300px;
	}
	/* about */
	.sec-career_box .career_history,
	.sec-career_box .career_certified {
		width: 100%
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	/* about */
	.sec-about .table__about tr,
	.sec-medical .table__medical tr,
	.sec-inspection .table__inspection tr {
		display: flex;
		flex-wrap: wrap;
	}

	.sec-about .table__about th,
	.sec-about .table__about td,
	.sec-medical .table__medical th,
	.sec-medical .table__medical td,	
	.sec-inspection .table__inspection th,
	.sec-inspection .table__inspection td {
		font-size: 16px;
	}

	.sec-about .table__about th,
	.sec-medical .table__medical th,
	.sec-inspection .table__inspection th {
		width: 100%;
		border-bottom: solid 1px #8ed0f4;
	}

	.sec-about .table__about td,
	.sec-medical .table__medical td,
	.sec-inspection .table__inspection td {
		width: 100%;
		border-bottom: 0;
	}

	.page .sec-enhancement h2 {
		font-size: 1.3rem;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  /* front-page */
  	.widget-entry-card-content {
  		flex-wrap: wrap;
	}
	.home .new-entry-card-date {
		margin-bottom: 5px;
	}
	.home .widget-entry-card-content {
		flex-direction: column;
		align-items: normal;
	}
	/* footer */
	.footer-info .info__logo {
		text-align: center;
	}
	.footer-info .info__logo img {
		max-width: 280px;
	}
	.footer-info .info__medical {
		font-size: 18px;
	}
	.footer-info .dl__tel dd a {
		font-size: 26px;
	}
	.footer address {
		font-size: 16px;
	}
	.footer-info p {
		font-size: 16px;
	} 
	.footer-calendar {
		padding: 10px;
		font-size: 16px;
	}
	.footer-calendar .table__calendar th.time {
		font-size: 16px;
	}
	.footer-calendar .table__calendar td {
		font-size: 20px;
	}
  	/* facility */
	.sec-facility ul,
	.sec-clinic ul {
	    border-bottom: none;
	}
	.sec-facility ul li,
	.sec-clinic ul li {
		width: calc(100% / 1);
	}
}