/*
Template:ystandard
Theme Name:ystandard-child
Theme URI: https://wp-ystandard.com
Author: yosiakatsuki
Author URI: https://yosiakatsuki.net
Description:「自分色に染めた、自分だけのサイトを作る楽しさ」を感じてもらうために作った一風変わったWordPressテーマ「ystandard」の子テーマ
Version: 4.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*==============================
共通
==============================*/

/*文字詰め
------------------------------*/
p,
h1,
h2,
h3,
h4,
h5,
h6 {
 font-feature-settings: "palt" !important;
}

p {
 line-height: 1.9em !important;
 /* margin-block-end: 1.3em !important; */
}





/*==============================
画像設定
==============================*/

/*ホバー透過
------------------------------*/
.image-opa a:hover {
 opacity: 0.85;
}

/*ホバー透過
------------------------------*/
.image-opa a:hover {
 opacity: 0.85;
}



/*==============================
無料体験会用ドロップシャドウ
==============================*/

/*ホバーで透過
------------------------------*/

.img-bright a:hover {
 opacity: 0.8;
}


.shadow-org {
 filter: drop-shadow(12px 12px 12px rgba(16, 0, 81, 0.8));
}

.shadow-org:hover {
 /* ホバー時に影を消す */
 filter: none;
}


/*==============================
ysアイコンリスト
==============================*/

.ystdtb-icon-list li:first-child {
 margin-top: 5px;
}

.ystdtb-icon-list li {
 margin-top: 15px;
}

.ystdtb-icon-list li:last-child {
 margin-bottom: 5px;
}

/*==============================
目次
==============================*/
#ez-toc-container {
 margin: 2em auto 0 auto;
}

/*==============================
改行タグ
==============================*/


/*　PC改行　*/
@media screen and (min-width: 650px) {
 .br-pc {
  display: block;
 }

 .br-sp {
  display: none;
 }
}

/*　SP改行　*/
@media screen and (max-width: 650px) {
 .br-pc {
  display: none;
 }

 .br-sp {
  display: block;
 }
}


/*==============================
ボタン スマホセンタリング
==============================*/
@media screen and (max-width: 650px) {
 .btn-sp {
  margin: 20px auto 0 auto !important;
  text-align: center !important;
 }
}

.ystdb-custom-button__link {
 box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
}

@media(hover: hover) {
 .ystdb-custom-button__link:hover {
  background-color: #f89742 !important;
 }
}


/*==============================
 Google Map
==============================*/
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
 padding-top: 52% !important;
}

/*タブレット*/

@media screen and (min-width: 768px) and (max-width: 1023px) {
 .wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
  padding-top: 72% !important;
 }
}

/*スマホ*/

@media screen and (max-width: 767px) {
 .wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
  padding-top: 72% !important;
 }
}

iframe {
 width: 100%;

 aspect-ratio: 16/9;
}




/*==============================
固定ページ｜記事下リンク集 無料体験会用ドロップシャドウ
==============================*/

/*ホバーで透過
------------------------------*/

.article-bottom-links-img-bright a:hover {
 opacity: 0.8;
}


.article-bottom-links-shadow-org {
 filter: drop-shadow(4px 4px 4px rgba(57, 57, 57, 0.2));
}

.article-bottom-links-shadow-org:hover {
 /* ホバー時に影を消す */
 filter: none;
}


/*==============================
固定ページ｜記事下リンク集
==============================*/

.article-bottom-links {
 border-radius: 10px !important;
 box-shadow: 0 3px 5px rgba(23, 3, 71, 0.1) !important;
 padding: 0 0 0.8em 0 !important;

}

.article-bottom-links img {
 border-radius: 10px 10px 0 0 !important;
}

.article-bottom-links:hover {
 opacity: 0.7;
}


.article-bottom-links .wp-block-paragraph {
 padding: 0 0.7em !important;
 line-height: 1.4em;
}



/*==============================
固定ページ｜記事下クラブ紹介
==============================*/

.article-bottom-clubinfo-box {
 border-radius: 10px;
 box-shadow: 0 3px 5px rgba(23, 3, 71, 0.1) !important;
 padding: 0 0 15px 0 !important;
}


.article-bottom-clubinfo-box.ystdb-column img {
 border-radius: 10px 10px 0 0 !important;
}


.article-bottom-clubinfo-box .ystdb-column.has-background {
 padding: 0em 0em 1.2em 0em !important;

}

@media(max-width: 1024px) {

 .article-bottom-clubinfo-box .ystdb-column.has-background {
  padding: 0em 0em 1.2em 0em !important;

 }
}


/*スマホ
------------------------------*/

.article-bottom-clubinfo-box-media-text:first-child {
 border-radius: 10px !important;
 box-shadow: 0 3px 5px 2px rgba(23, 3, 71, 0.1) !important;
 margin: 0 0 0 0 !important;
}

