@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ============================================================
   SWELL CHILD ／ ヨガスタジオ こより（sample03・template03）
   ★2026-09-18＝章立てし直した。**中身（セレクタと値）は変えていない。**
   ★整理でやったこと＝①用途ごとに並べ替え ②同じルールの重複をまとめる ③見出しと索引を付ける
   ★検査＝整理の前後で「セレクタ×プロパティの最終値」がすべて一致することを機械で確かめた

   索引

     1. 全体のレイアウト・余白
     2. ヘッダー／下層ページの見出し帯
     3. メインビジュアル（MV）
     4. フルワイドブロックの余白
     5. お知らせ（投稿リスト・一覧ページ）
     6. よくあるご質問（FAQアコーディオン）
     7. フォーム（Contact Form 7）
     8. スマホメニュー・固定フッター
     9. ロゴの横流し（loop-slider）
     10. ウィジェット・そのほかの部品
   ============================================================ */

/* =========================================
   1. 全体のレイアウト・余白
   ========================================= */

.l-content {
	margin-bottom: 0 !important;
}

/*ボディ上部の余白削除*/
.top #content {
    padding-top: 0em;
}

/*ボディ下部の余白削除・固定ページのボディ上部の余白削除*/
.l-content {
    margin: 0 auto 1em;
	padding-top: 1em;
}

/* =========================================
   2. ヘッダー／下層ページの見出し帯
   ========================================= */

/*=========================================
  下層ページのタイトル帯
=========================================*/
#top_title_area {
	background-color: #F6F4FB;
}

/* 帯の中の文字色（固定ページのh1・記事タイトル・日付などすべて） */
#top_title_area .l-topTitleArea__body {
	color: #907fb7;
	text-shadow: none;
}

/* 帯の高さ（題字は縦中央に置かれるので、上下が同じだけ詰まる） */
@media screen and (max-width: 959px) {
	.l-topTitleArea {
		min-height: 70px;
	}
}

@media screen and (min-width: 960px) {
	.l-topTitleArea {
		min-height: 80px;
	}
}

/* 帯とパンくずの間 */
.l-topTitleArea + .p-breadcrumb {
	padding-top: 4px;
}

.l-topTitleArea.c-filterLayer::before,
.l-topTitleArea.c-filterLayer::after {
	display: none;
}

.l-topTitleArea__img {
	display: none;
}

/* スマホのヘッダーロゴ（★2026-09-18 改訂＝PCと同じロゴを、サイズだけ小さくして使う）
   ★前は「欧文なしの1行版」に差し替えていたが、文字が大きく、欧文が無いぶん品が落ちたため戻した
   ★ロゴの箱はflexで83pxまで潰れるので、伸びるようにしてから高さを決める */
@media screen and (max-width: 959px) {
	.l-header__logo {
		flex: 1 1 auto;
		display: flex;
		justify-content: center;   /* ★横も中央に（2026-09-18） */
	}
	/* ★縦中央に置く（画像がinlineのままだとベースラインに乗って下に2pxはみ出す）
	   ★!important が要る＝SWELL本体が a を block で固めているため */
	.c-headLogo__link {
		display: flex !important;
		align-items: center !important;
		height: 100% !important;
	}
	.c-headLogo__img {
		display: block !important;
		height: 48px;
		width: auto;
		max-width: none;
	}
}

/* =========================================
   3. メインビジュアル（MV）
   ========================================= */

/*MVのキャッチ*/
@media (min-width: 600px) {
    .p-mainVisual__slideTitle {
        font-size: 30px;
    }
	.p-mainVisual__slideText {
        font-size: 17px;
    }
}

/* ============================================================
   MVの文字（2026-09-17）
   ============================================================ */
.p-mainVisual__slideTitle,
.p-mainVisual__slideText {
	text-shadow: 0 1px 2px rgba(0, 0, 0, .45), 0 2px 10px rgba(0, 0, 0, .35);
}

