@charset "UTF-8";
section .inner{
	padding: 5rem 8%;
	text-align: center;
	color: #433f3f;
}
.hide-area {
		display: none;
}
small {
    font-size: 1.5rem;
}
/* ================================*\
|   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;
}

/* ================================*\
|  業界最安値クラス           |
\* ================================*/
#lowestPrice p{
	font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 2.3rem;
  margin-bottom: 5%;
	letter-spacing: 0.2rem;
}
#lowestPrice p small {
  display: inline;
}
#lowestPrice small {
  display: block;
	margin: 5% 0 12%;
	font-size: 1rem;
}
.logo_img {
    margin-top: 5%;
}
.marker {
    background: linear-gradient(transparent 50%, rgba(255, 255, 0, 1) 50%);
    background-repeat: no-repeat;
  /* マーカーの横方向を0にして縮める */
  background-size: 0% 100%;

  /* マーカーが引かれる速度を指定 */
  transition:background-size 1.5s;
	display: inline;        
}
.marker.on {
  /* 横方向を100%にして、マーカーを引く */
  background-size: 100% 100%;
}
/* ================================*\
|  最短翌月末から解約OK           |
\* ================================*/
#cancellation{
	background: #FAEDE1;
}
#cancellation .inner{
	padding: 0 5%; 
}
#cancellation .questionImg{
	width: 35%;
	margin: 10% auto 0;
}
.comicsInner{
	margin-top: -19%;
}
.comicsImg02 {
    margin-top: -7%;
	position: relative;
    z-index: 100;
}
.comicsImg03 {
    margin-top: -8%;
}
.comicsImg01Sub {
    width: 32%;
    position: relative;
    top: 18rem;
    left: 30%;
    z-index: 200;
}
/* ================================*\
|  いつでもどこでも          |
\* ================================*/
#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%);
  height: auto;
	margin-top: -5px;
}
.specialProgram {
/*    margin-top: -20%;*/
}
.specialProgram .slider{
/*	background: #fff6c4;*/
	padding-bottom: 8%;
}
/*以下スライダーのドットの調整*/
.slick-dots {
    bottom: 2%;
}

.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
}
#aboutUchiyoga p {
  position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 5px 2rem;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    font-size: 1.8rem;
    font-weight: 600;
    background: #ffffff;
    border-radius: 2rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

 #aboutUchiyoga p:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #ffffff;
}

/* ================================*\
|  ピラティスについて（うちヨガ+新開発！〜  |
\* ================================*/
.aboutPilates{
	margin-top: 10%;
}
.mv__movie {
    display: block;
    margin: auto;
    width: 80%;
    aspect-ratio: 16 / 9;
}
.aboutPilates .bgArea {
	 background: url(../../fish_id/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: 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(#f4c2b1 0%, #f4c2b1 25%, #fcf8c0 75%, #fcf8c0 100%);
	padding: 22% 0 10%;
  margin-top: -15%;
}
#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;
}
	#aboutUchiyoga p {
    font-size: 2.2rem;
}
	.aboutPilates iframe {
    height: 27rem;
}
	.comicsImg01Sub {
    top: 23.5rem;
}
}