@charset "UTF-8";
section .inner{
	padding: 5.5rem 8%;
	text-align: center;
	color: #433f3f;
}
.hide-area {
		display: none;
}
small {
    font-size: 1.2rem;
}
.white{
	color: #fff;
}

/* ================================*\
|   CTA  固定                           |
\* ================================*/
.btn_wrap {
	color: #fa496f;
  font-size: 1.6rem;
  font-weight: 600;
	text-align: center;
	letter-spacing: 0.15rem;
	margin-top: 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;
}
.white{
	color: #fff;
}
/* ================================*\
|   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{
	
}
/* ================================*\
|  MV          |
\* ================================*/
.mv {
    background: #433F3F;
}
/* ================================*\
|  新シリーズ           |
\* ================================*/

#new_series .inner{
	padding: 0; 
	background: #433F3F;
}
.new_series{
  background-image: linear-gradient(#455380, #907690 68%, #db989f);
	width: 85%;
	border-radius: 20px;
	margin: 0 auto;
  padding: 0 5% 5%;
}
#new_series .movie01{
	width: 100%;
	margin: 4% 0 8%;
}
#new_series .movie02{
	width: 100%;
	margin: 0 0 4%;
}
img.new_series_ttl {
    width: 130%;
		top: -2rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.comicsInner{
	margin-top: 5%;
}
.comicsImg02 {
    margin-top: -8.5%;
	position: relative;
    z-index: 100;
}
.comicsImg03 {
    margin-top: -7%;
}
/* ================================*\
|  いつでもどこでも          |
\* ================================*/
#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%;
}
/* ================================*\
|  最短翌月末から解約OK           |
\* ================================*/

#cancellation .inner{
	padding: 0 0 5%;
}
#cancellation .questionImg{
	width: 50%;
	margin: 10% auto 0;
}

/* ================================*\
|  ピラティスについて（うちヨガ+新開発！〜  |
\* ================================*/
.mv__movie {
    display: block;
    margin: auto;
    width: 80%;
    aspect-ratio: 16 / 9;
}
#aboutPilates {
  background-image: linear-gradient(#F4C2B1,  68%, #FCF8C0);
}
#aboutPilates .bgArea {
	 background: url(../img/250711/about_pilates_bg_250711.webp) 100% 0 / 100% no-repeat;
}
.lesson_slider_wrapper {
  padding: 5% 0 0;
}
.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%;
}

/* ================================*\
|   みんなのうちヨガライフ             |
\* ================================*/
.slick-dotted.slick-slider {
  margin-bottom: 0;
}
#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: 80%;
	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;
}
}