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

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

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

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

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

#main{
	margin:0;
	padding:0;
}

#header-container {
	display: none;
}

#content{
	margin:0;
}

.entry-header{
	display: none;
}

.entry-content{
	margin:0;
}

/*
.article h2{
	padding:0;
	background-color:transparent;
	border-radius:0;
	margin:0;
}
*/

#footer{
	margin:0;	
}

.footer-bottom-logo{
	display: none;
}


/*
*{
	outline: 1px solid #ff0000;
}
*/

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.bold{
	font-weight:bold;
}

/*--------------------------------------
 * 初期化
 * -----------------------------------*/

.wrap{
	width:100%;
}

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

/*--------------------------------------
 * 基本設定
 * -----------------------------------*/
img{
	max-width:100%;
	height:auto;
	vertical-align:top;
}

.article p{
	margin-bottom:0;
}

.main,
.footer{
/*	background-color:#f5deb3;*/
	background-color:white;
}

/*--------------------------------------
 * 色設定
 * -----------------------------------*/

.red{color:red;}
.blue{color:#0070c0;}

.bg_yellow{background:#fffacd;}
.bg_blue{background:#708ce0;}
.bg_green{background:#22b573;}
.bg_beige{background:#f5deb3;}
.bg_pink{background:#ffc0cb;}
.bg_orenge_red{background:#ff7d66;}

.bg_mori{
	background-image: url(../../uploads/2021/03/mori1920x1280-min.jpg);
	background-repeat: repeat;
}


/*--------------------------------------
 * 幅設定
 * -----------------------------------*/

.width200,
.width250,
.width300,
.width400,
.width500,
.width600,
.width700,
.width800,
.width900,
.width1000{
	width:100%;
	margin:0 auto;
}

.width200{max-width:200px}
.width250{max-width:250px}
.width300{max-width:300px}
.width400{max-width:400px}
.width500{max-width:500px}
.width600{max-width:600px}
.width700{max-width:700px}
.width800{max-width:800px}
.width900{max-width:900px}
.width1000{max-width:1000px}

/*--------------------------------------
 * 垂直方向スペース
 * -----------------------------------*/
.vspace15,
.vspace20,
.vspace30,
.vspace40,
.vspace50,
.vspace60{
	padding:0;
	margin:0;
}

.vspace15{height:15px}
.vspace20{height:20px}
.vspace30{height:30px}
.vspace40{height:40px}
.vspace50{height:50px}
.vspace60{height:60px}

/*--------------------------------------
 * 位置設定
 * -----------------------------------*/

.vertical_align_top{
	vertical-align:top;
}

.vertical_align_middle{
	vertical-align:middle;
}

.vertical_align_bottom{
	vertical-align:bottom;
}

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

/*--------------------------------------
 * 書式設定
 * -----------------------------------*/
small{
	font-size: 10px;
	color: #b9b9b9;
}

.bold{font-weight:bold;}

.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font19{font-size:19px;}
.font20{font-size:20px;}
.font21{font-size:21px;}
.font22{font-size:22px;}
.font23{font-size:23px;}
.font24{font-size:24px;}

.font_120per{font-size:120%;}
.font_140per{font-size:140%;}
.font_160per{font-size:160%;}

.small{font-size:90%;}
.very_small{font-size:70%;}

.center{text-align:center;}

.red{color:#b70000;}
.blue{color:#0070c0;}

.yellow_line{
	background:linear-gradient(0deg,yellow 0%,yellow 50%,transparent 50%,transparent 100%);
}

.yellow_bg{
	background-color:yellow;
}

.underline{
    text-decoration: underline;
}

.green_underline{
    text-decoration: underline green;
	-webkit-text-decoration: underline green;
}

.red_underline{
    text-decoration: underline red;
	-webkit-text-decoration: underline red;
}

.blue_double_underline{
    text-decoration:underline double #4169e1;
    -webkit-text-decoration:underline double #4169e1;

}



/*--------------------------------------
 * 見出し
 * -----------------------------------*/
/*
.article h2{
	background-image: url(../../uploads/2021/03/mori1920x1280-min.jpg);
	background-repeat: repeat;
	text-align:center;
	font-size:40px;
	font-weight:bold;
	padding:100px 0;
	border-radius:0;
	margin:30px 0;
}
*/
.article h2{
	font-family: 'ＭＳ Ｐ明朝', serif;
	font-size: 36px;
	font-weight:bold;
	line-height:1.7;
	text-align:center;
	background-color:transparent;
	margin-top:60px;
	margin-bottom:30px;
	padding:0;
}

.article h3{
	width:100%;
	max-width:800px;
	font-size:120%;
	font-weight:bold;
	color:white;
	background-color:#3cb371;
	box-shadow: 1.5px 1.5px 2px #696969;
	border-radius:15px;
	text-align:center;
	border:none;
	margin:20px auto;
}

@media (max-width:600px) {
/*
	.article h2{
		font-size:27px;
		padding:30px 0;
	}
*/
/*
	.article h2{
		font-size: 28px;
		font-weight:bold;
		margin-top:40px;
		margin-bottom:20px;
	}
*/
	.article h2{
		font-family: sans-serif;
		font-size:24px;
		font-weight:bold;
		margin-top:50px;
		margin-bottom:25px;
	}
	
	.article h3{
		font-size:100%;
	}

}

/*--------------------------------------
 * ヘッダー画像
 * -----------------------------------*/

.header_img_pc{
overflow:hidden;
position: relative;
height: 600px;
}

.header_img_pc > div{
position: absolute;
top: 50%;
left: 50%;
width: 2500px;
height: 100%;
transform: translate(-50%, -50%);
}

.header_img_cover_pc{
	position: absolute;
	top: 0;
	left: 0;
	width: 2500px;
	height: 600px;
}

.header_img_sp{
	max-width:700px;
	margin:0 auto;
}

.header_img_cover_sp{

	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	height: auto;
	max-width:700px;
	transform: translate(-50%, 0);
}

.header_img_pc{
	display:block;
}

.header_img_sp{
	display:none;
}

@media (max-width:1024px) {

.header_img_pc{
	display:none;
}

.header_img_sp{
	display:block;
}

}

/*--------------------------------------
 * 自作スライドショー
 * -----------------------------------*/

* {
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* スライドする要素 */
.slide {
  width: 357px;
  height: 150px;
}

/* スライドレールの枠 */
.slide_wrap {
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 150px; 
  margin:0 auto;
	padding:0;
}

/* content4つをまとめたスライドブロック */
.slideshow {
  display: flex;
  -webkit-animation: loop-slide 20s infinite linear 1s both;
  animation: loop-slide 20s infinite linear 1s both;
	padding-left:0;
}

@-webkit-keyframes loop-slide { 
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
} 

/*--------------------------------------
 * グローバルメニュー
 * -----------------------------------*/

.nav_menu{
	display:table;
	width:100%;
	font-size:18px;
	font-weight:bold;
	line-height:1.2;
	padding:0;

}

@media (max-width:600px) {

.nav_menu{
	font-size:14px;
}

}/*@media*/

.nav_menu a{
	display:table-cell;
	width:20%;
	border: solid 1px white;
	border-top: solid 2px white !important;
	background-color:#3cb371;
	color:white;
	text-align:center;
	vertical-align:middle;
	text-decoration: none;
	padding:5px 0;
}
.nav_menu a:hover{
	background-color:#4ee692;
}

.menu_fixed{
	position: fixed;
	top: 0;
	left: 0;
	margin:0 auto;
	z-index:9999;
}

/*--------------------------------------
 * リンク設定
 * -----------------------------------*/

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

@media (max-width:600px) {
.anchor_zure_hosei {
    padding-top: 60px;
    margin-top:-60px;
}
}/*@media*/

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

.tel_button_sp {
    position: fixed;
	width: 100%;
	max-width:480px;
    height: auto;
    bottom: -10px;
    left: 0px;
    margin: 0 !important;
    padding: 0;
	z-index: 9999;
}

.tel_button_sp figure{
	margin:0;
}

.tel_button_sp img{
	width:100%;
}

/*フッターの固定ボタンの分だけコピーライトを上にずらす*/
.copyright{
	margin-bottom:150px;
}

@media (min-width: 801px){
	.tel_button_sp{
		display:none !important;
	}

	.copyright{
		margin-bottom:0;
	}

}

/*--------------------------------------
 * コンテナ設定
 * -----------------------------------*/
.container100per{
	width:100%;
	padding:0 10px;
	margin:30px auto;
}

.container1600,
.container1280,
.container1024,
.container980{
	width:100%;
	padding:5px;
	margin:0 auto;
}

.container1600{max-width:1600px;}
.container1280{max-width:1280px;}
.container1024{max-width:1024px;}
.container980{max-width:980px;}

@media (max-width: 600px){
	.container100per{
		padding:0 5px;
		margin::8px auto;
	}
}

/*--------------------------------------
 * 枠設定
 * -----------------------------------*/
.waku{
	display:table;
	width:100%;
}

.waku_img{
	display:table-cell;
	width:50%;
}

.waku_text{
	display:table-cell;
	width:50%;
	vertical-align:top;
	padding: 10px 10px 10px 30px;
}

@media (max-width: 800px){
.waku,
.waku_img,
.waku_text{
	display:block;
	width:100%;
}

.waku_text{
	padding: 10px 0 0 0;
}



}/*@media (min-width: 800px)*/

/*--------------------------------------
 * 電話、メールボタン設定
 * -----------------------------------*/

.tel_mail_button{
	display:table;
	width:100%;
}

.tel_button{
	display:table-cell;
	width:50%;
}

.mail_button{
	display:table-cell;
	width:50%;
}

@media (max-width: 700px){
.tel_mail_button,
.tel_button,
.mail_button{
	display:block;
	width:100%;
}
}/*@media (min-width: 700px)*/

/*--------------------------------------
 * table設定
 * -----------------------------------*/

.table{
	display: table;
}

.table-cell50per,
.table-cell49per,
.table-cell_space{
	display: table-cell;
}

.table-cell50per{width:50%;}
.table-cell49per{width:49%;}
.table-cell_space{width:2%;}

@media (max-width: 600px){

.table,
.table-cell50per,
.table-cell49per,
.table-cell_space{
	display:block;
	width:100%;
}

.table-cell_space{
	height:15px;
}
	
}/*@media (min-width: 600px)*/

/*--------------------------------------
 * なせこんなにも多くの方に支持されるのか？の項目設定
 * -----------------------------------*/

.sijisarerunoka .title{
}

.sijisarerunoka .title .br_sp{
	display:none;
}

@media (max-width: 900px){
	.sijisarerunoka .title .br_sp{
		display:inline;
	}
}

.sijisarerunoka .gallery{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

.sijisarerunoka .gallery figure{
	width:230px;
	height:auto;
	max-width:22%;
	margin:8px;
}

@media (max-width: 800px){
	.sijisarerunoka .gallery figure{
		max-width:33%;
		margin:0;
	}

	.sijisarerunoka .gallery figure:nth-last-child(1),
	.sijisarerunoka .gallery figure:nth-last-child(2){
		display:none;
	}
}




/*--------------------------------------
 * このようなお悩みはございませんか？の項目設定
 * -----------------------------------*/
.syoujou_check{
	
}

.syoujou_check .title{
}

.syoujou_check .title .br_sp{
	display:none;
}

@media (max-width: 700px){
	.syoujou_check .title .br_sp{
		display:inline;
	}
}

.syoujou_check .chkbox {
	width:100%;
	max-width:550px;
	margin:0 auto;
}

/* ラベルのスタイル　*/
.syoujou_check .chkbox label {
	padding-left:		38px;			/* ラベルの位置 */
	line-height:		32px;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
	margin:10px 0;
	font-size:125%;
	font-weight:normal;
}

@media (max-width: 700px){
	.syoujou_check .chkbox label{
		font-size:100%;
	}
}

/* ボックスのスタイル */
.syoujou_check .chkbox label:before {
	content:		'';
	width:			32px;			/* ボックスの横幅 */
	height:			32px;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	left:			0;
	background-color:	#fff;
	box-shadow:		inset 1px 2px 3px 0px #000;
	border-radius:		6px 6px 6px 6px;
}
/* 元のチェックボックスを表示しない */
.syoujou_check .chkbox input[type=checkbox] {
	display:		none;
}
/* チェックした時のスタイル */
.syoujou_check .chkbox input[type=checkbox]:checked + label:before {
	content:		'\2713';		/* チェックの文字 */ 
	font-size:		34px;			/* チェックのサイズ */
	color:			white;			/* チェックの色 */
	background-color:	red;			/* チェックした時の色 */
}

.syoujou_check .yajirushi{
	width:100%;
	max-width:600px;
	padding:40px 1em;
	margin: 10px auto;
	background-image: url("../../uploads/2021/03/yajirushi700x387-min.png");
	background-size:100% 100%;
	text-align:center;
	line-height:1.2;
	font-size:24px;
}

.syoujou_check .yajirushi_text{
	display:inline-block;
	text-align:center;
	font-weight:bold;
}

/*--------------------------------------
 * 各地で講習を行っています
 * -----------------------------------*/
.intyouaisatu .title{
	background: linear-gradient(to bottom, transparent 0%, transparent 50%, #fff 100%), url(../../uploads/2022/10/tile_1800x1200-min.jpg);
	background-repeat: repeat;
	text-align:center;
	font-family: sans-serif;
	font-size:40px;
	font-weight:bold;
	padding:50px 0;
	margin:30px 0;
}

@media (max-width:600px) {
	.intyouaisatu .title{
		font-size:27px;
		padding:30px 0;
	}
}

.intyouaisatu .kousyu{
	max-width:800px;
	height:auto;
	margin:0 auto;
}

/*--------------------------------------
 *まずはこちらのお写真をご覧くださいの項目設定
 * -----------------------------------*/

.mazuhakotirano h2{
}

.mazuhakotirano h2 .br_sp{
	display:none;
}

@media (max-width: 1000px){
	.mazuhakotirano h2 .br_sp{
		display:inline;
	}
}

/*--------------------------------------
 *院長あいさつの項目設定
 * -----------------------------------*/

.intyouaisatu{
}

.intyouaisatu h2{
	margin-bottom:0;
}

.intyouaisatu h2 .br_sp{
	display:none;
}

@media (max-width: 1000px){
	.intyouaisatu h2 .br_sp{
		display:inline;
	}
}

@media (max-width: 700px){
	.intyouaisatu h2{
		font-size:24px;
	}
}

.intyou_img_01{
	float: right;
}

.intyou_img_02 {
	float: left;
}

.intyou_img_01,
.intyou_img_02 {
	margin: 0 15px 15px 0;
	max-width: 50%;
}

.intyou_img_01 img,
.intyou_img_02 img {
	max-width: 100%;
}

/*--------------------------------------
 *多くの患者様からお喜びの声の項目設定
 * -----------------------------------*/
.kanjasamanokoe{
}

.kanjasamanokoe .title{

}

.kanjasamanokoe .title .kyoutyou{
	color: #80892e;
}

@media (min-width: 800px){

.kanjasamanokoe .title .br_sp{
	display:none;
}

}

.kanjasamanokoe .box{
	background: #EAF0DF;
	max-width:680px;
	margin:15px auto;
	padding:18px 15px;
}

.kanjasamanokoe .box .title2{
	font-family: serif;
	font-size: 140%;
	font-weight:bold;
	color:#80892e;
	margin-bottom:20px;
}

.kanjasamanokoe .box .img01_pc{
	float: right;
	width:45%;
	margin:5px 0px 10px 32px;
	text-align:center;
}

.kanjasamanokoe .box .img01_sp{
	display:none;
	text-align:center;
}

.kanjasamanokoe .box .img01_sp img{
	width:100%;
}

.kanjasamanokoe .box .img_ba01{
	margin:15px 0;
	text-align:center;
}

.kanjasamanokoe .box .img_ba01 img{
	max-width:100%;
}

.kanjasamanokoe .box .bg_orenge{
	background-color: #ffd800;
}

.kanjasamanokoe .box .name{
	font-size:120%;
	font-weight:bold;
	padding-left:2em;
}

@media (max-width: 600px){
	.kanjasamanokoe .box .title2{
		font-size: 120%;
		font-weight:bold;
	}

	.kanjasamanokoe .box .img01_pc{
		display:none;
	}

	.kanjasamanokoe .box .img01_sp{
		display:block;
		margin:15px 0;
	}
}



/*--------------------------------------
 *選ばれる理由の項目設定
 * -----------------------------------*/

.erabareruriyu .title{
}

.erabareruriyu .title2{
	text-align:center;
	font-size:140%;
	line-height:1.7;
}

.erabareruriyu .title .br_sp{
	display:none;
}

@media (max-width: 700px){
	.erabareruriyu .title .br_sp{
		display:inline;
	}
}


/*--------------------------------------
 * 患者様の声の項目設定
 * -----------------------------------*/

.article .kanjasama_koe_title{
	font-size:40px;
}


.kanjasama_koe{
}

.kanjasama_koe_ba{
	width:100%;
	margin:20px 0;
	text-align:center;
}

.article .kanjasama_koe_text{
	margin: -15px 0 -8px 0;
	padding: 0;
}

.kanjasama_koe_tegaki_and_img_and_text{
	display:table;
	width:100%;
}

.kanjasama_koe_tegaki_and_img_and_text_space{
	display:table-cell;
	width:2%;
}

.kanjasama_koe_tegaki{
	display:table-cell;
	width:49%;
	margin:20px 0;
	text-align:center;
}

.kanjasama_koe_img_and_text{
	display:table-cell;
	width:49%;
	margin:20px 0;
}

.kanjasama_koe_img_and_text figure{
	width:100%;
	text-align:center;
}

@media (max-width:600px) {

	.article .kanjasama_koe_title{
		font-size:30px;
	}

	
	.kanjasama_koe,
	.kanjasama_koe_ba,
	.kanjasama_koe_tegaki,
	.kanjasama_koe_img_and_text{
		display:block;
		width: 100%;
	}

	.kanjasama_koe_tegaki_and_img_and_text_space{
		display:none;
	}

}/*@media (max-width:600px)*/

/*--------------------------------------
 * 動画設定
 * -----------------------------------*/
.douga_waku{
	padding:15px;
	width:100%;
	margin:10px auto;
	background-color:#fafad2;
	border-radius:15px;
	box-shadow: 1.5px 1.5px 2px #696969;
}

.douga_waku .wp-block-embed{
  margin-bottom: 0;
}

.article .douga_setumei{
	padding:15px;
	margin:0 0 10px;
	border-radius:15px;
	background-color:#3cb371;
	color:white;
	font-weight:bold;
	box-shadow: 1.5px 1.5px 2px #696969;
}

.article .douga_saisei,
.article .douga_saisei02{
	width:250px;
	height:auto;
	margin:0 auto;
}

.article .douga_saisei{
	margin-bottom: -40px;
}

.article .video-container{
	margin:0 auto;
}

@media (max-width:640px) {
/*
	.douga_waku{
		padding:15px 0;
		width:100%;
	}
*/
}/*@media (max-width:640px)*/

.douga_tiryou_keika_table,
.douga_tiryou_keika_table tr,
.douga_tiryou_keika_table tr td{
	border-width:0;
  background-color: rgba(255, 255, 255, 0)!important;
	padding:0;
	margin:0;
}

.douga_tiryou_keika_table tr td{
	padding:10px 0;
}


.article .douga_tiryou_keika .video-container .video{
	width:337px;
	height:600px;

	margin:0 auto;
}

.cut_top_space{
	margin-top:-32.391px;
}

.article .douga_tiryou_keika02 .video-container .video{
	width:337px;
	height:600px;

}

@media (max-width:800px) {
	.douga_tiryou_keika_table td{
		display:block!important;
	}
}

/*--------------------------------------
 * ボックス設定
 * -----------------------------------*/

.box01{
	padding:15px;
	margin-top:10px;
	margin-bottom:10px;
	color:#333333;
	background-color:#fafad2;
	box-shadow: 1.5px 1.5px 2px #696969;
	border-radius:15px;
}

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

.access{
	width:100%;
	max-width:800px;
	margin:0 auto;
}

.access .title01,
.access .title02,
.access .text{
	font-weight: bold;
	line-height:1.2;
}

.access .title01{
	font-size: 18px;
	color:#548235;
}

.access .title02{
	font-size: 40px;
	color:#548235;
	margin-bottom:18px;
}

.access .text{
	font-size: 18px;
	margin-bottom:1em;
}

.access .tel{
	height:1em;
	width:auto;
}

div.lp001_tiryourei_title{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	margin:0;
}

/*--------------------------------------
 * 治療例
 * -----------------------------------*/

div.lp001_tiryourei_img{
	text-align:center;
}

div.lp001_tiryourei_img img{
	width:90%;
	height:auto;
	max-width:600px;
	margin:0 auto;
}

div.lp001_tiryourei_koe{
	display:table;
	width:90%;
	max-width:600px;
	margin:0 auto;
}

div.lp001_tiryourei_koe_img,
div.lp001_tiryourei_koe_text{
	display:table-cell;
	width:50%;
}

div.lp001_tiryourei_koe_text,
div.lp001_tiryourei_koe_text02{
	vertical-align:top;
	padding:15px;
}

div.lp001_tiryourei_koe_text02{
	width:90%;
	max-width:600px;
	margin:auto;
}

div.lp001_tiryourei_koe_img img{
	width:100%;
	height:auto;
}

@media(max-width:500px){

div.lp001_tiryourei_koe,
div.lp001_tiryourei_koe_img,
div.lp001_tiryourei_koe_text{
	display:block;
}

div.lp001_tiryourei_koe{
	width:90%;
}

div.lp001_tiryourei_koe_img,
div.lp001_tiryourei_koe_text{
	width:100%;
}

}/*media*/