@media screen and (max-width: 599px) {
	.p-mainVisual__slideTitle {
		font-size: 5.3vw;
		letter-spacing: -.01em;
	}
}

/* ③ スマホのみキャッチ・サブ・ボタンを中央寄せ */
@media screen and (max-width: 599px) {
	.p-mainVisual__slideTitle,
	.p-mainVisual__slideText {
		text-align: center;
	}
	/* ボタンは margin:auto だけでは寄らない（親の flex が左寄せで確定させている）ので、親ごと中央にする */
	.p-mainVisual__textLayer {
		align-items: center;
	}
	.p-mainVisual__slide .p-mainVisual__slideBtn {
		margin-left: auto;
		margin-right: auto;
	}
}

/* MVのボタンの文字を大きく（2026-09-17）★SWELL本体は 600px以上で14px（未満は 3.2vw） */
@media (min-width: 600px) {
	.c-mvBtn__btn {
		font-size: 16px;
	}
}

/* =========================================
   4. フルワイドブロックの余白
   ========================================= */

/*投稿ページのh1とリード文間の余白調整
  ★2026-09-17＝投稿ページだけに絞った（それまではクラス単体で、サイト全体の16か所／33か所に当たっていた）
  ★.single ＝ #body_wrap に付く投稿ページのクラス。固定ページは .page なので当たらない */
@media (min-width: 960px) {
    .single .pc-py-60 {
        padding-top: 3em !important;
    }
}

@media not all and (min-width: 960px) {
    .single .sp-py-40 {
        padding-top: 2em !important;
    }
}

/* ブログパーツで差し込んだフルワイドは、直前のフルワイドと隣接扱いにならず30pxの隙間ができる */
.swell-block-fullWide + .p-blogParts > .swell-block-fullWide:first-child {
	margin-top: -2em !important;
}

/* =========================================
   5. お知らせ（投稿リスト・一覧ページ）
   ========================================= */

/*お知らせ一覧の区切り線（★2026-09-18＝トップの投稿リストに合わせて紫にした）*/
.news-line {
	--color_border: #907FB7;
}

/*お知らせ一覧の見出しを、固定ページの見出し帯と同じ見た目にする（★2026-09-18）
  ★固定ページは .l-topTitleArea（背景 #F6F4FB・PC80px／SP70px・文字 #907FB7）
  ★一覧ページはその帯が出ず、本文の中に h1 が置かれるので、CSSで帯に見せている
  ★文字の左端は固定ページと同じ（実測＝1920→360・1440→120・768→31・390→16px）
  ★並び順だけ違う（固定ページ＝帯→パンくず／一覧＝パンくず→帯） */
.archive .l-mainContent__inner > .c-pageTitle {
	display: flex;
	align-items: center;
	min-height: 80px;
	margin: 0 calc(50% - 50vw) 24px;
	padding: 0 max(4vw, calc((100vw - 1200px) / 2));
	background-color: #F6F4FB;
	color: #907FB7;
	border-bottom: none;
}

/* 金色の線は帯には置かない（固定ページに無いため） */
.archive .l-mainContent__inner > .c-pageTitle::before {
	content: none;
}

.archive h1.c-pageTitle .c-pageTitle__inner {
	border-bottom: none;
	float: none;
	padding: 0;
}

/* ★「– news –」は一覧ページだけのもの。残して、色だけ揃えた */
.archive .c-pageTitle__subTitle {
	color: #907FB7;
}

@media screen and (max-width: 959px) {
	.archive .l-mainContent__inner > .c-pageTitle {
		min-height: 70px;
	}
}

/* ★一覧ページの見出しの色を、トップの投稿リストに合わせる（2026-09-18） */
.archive .p-postList__title {
	color: #907FB7;
}

.archive .p-termHead {
	border: none;
}

.archive .p-postList {
	--color_border: #907FB7;
}

/* =========================================
   6. よくあるご質問（FAQアコーディオン）
   ========================================= */

/* FAQアコーディオン（トップ8 よくあるご質問） */
.swell-block-accordion.is-faq > .swell-block-accordion__item {
	border: none;
	border-bottom: 1px solid var(--color_border);
	margin: 0;
	padding: 0 .5em;
}

