@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {font-family: 'Noto Sans JP', sans-serif;}
.tagline {color:#000;}

.tagline {
    color: #fff;
}
/*ホームページの全てをまとめて非表示*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}
.date-tags {
    display:none;
}

/* サイトタイトル */
.site-name-text {
font-weight:bold;
letter-spacing:0.3em;
background:url(https://nerikiri.net/wp-content/uploads/2019/03/title_log.png) no-repeat 10px center;background-color:rgba(255,255,255,0.6);padding:10px 10px 10px 53px;border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
}
/* フッターロゴ */
.footer-bottom-logo .site-name-text {background:url(https://nerikiri.net/wp-content/uploads/2019/03/h2mark.png) no-repeat left center;padding-left:30px;}
/* パララックス */
.bgpx {background-image:url('https://nerikiri.net/wp-content/uploads/2022/08/bg0001.jpg');background-attachment: fixed;
width:100vw;height:400px;background-position: center;background-size: cover;
 margin-left:calc( ( 100% - 100vw ) / 2 );}
/* h2タイトル */
.article h2 {position: relative;background:url(https://nerikiri.net/wp-content/uploads/2019/03/h2mark.png) no-repeat 10px center;background-color: #f8f8f8;padding:15px 10px 15px 40px;border: 3px double #ccc; border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
}
/* サイドバータイトル */
.sidebar h3 {background:url(https://nerikiri.net/wp-content/uploads/2019/03/h2mark.png) no-repeat 5px center;background-color: #fdfdfd;padding:5px 5px 5px 35px;border: 2px solid #ccc;border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;}
/* (R)マーク */
.regist::after{font-family: "Font Awesome 5 Free";content: "\f25d";font-size:0.7em;}

/*  神奈川教室 */
#krss ul {padding-left: 10px;}
#krss ul li {list-style:none;padding:0;border:1px solid #aaa;margin:5px 5px 10px 5px;padding:0 8px;}

*, *:before, *:after {
	box-sizing: border-box;
}
.col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_3 > div{
	width: 33.33333%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.col_3 > div{
		width: 50%;
	}
	.bgpx{background-position: 30% 75%;}
}
@media screen and (max-width: 480px) {
	.col_3 > div{
		width: 100%;
	}
}
/* 3列カラム */
*, *:before, *:after {
	box-sizing: border-box;
}
.col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_3 > div{
	width: 33.33333%;
	padding: 10px;
}
/*
@media screen and (max-width: 960px) {
	.col_3 > div{
		width: 50%;
	}
}
@media screen and (max-width: 480px) {
	.col_3 > div{
		width: 100%;
	}
}
*/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

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

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
	.col_3 > div{
		width: 100%;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
@media screen and (max-width: 834px){
.header div.header-in, .appeal div.appeal-in {
    min-height: 450px;
	}
}