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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** common
************************************/
/* デフォルトのh1、日付、投稿者非表示 */
header.article-header.entry-header,
footer.article-footer.entry-footer {
	display: none;
}

/* シングルページのh1を表示 */
.single header.article-header.entry-header {
	display: block;
}

/* resetCSS */
body {
	background: #fff;
}

/* resetCSS */
a {
	text-decoration: none;
	color: #333;
	transition: linear .3s;
}

/* 基本動作 */
a:hover {
	color: #333;
} 

/* resetCSS */
ul,
ol,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* resetCSS */
.article ul li,
.article ol li {
    margin: 0;
}

/* デフォルトの幅広く */
.wrap {
	width: 100%;
}

/* デフォルトレイアウト */
h2.wp-block-heading,
h2.wp-block-post-title {
	padding: 0;
	background: #fff;
}

/* デフォルトレイアウト */
h3.wp-block-heading {
	border: none;
	padding-left: 35px;
	position: relative; 
}

/* 疑似要素付与 */
h3.wp-block-heading::before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background: #d50e18;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

/* 余白削除 */
.main {
	padding-block: 0;
	padding-inline: 20px;
}

/* レスポンシブ時のレイアウト */
@media screen and (max-width: 834px) {
    main.main {
        padding: 0 15px;
    }
}

/* コンテント幅指定 */
.no-sidebar .content .main {
	max-width: 1440px;
	margin-inline: auto;
}

/* ボタンのアニメーション */
a.smb-btn {
	border: 1px solid transparent;
	transition: linear .3s;
}

/* ホバー時の挙動 */
a.smb-btn:hover {
	filter: brightness(1);
	background: #fff;
	color: #333;
	border: 1px solid currentColor;
}

/* ゴーストのホバー時の挙動 */
.wp-block-snow-monkey-blocks-btn.is-style-ghost a.smb-btn:hover {
	background: #333;
	color: #fff;
}

/* ホバー時の挙動 */
a.header-item__link:hover,
.appeal-item__link:hover,
h2.wp-block-post-title a:hover {
	opacity: .6;
}

span.cat-label.cat-label-1 {
    color: rgba(51, 51, 51, 0.7);
    background: #fff;
    border-color: currentColor;
}

span.cat-label {
	font-weight: 700;
}

/************************************
** header
************************************/
/* デフォルトのヘッダー非表示 */
div#header-container {
	display: none;
}

/* headerの背景 */
.l-background {
	background: #000;
}

/* ヘッダーレイアウト */
.header-wrapper {
	display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1440px;
    margin-inline: auto;
    padding-inline: 20px;
}

/* レスポンシブ時非表示 */
@media screen and (max-width: 1023px) {
	.header-wrapper {
		display: none;
	}
}

/* ロゴとメニューを横並び */
.header-wrapper__left {
	display: flex;
	gap: 2rem;
	align-items: center;
}

.header-logo {
	
}

a.header-logo__img {
	display: block;
	padding-block: 10px;
}

/* ロゴホバー時の挙動 */
.header-logo__img:hover {
	opacity: .6;
}

/* メニューの幅 */
.header-items {
	display: flex;
	align-items: center;
	gap: 2rem;
}

/* メニューのフォント */
.header-item__link {
	font-weight: 700;
	color: #fff;
}

/* ホバー時の挙動 */
.header-items .header-item__link:hover {
	color: #fff;
}

.header-tel {
	
}

/* TELリンクのレイアウト */
._tel-link {
	border: 1px solid #fff;
	padding: 5px 10px;
}

/* TELリンクホバー時の挙動 */
a.header-item__link._tel-link:hover {
	background: #fff;
	color: #333;
	opacity: 1;
}

/************************************
** アピールエリア
************************************/
/* 余白削除 */
aside#custom_html-2 {
    margin-bottom: 0;
}

/* 上下にボーダー */
.content-top {
    border-block: 1px solid #333;
	margin: 0 0 1rem;
}

/* appealエリアのレイアウト */
.appeal-wrapper {
	display: flex;
	flex-direction: column;
}

/* アピールエリアのメニューレイアウト */
.appeal-items {
	display: flex;
    justify-content: space-between;
    align-items: center;
	padding: 20px;
	width: 100%;
	max-width: 1440px;
	margin-inline: auto;
}