.swell-block-accordion.is-faq > .swell-block-accordion__item:first-child {
	border-top: 1px solid var(--color_border);
}

/* 質問 */
.swell-block-accordion.is-faq .swell-block-accordion__title {
	background: none;
	font-weight: 700;
	line-height: 1.5;
	padding: 1em 1em 1em 3em;
	position: relative;
}

.swell-block-accordion.is-faq .swell-block-accordion__title::before {
	background-color: var(--color_main);
	border-radius: 50%;
	color: #fff;
	content: "Q";
	display: block;
	font-family: Arial, sans-serif;
	font-weight: 400;
	left: 0;
	line-height: 2;
	position: absolute;
	text-align: center;
	top: .75em;
	width: 2em;
}

/* 答え */
.swell-block-accordion.is-faq .swell-block-accordion__body {
	border: none;
	line-height: 1.5;
	margin: 0;
	padding: 1em 1em 1em 3em;
	position: relative;
}

.swell-block-accordion.is-faq .swell-block-accordion__body::before {
	background-color: #E56B5D;
	border-radius: 50%;
	color: #fff;
	content: "A";
	display: block;
	font-family: Arial, sans-serif;
	left: 0;
	line-height: 2;
	position: absolute;
	text-align: center;
	top: .75em;
	width: 2em;
}

/* 開閉の矢印を控えめに */
.swell-block-accordion.is-faq .swell-block-accordion__icon {
	font-size: 1em;
	opacity: .4;
}

/* =========================================
   7. フォーム（Contact Form 7）
   ========================================= */

/**************************************************
**フォームデザイン
**************************************************/
/*ContactForm7カスタマイズ*/
table.CF7_table{
	width:100%;
	margin:0 auto;
}

.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}

/*入力欄*/
.CF7_table input, .CF7_table textarea {
	width:100%;
	border: 1px solid #d8d8d8;
}

.CF7_table th{
	width:30%;/*横幅*/
	}

/* タイトル列 */
.CF7_table th{
	width:auto;/*横幅*/
	background-color:#907FB7;
	color: #fff;
	}

.CF7_table td{
	background-color:#FFFFFF;
	}

.CF7_btn{
	text-align:center;
	margin: 5% 20% 2%;
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	table.CF7_table{
	width:auto;
	}
	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: auto;
	line-height:2.5em;
	}
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	width:100%;
	background-color:#E56B5D;
	border:0;
	color:#fff;
	font-size:1em;
	font-weight:bold;
	margin:0 auto;
	border-radius: 30px;
    padding: 2% 10% 2%;
    text-align: center;
}

/* 入力欄の背景色（2026-09-17）★SWELLの既定 #f7f7f7 から変更。送信ボタンは除く */
.CF7_table input:not([type="submit"]),
.CF7_table textarea,
.CF7_table select,
.c-contactForm-table input:not([type="submit"]),
.c-contactForm-table textarea,
.c-contactForm-table select {
	background-color: #FCFBFD;
}

/* お問合せフォームの表にも、体験フォームと同じ見た目を当てる（2026-09-17）
   ★体験は table.CF7_table、お問合せは table.c-contactForm-table とマークアップが別なため
   ★.CF7_table td にある color:#fff は写していない（白地に白文字で、セルに直接書いた文字が消えるため） */
table.c-contactForm-table {
	width: 100%;
	margin: 0 auto;
}

.single .entry-content table.c-contactForm-table,
.page .entry-content table.c-contactForm-table {
	display: table;
}

.c-contactForm-table input,
.c-contactForm-table textarea {
	width: 100%;
	border: 1px solid #d8d8d8;
}

.c-contactForm-table th {
	width: auto;
	background-color: #907FB7;
	color: #fff;
}

.c-contactForm-table td {
	background-color: #FFFFFF;
}

