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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

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

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

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


/************************************
** 自作カスタマイズ
************************************/
/******************
全体の変更
*******************/
body{
	background-color:#FFF;
	color:#555;
}
li{
	color:#555;
}
html .body .has-orange-background-color {
    background-color: #FFA509;
}

/******************
案内ボックスの変更
*******************/
.infobox-color{
	background-color:#FFF9EE;
	padding:2rem;
}

/******************
診療案内テーブルヘッダー
*******************/
.main-color{
	color: #2EB876; 
}
.main-table-color{
	border-color: #2EB876; 
	background-color: #2EB876;
	font-weight:700;
}

/******************
下線マーカー
*******************/
.marker{
	background:linear-gradient(transparent 70%, #FFD285 40%);
}

/******************
アピールエリアの変更
*******************/
.appeal .appeal-in {
	width: 100%;
	background-color: rgba(200, 200, 200, .30);
	z-index:1;
}
@media screen and (min-width: 834px){
	.appeal-message {
		text-align: left;
		font-size:2rem;
		color:#fff;
		font-family: 'Kiwi Maru', serif;
		margin-bottom:0;
	}
	.appeal-content {
		background-color: transparent;
		max-width:100%;
		margin-right:0;
		margin-bottom:0;
	}
}

@media screen and (max-width: 834px){
	.appeal-message {
		text-align: left;
		color:#fff;
		font-family: 'Kiwi Maru', serif;
		font-size:1rem;
		margin-bottom:0;
	}
	.appeal-content {
		background-color: transparent;
		max-width:100%;
		margin-right:0;
		margin-top:1.1rem;
		padding-bottom:0;
		padding-right:0;
	}
}

/******************
固定ページ下
*******************/
.alignfull {
  	width: 100vw;
  	margin-left: calc(50% - 50vw);
  	max-width: 100vw !important;
  	border-top:1px solid #ccc;
}
@media screen and (min-width: 834px){
	.alignfull-inner{
		display: flex;
		justify-content:space-between;
		max-width:1200px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 834px){
	.alignfull-inner{
		margin: 0 auto;
	}
}

.alignfull-inner-left {
	margin: 2rem;
}
.alignfull-inner-right {
	margin: 2rem;
}
.tel2{
	margin-top:1rem;
}

.leaf-logo{
	position: relative;
	content: '';
  	display: inline-block;
  	width: 35px;
  	height: 35px;
	top: -8px;
  	background-image: url("/wp-content/uploads/2022/05/アセット-1.png");
	background-repeat: no-repeat;
  	background-size: contain;
  	vertical-align: middle;	
}

/******************
ヘッダー
*******************/
.item-label{
	font-weight:700;
}
.logo-text {
    padding: 20px 0 20px;
    font-size: 1em;
}
.logo-header a span{
	font-size:36px;
	font-family: 'Kiwi Maru', serif;
	background:linear-gradient(transparent 70%, #FFD285 40%);
}
.logo-header::before{
	position: relative;
	content: '';
  	display: inline-block;
  	width: 45px;
  	height: 45px;
	top: -8px;
  	background-image: url("/wp-content/uploads/2022/05/アセット-1.png");
	background-repeat: no-repeat;
  	background-size: contain;
  	vertical-align: middle;
}


@media screen and (min-width: 834px){
	.header-container {
    	box-shadow: 0 6px 5px -3px rgb(0 0 0 / 24%), 0 6px 10px -3px rgb(0 0 0 / 18%);
		position: relative;
	}
	.header {
		position: relative;
	}

	.header::before {
		position: absolute;
		top: 36px;
		right: 222px;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f095";
		color: #2EB876;
		font-size: 28px;
	}

	.header::after {
		position: absolute;
		top: 34px;
		right: 20px;
		font-family: Arial;
		content: "029-247-2232";
		color: #555;
		font-size: 32px;
		font-weight: 700;
	}
}
@media screen and (max-width: 834px){
	.header-container {
    	box-shadow: 0 6px 5px -3px rgb(0 0 0 / 24%), 0 6px 10px -3px rgb(0 0 0 / 18%);
	}
	
	.logo-header a span{
		font-size:30px !important;
		font-family: 'Kiwi Maru', serif;
		background:linear-gradient(transparent 70%, #FFD285 40%);
	}
	
	.logo-header::before{
		position: relative;
		content: '';
		display: inline-block;
		width: 32px;
		height: 32px;
		top: -2px;
		background-image: url("/wp-content/uploads/2022/05/アセット-1.png");
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
	}
}

@media screen and (max-width: 480px){
	.header-container {
    	box-shadow: 0 6px 5px -3px rgb(0 0 0 / 24%), 0 6px 10px -3px rgb(0 0 0 / 18%);
	}
	
	.logo-header a span{
		font-size:25px !important;
		font-family: 'Kiwi Maru', serif;
		background:linear-gradient(transparent 70%, #FFD285 40%);
	}
	
	.logo-header::before{
		position: relative;
		content: '';
		display: inline-block;
		width: 30px;
		height: 30px;
		top: -2px;
		background-image: url("/wp-content/uploads/2022/05/アセット-1.png");
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
	}
}

/******************
Safari14.1以上とIE以外
*******************/
.hidden-column{
	display:none;
}

/******************
Safari14.1未満のみ
*******************/
@media not all and (min-resolution:.001dpcm) {
  @supports (not (translate: none)) {
		.hidden-column{
			display:block;
		}
	}
}

/******************
IEのみ
*******************/
@media all and (-ms-high-contrast: none) {
	.hidden-column{
		display:block;
	}
}