/* レスポンシブ時非表示 */
@media screen and (max-width: 1023px) {
	.appeal-items {
		display: none;
	}
}

/* アピールメニューテキスト左寄せ */
.appeal-item__link {
	text-align: left;
	position: relative;
	padding-left: 35px;
}

/* appealリンクに疑似要素 */
.appeal-item__link::before {
	position: absolute;
	top: 0;
	left: 0;
}

/* フォントオーサム使用 */
._about::before,
._voice::before,
._blog::before,
._faq::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.3rem;
    line-height: 25px;
}

/* 私たちについてのアイコン */
._about::before {
	content: "\f1b2";
}

/* お客様の声アイコン */
._voice::before {
	content: "\f028";
}

/* ブログアイコン */
._blog::before {
	content: "\f303";
}

/* よくある質問アイコン */
._faq::before {
	content: "\f059";
}

/* メニューのフォント */
.appeal-item__mune {
	font-weight: 700;
}

/* メニューサブテキストのフォント */
.appeal-item__text {
	font-size: 14px;
}

/* アピールテキストのレイアウト */
.appeal-area {
	padding: 15px;
	background: #FFA500;
}

/* アピールテキストのフォント */
.appeal-news {
	font-weight: 700;
	text-align: center;
}

/* レスポンシブ時のレイアウト */
@media screen and (max-width :400px) {
	.appeal-news {
		text-align: left;
	}
}

/************************************
** ドロワー
************************************/
/* ヘッダー上部背景 */
.mobile-menu-buttons {
	background: #000;
}

/* ドロワーコンテントヘッダーのレイアウト */
.menu-close-button {
	background: #000;
	color: #fff;
}

/* ドロワーメニューボタンcolor */
label#navi-menu-open {
	color: #fff;
}

/* ドロワーコンテントのレイアウト */
.menu-content .menu-drawer {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	padding-top: 30px;
}

/* ドロワーメニューレイアウト */
.menu-drawer a {
	font-weight: 700;
	position: relative;
	padding-left: 30px;
}

/* ドロワーメニューに疑似要素 */
.menu-drawer a::before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

/* フォントオーサムレイアウト */
.menu-drawer .home a::before,
.menu-drawer .service a::before,
.menu-drawer .training a::before,
.menu-drawer .about a::before,
.menu-drawer .voice a::before,
.menu-drawer .blog a::before,
.menu-drawer .faq a::before,
.menu-drawer .contact a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.1rem;
    line-height: 20px;
}

/* ホームのアイコン */
.menu-drawer .home a::before {
	content:"\f015";
}

/* serviceのアイコン */
.menu-drawer .service a::before {
	content:"\f4c4";	
}

/* パーソナルトレーニングのアイコン */
.menu-drawer .training a::before {
	content:"\f44b";	
}

/* 私たちについてのアイコン */
.menu-drawer .about a::before {
	content:"\f1b2";
}

/* お客様の声のアイコン */
.menu-drawer .voice a::before {
	content:"\f028";	
}

/* ブログのアイコン */
.menu-drawer .blog a::before {
	content:"\f303";	
}

/* よくある質問のアイコン */
.menu-drawer .faq a::before {
	content:"\f059";	
}

/* お問い合わせのアイコン */
.menu-drawer .contact a::before {
	content:"\f0e0";	
}

/* ドロワーメニューTELのレイアウト */
li.header-menu__tel a {
	padding: 5px 10px;
	border: 1px solid #333;
	text-align: center;
}

/* ドロワーメニューTELの疑似要素非表示 */
li.header-menu__tel a::before {
	display: none;
}

/************************************
** TOP
************************************/
/* 投稿の余白削除 */
.wp-block-snow-monkey-blocks-section.top-section2 .wp-block-group.is-layout-flow.wp-block-group-is-layout-flow {
	padding-inline: 0 !important;
	padding-top: 50px !important;
	position: relative;
}

/* 投稿コンテンツレイアウト */
.custom-post-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px;
	margin-bottom: 2em;
}

/* 投稿コンテンツレイアウト */
@media screen and (max-width: 781px) {
	.custom-post-grid {
		grid-template-columns: repeat(1, 1fr);
	}
}

/* 投稿のitemを基点 */
.custom-post-item {
	position: relative;
}

