@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon子テーマ + BizVektor統合版（重複削除・最適化済み）
Template:   cocoon-master
Version: 1.1.3-mod
*/

/************************************
** 子テーマ基本スタイル
************************************/

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

/*---------------------------------
a:hover
---------------------------------*/
a:hover,
a:hover img {
  opacity: 0.7;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/*---------------------------------
ヘッダー
---------------------------------*/
#header {
  border-top: 10px solid #edc421;
  font-weight: 700!important;
}
#header-in .tagline,
#header-in #header-tel {
  display: none;
}
@media screen and (min-width:1030px) {
  #header-in { position: relative; }
  #header-in .logo-header { text-align: left; }
  #header-in #header-tel {
    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;
    text-align: center;
  }
  #header-in #header-tel span {
    display: block;
    font-size: 35%;
  }
}

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

/*---------------------------------
メイン画像
---------------------------------*/
#min-pic {
	margin: 0 auto;
	text-align: center;
	background-color: #fefbf5;
	line-height: 0;
}

/*---------------------------------
本文・見出し
---------------------------------*/
p {
  margin-left: 25px;
  margin-right: 25px;
}
@media screen and (max-width: 834px){
  p {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.article h1,
.archive-title {
  color: #fff;
  font-size: 28px;
  padding: 25px;
  background-color:#edc421;
  margin-bottom: 25.2px;
}
@media screen and (max-width: 834px){
  .article h1 { font-size: 24px; padding: 12px; }
}
.article h2 {
  margin-top: 90px;
  color: #fff;
  font-size: 26px;
  background-color:#edc421;
  padding: 11px 15px 10px;
}
.article h3 {
  margin-top: 70px;
  background-color:#edc421;
  font-size: 24px;
  padding: 10px 10px 8px 15px;
}
.article h4 {
  margin-top: 50px;
  font-size: 22px;
}

/*---------------------------------
テキストカラー
---------------------------------*/
.blue { color: #1e73be; }
.red { color: #e60012; }
.green { color: #1f8c4d; }
.marker-under { background: linear-gradient(transparent 70%, #fee456 50%); }
.yell { background: linear-gradient(transparent 70%, #fee456 50%); }
.black { color: #333333; } /* ← BizVektorより追加 */
.ora { color: #fcb902; }   /* ← BizVektorより追加 */
.gry { color: #999999; }   /* ← BizVektorより追加 */

/*---------------------------------
テキスト設定
---------------------------------*/
.u { text-decoration: underline; }
.txt-r { text-align: right; }
.txt-l { text-align: left; }
.center { text-align: center; }

/* ---- BizVektorより追加 ---- */
.i { font-style: italic; } /* ← BizVektorより追加 */
.b { font-weight: bold; }  /* ← BizVektorより追加 */
.s { text-decoration: line-through; } /* ← BizVektorより追加 */

/*---------------------------------
余白設定
---------------------------------*/
.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; }

.ml10 { margin-left: 10px; } /* ← BizVektorより追加 */
.ml20 { margin-left: 20px; } /* ← BizVektorより追加 */
.mr10 { margin-right: 10px; } /* ← BizVektorより追加 */
.mr20 { margin-right: 20px; } /* ← BizVektorより追加 */

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

/* ---- BizVektorより追加 ---- */
img { border: 0; } /* ← BizVektorより追加 */
.flo-l { float: left; margin-right: 20px; } /* ← BizVektorより追加 */
.flo-r { float: right; margin-left: 20px; } /* ← BizVektorより追加 */

/*---------------------------------
Box
---------------------------------*/
.yell-bg {
background-color: #FFFFF4;
}
.ora-bdr {
border: 2px solid #fcb902;
margin: 10px;
padding: 10px;
}
.ora-bdr-txt {
border: 2px solid #fcb902;
margin: 10px;
padding: 23px 10px 0 10px;
}
.red-bdr {
border: 2px solid #e60012;
margin: 10px;
padding: 10px;
}
.red-bdr-txt {
border: 2px solid #e60012;
margin: 10px;
padding: 23px 10px 0 10px;
}
.no-bdr {
border: 0;
margin: 10px;
padding: 10px;
}
.no-bdr-txt {
border: 0;
margin: 10px;
padding: 18px 10px 2px 10px;
}

/*---------------------------------
リストアイコン
---------------------------------*/
ul li {
	list-style: none !important;
}
ul {
    margin: 0 0 0 12px !important;
}
li {
    margin-bottom: 0 !important;
}
.check01 {
font-weight:bold;  !important;
line-height: 150%;
padding: 5px 0;
}
.check01 li {
padding: 8px 10px 8px 15px !important;
text-indent: -1em;
}
.check01 li:before, .p_box3 li:before {
content: "＞";
color: #fcb902;
font-size: 14px;
font-weight: bold;
padding-right: 5px;
}
.check02 {
font-weight:bold;
line-height: 150%;
padding: 5px 0;
}
.check02 li {
padding: 8px 10px 8px 15px !important;
text-indent: -1em;
}
.check02 li:before, .p_box3 li:before {
content: "＞";
color: #e60012;
font-size: 14px;
font-weight: bold;
padding-right: 5px;
}
.content ol {
margin-top: 10px !important;
}
.content ol li {
padding-top: 20px !important;
}
.list {
font-weight:bold;
}
/* スマホ用 */
@media screen and (max-width: 834px) {
    .article ul, .article ol {
        padding-left: 0;
    }
}
/*---------------------------------
CTA
---------------------------------*/
.cta-box {
	background-color: #fff;
	color: #000;
	margin-top: 90px;
}
.cta-heading {
	line-height: 1.25;
	position: relative;
	margin-bottom: 1.26em;
	color: #000;
	background-color:#fac959;
	padding: 11px 15px 10px;
	font-size: 24px;
}
.widget-single-content-bottom-title,
.widget-page-content-bottom-title {
	font-size: 24px;
	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:#edc421;
	color: #fff;
	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;
}

/*---------------------------------
お問い合わせフォーム
---------------------------------*/
#mw_wp_form_mw-wp-form-1344 form input[type=text], form input[type=email], form input[type=password], form input[type=date], form select, form textarea {
max-width: 95%;
width: auto;
}
/* スマホ用お問い合わせフォーム */
@media only screen and (max-width: 640px){
	#mw_wp_form_mw-wp-form-1344 table, #mw_wp_form_mw-wp-form-1344 td, #mw_wp_form_mw-wp-form-1344 tr, #mw_wp_form_mw-wp-form-1344 th, #mw_wp_form_mw-wp-form-1344 tbody {
		display: block;
		box-sizing: border-box;
		width: 100%;
	}
	form input[type=text], form input[type=email], form input[type=password], form input[type=date], form select, form textarea {
		max-width: 95%;
	}
}

/*---------------------------------
テーブル
---------------------------------*/
.table01 {
  overflow: auto;
  white-space: nowrap;
  margin:0 20px;
}
.table01::-webkit-scrollbar { height: 5px; }
.table01::-webkit-scrollbar-track { background: #F1F1F1; }
.table01::-webkit-scrollbar-thumb { background: #BCBCBC; }

/* ---- BizVektorより追加 ---- */
#content table {
  border: 1px dotted #cccccc;
}
#content table th,
#content table td {
  border-left: 1px dotted #cccccc;
  vertical-align: middle;
}

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

/*---------------------------------
投稿ページ投稿日の下マージン
---------------------------------*/

.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-bottom-logo .logo-image {
    padding: 0;
    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 #9e9e9e !important;
}
.navi-footer-in>.menu-footer li:last-child {
    border-right: 1px solid #9e9e9e;
}
@media screen and (max-width: 834px){/*スマホサイトのみ適用*/
	.navi-footer-in > .menu-footer li:nth-child(3),
	.navi-footer-in > .menu-footer li:nth-child(6) {
		border-right: 1px solid #9e9e9e;
	}
	.navi-footer {
		margin-top: 30px;
	}
}

/*---------------------------------
サイドコンテンツ
---------------------------------*/
#sidebar ul {
	margin-left: 10px;
	margin-right: 10px;
}
#sidebar ul li a {
	padding-left: 10px;
	padding-right: 10px;
}
#sidebar h3 {
	margin-top: 50px;
	color: #fff;
}
#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;
}

/*---------------------------------
モバイルフッター固定メニュー
---------------------------------*/
.mobile-footer-menu-buttons .menu-button>a {
    color: #fff;
}
.mobile-footer-menu-buttons li:nth-child(1) {
    background-color: #005997;
}
.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;}

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

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

/*---------------------------------
ユーティリティ
---------------------------------*/
.clear { clear: both; } /* ← BizVektorより追加 */