@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.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
@font-face
{
font-family: IPAex明朝;
src: url('https://cdn.leafscape.be/IPAexfont/ipaexm_web.woff2')
     format("woff2");
}
#wp-admin-bar-top-secondary {display:none;}

@media screen and (min-width: 768px){
	/*モバイル用改行*/
	.br-sp {display: none; }
	/*ハンバーガーメニュー*/
	#custom_html-4, #custom_html-5 {display:none;}
	.header_tel2 {display:none;}
}

/*丸ゴシック*/
.marugo {font-family:"ヒラギノ丸ゴ Pro W6","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}

/*PCヘッダー*/
.header_1 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
	background-color: #fff9b1;
}
.header_logo, .header_tel {margin:30px 60px;}
.header_logo img {width:600px;}
.header_tel img {width:400px;}
.header_2 {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: center;
	background-color: #fff9b1;
	margin-top:-30px;
}
.header_text, .header_photo {width:600px;}
.header_text {
	margin-bottom: 35px;
	padding-left:40px;
}
.itsudemo {
	width: 95%;
	margin-bottom: 7px;
}
.medical {
	font-size:50px;
	color:#e5004f;
	font-family: "hannari","IPAex明朝";
	line-height:1.2;
	margin-top: 10px;
	margin-bottom: 13px;
}
.hitori {
	font-size:40px;
	font-family:"ヒラギノ丸ゴ Pro W6","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	color:#5cb531;
	line-height: 1.5;
	margin-bottom: 12px;
}
.boshuu {width:92%;}
.header_menu {
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	background-color:#8fc31f;
	text-align:center;
	height: 60px;
}
.line {
	display: block;
	color:#fff;
	padding-bottom: 4px;
	font-size: 22px;
}
.header_menu a {
	color:#fff;
	font-size:22px;
	text-decoration:none;
	margin: 0 1em;
	font-family:"ヒラギノ丸ゴ Pro W6","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.header_menu a:hover  {color: #fff9b1;}

/*TOPページ*/
#header-in{display:none !important;}
/*ページタイトル非表示*/
.entry-title {display:none !important;}

/*TOPコピー*/
div.top_copy{font-family: "hannari","IPAex明朝";}
div.top_copy2 {font-family:"ヒラギノ丸ゴ Pro W6","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}

a.kaigokango {color:#898989;}
a.kaigokango:hover {color:#8FC31F;}

/*帯*/
.obi {font-family:"ヒラギノ丸ゴ Pro W6","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
.obi2 {font-family:"ヒラギノ丸ゴ Pro W9","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
.obi2 a {font-weight:bold; color:#fff33f;}
.obi2 a:hover {color:#fff;}
.obi3 {font-family:"ヒラギノ丸ゴ Pro W9","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
.obi3 a {font-weight:bold; color:#8FC31F;}
.obi3 a:hover {font-weight:bold; color:#E9546B;}

/*ご利用案内*/
.orange {color:#f39800;}
.green {color:#71b22c;}
.kimidori {color:#8fc31f;}
.indent {padding-left: 1.5em; text-indent: -1.1em;}
.indent2 {padding-left: 2em;}
.indent3 {padding-left: 1.5em;}
.indent4 {padding-left: 3.5em;}

/*フッター*/
.footer_menu {
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	background-color:#8fc31f;
	text-align:center;
	height: 60px;
}
.footer_menu a {
	color:#fff;
	font-size:17px;
	text-decoration:none;
	margin: 0 1em;
	font-family:"ヒラギノ丸ゴ Pro W6","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.footer_menu a:hover  {color: #fff9b1;}
.wrap {width:100% !important;}
#footer-in {display:none;}

#content-bottom, #custom_html-2 {margin:0;}

.footer {
	margin:0 !important;
	background:#fff9b1;}
.footer_logo {
	display: block;
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom:30px;
}
.footer_add {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-evenly;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
.footer_left {width:35%;}
.footer_right {width:48%;}
.Copyright {
	text-align: center;
	font-size: 13px;
	margin: 20px 0;
}

/*お問い合わせ*/
.hissu {font-size: 13px; color: red;margin-top: 4px;}
label {display: flex; }
.m-left1 {margin-left:5em;}
.m-left2 {margin-left:3em;}
input[type='text'], input[type='tel'], input[type='email'], textarea {width:500px !important;}
input[type='submit']  {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width:120px;
}

/*SNSアイコン*/
.SNS {text-align:center;}
img.FBicon2 {
	height:100px !important;
	margin:0 50px -50px 50px;
}
img.ISicon2 {
	height:100px !important;
	margin:0 50px -50px 50px;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	html {margin-top:0 !important;}
	/*コントロールパネル*/
	#wpadminbar {display:none;}
	/*メニュー*/
	.logo-menu-button.menu-button, #search-menu-open {display:none;}
	.mobile-header-menu-buttons {box-shadow:none;justify-content: flex-start;}
	/*ヘッダー*/
	.header_logo, .header_tel {margin:10px 10px;}
	.header_menu {display:none;}
	.header_1 {justify-content: center;}
	.header_logo{text-align: right;}
	.header_logo img {width:90%;}
	.header_tel {display:none;}
	.header_2 {
		margin-top: -10px;
		display: flex;
    flex-direction: column-reverse;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    background-color: #fff9b1;
	}
	.header_photo, .header_text {width:auto;}
	.header_text, .header_photo {margin:0 10px;}
	.header_text {padding:0;}
	.itsudemo {font-size:40px; text-align:center;}
	.medical {font-size:27px !important; text-align: center;}
	.hitori {font-size:18px; text-align:center;}
	.header_3 {background-color: #fff9b1;}
	.header_tel2 {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 15px;
	}
	.itsudemo {margin-bottom: 0px;}
	.itsudemo img {width: 110%;
    padding-left: 20px;}
	.boshuu {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	/*上へボタン*/
	#go-to-top {left: 10px !important;width: 41px;}
	/*ハンバーガーメニュー*/
	.menu-btn {
		position: fixed;
		top: 10px;
		left: 10px;
		display: flex;
		height: 50px;
		width: 50px;
		justify-content: center;
		align-items: center;
		z-index: 90;
		background-color: #8FC31F;
		padding-bottom: 10px;
		border-radius: 6px;
	}
	.menu_moji {font-size:10px;color:#fff;padding-top: 35px;}
	.menu-btn span,
	.menu-btn span:before,
	.menu-btn span:after {
		content: '';
		display: block;
		height: 2px;
		width: 30px;
		border-radius: 2px;
		background-color: #ffffff;
		position: absolute;
	}
	.menu-btn span:before {bottom: 8px;}
	.menu-btn span:after {top: 8px;}
	#menu-btn-check:checked ~ .menu-btn span {
		background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
	}
	#menu-btn-check:checked ~ .menu-btn span::before {
		bottom: 0;
		transform: rotate(45deg);
	}
	#menu-btn-check:checked ~ .menu-btn span::after {
		top: 0;
		transform: rotate(-45deg);
	}
	#menu-btn-check {display: none;}
	.menu-content {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 80;
		background-color: #3584bb;
	}
	.menu-content ul {padding: 70px 10px 0;}
	.menu-content ul li {
		border-bottom: solid 1px #ffffff;
		list-style: none;
	}
	.menu-content ul li a {
		display: block;
		width: 100%;
		font-size: 15px;
		box-sizing: border-box;
		color:#ffffff;
		text-decoration: none;
		padding: 9px 15px 10px 0;
		position: relative;
	}
	.menu-content ul li a::before {
		content: "";
		width: 7px;
		height: 7px;
		border-top: solid 2px #ffffff;
		border-right: solid 2px #ffffff;
		transform: rotate(45deg);
		position: absolute;
		right: 11px;
		top: 16px;
	}
	.menu-content {
		width: 100%;
		height: 100%;
		max-width: 100%;
		position: fixed;
		top: 0;
		left: 100%;/*leftの値を変更してメニューを画面外へ*/
		z-index: 80;
		background-color:rgba(143,195,31,0.9);
		transition: all 0.5s;/*アニメーション設定*/
	}
	#menu-btn-check:checked ~ .menu-content {left: 0;/*メニューを画面内へ*/}
	
	/*追従メニュー*/
	.fixed-btn {
		position: fixed;
		bottom: 18px;
		right: 14px;
		display: flex;
		height: 50px;
		width: 15%;
		z-index: 110;
	}
	.fixed_icon img {width:100%;}
	#fixed-btn-check {display: none;}
	.fixed-content {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		background-color: #fff;
		display: flex;
    flex-direction: column-reverse;
	}
	.fixed-content ul {padding: 0 0 25% 81%;}
	.fixed-content ul li {
		list-style: none;
	}
	.fixed-content ul li a {
		display: block;
		width: 100%;
		color:#333333;
		text-decoration: none;
		padding: 9px 15px 10px 0;
		position: relative;
		text-align: center;
	}

	.fixed-content {
		width: 100%;
		height: 100%;
		max-width: 100%;
		position: fixed;
		top: 0;
		left: 100%;/*leftの値を変更してメニューを画面外へ*/
		z-index: 100;
		background-color:rgba(255,255,255,0.8);
		transition: all 0s;/*アニメーション設定*/
	}
	#fixed-btn-check:checked ~ .fixed-content {left: 0;/*メニューを画面内へ*/}
	
	/*サービスページ*/
	.service_indent　{
		display:block;
		padding-left:1em;
		text-indent:-1em;
	}
	
	/*ご利用案内*/
	.indent {padding-left: 1.5em; text-indent: -1.1em;}
	.indent2 {padding-left: 1.7em;}
	.indent3 {padding-left: 1em;text-indent:-1.1em;}
	.indent4 {padding-left: 2em;text-indent:-1em;}
	.indent5 {padding-left: 1em;text-indent:-1em;}


	
	/*お問合せ*/
	#wpadminbar {display:none;}
	label {display:contents;}
	.m-left1, .m-left2 {margin:0;}
	input[type='text'], input[type='tel'], input[type='email'], textarea {width:100% !important;}
	input[type='submit']  {
		margin-left: auto;
		margin-right: auto;
		display: block;
		width:120px;
	}
	/*フッター*/
	.footer_menu {display:none;}
	.footer_logo {width:auto;margin-bottom:0;}
	.footer_add {width:100%;}
	.Copyright {font-size: 10px;margin: 0;}
	.footer.footer-container.nwa {display:none;}
	.footer_add {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-evenly;
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	.footer_logo {margin-top:0; margin-bottom:10px;}
	.footer_left {width:85%; margin-bottom: 15px;}
	.footer_right {width:120%;}
	
	#breadcrumb {margin: 70px 0 -30px 0;}
	
	/*SNSアイコン*/
	.SNS {
		text-align:center;
		margin: 0 0 -50px 0;
	}
	.SNSicon {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-evenly;
	}
	img.FBicon2 {
		height:50px !important;
		margin:0;
	}
	img.ISicon2 {
		height:50px !important;
		margin:0;
	}
}