@media screen and (max-width: 768px) {
	table.c-contactForm-table {
		width: auto;
	}
	.c-contactForm-table tr,
	.c-contactForm-table td,
	.c-contactForm-table th {
		display: block;
		width: auto;
		line-height: 2.5em;
	}
}

/* 日付の欄（体験フォームの希望日時）★2026-09-18＝iOSで幅が効かない件の最終形
   ★調べて分かったこと＝WebKitは日付欄を内部で inline-flex にして中身の幅で作るので、width が無視される（iOS17まで）
   ★直し方＝appearance を外して block にし、min-width:0 / max-width:100% を添える
   ★「年/月/日」はiOSでは元々出ない（空の日付欄を何も描かないのがiOSの仕様。PCのChromeだけが出す）。
     appearance のせいではないと確認したうえで、下の @supports で空のときだけ自前で出している
   ★ネイティブのカレンダーの絵だけは戻らないので、背景に同じ絵を自前で置く（タップでカレンダーは開く）
   出所＝gomakethings.com / codepen（2026-09-18 に検索して確認） */
.CF7_table input[type="date"],
.c-contactForm-table input[type="date"] {
	-webkit-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	min-height: 2.8em;
	padding-right: 2.6em;
	color: #333333;
	-webkit-text-fill-color: #333333;
	text-align: left;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='1.5' stroke-linecap='round'><rect x='3.5' y='5.5' width='17' height='15' rx='2'/><path d='M8 3.5v4M16 3.5v4M3.5 10.5h17'/></svg>");
	background-repeat: no-repeat;
	background-position: right 0.9em center;
	background-size: 1.15em 1.15em;
}

/* ★ブラウザ既定のカレンダーの絵は隠す（自前の絵を背景に置いているため。押せるのはそのまま） */
.CF7_table input[type="date"]::-webkit-calendar-picker-indicator,
.c-contactForm-table input[type="date"]::-webkit-calendar-picker-indicator {
	opacity: 0;
	width: 1.4em;
}

/* ★選んだ日付を左寄せにし、空のときも高さが潰れないようにする */
.CF7_table input[type="date"]::-webkit-date-and-time-value,
.c-contactForm-table input[type="date"]::-webkit-date-and-time-value {
	text-align: left;
	min-height: 1.25rem;
}

/* 空の欄の文字を、備考のプレースホルダーと同じ色にする（2026-09-18）
   ★備考・お名前などの placeholder は #757575（SWELLの既定）。選択欄と日付欄は、未入力でも値の色（#333333）で出ていた
   ★is-empty は functions.php のJSが付ける（CF7は required 属性を出さないので、CSSだけでは空を判定できない） */
.CF7_table select.is-empty,
.c-contactForm-table select.is-empty,
.CF7_table input[type="date"].is-empty,
.c-contactForm-table input[type="date"].is-empty {
	color: #757575;
	-webkit-text-fill-color: #757575;
}

/* ★空のときはカレンダーの絵も同じ濃さにする（文字と絵をそろえる） */
.CF7_table input[type="date"].is-empty,
.c-contactForm-table input[type="date"].is-empty {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23757575' stroke-width='1.5' stroke-linecap='round'><rect x='3.5' y='5.5' width='17' height='15' rx='2'/><path d='M8 3.5v4M16 3.5v4M3.5 10.5h17'/></svg>");
}

/* 空の日付欄に「年/月/日」を出す（2026-09-18）
   ★iOSは空の日付欄に何も描かない。PCのChromeだけが「年/月/日」を出す
     （出所＝Apple Developer Forums thread/816420・kutos-labo の記事。2026-09-18に検索して確認）
   ★@supports (-webkit-touch-callout) でiOSだけに限る。PCのChromeに当てると既定と二重になるため
   ★空かどうかはCSSでは判定できない（CF7は required 属性を出さないので :invalid が使えない）ため、
     子テーマの functions.php に置いたJSが is-empty クラスを付け外しする。日付を選ぶと自動で消える */
