@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{
	font-family: "Zen Old Mincho", serif;
}

/*PC・SP表示切り替え*/
.pc-dis {
	display: block;
}
.sp-dis {
    display: none;
}
@media screen and (max-width: 834px){
.pc-dis {
	display: none;
}
.sp-dis {
	display: block;
}
}

/*____メインコンテンツエリア____*/
.main {
	background-color: #fef9ec;
}
.no-sidebar .content .main {
	margin: 0;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 1000px){
  .no-sidebar .content .main {
	  margin: 0;
	  width: 100%;
	  margin-left: auto;
	  margin-right: auto;
	}
}

/*____マウスオーバー____*/
a:hover,
a:hover img {
   opacity: 0.7;
   -webkit-transition: all .3s;
   transition: all .3s;
}

/*____ヘッダー____*/
#header {
    border-top: 10px solid #ceac57;
	font-weight: 700!important;
}
#header-in.wrap {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto;
	box-sizing: border-box;
}
#header-in .tagline {
    display: none;
}
#header-in #header-tel {
    display: none;
}
@media screen and (min-width:1024px) {
    #header-in {
        position: relative;
    }
	#header-in .logo-image {
    padding: 10px 0 12px;
	}
    #header-in .logo-header {
        text-align: left;
    }
    #header-in #header-tel {
        text-align: center;
        position: absolute;
        right: 0;
        font-size: 200%;
        line-height: 1.45;
        background: url("") no-repeat center left;
        background-size: auto 60px;
        padding-left: 70px;
        display: block;
    }
    #header-in #header-tel span {
        display: block;
        font-size: 35%;
    }
}
@media screen and (min-width:1024px) and (max-width:1260px) {
    #header-in {
        position: relative;
        /*padding: 0 2vw;*/
        box-sizing: border-box;
    }
    /*#header-in #header-tel {
        right: 2vw;
    }*/
}
@media screen and (max-width: 1023px) {
    #header {
        display: none;
    }
}

@media screen\0 {
	#header-in #header-tel {
			position:absolute; top:20px;
    }
}

/*____モバイルヘッダー____*/
@media screen and (max-width: 1023px){
	/*.mobile-header-menu-buttons .navi-menu-button:nth-child(1) {
		border-right: dotted 1px #000;
	}
	.mobile-header-menu-buttons .navi-menu-button:nth-child(3)  {
		border-left: dotted 1px #000;
	}*/
}

/*____モバイルヘッダーロゴエリア____*/
@media screen and (max-width: 1024px) {
    .body .mobile-header-menu-buttons{
        padding: 5px 0;
    }
}

/*____グローバルメニュー（サブメニュー）____*/
#navi .navi-in>.menu-header .sub-menu {
	background-color: #fdf192;
	margin-left: 10px;
}
.navi-in>ul .sub-menu {
    min-width: 280px;
}
/*____メイン画像____*/
#min-pic {
	margin: 0 auto;
	text-align: center;
	background-color: #fef9ec;
	line-height: 0;
}
@media screen and (max-width: 1023px) {
    .mblt-footer-mobile-buttons, .mblt-header-and-footer-mobile-buttons {
        margin-top: 60px;
    }
}

/*____本文エリア____*/
p {
	margin-left: 25px;
	margin-right: 25px;
}
@media screen and (max-width: 834px){
p {
	margin-left: 10px;
	margin-right: 10px;
}
}

/*____見出し____*/
.article h1 {
	color: #000;
	font-size: 24px;
	padding: 9px;
	border-bottom: 1px solid #ceac57;
	border-top: 1px solid #ceac57;
	margin-bottom: 25.2px;
	letter-spacing: 0.05em;
}
.archive-title {/*カテゴリーページタイトル*/
    color: #000;
    font-size: 24px;
    padding: 9px;
	border-bottom: 1px solid #ceac57;
	border-top: 1px solid #ceac57;
    margin-bottom: 25.2px;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 834px){
.article h1 {
	font-size: 24px;
	padding: 12px;
	letter-spacing: 0.05em;
	}
}
.article h2 {
	margin-top: 90px;
	background-color: #f0dfb5;
	color: #000;
	padding: 11px 15px 10px;
	letter-spacing: 0.05em;
}
.article h3 {
	margin-top: 60px;
	border: none;
	background-color:#ceac57;
	color: #000;
	padding: 10px 10px 8px 15px;
	letter-spacing: 0.05em;
}
.article h4 {
	margin-top: 40px;
	border-top: none;
	border-bottom: double 6px #ceac57;
	letter-spacing: 0.05em;
}

