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

.serif{
	font-family: 'Noto Serif JP', serif;
}

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

.w-beforeFooter {
    margin: 0;
}

.l-header{
	background: none;
}

.l-header.-t-fff{
	background: none;
}

.c-gnav .ttl{
	color: #EC6CA5;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	font-size: 18px !important;
}

.c-smallNavTitle{
	color: var(--color_text);
	font-family: 'Noto Serif JP', serif;
	font-weight: bold !important;
	font-size: 12px !important;
	opacity: 1;
}

.c-widget__title.-spmenu{
	background: #EC6CA5;
}

.l-header__customBtn, .l-header__menuBtn {
    padding: 0.5em;
}

.c-iconBtn {
    background-color: #EC6CA5;
    border-radius: 500px;
	  color: #ffffff;
}

.-right .p-spMenu__closeBtn {
    padding: .5em;
}

.line-container{
	border-top: solid 6px #EC6CA5;
	border-bottom: solid 6px #EC6CA5;
}

.l-content{
	padding-top: 0;
}

.post_content{
	margin-top: 0 !important;
}

.c-pageTitle{
	display: none;
}

.ctamiddle{
	margin-bottom: 0 !important;
}

.ctaimg01{
	background-image:url(http://ahiru-lab.com/sample-site/wp-content/uploads/2025/07/dsc01613-1-1.jpg);
	background-size:  cover;
	background-repeat:  no-repeat;  /* 背景の繰り返し設定 */
    background-position: center;    /* 背景の位置指定 */
}

.ctaimg02{
	background-image:url(http://ahiru-lab.com/sample-site/wp-content/uploads/2025/07/dsc01591-1-1.jpg);
	background-size:  cover;
	background-repeat:  no-repeat;  /* 背景の繰り返し設定 */
    background-position: center;    /* 背景の位置指定 */
}

.cheerbg{
	background: #00B0EC;
}

.k-popbg{
	background: #EC6CA5;
}

.cheerbg>h3, .cheerbg>h4, .cheerbg p,.k-popbg>h3, .k-popbg>h4, .k-popbg p{
	color: #ffffff !important;
}

.ctacontainer{
	border: solid 6px #00B0EC;
}

.loop-slider {
    display: flex;
    overflow: hidden;
    gap: 0rem; /* 画像間の余白を指定 */
}

.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: 360px; /* 画像の横幅を指定（パソコン） */
    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;
}

.nofile{
	display:none;
}

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

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

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

/* フローバナー */
.follow-banner {
  position: fixed;
  top: 40%;
  right: 0;
  transform: translateY(-50%);
  z-index: 20;
}

.follow-banner a {
  display: flex;
  align-items: center;
  gap: 0.5em;
  writing-mode: vertical-rl;
  color: #fff;
  background-color: #EC6CA5;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 1.5em 1em;
  border-radius: 10px 0 0 10px;
  transition: opacity 0.25s;
}

.follow-banner a:hover {
  opacity: 0.7;
}

.follow-banner .swl-inline-icon::after {
  left: 50%;
  transform: translateX(-50%);
}

/* スマホでは非表示に */
@media screen and (max-width: 959px) {
  .follow-banner {
    display: none;
  }
}

/* クラス紹介・講師紹介 */
.cheertitle{
	border : solid 4px #EC6CA5;
}

.k-poptitle{
	border : solid 4px #00B0EC;
}

/* スケジュール */
/*　Googleカレンダー（スマホ表示） */

.googleCalender iframe {
width:100%;
max-width:800px;
height:400px;
}

/*　Googleカレンダー（PC表示） */

@media (min-width: 960px) {

.googleCalender iframe {
height:600px;
}

}

/* お問い合わせページ */
/*コンタクトフォーム
 * ラベル(テキスト)部分を太字にする*/
.wpcf7{
	font-weight: bold;
}
.pink-l{
	color: red;
}

.is-style-btn_line a:hover{
	color: #EC6CA5 !important;
}

/*フォームの下に余白を入れる*/
.wpcf7 input {
 margin-bottom: 15px;/*ここが余白サイズなので好みで調整*/
}

/*フォームの幅を広くする(100%)*/
/*テキスト*/
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	        width: 100%;
}
/*テキストエリア*/
.wpcf7-textarea {
	        width: 100%;
}

/*送信ボタンを目立たせる*/
.wpcf7 .wpcf7-submit{
cursor: pointer;
    width: 100%;
padding: 15px;
margin: 0 10px 25px 5px;
margin-top: 20px!important;
border-radius: 15px;/*ボタンの角に丸み*/
background-color: #00B0EC;/*ボタン色*/
color: #fff;/*ボタン文字色*/
font-size: 1.1rem;/*ボタン文字サイズ*/
font-weight: bold;/*ボタン文字を太く*/
}