.article-bottom-clubinfo-box-media-text {
 border-radius: 10px !important;
 box-shadow: 0 3px 5px 2px rgba(23, 3, 71, 0.1) !important;
 margin: 26px 0 !important;
}

.article-bottom-clubinfo-box-media-text:last-child {
 border-radius: 10px !important;
 box-shadow: 0 3px 5px 2px rgba(23, 3, 71, 0.1) !important;
 margin: 0 0 0 0 !important;
}


.article-bottom-clubinfo-box-media-text .wp-block-media-text__media img {
 border-radius: 0 10px 10px 0 !important;
 box-shadow: 0 3px 5px 2px rgba(23, 3, 71, 0.1) !important;
}




/*スマホ
------------------------------*/

.article-bottom-clubinfo-media-text:first-child {
 border-radius: 10px !important;
 box-shadow: 0 3px 5px rgba(23, 3, 71, 0.1) !important;
 border-top: 2px solid #f4f4f4;
 margin: 0 0 0 0 !important;
}

.article-bottom-clubinfo-media-text {
 border-radius: 10px !important;
 box-shadow: 0 3px 5px rgba(23, 3, 71, 0.1) !important;
 border-top: 2px solid #f4f4f4;
 margin: 26px 0 !important;
}

.article-bottom-clubinfo-media-text:last-child {
 border-radius: 10px !important;
 box-shadow: 0 3px 5px rgba(23, 3, 71, 0.1) !important;
 border-top: 2px solid #f4f4f4;
 margin: 0 0 0 0 !important;
}


.article-bottom-clubinfo-media-text .wp-block-media-text__media img {
 border-radius: 0 10px 10px 0 !important;
 box-shadow: 0 3px 5px rgba(23, 3, 71, 0.1) !important;
}



/*==============================
ロゴ
==============================*/
.site-branding .custom-logo {
 display: inline-block;
}

@media (min-width: 769px) {

 .header-type--center .site-branding {
  padding: 0.8em 0 0.5em 0 !important;
 }
}



/*==============================
グローバルナビ
==============================*/


/*メニューパディングとフォントサイズ
------------------------------*/
.global-nav__container {
 padding: 0 0 14px 0 !important;
 font-size: 11px !important;
}


/*メニューボーダー
------------------------------*/

.global-nav__menu>.menu-item>a:after {
 bottom: -15px;
 height: 4px;
 background-color: #101A9E;
}

.global-nav__menu>.menu-item>a {
 padding: 0;
}

/*メニュー体験申込みボタン
------------------------------*/
.menu-item-290 {
 background-color: #06c755;
 padding: 6px 10px 6px 10px;
 border-radius: 10px;
 font-weight: bold;
}


.global-nav__container .menu-item-290 a {
 color: #ffffff !important;
 font-weight: bold;
}


.menu-item-290:hover {
 background-color: #2ddf77;
}

.global-nav__menu>.menu-item-290>a:after {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 0;
 height: 0;
 background-color: transparent !important;
 content: "";
 transition: width 0.3s;
}

/*メニューフォントサイズ
------------------------------*/
.global-nav__menu li {
 font-size: 14px !important;
}


/*サブメニューフォント
------------------------------*/

.global-nav__menu .menu-item-has-children .sub-menu {
 /* font-size: 0.9em; */
 font-weight: bold;
}

/*トグルメニュー　パディング
------------------------------*/
@media (max-width: 768px) {
 .global-nav {
  padding: 10% 2em 2em !important;
 }
}


/*==============================
グローバルナビ｜トグルメニュー
==============================*/

@media screen and (max-width: 780px) {
 .global-nav__menu>.menu-item {
  margin-top: 1.5em !important;
 }

 .sub-header.is-mobile .sub-header__nav {
  margin-top: 1em !important;
  padding-top: 1em !important;
 }
}


/*==============================
トップページ
==============================*/

.post-10 .site-content {
 margin-top: 0 !important;
}


/*==============================
トップページ｜選ばれる理由10選
==============================*/

.youtube-padding {
 padding: 0 100px;
}

@media (max-width: 769px) {

 .youtube-padding {
  padding: 0;
 }
}




/*==============================
トップページ｜クラブ紹介
==============================*/


.clubinfo-box {
 border-radius: 10px;
 box-shadow: 0 3px 5px rgba(23, 3, 71, 0.1) !important;
 padding: 0 0 15px 0 !important;
}


.clubinfo-box.ystdb-column img {
 border-radius: 10px 10px 0 0 !important;
}


.clubinfo-box .ystdb-column.has-background {
 padding: 0em 0em 1.2em 0em !important;

}

@media(max-width: 1024px) {
 .clubinfo-box .ystdb-column.has-background {
  padding: 0em 0em 1.2em 0em !important;

 }
}

