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

/*
*{
	border: 1px solid #0000ff;
}
*/

/***************************************************
 * 初期化
 **************************************************/
#header-container{
	display:none;
}

.content{
	margin: initial;
}

header{
	display:none;
}

.entry-content{
	margin:initial;
}

.article{
	margin-bottom:0 !important;
}

.article div,
.article table,
.article p,
.article a,
.body .wp-block-columns{
	margin-bottom:initial;
}

section{
	display:initial;
	padding:0;
	margin:0;
}

#container .article footer{
	padding-bottom:initial;
}

.article h2{
	background-color:initial;
	padding:0;
	margin:0;
	
	margin:20px 0;
}

.article h3{
	border:none;
	padding:0;
	margin:0;
	
	font-size:20px;
	line-height:2;
	
	margin:20px 0;
}

img{
	vertical-align:middle;
}

a{
	text-decoration-line:none;
}

.article p{
	margin-bottom:20px;
}
	


.wp-block-image{
	margin:0;
}

table{
	margin:0;
	width:initial;
}

table td{
	padding:initial;
}

table.no_border, table.no_border > tbody, table.no_border > tbody > tr, table.no_border > tbody > tr > td{
	border:0;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

.cb{
	clear:both;
}

.cf:before,
.cf:after{
    content: "";
    display: table;
}
.cf:after{ clear: both; }
.cf{ zoom: 1; } /* For IE 6/7 */

/***************************************************
 * 見出し
 **************************************************/

h2.h2_pattern01{
	background-color:#fd7e53;
	color:white;
	font-weight:bold;
	text-align:center;
	
	font-size:30px;
	
	margin-top:20px !important;
}

h3{
	background-color:#fd7e53;
	color:white;
	font-weight:bold;
	text-align:center;
}

/***************************************************
 * 表示切替
 **************************************************/

.pc_show{display:block;}
.sp_show{display:none;}

/*PCの場合のmain、sidebarの余白*/
#main,
#sidebar{
	padding:0 20px;
	margin:0;
}


@media screen and (max-width:600px){
	.pc_show{display:none;}
	.sp_show{display:initial;}
	
	/*スマホの場合、main、sidebarの余白をなくす*/
	#main,
	#sidebar{
		padding:0;
		margin:0;
	}


	/*スマホの場合、一番下にフッター固定ボタン分のスペースを入れる*/
	#container footer{
		padding-bottom:140px;
	}
	
	/*スマホの場合、トップに戻るボタンを非表示にする*/
	#go-to-top{
		display:none;
	}
}

/***************************************************
 * 書式設定
 **************************************************/

.red{
	color:red;
}

.blue{
	color:#0071bc;
}

.orenge{
	color:#ff7f50;
}

.bg_orenge{
	background-color:#ffd678;
}

.bg_white{
	background-color:white;
}