/*box設定*/
.is-style-secondary-box, .secondary-box {
    background-color: #f5f6f7;
}
.blank-box.bb-blue, .bb-blue.is-style-blank-box-red, .bb-blue.is-style-blank-box-navy, .bb-blue.is-style-blank-box-blue, .bb-blue.is-style-blank-box-yellow, .bb-blue.is-style-blank-box-green, .bb-blue.is-style-blank-box-pink, .bb-blue.is-style-blank-box-orange, .bb-blue.is-style-sticky-gray, .bb-blue.is-style-sticky-yellow, .bb-blue.is-style-sticky-red, .bb-blue.is-style-sticky-blue, .bb-blue.is-style-sticky-green {
    border-color: #627ba7;
}
.is-style-success-box, .success-box, .sp-success, .success {
    background-color: #dcebda;
	color: #333;
}
.bdr-red{
	border: 1px solid #e94746;
	padding: 20px  0 1px 0;
}
.bdr-blue{
	border: 1px solid #00bace;
	padding: 20px  0 1px 0;
}
.box-yell{
	background-color: #fff998;
	padding: 20px  0 1px 0;
}
.box-blue {
	padding: 20px 0 1px  0;
	background-color: #dbf4f9;
}
.bdr-red p,
.bdr-blue p,
.box-yell p,
.box-blue p {
    margin-right:20px;
    margin-left:20px;
}
.bdr-red ul,
.bdr-blue ul,
.bdr-red ol,
.bdr-blue ol
.box-yell ul,
.box-blue ul,
.box-yell ol,
.box-blue ol {
	padding:0px 40px;
}
.ico-red,
.ico-blue,
.ico-check-red,
.ico-check-blue{
	margin: 0;
	padding:0px 30px!important;
	position:relative;
	list-style: none;
}
@media screen and (max-width: 834px){
.ico-red,
.ico-blue,
.ico-check-red,
.ico-check-blue { 
	padding:0px 20px!important;
}	
}
.ico-red li,
.ico-blue li,
.ico-check-red li,
.ico-check-blue li {
	margin: 0;
	padding :0;
	padding-left:1.8em;
	margin:12.5px 0 0 0 !important;
	list-style: none;
	position:relative;
}
.ico-red li:before,
.ico-blue li:before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 21px;
    position: absolute;
    left: 0;
    top: 0.2em;
    background-repeat: no-repeat;
    background-size: cover;
}
.ico-check-red li:before,
.ico-check-blue li:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 21px;
    position: absolute;
    left: 0;
    top: 0.2em;
    background-repeat: no-repeat;
    background-size: cover;
}
.ico-red li:before {
    background-image: url("");
}
.ico-blue li:before {
    background-image: url("");
}
.ico-check-red li:before {
    background-image: url("");
}
.ico-check-blue li:before {
    background-image: url("");
}
#sidebar .textwidget ul {
	margin: 0;
}

/*ボタン設定*/
.btn-m, .btn-wrap.btn-wrap-m > a {
    font-size: 20px;
}
.btn-brown, .btn-wrap.btn-wrap-brown > a {
	background-color: #ceac57;
}

/*投稿ページ投稿日の下マージン*/
.date-tags {
    margin-bottom: 3em;
}

/*固定ページ・投稿の投稿日・更新日・著作者を非表示*/
.page .date-tags,
.page .author-info,
.single .author-info{
    display: none;
}

/*関連記事*/
.related-entry-heading {
	margin-top: 90px;
}

/*フッターエリア*/
.footer-bottom {
    margin-top: 0;
}
#footer-in.wrap {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto;
	box-sizing: border-box;
}

/*フッターロゴ表示設定*/
.footer-bottom-logo .logo-image {
    padding: 0;
    padding-bottom: 10px;
    max-width: 100%;
	}
/*.footer-bottom-logo .footer-site-logo-image {
    width: 100% !important;
    height: auto !important;
}*/
/*フッターメニュー仕切り線*/
.navi-footer-in>.menu-footer li {
    border-left: 1px solid #fff;
}
.navi-footer-in>.menu-footer li:last-child {
    border-right: 1px solid #fff;
}
@media screen and (max-width: 834px) {
	.navi-footer-in>.menu-footer li:last-child {
		border-right: 0;
	}
}

/*サイドコンテンツ*/
#sidebar ul {
	margin-left: 10px;
	margin-right: 10px;
}
#sidebar ul li a {
	padding-left: 10px;
	padding-right: 10px;
}
#sidebar h3 {
	margin-top: 50px;
	color: #333;
}
#sidebar > aside:first-of-type h3 {
    margin-top: 32px;/* 最初のh3だけマージンなし */
}
#sidebar  .textwidget {
	margin-top: 1em;
}
#sidebar ul {
	margin-left: 10px;
	margin-right: 10px;
}
#sidebar ul li a {
	padding-left: 10px;
	padding-right: 10px;
}

/*本文フッターSNSボタン*/
.sns-share {
	margin-top: 100px;
}

/*コピーライト*/
.copyright {
	margin-top: 30px;
	font-size: .8em;
}

/* ____ 画像位置スマホ設定 ____ */
@media screen and (max-width: 834px){
	img.alignright,img.alignleft,img.alignnone,	img.aligncenter {
		float:none !important;
		display: block;
		margin: 0 auto 20px !important;
}
}

/*____モバイルフッター固定メニュー____*/