/* カテゴリータグのレイアウト */
.post-category {
    display: inline-block;
    padding: 4px 10px;
	font-size: 14px;
	font-weight: 700;
    color: #fff;
	position: absolute;
	top: 0;
	left: 0;
}

/* カテゴリー別ラベル色例 */
.post-category-blog { 
	background-color: #800080; 
}     /* ブログ */

.post-category-news { 
	background-color: #1E90FF; 
}     /* お知らせ */

/* アイキャッチ画像のサイズ調整 */
.post-thumbnail img {
	width: 100%;
	height: auto;
	object-fit;: cover;
}

/* 投稿タイトル */
h3.post-title {
    margin: 12px 0 12px;
	padding: 0;
	border: none;
}

/* 投稿タイトル */
.post-title a {
    text-decoration: none;
    color: #333;
	transition: opacity .3s linear;
}

/* 投稿タイトルホバー時の挙動 */
.post-title a:hover {
	opacity: .6;
}

/* 投稿抜粋文 */
.post-excerpt {
    font-size: 0.95em;
    color: #555;
}

/* 投稿日付 */
.post-date {
    font-size: 0.85em;
    color: #999;
    margin-top: 10px;
}

/* 他の投稿を見るボタンのコンテント */
.view-more-wrapper {
    margin-top: 30px;
}

/* 他の投稿を見るボタンのレイアウト */
.view-more-button {
    display: inline-block;
	color: #333;
    text-decoration: none;
    font-weight: bold;
	padding: 8px 17px;
    transition: opacity 0.3s linear;
	position: relative;
}

/* 他の投稿を見るボタンホバー時の挙動 */
.view-more-button:hover {
    opacity: .6;
}

