@charset "UTF-8";
section .inner{
	padding: 5.5rem 8%;
	text-align: center;
	color: #433f3f;
}
.hide-area {
		display: none;
}
small {
    font-size: 1.2rem;
}
/* ================================*\
|   CTA  固定                           |
\* ================================*/
.btn_wrap {
	color: #fa496f;
  font-size: 1.6rem;
  font-weight: 600;
	text-align: center;
	letter-spacing: 0.15rem;
	margin-top: 5%;
	padding: 0 5%;
}
.btn_wrap small{
	color: #333333;
    font-weight: 500;
    margin-top: 2%;
}
.btn_wrap span{
	font-size: 2.4rem;
}
.btn_wrap img {
    margin-top: -1%;
}
#countdownArea .timer_tx {
		color: #fff;
}
.timer_tx .yellow {
		color: #FDFD00;
}
.cta_follow_box a.btn_try {
		width: 85%;
		display: block;
		margin: auto;
}
.timer_tx span, .cd_tx span {
		font-size: 2.2rem;
}
/* ================================*\
|   CTA 追従                            |
\* ================================*/
#fixed-btn {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 30px); /* X:中央寄せ, Y:下にずらす */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s;
    z-index: 999;
    padding: 0 6% 1rem;
    text-align: center;
    max-width: 500px;
    width: 100%;
}
#fixed-btn img {
    margin-top: -1%;
}
#fixed-btn.active {
    transform: translate(-50%, 0); /* 中央寄せを保ったまま、下からフェードイン */
    opacity: 1;
    visibility: visible;
}
#fixed-btn  span{
	font-size: 2.4rem;
}
.cta_wrapper{
	
}
/* ================================*\
|  最短翌月末から解約OK           |
\* ================================*/
#cancellation{
	
}
#cancellation .inner{
	padding: 0; 
}
#cancellation .questionImg{
	width: 50%;
	margin: 10% auto 0;
}
.comicsInner{
	

	margin-top: -5%;
}
.comicsImg02 {
    margin-top: -3%;
	position: relative;
    z-index: 100;
}
.comicsImg03 {
    margin-top: -6%;
}
/* ================================*\
|  いつでもどこでも          |
\* ================================*/
#everyWhere{
background: -webkit-linear-gradient(#fcf8c0 0%, #f0f3d8 25%, #e0eef0 75%, #d7ecf4 100%);
background: -o-linear-gradient(#fcf8c0 0%, #f0f3d8 25%, #e0eef0 75%, #d7ecf4 100%);
background: linear-gradient(#fcf8c0 0%, #f0f3d8 25%, #e0eef0 75%, #d7ecf4 100%);
padding-top: 20%;
    margin-top: -15%;
}
#everyWhere .inner{
	padding: 0 5%;
}
/* ================================*\
|  うちヨガについて（豊富な種類から〜）   |
\* ================================*/
#aboutUchiyoga{
	background: linear-gradient(#f4c2b1 0%, #f4c2b1 25%, #fcf8c0 75%, #fcf8c0 100%);
}
.specialProgram {
    margin-top: -20%;
}
.specialProgram .slider{
	background: #fff6c4;
	padding-bottom: 30%;
}

/*以下スライダーのドットの調整*/
.slick-dots {
    bottom: 23%;
}

.slick-dots li button::before {
	color: #ffffff;
	opacity: 1;
}

.slick-dots li.slick-active button::before {
	color: #f17d68;
	opacity: 1;
}
.slick-dots li button::before {
	font-size: 1.2rem
}
/* ================================*\
|  ピラティスについて（うちヨガ+新開発！〜  |
\* ================================*/
.aboutPilates {
  margin-top: -27%;
}
.mv__movie {
    display: block;
    margin: auto;
    width: 80%;
    aspect-ratio: 16 / 9;
}
.aboutPilates .bgArea{
	background:url("../img/bg_aboutpilates.webp");
	background-repeat:no-repeat;
	background-size: cover;
	padding: 10% 0;
}
.lesson_slider_wrapper {
   margin: 8% 0 10%;
}
.lesson_slider_wrapper li {
		margin: 0 3.5px;
}

.lesson_slider li img{
		width: 100%; 
		height: auto;
}
.aboutPilates .bgArea .specialist {
    background: #ffffff;
    margin: auto;
    width: 90%;
    padding: 5%;
}

/* ================================*\
|   みんなのうちヨガライフ             |
\* ================================*/
#uchiyogaLife{
	background: #ffffff;
  padding: 5.5rem 0;
}
#uchiyogaLife .inner{
	 padding: 0 7%;
}
#uchiyogaLife .movie{
	width: 100%;
}
#uchiyogaLife .inner .btn_wrap {
     padding: 0 ;
	margin: 8% 0 12%;
}
.only1080{
	width: 87%;
	margin: auto;
}
/* ================================*\
|  トップインストラクター           |
\* ================================*/
#top-instructor{
	
}
#top-instructor .inner{
	padding: 2rem 10% 5.5rem;
	background: #83a4c4;
	background: linear-gradient(#79a4c6 0%, #79a4c6 25%, #93b6c5 75%, #93b6c5 100%);
}
#top-instructor .inner.priceTable{
	background: #ffffff;
	padding: 5% 5% 8%;
}

/* ================================*\
|   うちヨガ紹介スライダー                       |
\* ================================*/
#uchiyogaSlider {
	background: linear-gradient(#fcf8c0 0%, #fcf8c0 25%, #f4c2b1 75%, #f4c2b1 100%);
	padding: 15% 0 10%;
}
#uchiyogaSlider .aboutLive {
	width: 60%;
	margin: 0 auto;
}
.uchiyoga__slider img {
	width: 95%;
	margin: 5% auto 0;
}
.uchiyoga__slider__arrow {
		position: absolute;
		background: transparent;
		border: none;
		width: 50px;
		top: 50%;
		z-index: 20;
		transform: translateY(-50%);
		cursor: pointer;
}
.uchiyoga__slider__arrow.left {
		left: 10px;
}
.uchiyoga__slider__arrow.right {
		right: 10px;
}
.ctaArea{
	background: #ffffff;
	padding: 1% 0 5%;
}
.ctaArea .btn_wrap{
	margin-top: 3%;
}
.lesson_click_image_wrapper {
		margin: 3% auto;
    width: 80%;
	box-shadow: 4px 4px 10px rgba(128, 128, 128, 0.4);
}
#uchiyogaSlider small{
	margin-top: 3%;
}
.modaal-content-container {
    padding: 10px;
}
/* ================================*\
|  PC用                     |
\* ================================*/
@media screen and (min-width: 500px) {
#lowestPrice p {
    font-size: 3rem;
}
	#lessonContents p {
    font-size: 2rem;
}
.btn_wrap {
    font-size: 2rem;
}
.btn_wrap span {
    font-size: 3rem;
}
	#fixed-btn {
    font-size: 2rem;
		padding: 1rem 0;
}
	#fixed-btn img {
    width: 90%;
    margin: 0 auto;
}
	#fixed-btn span {
    font-size: 3rem;
}
	.modaal-content-container {
    padding: 30px;
}
	.aboutPilates iframe {
    height: 27rem;
}
}