.center{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.small{
	font-size:80%;
}

.bold{
	font-weight:bold;
}

p{
	margin:0;
	padding:0 10px;
}

/***************************************************
 * 画像設定
 **************************************************/

figure{
	margin:0 !important;
}

.margin_padding_0{
	margin:0 !important;
	padding:0 !important;
}

.width_100{
	width:100%;
	height:auto;
}

.width_70{
	width:70% !important;
	height:auto;
	margin:auto;
}

/***************************************************
 * headのボタン設定
 **************************************************/

.pc_head_button{
	width: 100%;
	max-width:1280px;
	margin:0 auto;
}

.pc_head_button td{
	border-width:0;
}


.pc_head_button figure{
	text-align:center;
	vertical-align:middle;
}


.pc_head_button img{
	width:100%;	
}

.pc_head_home_button{
	width:25.6%;
}

.pc_head_home_tel_kankaku{
	width:2%;
}

.pc_head_tel_button{
	width:42.3%;
}

.pc_head_yoyaku_button{
	width:30.0%;
}

.pc_head_yoyaku_button img{
	width:80%;	
}



.sp_head_button{
	position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;

	width: 100%;
	max-width: 480px;
	
	background-color:white;
}

.sp_head_button_shita td{
    border:solid 4px white;
}

.sp_head_button img{
	width:100%;	
}

.sp_head_home_button{
	width:54%;
}

.sp_head_yoyaku_button{
	width:46%;
}

/***************************************************
 * FV設定
 **************************************************/

.fv_pc{
	width:100%;
	max-width:1500px;
	margin:0 auto;
}

.fv_pc img{
	width:100%;
	height:auto;
}

.sp_top_space{
  	height:63px;
}

.fv_sp{
	width:100%;
}

.fv_sp img{
	width:100%;
	height:auto;
}

/***************************************************
 *youtube設定
 **************************************************/

.youtube-container, .video-container, .video{
	width: 100%;
	max-width:none;
}

.video-container, .video{
	margin-top: 0 !important;
}

.youtube-container{
	margin-top: 20px !important;
}

.video{
	aspect-ratio: 16 / 9;
}

.youtube-container iframe{
	width: 100%;
	height: 100%;
}

/***************************************************
 *「 事故から時間が経つほど、症状が慢性化しやすくなります。 ?
 *「少しでも不安がある方」は、まずご相談ください。」の設定
 **************************************************/
.manseika h2 > img{
	width:100%;
}

.manseika h2 > div{
	margin-bottom:20px !important;
}
	
.manseika h2 > div img{
	width:45%;
	padding:0;
	margin:0 3%;
}
.manseika h2 > div img:first-child {
	margin-right:0;
}

/***************************************************
 * 営業日設定
 **************************************************/

.sidebar_eigyoubi table{
	width:100%;
	max-width:600px;
	margin:0 auto;
}

.sidebar_eigyoubi{
	text-align:center;
}

.sidebar_eigyoubi img{
	width:100%;
	height:auto;
}

.sidebar_eigyoubi p{
	text-align:left;
}

.eigyoubi_setumei{
	font-size:16px;
}

/***************************************************
 * ページ内リンクの固定ヘッダー分のズレ補正
 **************************************************/

a.anchor_zure_hosei{
	display: block;
	height:0;
	margin:0;
	padding:0;
    padding-top: 100px;
    margin-top: -100px;
}

/******************************************************************
 * フッターの電話ボタン
 * ****************************************************************/

.tel_button_sp {
    position: fixed;
	width: 100%;
	max-width:480px;
    bottom: -2px;
    left: 0px;
    padding: 0;
    z-index: 999;
}

.tel_button_sp img{
	width:100%;
}

.tel_button_sp a:hover img{
	opacity: 1;
	width:100%;
}

/******************************************************************
 * 黄色い枠
 * ****************************************************************/

.waku_red{
	padding:15px;
	margin:10px;
	background-color:#ff6347;
	border-radius:15px;
	box-shadow: 1.5px 1.5px 2px #696969;
	color:white;
	font-weight:bold;
}

.article .waku_yellow{
	padding:15px;
	margin:10px;
	background-color:#fafad2;
	border-radius:15px;
	box-shadow: 1.5px 1.5px 2px #696969;
}

/******************************************************************
 * まずは当院にご相談を！
 * ****************************************************************/
.traffic *{
	box-sizing:border-box;
}
.traffic .flbox{
	display:flex;
	display:-webkit-flex;
}
.traffic .flspacebetween{
	justify-content:space-between;
	-webkit-justify-content:space-between;
}
.traffic .green_text{
	color:#637b14;
}

.traffic .b  { font-weight: bold; }		/* 太字 */
.traffic .fs { font-size: 85%; }				/* 小さい文字 */
.traffic .fm { font-size: 110%; }			/* 大きい文字 */

.head{
    height: 34px;
    font-size: 19px;
    line-height: 34px;
    padding-left: 50px;
    color:#503933;
    background-size: 45px;
    font-weight: 600;
}

.car{
	background: url(../../uploads/2025/06/brown_car.png) no-repeat left center;
}

dl.guide {
    border-bottom: dotted 1px #ada29f;
    width: 100%;
    margin-bottom: 40px;
    position: relative;
    justify-content: left;
    -webkit-justify-content: left;
}
dl.guide:after{
	content: url(../../uploads/2025/06/downnarrow.png);
    left: 50%;
    margin-left: -44px;
    bottom: -37px;
    position: absolute;
}
dl.last:after{
	display:none;
}
dl.guide dt {
    margin-right: 20px;
    width: 98px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    text-align: center;
    font-weight: bold;
    color: #637B14;
    font-size: 18px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: url(../../uploads/2025/06/dot.png) repeat #edebea;
}
dl.guide dd{
	padding-bottom:10px;
	margin-left: 10px;
}
dl.guide dd span{
	display:block;
	max-width:683px;
    font-size: 18px;
}
dl.guide dd span:first-child {
    font-weight: bold;
    font-size: 18px;
}
dl.guide dd span.dot:before{
	content:"\25CF";
	color:#637b14;
}


@media only screen and (max-width: 640px){
	.traffic .sp_flcolumn{
		flex-direction:column;
		-webkit-flex-direction:column;
	}
	.traffic dl.guide dt{
		margin-bottom: 10px;
		padding: 10px;
		width: 100%;
	}
}

/******************************************************************
 * 患者様の声
 * ****************************************************************/
.voice_title{
	background-color:#fff5cc;
	font-weight:bold;
	text-align:center;
	border-radius:20px 20px 0 0;
	margin-top:20px;

}

.voice{
	background-color:#fffae6;
	margin-bottom:0 !important;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
}

.reply_title{
	background-color:#fff5cc;
	font-weight:bold;
	text-align:center;
}

.reply{
	background-color:#fffae6;
	margin-bottom:20px;
	border-radius:0 0 20px 20px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;

}



/******************************************************************
 * faq
 * ****************************************************************/

.traffic dl.faq{
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:15px;
	border-bottom:dotted 1px #b2b2b2;
    font-size: 18px;
}
.traffic dl.faq dt,
.traffic dl.faq dd{
	display:block;
	position:relative;
	padding-left:50px;
	padding-right:10px;
	margin-left:0;
	width:100%;
}
.traffic dl.faq dt{
	margin-bottom:15px;
	color:#fd7e53;
}
.traffic dl.faq dt:before{
	content:"Q";
	position:absolute;
	left:10px;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	display:inline-block;
	border-radius:50%;
	color:#FFF;
	background:#fd7e53;
	font-weight:bold;
	font-size:20px;
}

.traffic dl.faq dd:before{
	content:"A";
	position:absolute;
	left:10px;
	width:29px;
	height:29px;
	line-height:29px;
	text-align:center;
	display:inline-block;
	border-radius:50%;
	color:#fd7e53;
	background:#FFF;
	font-weight:bold;
	font-size:20px;
	border:solid 1px #fd7e53;
}