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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body .soraba.is-layout-flex{
	display:none;
}
/************************************
**　　　　アピールエリア
************************************/
/************************************
** アイキャッチ画像を記事タイトルの上に移動する
************************************/

/*記事ヘッダーの枠組み
.article-header {
	display: flex; /*フレックスボックスレイアウト
	flex-direction: column; /*ブロック要素を縦に並べる
}*/

/*アイキャッチの枠組み
.eye-catch-wrap {
	order: -1; /*順番
	overflow: hidden; /*はみ出した部分を非表示 ※IE対策
}*/

/*アイキャッチ
.eye-catch {
	margin-bottom: 0; /*下の余白
}*/

/*本公開時に削除予定*/
#toc{
	display:none;
}
/*本公開時に削除予定*/

/*見出しテスト*/
.article h2.insta_h2 {
	position: relative;
	padding-top: 50px;
	/*padding-bottom: 50px;*/
	font-size: 26px;
	text-align: center;
	background:none;
	border-bottom:solid 1px rgba(224,66,114,1);
}

.article h2.insta_h2 span {
	position: relative;
	z-index: 2;
}

.article h2.insta_h2::before {
	content: attr(data-en);
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	/*color: rgba(224,66,114,0.2);*/
	font-size: 80px;
	font-style: italic;
	color: transparent;
	/*background: repeating-radial-gradient(#da70d6 0 15px, #4169e1 15px 30px);*/
	/*background: repeating-linear-gradient( 90deg, #4169e1 0 35%, #da70d6 45% 55% ,transparent 80% 100%);*/
	/*background: repeating-linear-gradient( 90deg, #6634e1 0 35%, #ff3a49 45% 55% ,#ffda75 60% 100%);*/
	background: linear-gradient(to right, rgba(102,52,225,0.2), rgba(255,58,73,0.2), rgba(255,218,117,0.2));
	-webkit-background-clip: text;	
}
/*.article h2.insta_h2::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%) rotate(30deg);
	width: 1px;
	height: 40px;
	background-color: rgba(224,66,114,1);
}*/
@media screen and (max-width: 834px){
	.article h2.insta_h2::before {
	top: 9px;
	font-size: 50px;
}
}

.article h2.twitter_h2 {
	position: relative;
	padding-top: 50px;
	/*padding-bottom: 50px;*/
	font-size: 26px;
	text-align: center;
	background:none;
	border-bottom:solid 1px rgba(0,172,237,1);
}

.article h2.twitter_h2 span {
	position: relative;
	z-index: 2;
}

.article h2.twitter_h2::before {
	content: attr(data-en);
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	color: rgba(0,172,237,0.2);
	font-size: 80px;
	font-style: italic;
}
@media screen and (max-width: 834px){
	.article h2.twitter_h2::before {
	top: 9px;
	font-size: 50px;
	}
}

/*.article h2.twitter_h2::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%) rotate(30deg);
	width: 1px;
	height: 40px;
	background-color: rgba(0,172,237,1);
}*/

.article h2.instructor_top_h2 {
	position: relative;
	padding-top: 50px;
	/*padding-bottom: 50px;*/
	font-size: 26px;
	text-align: center;
	background:none;
	border-bottom:solid 1px #00483E;
}

.article h2.instructor_top_h2 span {
	position: relative;
	z-index: 2;
}

.article h2.instructor_top_h2::before {
	content: attr(data-en);
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	/*color: rgba(224,66,114,0.2);*/
	font-size: 80px;
	font-style: italic;
	color: transparent;
	/*background: repeating-radial-gradient(#da70d6 0 15px, #4169e1 15px 30px);*/
	/*background: repeating-linear-gradient( 90deg, #4169e1 0 35%, #da70d6 45% 55% ,transparent 80% 100%);*/
	/*background: repeating-linear-gradient( 90deg, #6634e1 0 35%, #ff3a49 45% 55% ,#ffda75 60% 100%);*/
	background: linear-gradient(to right, rgba(90,63,55,0.2), rgba(44,119,68,0.2), rgba(174,249,198,0.2));
	-webkit-background-clip: text;	
}
/*.article h2.instructor_top_h2::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%) rotate(30deg);
	width: 1px;
	height: 40px;
	background-color: rgba(224,66,114,1);
}*/
@media screen and (max-width: 834px){
	.article h2.instructor_top_h2::before {
	top: 9px;
	font-size: 50px;
}
}

/*見出しテスト*/

.entry-content p.top_text{
font-size:30px;
	}
