@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){
  /*必要ならばここにコードを書く*/
}

/*---------------------------------
複数の固定ページの日付を非表示にする、おまじない
--------------------------------*/
.post-xx .date-tags {
  display: none;
}

/************************************
** TOPページ用 PC
************************************/

.top_img_wrapper{
	width:100%;
	height:500px;
	background-color: #e4e4e6
}

.top_img_photo{
	width:1200px;
	height:500px;
	background-image: url("./images/top_img.png");
	background-repeat: no-repeat;
	margin: 0 auto;
	position:relative;
}

.top_img_photo h1{
	position:absolute;
	top:50px;
	left:30px;
	font-family:さくらぎ蛍雪!important;
	color:#a12020;
	font-size:26px;
	line-height:40px;
	border-bottom:1px #a12020 dotted!important; 
}

.top_img_photo h2{
	position:absolute;
	top:120px;
	left:30px;
	font-family:さくらぎ蛍雪!important;
	color:#666;
	font-size:24px;
	line-height:40px;
}

.top_img_photo h3{
	position:absolute;
	font-family:さくらぎ蛍雪!important;
	top:275px;
	left:30px;
	color:#666;
	font-size:20px;
	line-height:30px;
}

.top_img_b_wrapper{
	position:absolute;
	top:385px;
	left:30px;
	width:600px;
}

.top_wrapper01{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.top_naiyou_wrapper{
	width:400px;
	text-align:center;
	padding: 0 20px;
	float:left;
}

.top_naiyou_wrapper2{
	width:400px;
	text-align:center;
	padding: 0 20px;
	margin:20px auto 0 auto;
}

.top_naiyou_wrapper h3,.top_naiyou_wrapper2 h3,.top_price_wrapper3 h3{
	font-family:リュウミン B-KL!important;
}

.top_naiyou_wrapper p,.top_naiyou_wrapper2 p{
	margin-top:10px;
	font-size:14px;
}

.top_midashi01{
	width:100%;
	background-color:#eea6a6;
	padding:10px 0;
	color:#fff;
	font-family:リュウミン B-KL!important;
	margin:0;
	font-size:24px;
	text-align:center;
}

.top_midashi02{
	width:100%;
	height:150px;
	background-image: url("./images/midashi_bg1.jpg");
	background-position: center;
	background-size: cover;
	text-align: center;
	margin-top:50px;
}

.top_midashi03{
	width:100%;
	height:150px;
	background-image: url("./images/midashi_bg2.jpg");
	background-position: center;
	background-size: cover;
	text-align: center;
	margin-top:50px;
}

.top_midashi04{
	width:100%;
	height:150px;
	background-image: url("./images/midashi_bg3.jpg");
	background-position: center;
	background-size: cover;
	text-align: center;
	margin-top:50px;
}

.top_midashi02 .toumei,.top_midashi03 .toumei,.top_midashi04 .toumei{
	background-color: rgba(238, 166, 166, 0.92);
}

.top_midashi02 h2,.top_midashi03 h2,.top_midashi04 h2{
	line-height:150px;
	color:#fff;
	font-family:リュウミン B-KL!important;
}

.top_lesson_wrapper1,.top_price_wrapper1,.top_profile_wrapper1{
	width:1000px;
	margin:30px auto 0 auto;
}

.top_lesson_wrapper2{
	width:400px;
	text-align:center;
}

.top_lesson_wrapper3{
	width:650px;
	margin:30px auto 0 auto;
}

.top_lesson_wrapper1 h3{
	font-family:リュウミン B-KL!important;
}

.top_lesson_wrapper1 p{
	margin-top:10px;
}

.top_lesson_wrapper1 img{
	width:350px;
	height:auto;
}

.top_price_wrapper2,.top_profile_wrapper2{
	width:300px;
	float:left;
	padding-top:10px;
}

.top_price_wrapper2 img,.top_profile_wrapper2 img{
	width:100%;
	height:auto;
}

.top_price_wrapper3,.top_profile_wrapper3{
	width:600px;
	float:right;
}

.top_profile_wrapper3 h3{
	font-family:リュウミン B-KL!important;
	font-size:24px;
}

.top_profile_wrapper3 p{
	margin-top:30px;
	line-height:200%!important;
}

/************************************
** TOPページ用 モバイル
************************************/

.mb_top_img_photo{
	width:100%;
	min-height:550px;
	background-image: url("./images/mobile_top.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0;
	padding:0;
	display: table;
}

.mb_top_title{
	display: table-cell;
	vertical-align: middle;
}

.mb_top_title h1{
	font-family:さくらぎ蛍雪!important;
	color:#fff;
	font-size:1.8rem;
	line-height:2.2rem;
	margin:0;
	padding:0 20px;
	text-align:center;
	text-shadow: 2px 2px 0 #666,
               -2px 2px 0 #666,
               2px -2px 0 #666,
               -2px -2px 0 #666;
}

h2.mb_top_description1{
	font-family:リュウミン B-KL!important;
	margin:0;
	width:100%;
	font-size:1.1rem;
	line-height:175%;
	font-weight:normal;
}

.top_description2{
	width:100%;
	padding:20px;
}

/************************************
** お問い合わせページ用
************************************/

.apply_wrapper01{
	width:30%;
	float:left;
}

.apply_wrapper02{
	width:50%;

}

.apply_wrapper03{
	width:15%;
	float:left;
}

.apply_wrapper04 textarea{
	width:100%!important;
	height:400px!important;
}

/* CF7チェックボックスとラジオボタンを縦並びに */
span.wpcf7-list-item {
margin-top:5px;
display: block;
}

.hissu_koumoku{
	font-size:14px!important;
	font-weight:normal!important;
}

/************************************
** プロフィール
************************************/

.profile_pc .wrapper1{
	width:35%;
	padding:0 30px 0 10px;
	float:left;
}

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

.profile_pc .wrapper2{
	width:65%;
	float:left;
}

.profile_pc .name{
	font-family:さくらぎ蛍雪!important;
	font-size:28px;
	margin:0!important;
}

.profile_mb .name{
	font-family:さくらぎ蛍雪!important;
	font-size:2.0rem;
	margin:0!important;
}

.profile_mb .wrapper1{
	width:100%;
	padding:10px;
}

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


/************************************
** 共通
************************************/

.size10{font-size:10px!important;}
.size11{font-size:11px!important;}
.size12{font-size:12px!important;}
.size16{font-size:16px!important;}


.site-name-text {
display: none;
}

.ml20{margin-left:20px!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.pt20{padding-top:20px;!important;}

.float_l{float:left;}
.float_r{float:right;}
.float_c{clear:both;}

.text-underline{text-decoration:underline!important;}

.button001 a {
    background: #f9cbcb;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    width: 280px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
	text-decoration:none;
	font-family:リュウミン B-KL!important;
}
.button001 a:hover {
    background: #313131;
    color: #FFF;
}
.button001 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button001 a:hover:after {
    border-color: #FFF;
}

hr.hr_line01{
height: 1px;
border: none;
border-top: 1px #ccc dotted;
margin:20px 0;
}

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

.navi .sub-caption{
	color:#a12020!important;
}

.navi .sub-caption:before{
	content: ""!important;
}

.textcolor_strong{
	color:#a12020!important;
}

.page-item-122,.page-item-119,.page-item-29,.page-item-125,.page-item-23,.page-item-18{
	font-family:さくらぎ蛍雪!important;
}

.item-label{
	font-family:normal!important;
}