.mobile-footer-menu-buttons .menu-button>a {
    color: #fff;
}
.mobile-footer-menu-buttons li:nth-child(1) {
    background-color: #ceac57;
}
.mobile-footer-menu-buttons li:nth-child(2) {
    background-color: #008647;
}
.mobile-footer-menu-buttons li:nth-child(3) {
    background-color: #51a934;
}
.mobile-footer-menu-buttons .top-menu-button {
    background-color: #00bace;
}
.mobile-footer-menu-buttons li { border-left:1px dotted #fff;}
.mobile-footer-menu-buttons li:first-child { border:none;}

.mobile-footer-menu-buttons .menu-caption {
	font-size: 16px;
}
/* ____ テキストカラー ____ */
.blue {
color: #00a6b7;
}
.red {
color: #cc0000;
}
.green {
color: #1f8c4d;
}
.marker-under {
    background: linear-gradient(transparent 60%, #ffdc52 60%)
}
/* ____ テキスト設定 ____ */
.u {
text-decoration: underline;
}
.txt-r {
text-align: right;
}
.txt-l {
text-align: left;
}
.center {
text-align: center;
}
/* ____ 余白設定 ____ */
.-mt20 {
margin-top: -20px;
}
.-mt30 {
margin-top: -30px;
}
.mt20 {
margin-top: 20px;
}
.mt30 {
margin-top: 30px;
}
.mt40 {
margin-top: 40px;
}
.mt50 {
margin-top: 50px;
}
.mt60 {
margin-top: 60px;
}
.mt70 {
margin-top: 60px;
}
.mt80 {
margin-top: 80px;
}
.mt90 {
margin-top: 90px;
}
.mt100 {
margin-top: 100px;
}
.mt120 {
margin-top: 120px;
}
.mb10 {
margin-bottom: 10px;
}
.mb20 {
margin-bottom: 20px;
}
.mb40 {
margin-bottom: 40px;
}
.mb50 {
margin-bottom: 50px;
}
.mb60 {
margin-bottom: 60px;
}
.mb80 {
margin-bottom: 80px;
}
.mb90 {
margin-bottom: 90px;
}
.mb100 {
margin-bottom: 100px;
}
.mb120 {
margin-bottom: 120px;
}

/* ____ 写真グリッド設定 ____ */
.photo-grid{
	display: grid;
	grid-template-columns: repeat(2, 1fr); /* PC: 2列 */
	gap: 25px;
	margin-left: 25px;
	margin-right: 25px;
}
.photo-grid img{
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 834px){
  .photo-grid{
    grid-template-columns: 1fr;
  }
}

/* ____ テーブル表設定 ____ */
table:not(.has-border-color) :where(th, td) {
  border: 1px solid #f0dfb5;
}
table th {
    background-color: #fdf1d5;
}
table td {
    background-color: #fef9ec;
}
/* ____ スマホ用改行 ____ */
@media screen and (min-width: 834px) {
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 834px) {
  .br-pc { display:none; }
  .br-sp { display:block; }
}

/*CTA*/
.cta-box {
   background-color: #fff;
	color: #000;
}
.cta-heading {
	border-bottom: 10px double #ecdb5b;
	color: #333;
	padding: 0 15px 5px;
	background: none;
	position: relative;
	margin-bottom: 1.26em;
}
.widget-single-content-bottom-title,
.widget-page-content-bottom-title {
	font-size: 26px;
	font-weight: bold;
	border-bottom: 10px double #ecdb5b;
	color: #333;
	padding: 0 15px 5px;
	background: none;
	position: relative;
	margin-bottom: 1.26em;
	margin-top: 90px;
}
.cta-heading:after,
.widget-single-content-bottom-title:after,
.widget-page-content-bottom-title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 4px;
    display: block;
    width: 100%;
    height: 2px;
}
.cta-button {
    margin-top: 50px;
}
@media screen and (max-width: 834px) {
.cta-message {
	font-size: 16px;
	}
}

/* 新着記事表示 */
.school-information {
	font-size: 22px;
	padding: 10px 15px;
	background-color:#fdf192;
	color: #333;
	margin-bottom: 25.2px;
	border-radius: 2px;
	font-weight: bold;
    line-height: 1.25;
}
.new-entry-cards.large-thumb {
display: flex;
flex-wrap: wrap;
}

.new-entry-cards.large-thumb a {
width: 33.333%;
}
/768px以下/
@media screen and (max-width: 768px){
.new-entry-cards.large-thumb a {
width: 50%;
}
}
/480px以下/
@media screen and (max-width: 480px){
.new-entry-cards.large-thumb a {
width: 100%;
}
}

/* YouTube貼り付け */
.video-container, .instagram-container, .facebook-container {
    margin-left: auto;
    margin-right: auto;
}

/* ____ TOPへ戻るボタン ____ */
.go-to-top-button-image {
    width: 123px;
    height: auto;
}
.go-to-top:hover {
   opacity: 0.7;
   -webkit-transition: all .3s;
   transition: all .3s;
}

/* ____ toc（目次） ____ */
#toc {
	margin-top: 50px;
}

/* ____ サイトマップで非表示させるページ ____ */
#post-50 .page-item-76,
#post-50 .page-item-78,
#post-50 .page-item-80,
#post-50 .page-item-82,
#post-50 .page-item-83,
#post-50 .page-item-84 {
	display: none;
}


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

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

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