.appeal{
padding:.1em 0 .2em;
box-shadow: 0px 1px 4px 0 rgba(0,0,0,.1);
}
div#appeal-in.appeal-in.wrap{
padding:0;
min-height:0px;
max-height:20px;
	margin-top:5px;
}
div.appeal-content{
padding:0;
}
.appeal-content{
background-color:#efefef; /*背景色をここで変更します*/
margin:auto;
max-width:100%;
opacity:1;
line-height:20px;
	height:20px;
}
.appeal-message{
	font-size:12px;
}
/*a.appeal-button {
color: #fff!important;
font-size:.85em;
padding:0 23em 0;
margin:0;
max-width:100%;
white-space: nowrap;
box-shadow: none;
}
@media screen and (max-width: 1023px){
a.appeal-button {
padding:0 18em 0 ;
}}
@media screen and (max-width: 834px){
a.appeal-button {
padding:0 13em 0 ;
}
}
@media screen and (max-width: 652px){
a.appeal-button {
padding:0 8em 0 ;
}}
@media screen and (max-width: 500px){
a.appeal-button {
padding:0 6em 0 ;
}}
@media screen and (max-width: 420px){
a.appeal-button {
padding:0 3em 0 ;
}}
.appeal-button:hover {
transform:none;
box-shadow: none;
}*/
.home #toc{
	display:none;
}
.article h2.other_h2{
	border-bottom: 2px solid #000;
    background: none;
}
.article h2.other_h2_green{
	border-bottom: 2px solid #00483E;
    background: none;
	color:#00483E;
}
.article h2.other_h2_blue{
	border-bottom: 2px solid #211366;
    background: none;
	color:#211366;
}	
.article h2.instructor_h2{
	background:#00483E;
	color:#fff;
}
.entry-content p.lesson_text_bold{
	margin:80px 0 40px 0;
}
.entry-content p.instructor_text_bold{
	margin-bottom:0.3em;
	margin-top:0.3em;
}
.other_btn .wp-block-button__link{
	border-radius:0px;
}
.other_btn.blue a.wp-block-button__link{
	background:#211366;
}
.other_btn.green a.wp-block-button__link{
	background:#00483E;
}
.main-info {
	clear:both;
}
.main-info li{
	border-bottom: solid 1px #CCC;
    padding: 10px 0;
}
.main-info li a{
	color:#333;
	text-decoration:none;
}
.main-info li a:hover{
	text-decoration:underline;
}
body{
	background-color: #fff;
}
.entry-title, .archive-title{
	text-align:center;
}
.contact-days, .contact-times{
	font-size: 60%;
    display: block;
    padding-top: 5px;
}
.mandatory{
	color:#f00;
	padding: 0 10px;
    font-size: 70%;
}
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
display: none;
}
/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
display: none;
}
/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow{
display: none;
}
/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
display: none;
}
/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
display: none;
}
/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
display: none;
}
.new-entry-card-date.widget-entry-card-date.display-none {
  display: block;
}
.new-entry-card-date.widget-entry-card-date.display-none span.post-date{
  display: block;
}
/*ヘッダーの文字と背景の色を変える*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background-color: #00483E;
	/*background-color:#17427a;*/
	color: #FFFFFF;
}

.logo-menu-button.menu-button{
	background-color: #fff;
}

.entry-content .twitter_style{
	margin:50px 0 0 0;
}
.map-table table{
  width: 100%;
  border-collapse: collapse;
}

.map-table table tr{
  border-bottom: solid 2px white;
}

.map-table table tr:last-child{
  border-bottom: none;
}

.map-table table th{
  position: relative;
  text-align: left;
  width: 20%;
  background-color: #00483E;
  color: white;
  text-align: center;
  padding: 10px 0;
}

.map-table table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #00483E;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.map-table table td{
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #eee;
  padding: 10px;
	border-top-style:none;
	border-right-style:none;
}
/*
.map-table th{
	background:#00483E;
	color:#fff;
}*/
.map{
	display:block;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;/*比率をお好みで*/
}
.map iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*インストラクター*/
.instructor_lesson_box{
	background: #fff;
    box-shadow: 0 0 4px rgb(120 120 120 / 40%);
    padding: 10px;
}

/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
	padding:5px 0;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#ffaa56;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#ffaa56;
}
.footer {
  margin-top: 40px; /*フッターとコンテンツの間に余白追加*/
  background: #444d53; /*フッター背景色*/
  border-top: 4px solid #ccc; /*上部にボーダー追加*/
}
.footer-bottom {
  margin-top: 14px; /*フッター内上部の余白を詰める*/
}
.footer-bottom-logo { /*ロゴの位置調整*/
  float: none;
  bottom: auto;
  position: static;
  margin-bottom: 10px;
}
.footer-bottom-logo .logo-image {
  padding: 0;
  max-width: 160px; /*ロゴ画像を少し大きく*/
  margin: 0 auto;
}
.footer-bottom-content { /*メニュー＆クレジットの位置調整*/
  float: none;
  text-align: center;
}
.navi-footer-in > .menu-footer { /*メニューの位置調整*/
  justify-content: center;
  margin-bottom: 1em;
}
.navi-footer-in a {
  color: #aab3b9; /*メニューの文字色*/
}
.navi-footer-in a:hover { /*メニューのマウスホバー時の指定*/
  color: #aab3b9; /*文字色を通常時と同じに*/
  background: none; /*背景色をなしに*/
  text-decoration: underline; /*アンダーラインを追加*/
}
.footer-bottom.fnm-text-width .menu-footer li {
  line-height: 1; /*メニューの区切りボーダーの高さを1文字分にする*/
}
.copyright {
  color: #aab3b9; /*クレジットの文字色*/
}
@media screen and (max-width: 834px) {
  .navi-footer-in > .menu-footer li.menu-item {
    border: none; /*モバイルでメニューのボーダーを消す*/
  }
}
@media screen and (max-width: 460px) {
  .navi-footer-in > .menu-footer li.menu-item { /*モバイルでメニューを1カラムにする*/
    width: 100%;
    display: block;
    flex: auto;
    padding: 0.3em 0;
  }
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.wp-block-media-text p.lesson_text{
		margin-top:0;
		margin-left:0;
		margin-bottom:10px;
		margin-left:0;
	}
	.entry-content p.lesson_text_bold{
		margin:80px 0 0 0;
		text-align:center;
	}
	.entry-content p.instructor_text{
		margin-top:10px;
	}
}

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