/*スマホ
------------------------------*/

.clubinfo-box-media-text:first-child {
 border-radius: 10px !important;
 box-shadow: 0 3px 5px 2px rgba(23, 3, 71, 0.1) !important;
 margin: 0 0 0 0 !important;
}

.clubinfo-box-media-text {
 border-radius: 10px !important;
 box-shadow: 0 3px 5px 2px rgba(23, 3, 71, 0.1) !important;
 margin: 26px 0 !important;
}

.clubinfo-box-media-text:last-child {
 border-radius: 10px !important;
 box-shadow: 0 3px 5px 2px rgba(23, 3, 71, 0.1) !important;
 margin: 0 0 0 0 !important;
}


.clubinfo-box-media-text .wp-block-media-text__media img {
 border-radius: 0 10px 10px 0 !important;
 box-shadow: 0 3px 5px 2px rgba(23, 3, 71, 0.1) !important;
}





/*==============================
トップページ｜保護者様の声セクション
==============================*/

/*カルーセルスライダー
---------------------------------*/

.post-10 .review-slide .wp-block-cb-slide-v2 {
 overflow: hidden;
 border: 1px solid #d2d2d2;
 border-top: 0.8em solid #101A9E;
 border-radius: 10px;
 background-color: #ffffff;
 padding: 14px;
 background-clip: padding-box;
}

.review-slide p {
 line-height: 1.6em !important;
}



/*==============================
トップページ｜イベント活動セクション
==============================*/

/*カルーセルスライダー
---------------------------------*/

.post-10 .event-slide .swiper {
 border-radius: 20px !important;
}



.post-10 .event-slide .wp-block-cb-slide-v2 img {
 border-radius: 20px !important;
 overflow: hidden !important;
}


/*==============================
トップページ｜ブログ
==============================*/

.ys-posts__content p {
 line-height: 1.5em !important;
}



/*==============================
トップページ｜よくある質問
==============================*/
.is-faq--q {
 border-radius: 16px !important;
}

.is-faq--q p {
 line-height: 1.4em !important;
 margin-block-end: 0 !important;
}

.ys-posts__thumbnail img {
 border-radius: 6px !important;
}

.ystdtb-faq-item__label {
 padding-bottom: 5px;
}





/*==============================
フッター
==============================*/

footer .container {
 max-width: 1080px;
}

.page-id-10 .footer-main {
 margin-top: 0;
}

.footer-main {
 margin-top: 2em;
 padding-top: 2em;
 padding-bottom: 0.5em;
 overflow: hidden;
}

footer p {
 font-size: 15px;
 line-height: 2em;
}

footer p a:hover {
 color: #c7c7c7;

}

/*SNS
---------------------------------*/
.insta-footer {
 color: #CF2E92;
 font-size: 18px;

}

.line-footer {
 color: #00B900;
 font-size: 18px;
}

.fb-footer {
 color: #1877f2;
 font-size: 18px;
}


/*コピーライトエリア
---------------------------------*/
.site-info {
 margin-top: 0 !important;
 background-color: #101A9E;
 padding: 20px 0;
 color: #ffffff;
}

@media screen and (max-width: 500px) {
 .page-id-314 .site-info {
  padding-bottom: 5%;
 }

 .site-info {
  padding-bottom: 30%;
 }
}


footer :where(.wp-block-columns) {
 margin-bottom: 1em !important;
}




/*==============================
固定ページ｜保護者様の声セクション
==============================*/

/*保護者様の声タイトル
---------------------------------*/
.voice-title-style {
 font-size: 1.8em;
 line-height: 1.4em !important;
 margin: 1em 0;
 font-weight: bold;
 color: #ff7c09;
}


/*==============================
固定ページ｜D-Forceについて
==============================*/

.teaching-philosophy-links {
 border-radius: 10px !important;
 border: 1px solid #e2e2e2;

}

.teaching-philosophy-links img {
 border-radius: 10px 10px 0 0 !important;
}


.teaching-philosophy-links-title {
 margin: 0.8em 0 0 0 !important;
 font-size: 22px;
 color: #FF7C09;
}

.teaching-philosophy-links-text {
 margin: 0.5em 0 0.8em 0 !important;
 padding: 0 1.4em 1em 1.4em;
 font-size: 14px;
 line-height: 1.6em !important;
 text-align: left !important;
}




.corporate-philosophy p {
 line-height: 1.9em !important;
 margin-block-end: 0 !important;
}




/*==============================
固定ページ｜よくある質問
==============================*/


/*パディング設定
------------------------------*/

.pc_pt10-sp_pt0 {
 padding-top: 10px !important;
}

/*　SP改行　*/
@media screen and (max-width: 650px) {
 .pc_pt10-sp_pt0 {
  padding-top: 0 !important;
 }
}