@supports (-webkit-touch-callout: none) {
	.CF7_table input[type="date"],
	.c-contactForm-table input[type="date"] {
		position: relative;
	}
	.CF7_table input[type="date"].is-empty::before,
	.c-contactForm-table input[type="date"].is-empty::before {
		content: "年/月/日";
		color: #757575;
		-webkit-text-fill-color: #757575;
		position: absolute;
		left: .5em;
		top: 50%;
		transform: translateY(-50%);
		pointer-events: none;
	}
}

@media screen and (max-width: 768px) {
	.CF7_table td .wpcf7-form-control-wrap {
		display: block;
		width: 100%;
	}
	.CF7_table td select {
		width: 100%;
		margin-top: 8px;
	}
}

/* =========================================
   8. スマホメニュー・固定フッター
   ========================================= */

/*スマホメニューの電話・予約ボタン*/
#sp_menu .is-tel,
#sp_menu .is-reserve {
	border: none;
}

#sp_menu .is-tel {
	margin-top: 24px;
}

#sp_menu .is-reserve {
	margin-top: 10px;
}

#sp_menu .is-tel > a,
#sp_menu .is-reserve > a {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 16px;
	padding: 14px 16px;
	border-radius: 999px;
	font-weight: 700;
	border-bottom: none;
}

#sp_menu .is-tel > a::before,
#sp_menu .is-reserve > a::before {
	content: none;
}

#sp_menu .is-tel > a {
	border: 1px solid #3B332F;
	color: #3B332F;
}

#sp_menu .is-reserve > a {
	background-color: #b78f16;
	color: #fff;
}

#sp_menu .is-tel .icon-phone {
	margin-right: .45em;
}

/*スマホ固定フッターの文字とアイコン*/
#fix_bottom_menu,
#fix_bottom_menu a,
#fix_bottom_menu i {
	color: #3B332F;
}

/* =========================================
   9. ロゴの横流し（loop-slider）
   ========================================= */

/*=========================================
  トップのスライダー
=========================================*/
.loop-slider {
    display: flex;
    overflow: hidden;
    gap: 0rem; /* 画像間の余白を指定 */
}

/* 中間の階層をすべて潰して、トラックを横並びの直接の子にする */
.loop-slider .wp-block-group,
.loop-slider .wp-block-group__inner-container,
.loop-slider .swell-block-columns {
    display: contents;
}

.loop-slider .swell-block-columns__inner {
    flex-wrap: nowrap;
    animation: infinity-scroll-left 30s infinite linear; /* アニメーションの時間を指定 */
}

.loop-slider .swell-block-column figure {
    width: 600px; /* 画像の横幅を指定（パソコン） */
    position: relative;
}

.loop-slider .swell-block-column figure::before {
    padding-top: 65%; /* 画像の縦横比を指定 */
    display: block;
    content: "";
}

.loop-slider .swell-block-column figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 959px) {
    .loop-slider .swell-block-column figure {
        width: 200px; /* 画像の横幅を指定（スマホ） */
    }
}

@keyframes infinity-scroll-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

/* =========================================
   10. ウィジェット・そのほかの部品
   ========================================= */

/*フッターの見出しの下線カラー変更*/
.c-widget__title.-footer::before {
	background-color: var(--color_main) !important;
}

/*スマホメニューのMENU見出しの線（★2026-09-18＝金色 #b78f16 からサイトの紫へ）
  ★各項目の区切り線（a の border-bottom）はSWELLの既定のまま。ここだけを変える
  ★::before は幅40%、::after は幅100%の2本重ねで、1本の線に見えている */
.c-widget__title.-spmenu::before,
.c-widget__title.-spmenu::after {
	background-color: #907FB7;
}

/*カラバリのswellボタンのアイコンカラー変更*/
.btn-icon svg.__icon {
	fill: #333;
}