/* 他の投稿を見るに矢印付与 */
.view-more-button::after {
	content: "\f105";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

/* 出典リンクのホバー時の挙動 */
.source-link:hover {
	opacity: .6;
}

/* コンテンツスライダーの矢印のレイアウト */
.spider__arrow {
	border: 1px solid #333;
	border-radius: 50%;
}

/* 矢印のカラー */
.spider__arrow[data-direction=next]:before,
.spider__arrow[data-direction=prev]:before {
	border-color: #333;
}

/************************************
** サービス
************************************/
/* ベネフィット文章のレイアウト */
.smb-information__body {
    padding-block: 20px;
    border-bottom: 1px solid #333;
}

/************************************
** 私たちについて
************************************/
.wp-block-group.l-margin__auto {
	margin-inline: auto;
}

/* これまでの歩みの沿革レイアウト */
.wp-block-snow-monkey-blocks-information.smb-information.l-custom__style {
	max-width: 550px;
	margin-inline: auto;
}

/* これまでの歩みの沿革の下にボーダー削除 */
.wp-block-snow-monkey-blocks-information.smb-information.l-custom__style .smb-information__body {
	border-bottom: none;
}

/* 画像を左側に配置 */
figure.wp-block-image.l-img__left img {
	width: 55%;
	margin-right: auto;
}

/* 画像を右側に配置 */
figure.wp-block-image.l-img__right img {
	width: 55%;
	margin-left: auto;
}

/* 設立の背景を反転 */
@media screen and (max-width: 781px) {
	.wp-block-columns.l-reverse {
		flex-direction: column-reverse;
	}
}


/************************************
** about-section4
************************************/
/* グリッドレイアウト */
.wp-block-snow-monkey-blocks-section.about-section4 .wp-block-group.is-layout-grid {
	grid-template-columns: repeat(2, 1fr);
}

@media screen and (min-width: 782px) {
	.wp-block-snow-monkey-blocks-section.about-section4 .wp-block-group.is-layout-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (min-width: 1024px) {
	.wp-block-snow-monkey-blocks-section.about-section4 .wp-block-group.is-layout-grid {
		grid-template-columns: repeat(6, 1fr);
	}
}


/************************************
** FAQ
************************************/
/* Qのレイアウト */
.is-style-accordion > .faq > .faq-question {
	background: #fff;
	border-bottom: 1px solid #333;
}

/* 開閉ボタン */
.is-style-accordion > .faq > .faq-question.active::before {
	content: "∨";
}

/* 開閉ボタン */
.is-style-accordion > .faq > .faq-question::before {
	content: "∧";
	opacity: 1;
	font-weight: 700;
}

/* QAのフォント */
.faq-item-label {
	font-weight: 700;
}

/************************************
** パーソナルトレーニング
************************************/
/* ステップ〇を非表示 */
.timeline-item:before {
	display: none;
}

/* ステップボーダーを非表示 */
.timeline-item-content {
	border-left: none;
}

/* ステップ囲いボーダーを非表示 */
.cocoon-block-timeline.not-nested-style {
	border: none;
}

/* タイトル下にボーダー、余白 */
.timeline-item-title {
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
}

/* ステップテキストに上部余白 */
.timeline-item-snippet {
    margin-top: 10px;
}

/* ステップラベルのレイアウト */
.timeline-item-label {
	padding-left: 1em;
	background: #d41018;
	font-weight: 700;
	text-align: center;
	position: relative;
	overflow: visible;
	color: #fff;
}

/* ステップラベルのレスポンシブ時のレイアウト */
@media screen and (max-width: 480px) {
    .timeline-item-label {
        width: 110px;
        float: left;
    }
}

/* ステップラベルの下に逆三角の疑似要素 */
.timeline-item-label::after {
	content: "";
	position: absolute;
	clip-path: polygon(50% 100%, 0 55%, 100% 55%);
	bottom: -18px;
	left: 0;
	width: 100%;
	height: 40px;
	background: #d41018;
}

/* タイムライン間のレイアウト */
.timeline > li.timeline-item {
	margin-bottom: 2.5rem;
	overflow: visible;
	display: flex;
}

/* レスポンシブ時のレイアウト */
@media screen and (max-width: 480px) {
    .timeline > li.timeline-item {
        border-left: none
    }
}

/* レスポンシブ時のレイアウト */
@media screen and (max-width: 480px) {
    .timeline-item-content {
        width: calc(100% - 110px);
        float: right;
    }
}

/* レスポンシブ時のレイアウト */
@media screen and (max-width: 480px) {
    .timeline-box .timeline {
        padding-left: 0px;
    }
}

/* ステップラベルが見切れないように */
.cocoon-block-timeline.not-nested-style {
	overflow: hidden;
	padding-bottom: 20px;
}

/* アメニティのレイアウト */
.amenity-content ul {
	padding-left: 1.5rem;	
}

/* アメニティのリストにdisc付与 */
.amenity-content li {
	list-style: disc;

}

.wp-block-columns.column-height__flex .wp-block-column {
	display: flex;
	flex-direction: column;
}

.wp-block-columns.column-height__flex .wp-block-column .wp-block-group {
	flex: 1;
}

/************************************
** training-section4
************************************/
/* tableの幅 */
.wp-block-snow-monkey-blocks-section.training-section4 table {
	max-width: 1000px;
	margin-inline: auto;
}

/* tableの左レイアウト */
.wp-block-snow-monkey-blocks-section.training-section4 table tr td:first-child {
	background: #d41018;
	color: #fff;
	width: 25%;
    text-align: center;
	border-inline: 1px solid #333;
	font-weight: 700;
}

/* レスポンシブ時の幅 */
@media screen and (max-width: 781px) {
	.wp-block-snow-monkey-blocks-section.training-section4 table tr td:first-child {
		width: 40%;
	}
}

/* tableの左最初レイアウト */
.wp-block-snow-monkey-blocks-section.training-section4 table tr:first-child td:first-child {
	border-top: 1px solid #333;
}

/* tableの左最後のレイアウト */
.wp-block-snow-monkey-blocks-section.training-section4 table tr:last-child td:first-child {
	border-bottom: 1px solid #333;
}

/* tableの右のレイアウト */
.wp-block-snow-monkey-blocks-section.training-section4 table tr td:last-child {
	text-align: center;
	border: 1px solid #333;
}

/************************************
** お問い合わせ
************************************/
/************************************
** contact-section4
************************************/
/* アクセス情報のレイアウト */
.wp-block-snow-monkey-blocks-section.contact-section4 .smb-information__body {
	border-bottom: none;
}

/* アクセス情報ラベルのレイアウト */
.wp-block-snow-monkey-blocks-section.contact-section4 .smb-information .smb-information__item__label {
	background: #333;
	color: #fff;
	padding-block: 3px;
	font-weight: 700;
}

/* アクセス情報ラベルのレイアウト */
.wp-block-snow-monkey-blocks-section.contact-section4 .smb-information__item>.c-row>*>* {
    flex-grow: 0;
}

/* Mapのレスポンシブ */
@media screen and (max-width: 781px) {
	.wp-block-snow-monkey-blocks-section.contact-section4 iframe {
		height: 450px;
	}
}


/************************************
** contactform
************************************/
.l-inner {
	padding-inline: 10px;
}

/* contactformのレイアウト */
.contact__items {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
@media screen and (min-width: 768px) {
  .contact__items {
    margin-top: 51px;
    max-width: 1000px;
    margin-inline: auto;
  }
}

/* headとinputのレイアウト */
.contact-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

@media screen and (min-width: 768px) {
  .contact-control {
	flex-direction: row;
    gap: 37px;
  }
}

/* headのレイアウト */
.contact-control__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
  gap: 8px;
  width: 270px;
}

@media screen and (min-width: 768px) {
  .contact-control__head {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    gap: 16px;
  }
}

/* ラベルのフォントサイズ */
@media screen and (min-width: 768px) {
  .contact__label {
    font-size: 18px;
  }
}

/* 必須のラベルのレイアウト */
.form-label__required {
  font-size: 14px;
  color: #de5656;
}

@media screen and (min-width: 768px) {
  .contact-control__input {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

/* 入力欄のレイアウト */
.contact__input {
  width: 100%;
  height: 56px;
  background: #fff;
  border: 1px solid #2f2f2f;
  font-size: 16px;
  padding: 16px;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}

@media screen and (min-width: 768px) {
  .contact__input {
    height: 50px;
    padding: 13px 13px 14px 23px;
  }
}

/* 入力欄にフォーカスがあたったときのレイアウト */
.contact__input:focus {
  outline: #2f2f2f 1px;
  -webkit-box-shadow: 0px 0px 4px 0px #2f2f2f;
          box-shadow: 0px 0px 4px 0px #2f2f2f;
  border-color: #2f2f2f;
}

/* お問い合わせ欄のレイアウト */
.contact__textarea {
  width: 100%;
  background: #fff;
  height: 160px;
  resize: vertical;
  font-size: 16px;
/*   border: 1px solid #2f2f2f; */
  padding: 13px 13px 13px 16px;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}

@media screen and (min-width: 768px) {
  .contact__textarea {
    padding: 13px 13px 14px 23px;
  }
}

/* テキストエリアにフォーカスがあたったときのレイアウト */
.contact__textarea:focus {
  outline:#2f2f2f 1px;
  -webkit-box-shadow: 0px 0px 4px 0px #2f2f2f;
          box-shadow: 0px 0px 4px 0px #2f2f2f;
  border-color: #2f2f2f;
}

/* 確認チェックボックスにフォーカスがあたったときのレイアウト */
input.form-confirmation:focus {
	  outline: #2f2f2f 1px;
  -webkit-box-shadow: 0px 0px 4px 0px #2f2f2f;
          box-shadow: 0px 0px 4px 0px #2f2f2f;
  border-color: #2f2f2f;
}

/* 確認チェックボックスのレイアウト */
span.wpcf7-list-item {
	display: block;
	text-align: center;
	margin-top: 1rem;
}

/* 確認チェックボックスのレイアウト */
@media (min-width: 1700px) {
	span.wpcf7-list-item {
		margin-top: 2rem;
}
}

/* アンダーライン追加 */
a.policy-link {
	text-decoration: underline;
}

a.policy-link:hover {
	color: #de5656;
}

/* contactボタンの配置 */
.contact__button {
  margin-top: 40px;
  text-align: center;
}

/* contactボタンのレイアウト */
input[type=submit] {
    display: inline-block;
	width: 300px;
    min-width: 300px;
    padding: 15px 4px;
    background: #2f2f2f;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.9px;
    font-weight: 700;
    text-align: center;
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
    position: relative;
}

/* 無効時のボタンレイアウト */
input[type=submit]:disabled {
	background: #EBEBE4;
	color: #808080;
	border-color: currentcolor;
	outline: 2px solid transparent;
}

/* 無効時にホバーが効かないように */
input[type=submit]:disabled:hover {
	cursor: not-allowed;
}

/* 無効時にホバーを効かないように */
input[type=submit]:not(:disabled):hover {
	background: #fff;
	color: #2f2f2f;
	border: 1px solid currentcolor;
}

/* 確認チェックボタンの配置調整 */
@media (max-width: 1024px) {
	span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item {
	margin-left: 0;
}
}

/* 送信ボタン下余白調整 */
.l-contact-box .contact__button {
	margin-bottom: 1.8rem !important;
}

/* 送信後メッセージ下の余白調整 */
.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1rem !important;
}

/************************************
** プライバシーポリシー
************************************/
.l-text__link a:hover {
	opacity: .6;
}
/************************************
** コンテンツ下部
************************************/
/* コンテンツ下のレイアウト */
.content-bottom {
	max-width: 1440px;
	margin-inline: auto;
	padding: 8px;
}

/* コンテンツ下のレイアウト */
.content-bottom-in {
	padding-block: 50px;
	border: 1px solid #333;
}

/* コンテンツ下のレイアウト */
@media screen and (max-width: 480px) {
	.content-bottom-in {
		padding-block: 30px;
	}
}

/* コンテンツ下のレイアウト */
.content-bottom__area {
	padding-inline: 20px;
    display: flex;
    justify-content: space-around;
    align-items: center;
	gap: 2rem;
	max-width: 1440px;
	margin-inline: auto;
}

/* レスポンシブ時のレイアウト */
@media screen and (max-width: 781px) {
	.content-bottom__area {
		flex-direction: column;
	}
}

/* 無料相談のレイアウト */
.content-bottom__heading {
	font-size: 36px;
	font-weight: 700;
	flex-shrink: 0;
}

/* レスポンシブ時のレイアウト */
@media screen and (max-width: 1023px) {
	.content-bottom__heading {
		font-size: 28px;
	}
}

/* レスポンシブ時のレイアウト */
@media screen and (max-width: 781px) {
	.content-bottom__heading {
		font-size: 22px;
	}
}

/* ボタンのレイアウト */
.button-content {
	margin-top: 1rem;
	font-weight: 700;
	display: flex;
	gap: 1rem;
}

a.smb-btn._type1-button {
	
}

/* 無料相談ボタンのレイアウト */
a.smb-btn._type2-button {
	background: #fff;
	border: 1px solid currentcolor;
	color: #333;
}

a.smb-btn._type2-button:hover {
	background: #333;
	color: #fff;
}


/************************************
** footer
************************************/
/* 最大幅指定,border付与 */
.footer-widgets {
	max-width: 1440px;
	border: 1px solid #fff;
	background: #000;
}

/* レスポンシブ時も表示 */
@media screen and (max-width: 834px) {
    .footer-widgets {
        display: block;
    }
}

/* hover時の挙動 */
a.footer-logo__img:hover {
	opacity: .6;
}

/* 余白調整 */
.footer-address__text,
.footer-info, 
.footer-sns {
	margin-top: 2rem;
}

/* フォントレイアウト */
.footer-address__text,
.footer-info {
	font-weight: 700;
	color: #fff;
}

/* font-color */
.footer-address {
	color: #fff;
}

/* 縦並びへ */
.footer-tel,
.footer-mail {
	display: block;
	font-weight: 400;
	color: #fff;
}

/* ホバー時の挙動 */
.footer-tel:hover, 
.footer-mail:hover {
	opacity: .6;
	color: #fff;
}

/* SNSのレイアウト */
.footer-sns {
	display: flex;
	gap: 1rem;
}

/* SNSのカラー */
.footer-sns a {
	color: #fff;
}

/* snsリンクホバー時の挙動 */
.footer-sns a:hover {
	opacity: .6;
}

/* footerセンターの幅非表示 */
.footer-center {
	display: none;
}

/* フッターの各幅 */
.footer-left,
.footer-right {
	width: 49.5%;
}

/* footerメニューのレイアウト */
.widget-footer-right ul.menu {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	font-weight: 700;
}

/* footerメニューのレイアウト */
.widget-footer-right ul li a {
	color: #fff;
}

/* ホバー時の挙動 */
.widget_nav_menu ul li a:hover {
	opacity: .6;
	background: initial;
	color: #fff;
}

.img-circle img {
	width: 200px;
  border-radius: 50%;
  height: 200px;
  object-fit: cover;
}

/************************************
** パンくず
************************************/
/* パンくずの幅指定 */
.breadcrumb.sbp-main-before {
	max-width: 1440px;
}

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

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

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




/* -------------------------------
料金についてページ：2026/05/25夏海記述
------------------------------- */
.page-id-555 header{
	display: block!important;
}
.page-id-555 .date-tags{
	display: none;
}
.sec_price{
	max-width: 1080px;
	margin: auto;
	margin-bottom: 3rem;
}

@media screen and (min-width:835px){
	.sec_price{
		margin-bottom: 8rem;
	}
}

/* ----h1見出し */
.page-id-555 .entry-title{
	text-align: center;
	border-bottom: solid 1px #D8131C;
	padding-bottom: 3rem;
	position: relative;
	margin-bottom: 3rem;
}
.page-id-555 .entry-title::before{
	content: "Price";
	position: absolute;
	bottom: 1rem;
	left: 50%;
	transform: translateX(-50%);
	font-size: 1.2rem;
}
@media screen and (min-width:835px){
	.page-id-555 .entry-title{
		padding-bottom: 4.5rem;
		margin-bottom: 5rem;
	}
	.page-id-555 .entry-title::before{
		font-size: 1.5rem;
	}
}


/* ----h2見出し */
.sec_price h2{
	background: none;
	position: relative;
	padding: 1.5rem 0 0 0;
}
.sec_price h2::before{
	content: "";
	color: #D8131C;
	position: absolute;
	top:0;
	left:0;
	font-size: 1rem;
}
.sec_price.sec_price01 h2::before{
	content: "Price list";
}
.sec_price.sec_price02 h2::before{
	content: "Trial Lesson";
}
.sec_price.sec_price03 h2::before{
	content: "Options & Others";
}
.sec_price.sec_price04 h2::before{
	content: "Options & Others";
}

/* ----h3見出し */
.sec_price h3{
	border: none;
	position: relative;
	padding-left: 1.5rem;
	margin-bottom: 1rem;
}
.sec_price h3::before{
	content: "";
	background: #D8131C;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
@media screen and (min-width:835px){
	.sec_price h3::before{
		width: 20px;
		height: 20px;
	}
}


/* ----テーブルスタイル */
.sec_price table{
	border-collapse: collapse;
	border:1px solid #D8131C!important;
}
.sec_price table thead tr th{
	background: #D8131C;
	color: #fff;
	border: none;
}
.sec_price table tr:nth-of-type(2n){
	background: #F7D7D9;
}
.sec_price table tr:nth-of-type(2n+1){
	background: #fff;
}
.sec_price table td{
	border: none;
}
.sec_price table td:nth-of-type(2){
	text-align: right;
}

.sec_price table thead th:nth-of-type(1),
.sec_price table tbody td:nth-of-type(1){
	width: 67%;
}


/* ----section */
.sec_price .trial_img img{
	display: block;
	margin: auto;
}

@media screen and (min-width:835px){
	.sec_price02,
	.sec_price03,
	.sec_price04{
		display: flex;
		justify-content: space-between;
	}
	.sec_price03{
		flex-direction: row-reverse;
	}
	.sec_price .price_box_area{
		width: 70%;
	}
	.sec_price .trial_img{
		width: 25%;
	}
}


/* ----内容詳細　レイアウト */
.sec_price .text_box .text_title{
	border-bottom: solid 1px #D8131C;
	margin-bottom: 0;
	font-weight: bold;
}
@media screen and (min-width:835px){
	.sec_price .text_box{
		display: flex;
		justify-content: space-between;
		margin-bottom: 1rem;
	}
	.sec_price .text_box .text_title{
		width: 25%;
		height: fit-content;
		margin: auto;
	}
	.sec_price .text_box .text_txt{
		width: 70%;
		margin: auto;
	}
}


/* ----その他 */
.sec_price ul li{
	list-style:disc;
}

.sec_price04 table{
	margin-bottom: 0.5rem;
}

@media screen and (min-width:835px){
	.sec_price ul{
		padding-left: 2rem;
	}
}


/* -------------------------------ここまで */