/*==============================
投稿関連
==============================*/

/*サムネイル画像
---------------------------------*/

.ratio .ratio__item {
 border-radius: 10px !important;
}





/*==============================
カルーセルスライダー｜矢印設定
==============================*/
.swiper-button-next::after,
.swiper-button-prev::after {
 font-family: "Font Awesome 5 Free" !important;
 font-weight: 900 !important;
}

.swiper-button-next,
.swiper-button-prev {
 width: 20px !important;
 height: 20px !important;
 border-radius: 10px !important;
 background: #fff !important;
 box-shadow: 0 5px 20px rgba(0, 0, 0, .15) !important;
}

.swiper-button-next:after {
 content: "\f105" !important;
 font-weight: bold;
 font-size: 10px !important;
}

.swiper-button-prev:after {
 content: "\f104" !important;
 font-weight: bold;
 font-size: 10px !important;
}

.wp-block-cb-carousel-v2[data-cb-pagination=true] .swiper-horizontal {
 margin-bottom: calc(var(--wp--custom--carousel-block--pagination-bullet-size, 16px)*4);
}


@media (max-width: 768px) {

 .wp-block-cb-carousel-v2[data-cb-pagination=true] .swiper-horizontal {
  margin-bottom: calc(var(--wp--custom--carousel-block--pagination-bullet-size, 14px)*4);
 }

 .swiper-button-prev {
  left: -5px !important;
 }

 .swiper-button-next {
  right: -5px !important;
 }
}


/*==============================
カルーセルスライダー｜アコーディオン　ボタン
==============================*/
.wp-block-accordion-item {
 border-radius: 10px !important;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
 box-shadow: none !important;
}




/*==============================
アーカイブページ
==============================*/
.blog-h2 {
 font-size: 24px;
 margin: 0 0 1em 0;
}



.archive__main {
 max-width: 900px !important;
}

.blog .site-content {
 margin-top: 0 !important;
}

/*パンくずリスト
---------------------------------*/
.blog .breadcrumbs .container {
 max-width: 930px !important;
 margin-top: 1em;
 margin-bottom: 1em;
}



/*==============================
投稿ページ
==============================*/


/*見出しマージン
------------------------------*/
.post-template-default .entry-content h1,
.post-template-default .entry-content h2,
.post-template-default .entry-content h3,
.post-template-default .entry-content h4,
.post-template-default .entry-content h5,
.post-template-default .entry-content h6 {
 margin: 2em 0 1em 0 !important;
}



/*投稿ページコンテンツ幅
------------------------------*/
.single-post .site-content .container {
 max-width: 1080px !important;
}

@media (min-width: 1025px) {
 .single-post .site-content {
  --ystd-container-margin-vertical: calc(var(--ystd-layout-gap)*1);
 }
}


/*パンくずリスト
---------------------------------*/
.single-post .breadcrumbs .container {
 max-width: 1080px !important;
 margin-top: 1em;
 margin-bottom: 0;
}



/*関連記事
------------------------------*/
.post-related__title {
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 24px;
 text-align: center;
 color: #101A9E;
}

.post-related__title::before,
.post-related__title::after {
 content: "";
 width: 50px;
 height: 3px;
 background-color: #101A9E;
 border-radius: 3px;
}

.post-related__title::before {
 margin-right: 20px;
}

.post-related__title::after {
 margin-left: 20px;
}


/*ページング
---------------------------------*/
.entry-footer .paging {
 margin-top: 2em !important;
}

.paging__image img {
 border-radius: 8px !important;
}


/*記事下バナー＆リンク集
---------------------------------*/
.after-content-widget {
 margin-top: 3em !important;
}



/*==============================
サイトマップ
==============================*/

.post-1773 h2 {
 margin-top: 40px !important;
}



/*==============================
先頭へ戻るボタン
==============================*/
#back-to-top {
 right: 1vh;
 bottom: 5vh;
}

@media screen and (max-width: 500px) {
 #back-to-top {
  right: 1vh !important;
  bottom: 15.5vh !important;
 }
}

/*==============================
フロートバナー
==============================*/

/*PC
---------------------------------*/
[id^="bfb_content_"].bfb_view_pc.bfb_imgBanner.bfb_view_pc.bfb_rb {
 right: 70px !important;
}

/*スマホ
---------------------------------*/
[id^="bfb_content_"].bfb_view_sp {
 width: 100% !important;
}

[id^="bfb_content_"].bfb_view_sp.bfb_imgBanner.bfb_rb {
 top: auto;
 left: 0;
 right: auto;
 bottom: 0;
}

[id^="bfb_content_"].bfb_view_sp {
 background-color: transparent !important;
}

/*クローズボタン　
---------------------------------*/
[id^="bfb_content_"].bfb_view_sp .bfb_closed {
 right: 90% !important;
}