/* =============================================================
   sample03mv（MVあり見本）＝MVボタンを、焼き込んだ文字に合わせる
   2026-09-18／★★sample03mv の子テーマ style.css の末尾に貼る

   ★★★template03 へは持っていかない。sample03（MVなし）にも入れない。
   ★理由＝ここで使う % は「この画像の文字がどこにあるか」の値。
     実案件のMVオプションは画像が毎回変わるので、CSSでは追えない。
     → 実案件は画像側で合わせる（Phase5b_sample03mv_MV生成プロンプト.md §5・§6）。

   ★測った値（2026-09-18・getBoundingClientRect と画像の紫画素の走査）
     PC（枠 1425×720＝50vw）  キャッチ・サブとも左端が x=300／1671 ＝ 18.0%（3行とも揃った）
                              画像と枠は横が同じ（上下だけ 各5.15% 切れる）→ 枠でも 18.0%
     SP（枠 375×487＝60vh）   キャッチの左端＝画像の 17.1%（x=192／1122）
                              左右が 各1.92% 切れる → 枠では 15.8%
                              焼き込んだ文字は縦 31.2% で終わる → ボタンの上を 36% に置く
   ============================================================= */

/* 1. 位置＝テキストレイヤーの中央寄せをやめ、MVの枠を基準に絶対位置で置く
      ★l-container（max-width 1296px・左右中央）のままだと、% が枠ではなく
        コンテナ基準になり、狙いの値からずれる（実測） */
.p-mainVisual__textLayer{
	max-width: none !important;
	width: 100% !important;
	padding: 0 !important;
}
.p-mainVisual__slideBtn{
	position: absolute !important;
	margin: 0 !important;
	width: auto !important;
	left: 18.0%;   /* ★焼き込んだ文字の左端 */
	top: 46.6%;    /* 文字の下端は 41.5%。ここなら生徒の髪にも当たらない（実測） */
}

/* 2. 大きさと装飾＝サイト内のほかのリンクボタンに合わせた（2026-09-18 二宮さん）
      ＝.swell-block-button__link の実測＝角丸 80px／影なし／アイコン 1em・文字との間 0.5em
      ＝三角のパスは SWELL のブロックボタンが使っているものと同じ */
.c-mvBtn__btn{
	display: inline-flex;
	align-items: center;
	gap: .5em;
	font-size: 16px;
	letter-spacing: 2px;
	padding: 14px 40px;
	border-radius: 80px;
	box-shadow: none;
}
.c-mvBtn__btn::after{
	content: "";
	order: -1;      /* ★★文字より前に出す。★SWELL は ::before を「ホバーの白幕」
	                   （position:absolute / opacity:0 / transition:opacity .25s）に
	                   使っているので、そこへ三角を足すとホバーが壊れる＝::after を使う */
	width: 1em;
	height: 1em;
	flex: none;
	background-color: currentColor;   /* ★文字色に追従する。ボタンの色を変えても直さなくてよい */
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M19.4 38.3 32.7 25c.6-.6.6-1.5 0-2.1L19.4 9.6c-.9-.9-2.6-.3-2.6 1.1v26.5c0 1.4 1.6 2.1 2.6 1.1z'/%3E%3C/svg%3E") no-repeat center/contain;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M19.4 38.3 32.7 25c.6-.6.6-1.5 0-2.1L19.4 9.6c-.9-.9-2.6-.3-2.6 1.1v26.5c0 1.4 1.6 2.1 2.6 1.1z'/%3E%3C/svg%3E") no-repeat center/contain;
}

@media (max-width: 959px){
	.p-mainVisual__slideBtn{
		/* ★2026-09-18 15:55＝スマホは左右中央そろえ（実機で指定）
		   ★`left:50%`＋`translateX` だと、絶対配置の幅が「左50%〜右端」に制限されて
		     文字が2行に折り返す（実測 188×64）。左右を0で張って、中の`inline-flex`を中央に置く */
		left: 0;
		right: 0;
		text-align: center;
		top: 71%;   /* ★2026-09-18 15:40＝二宮さんの赤枠の位置（枠の縦71〜80%）。実機で確認 */
	}
	.c-mvBtn__btn{
		font-size: 13px;
		padding: 11px 28px;
	}
}