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

/************************************
** 子テーマ用のスタイルを書く
************************************/
.grecaptcha-badge { visibility: hidden; }
.header-container, .main, .sidebar, .footer {
    background-color: #F0F0F0;
}
#navi-footer {margin-bottom:1.5em}
/*ブログヘッダー制御*/
.topimage{text-align:center}
.topimage img{width:100%}
figcaption{text-align:center}

#header-in{position:relative}
#contact{position:absolute;right:0}
.logo{text-align:left;margin:10px 0 0 35px}
.page .entry-title{display:none}
.badge-yellow {background-color: #22CAB0;}
.toggle-button { text-align: left; }
.lessonIcon,.facelist{
	list-style:none;
	padding:0!important;
	margin:0 0 2em 0!important;
	display:flex;
	flex-wrap: wrap;
	justify-content: center
}
.widget-sidebar {margin-bottom: 1em}
.lessonIcon > li{
	padding:15px;
	background:#fff;
	border:1px solid #ddd;
width: 230px;
}
.instlist{
	font-size:13px!important;
	padding:0 0 0 1em;
	margin:0;
}
.instlist li{margin:0!important}
.lessonIcon img,.facelist img{transition: 1.0s}
.lessonIcon img:hover,.facelist img:hover{opacity: 0.5}
a img{transition:1.0s}
a img:hover{opacity: 0.5}

.facelist > li{
	padding:10px;
	margin:0 3px 8px 3px!important;
	background:#fff;
	border:1px solid #ddd;
	text-align:center
}
.facelist p.name{text-align:center;font-weight:600;margin-bottom:0.4em}
.toc-list li ol li ol li{list-style:disc}

.mb0{margin-bottom:0!important}
.mt1{margin-top:1em}
.mt2{margin-top:2em}
.redbox{background:#C10000;color:#fff;font-size:11px;padding:3px; border-radius:3px;margin:0 0 1em 0.5em}

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
input[type='submit']{
	width:30%;
background:#377888;
color:#fff}
.btn_send {
    text-align: center;
}
div.wpcf7 .ajax-loader {
    display: block;
}
.price-table table{width:100%!important;}
.price-table table th,.price-table table td{font-weight:normal;text-align:left;border:1px solid #ccc;padding:8px}
.price-table table th{width:30%}
.price-table table td{background:#fff}

.trialformbox p{margin-bottom:0;border-bottom:1px dotted #ddd}

.trialformbox {margin-bottom:2em}
.entry-card-snippet, .related-entry-card-snippet {
    line-height: 2;
    overflow: hidden;
}


/* WP Show Posts */
.wpsp-col-6{width:100%!important}
.wp-show-posts-image.wpsp-image-left {
	max-width:30%
}
.wp-show-posts-inner{margin: 0 0 1em 2em!important;border-bottom:1px dotted #ccc}
.wp-show-posts-entry-summary{font-size:12px}
a.wp-show-posts-read-more, a.wp-show-posts-read-more:visited {
    padding: 3px 10px!important;
    border: 1px solid #222!important;
	background:#ddd;
	margin-bottom:1em!important
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
.logo{text-align:center;margin-left:0}
	#contact{display:none}
	.wp-show-posts-image.wpsp-image-left {
	max-width:100%
}
}

/*480px以下*/
@media screen and (max-width: 480px){
	.lessonIcon > li{width:45%}
	.lessonIcon{justify-content:left}
	.facelist > li{width:45%}
	.topimg{overflow:hidden;width:100%}
	.topimg img{transform:scale(1.5);}
}