/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 29 2025 | 07:04:19 */
/*==============================================================
KIDS FIT
==============================================================*/
/*----------------------------------------------------
背景 / youtube動画
----------------------------------------------------*/
.bg_kf01 {padding:64px 0; background-color:#ff9207; 
	background-image:url(/wp-content/uploads/bg_kidsfit_01_01.jpg); 
	background-repeat:no-repeat; background-position:center; background-size:cover;}
.bg_kf03 {padding:64px 0; background-color:#fff07c; 
	background-image:url(/wp-content/uploads/bg_kidsfit_03_02.png); 
	background-repeat:no-repeat; background-position:center; background-size:cover;}
/*----------------------------------------------------
画像 / 写真風にフチ入れナナメ
----------------------------------------------------*/
.photo {padding:0 26px 26px 0;}
.photo.lef {transform:rotate(-4deg);}
.photo.rig {transform:rotate(4deg);}
.photo img {border:10px solid #fff; outline:1px solid #ddd; box-shadow:16px 16px 0 #ffb33d;}
/*----sp時----*/
@media (max-width:780px) {
	.photo {padding:0 16px 26px 0;}
	.photo.lef {transform:rotate(0deg);}
	.photo.rig {transform:rotate(0deg);}}
/*----------------------------------------------------
リスト / レッスンの流れ
----------------------------------------------------*/
/*----親----*/
.li_kf_lesson {display:flex; flex-wrap:nowrap;}
/*----sp時----*/
@media (max-width:780px) {.li_kf_lesson {flex-wrap:wrap;}}
/*----子----*/
.kf_lesson_ch {display:flex; flex-direction:column; width:calc((100% - (48px * 2)) / 3);
	position:relative; z-index:1; background-color:#fff; border-radius:16px; overflow:hidden;}
/*----sp版----*/
@media (max-width:780px) {.kf_lesson_ch {width:100%;}}
/*----------------------------------------------------
リストアイテム
----------------------------------------------------*/
/*----番号----*/
.kfl_num {padding:4px 16px; color:#fff; background-color:#d9035a; text-align:center;
	font-size:clamp(1.4rem, 0.657rem + 1.52vw, 1.8rem); font-weight:bold;}
/*----見出し----*/
.kfl_tit {padding:16px 16px 16px; color:#ff613c; min-height:120px;
	font-size:clamp(1.4rem, 0.657rem + 1.52vw, 1.8rem); font-weight:bold;}
/*----sp版----*/
@media (max-width:780px) {.kfl_tit {min-height:auto;}}
/*----画像----*/
.kfl_img {padding:0 16px 16px;}
.kfl_img img {width:100%; max-width:750px; height:auto; border-radius:8px;}
/*----文章----*/
.kfl_txt {padding:0 16px 16px; line-height:1.9;}
/*----------------------------------------------------
リストアイテム / 三角の矢印（iタグのアイコンで作成）
----------------------------------------------------*/
/*----アイテム----*/
.kf_lesson_arrow {position:relative; z-index:1; width:48px;}
.kfl_arr {position:absolute; z-index:2; content:""; 
	left:50%; top:50%; transform:translate(-50%, -50%); width:32px; height:64px;
	clip-path: polygon(100% 50%, 0 0, 0 100%); background-color:#ffe24a;}
/*----sp版----*/
@media (max-width:780px) {
	.kf_lesson_arrow  {width:100%; height:48px;}
	.kfl_arr {width:64px; height:32px; clip-path: polygon(50% 100%, 0 0, 100% 0);}}
/*----------------------------------------------------
テーブル / プラン
----------------------------------------------------*/
.tb_kf_plan {width:80%; margin:0 auto; border:none; 
	border-collapse: separate; border-spacing: 5px;}
.tb_kf_plan th, .tb_kf_plan td {padding:16px 16px; border:none !important;}
.tb_kf_plan th {width:30%; background-color:#ffe88e;}
.tb_kf_plan td {background-color:#fff;}
.tb_kf_plan tr:first-child th {border-radius:16px 0 0 0;}
.tb_kf_plan tr:first-child td {border-radius:0 16px 0 0;}
.tb_kf_plan tr:last-child td {border-radius:0 0 16px 0;}
.tb_kf_plan tr:last-child th {border-radius:0 0 0 16px;}
/*----sp版----*/
@media (max-width:780px) {
	.tb_kf_plan {width:100%;}
	.tb_kf_plan th {width:6rem;}}
/*----------------------------------------------------
リスト / faq
----------------------------------------------------*/
/*----親----*/
.li_kf_faq {display:flex; flex-direction:column; row-gap:32px;}
/*----子----*/
.kf_faq_ch {display:flex; flex-direction:column; border-radius:16px; overflow:hidden;}
/*----アイテム（Q）----*/
.kff_q {padding:16px; color:#fff; background-color:#ff687b; font-weight:bold;}
/*----アイテム（A）----*/
.kff_a {padding:16px; background-color:#fff; line-height:1.9;}
/*----sp版----*/
@media (max-width:780px) {.kf_lesson_ch {width:100%;}}