#studio{
-webkit-text-size-adjust: 100%;
}  @media screen and (max-width: 768px){
#search_btn{
display: none !important;
}
.mode_pc.studio{
display: none !important;
}
header .studio{
max-width: inherit;
display: block;
}
.studio p{
font-size: 13px;
}
header .studio p{
margin: 0;
}
header .studio a{
background: #515151;
padding: 4px 9px 2px;
color: #ffffff;
font-size: 13px;
position: relative;
display: block;
max-width: 75px;
box-sizing: border-box;
}
header .studio p{ }
header .studio .search_btn p::before{
display: none;
}
header .studio a::after{
display: none;
}
header .studio a:hover{
opacity: 0.6;
color: #fff;
}
.studio .search_btn.mode_sp{
display: flex;
justify-content: flex-end;
margin-right: 54px;
margin-top: 9px;
line-height: inherit;
}
} .studio_top{
text-align: center;
font-size: 42px;
font-weight: bold;
letter-spacing: 0.09em;
line-height: 1;
margin-top: 42px;
}
.studio_top span{
display: block;
text-align: center;
font-size: 26px;
font-weight: bold;
letter-spacing: 0.09em;
line-height: 1.4;
margin-bottom: 7px;
}
.studio_top.type02{
font-size: 32px;
}
@media screen and (max-width: 767px) {
.studio_top{
font-size: 28px;
margin-top: 0;
line-height: 1.2;
}
.studio_top span{
font-size: 21px;
margin-bottom: 1px;
}
.studio_top.type02{
font-size: 19px;
}
} .title_area{
text-align: center;
}
.title_area.type02{
text-align: left;
border-left: 4px solid #ee8081;
padding: 4px 0 0 30px;
display: inline-block;
}
.title_area h3{
font-size: 38px;
letter-spacing: 0.09em;
line-height: 1.15;
display: inline-block;
vertical-align: text-top;
}
#prisec_list .title_area h3{
font-size: 24px;
font-weight: bold;
text-align: center;
margin-bottom: 22px;
}
#schedule .title_area h2{
display: inline-block;
font-size: 24px;
letter-spacing: 0.09em;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.title_area.type02{
padding-left: 12px;
border-left: 2px solid #ee8081;
}
.title_area h3{
font-size: 19px;
}
#schedule .title_area h2{
font-size: 19px;
}
#prisec_list .title_area h3{
font-size: 19px;
margin-bottom: 8px;
}
} #studio .btn_both_pink a{
margin: 0 auto 70px;
}
.btn_both_pink.type01 a::before{
content: "";
display: inline-block;
background-image: url(//www.hotyoga-loive.com/images/studio/lesson_btn_icon.png);
width: 19px;
height: 26px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 8px;
}
.btn_both_pink.type01 a::after{
display: none;
}
#studio #lesson .btn_both_pink a{
margin-bottom: 0;
}
.plan_btn{
text-align: center;
margin-top: 21px;
}
.plan_btn a{
display: inline-block;
border: 1px solid #ee8081;
color: #ee8081;
max-width: 304px;
width: 100%;
text-align: center;
border-radius: 4px;
position: relative;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.09em;
padding: 13px 0;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.plan_btn a:after{
content: '>';
display: inline-block;
margin-left: 13px;
color: #ee8081;
}
.plan_btn a:hover{
color: #fff;
background: #ee8081;
}
.plan_btn a:hover:after{
color: #fff;
}
#page_top #price .btn_both_gren a{
padding: 10px;
height: auto;
box-sizing: border-box;
}
.shopgalle-box + .studio_reserve-area{
padding: 0 0 22px;
}
@media screen and (max-width: 767px) {
#studio .btn_both_pink a{
margin: 0 auto 55px;
}
#studio .btn_both_pink.type01 a{
margin-bottom: 15px;
}
.btn_both_gren.type01 a{
margin-bottom: 0;
}
#under-searchmap  .btn_both_pink a,
#page_top .btn_both_gren a,
#page_top .btn_both_gray a{
width: 100%;
}
#page_top #price .btn_both_gren a{
padding: 5% 3%;
text-align: center;
box-sizing: border-box;
}
#page_top .quest_box .btn_both_gren a,
#page_top #column .btn_both_gren a{
width: 90%;
}
#page_top #studio .btn_both_pink a{
width: 100%;
font-size: 16px !important;
}
#page_top #studio .btn_both_pink.type01 a{
width: 90%;
align-items: flex-end;
font-size: 19px !important;
}
#studio .btn_both_gren.type01 a {
width: 90%;
height: auto;
padding: 4% 0px;
}
#studio #lesson .btn_both_gren.type01 a{
margin-top: 15px;
margin-bottom: 10px;
}
#studio .btn_both_gren.type01 a::before{
content: "";
display: inline-block;
background-image: url(//www.hotyoga-loive.com/images/studio/tel_icon.png);
width: 23px;
height: 23px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 8px;
}
#studio .btn_both_gren.type01 a:after{
display: none;
}
#studio .btn_both_gren.type01 a span{
font-size: 19px !important;
}
#studio .btn_both_gren.type01 a span span{
display: block;
font-size: 11px !important;
line-height: 1;
}
#studio .small{
text-align: center;
font-size: 12px;
letter-spacing: 0.03em;
margin-bottom: 45px;
}
#studio #lesson .small{
margin-bottom: 0;
}
.plan_btn{
margin-top: 16px;
}
.plan_btn a{
padding: 17px 0;
}
.btn_area{
margin-bottom: 65px;
}
#lesson .btn_area{
margin-bottom: 0;
}
} #studio .slick-prev,
#studio .slick-next{
display: none!important;
}
.shopgalle-box {
padding: 0;
}
.shopgalle-box dt {
font-size: 22px;
text-align: center;
}
.shopgalle-box .common-slide {
margin: 15px 0 20px;
} @media screen and (max-width: 767px) {
.shopgalle-box {
padding: 0 0 5vw;
}
.shopgalle-box dt {
font-size: 4vw;
}
.shopgalle-box .common-slide{
margin: 0;
}
.common-slide .slick-dots{
margin: 16px 0 9px;
}
#under-mvbox{
margin-bottom: 2px;
}
} .studionav {
margin-bottom: 82px;
}
.studionav_inner{
background: #efefef;
padding: 30px 0 10px 0;
}
.studionav ol {
display: flex;
flex-wrap: wrap;
align-content: space-around;
}
.studionav ol li { border-left: #000 solid 1px;
position: relative;
max-width: 273px;
width: 100%;
}
.studionav ol li a {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #000;
}
.studionav li .icon_img{
min-height: 40px;
padding-top: 6px;
}
.studionav li .icon_img img{
max-height: 32px;
} .studionav ol li a:hover span{
opacity: 0.6;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.studionav ol li a:hover::after {
width: 35%;
left: 32%;
} .studionav ol li:last-child {
border-right: #000 solid 1px;
}
.studionav li span{
font-size: 18px;
padding-bottom: 10px;
}
.studionav ol li.studionav-reserve a {
color: #ed8080;
}
.studionav ol li.studionav-reserve a::after {
background: #ed8080 !important;
}
.studionav ol li.studionav-reserve a span::after {
content: '';
width: 16px;
height: 16px;
display: inline-block;
margin: 0 0 0 5px;
background: url(/images/sitemap/icon_jump.png) center center no-repeat;
background-size: cover;
}
.studionav ol li.visited {
display: block;
text-align: center;
}
.studionav ol li.visited span {
text-align: center;
display: inline-block;
position: relative;
color: #67b5bf;
}
.studionav ol li.visited span:before {
content: '';
background: #67b5bf;
width: 130%;
height: 1px;
position: absolute;
bottom: -3px;
left: 50%;
transform: translate3d(-50%, 0, 0);
} #studio_price + .studionav ol li {
width: calc(16% - 1px);
}
#studio_price + .studionav li span {
font-size: 14px;
padding: 10px 0;
}
@media screen and (max-width: 767px) {
.studionav_inner{
padding-bottom: 0;
padding: 15px 0 10px 0;
}
.studionav li .icon_img{
min-height: 32px;
padding-top: 6px;
}
.studionav {
margin-bottom: 56px;
}
.studionav .inner{
padding-bottom: 0;
}
.studionav ol li {
width: calc(50% - 1px);
margin-bottom: 5vw;
}
.studionav ol li:nth-of-type(3),
.studionav ol li:last-of-type{
margin-bottom: 0;
}
.studionav ol li:last-child {
width: calc(100% - 1px);
}
.studionav ol li a {
font-size: 3.5vw;
}
.studionav ol li a:hover::after {
width: 0;
}
.studionav ol li a:hover {
color: #000;
}
.studionav ol li.studionav-reserve {
width: calc(100% - 2px);
border-right: #000 solid 1px;
}
.studionav ol li:nth-child(2n) {
width: calc(50% - 2px);
border-right: #000 solid 1px;
}
.studionav ol li.visited {
font-size: 3.5vw;
}
.studionav li span{
font-size: 14px;
padding-bottom: 0px;
} #studio_price + .studionav ol li {
width: calc(50% - 1px);
margin: 5vw 0 0;
}
#studio_price + .studionav ol li:first-of-type,
#studio_price + .studionav ol li:nth-of-type(2){
margin-top: 0;
}
#studio_price + .studionav ol li:nth-child(2n) {
width: calc(50% - 2px);
border-right: #000 solid 1px;
} } .under-pagettlbox {
padding-bottom: 20px;
}
.under-pagettlbox .description{
margin-bottom: 0;
}
#under-searchmap .description.type02{
text-align: left;
letter-spacing: 0;
font-size: 16px;
line-height: 1.5;
margin: 20px auto 60px;
}
.under-pagettlbox .emphasis{
font-size: 26px;
line-height: 1.53;
letter-spacing: 0.09em;
margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
.under-pagettlbox .description span{
text-align: left;
}
.under-pagettlbox .emphasis{
font-size: 19px;
line-height: 1.36;
margin-bottom: 15px;
}
#under-searchmap .description.type02{
font-size: 11px;
line-height: 1.36;
margin: 10px auto 21px;
}
} .schedulepdf {
background: #f0f0f0;
padding: 68px 0 30px;
margin-bottom: 90px;
}
.schedulepdf .pdflinks {
margin-top: 11px;
display: flex;
flex-wrap: wrap;
}
.schedulepdf .pdflinks li {
margin-top: 15px;
max-width: 252px;
width: 100%;
}
.schedulepdf .pdflinks li:nth-of-type(even){
margin-left: 10px;
}
.schedulepdf .pdflinks li a {
border: #ee8081 solid 1px;
border-radius: 4px;
background: #fff;
display: block;
text-align: center;
font-size: 14px;
letter-spacing: 0.09em;
font-weight: bold;
color: #ee8081;
position: relative;
padding: 13px 0;
transition: all .4s ease;
}
.schedulepdf .pdflinks li a::after {
content: '';
display: inline-block;
background: url(/images/studio/pdf_btn_icon01.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 15px;
height: 15px;
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto;
}
.schedulepdf .pdflinks li a:hover {
background: #ee8081;
color: #fff;
}
.schedulepdf .pdflinks li a:hover:after {
background: url(/images/studio/pdf_btn_icon02.png);
}
@media screen and (max-width: 767px) {
.schedulepdf {
margin: 0 0 20vw;
padding: 45px 0 21px;
}
.schedulepdf .pdflinks{
margin-top: 0;
}
.schedulepdf .pdflinks li{
max-width: 100%;
}
.schedulepdf .pdflinks li:nth-of-type(even){
margin-left: 0;
}
.schedulepdf .pdflinks li a {
font-size: 14px;
line-height: 1.85;
padding: 14px 0;
}
.schedulepdf .pdflinks li a::before {
width: 7vw;
height: 8vw;
}
.schedulepdf .pdflinks li a::after {
width: 4vw;
height: 4vw;
right: 10px;
}
} .g-map {
margin: 40px 0 30px;
}
.g-map p {
display: block;
font-size: 14px;
text-align: right;
}
.g-map p a {
color: #000;
text-decoration: underline;
}
.g-map p a:hover {
text-decoration: none;
}
.g-map p::before {
content: ">";
font-size: 14px;
margin-right: 5px;
vertical-align: 1px;
} .price_area{
background: #ee8081;
padding: 20px 0 70px;
margin-bottom: 90px;
margin-top: 20px;
}
.plan_cont{
background: #fff;
margin-top: 30px;
padding: 50px 0 40px;
}
.plan_cont.type02{
padding: 70px 0;
}
.cont_img{
text-align: center;
margin-bottom: 10px;
}
.cont_img img{
margin: auto;
}
.plan_cont .note{
position: relative;
max-width: 520px;
margin: auto auto 78px;
}
.plan_cont .note:after{
content: '';
position: absolute;
right: 0;
left: 0;
bottom: -54px;
margin: auto;
width: 49px;
height: 25px;
background-image: url(//www.hotyoga-loive.com/images/studio/note_icon.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
visibility: visible;
}
.note li p{
font-size: 14px;
letter-spacing: 0.09em;
line-height: 1.7;
}
.price_text{
text-align: center;
font-size: 28px;
line-height: 1.5;
font-weight: bold;
position: relative;
margin-bottom: 15px;
}
.price_text:after{
content: '';
position: absolute;
right: 0;
left: 0;
bottom: 4px;
margin: auto;
max-width: 520px;
min-height: 36px;
background-image: url(//www.hotyoga-loive.com/images/studio/price_text_bk.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.price_text span{
font-weight: bold;
color: #ee8081;
font-size: 40px;
line-height: 0;
}
.price_Strongttl {
font-size: 25px;
line-height: 43px;
text-align: center;
padding-bottom: 30px;
font-weight: bold;
}
.prisec_1colum-g{
border: 1px solid #67b5bf;
}
.prisec_1colum-p.prisec-multi_line{
border: 1px solid #ee8081;
}
.prisec_1colum-g,
.prisec_1colum-p {
margin: 0 auto 20px;
width: 760px;
display: flex;
justify-content: space-between;
}
.prisec_1colum-p .prisec_desc {
background: #ee8081;
color: #fff;
text-align: center;
height: 55px;
line-height: 55px;
font-size: 16px;
width: 260px;
}
.prisec_1colum-g .prisec_desc {
background: #67b5bf;
color: #fff;   width: 260px;
}
.prisec_1colum-g .prisec_price {
background: #fff;
font-size: 24px;
font-weight: bold;
color: #67b5bf;
flex: 1 0 auto;
text-align: right;
line-height: 1.5;
padding: 10px;
}
.prisec_1colum-p .prisec_price {
background: #fff;
font-size: 24px;
font-weight: bold;
color: #ee8081;
width: 500px;
text-align: center;
line-height: 1.5;
padding: 10px 0;
}
.prisec_1colum-g .prisec_price span ,
.prisec_1colum-p .prisec_price span {
font-size: 16px;
font-weight: normal;
padding: 0 5px;
}
.prisec_desc-min{
font-size: 22px;
font-weight: bold;
}
.prisec_desc-min span{
display: block;
font-size: 16px;
font-weight: normal;
}
.prisec_1colum {
margin: 0 auto 20px;
width: 760px;
display: flex;
justify-content: space-between;
}
.prisec_1colum .prisec_desc {
background: #515151;
color: #fff;
text-align: center;
height: 55px;
line-height: 55px;
font-size: 16px;
width: 260px;
}
.prisec_1colum .prisec_price {
background: #fff;
font-size: 24px;
font-weight: bold;
color: #515151;
width: 500px;
text-align: center;
line-height: 1.5;
padding: 10px 0;
}
.prisec_1colum .prisec_price span {
font-size: 16px;
font-weight: normal;
padding: 0 5px;
}
.prisec_2colum {
display: flex;
justify-content: space-between;
}
.prisec_2colum li {
background: #fff;
}
.prisec_2colum .prisec_desc {
background: #515151;
color: #fff;
text-align: center;
height: 55px;
line-height: 55px;
font-size: 16px;
width: 548px;
}
.prisec_2colum .prisec_price {
background: #fff;
font-size: 24px;
font-weight: bold;
color: #000;
width: 548px;
text-align: center;
line-height: 1.5;
padding: 10px 0;
border-right: 1px solid #efefef;
}
.prisec_2colum .prisec_price span {
font-size: 16px;
font-weight: normal;
padding: 0 5px;
}
.prisec {
border-top: #d8d8d8 3px solid;
padding: 55px 0 45px;
}
.prisec.border_none {
border-top: none;
}
.prisec_ttl {
font-size: 22px;
line-height: 28px;
font-weight: bold;
margin-bottom: 20px;
text-align: center;
}
.prisec_ttl span {
font-size: 16px;
}
.prisec_ttl-min {
border-left: #67b5bf 2px solid;
padding-left: 10px;
margin-bottom: 20px;
}
.prisec_ttl-min strong {
display: block;
font-size: 22px;
line-height: 38px;
font-weight: bold;
}
.prisec_ttl-min span {
display: block;
font-size: 16px;
line-height: 28px;
font-weight: normal;
}
.prisec_ttl-mincase {
font-size: 18px;
line-height: 32px;
margin: 0 0 10px 170px;
}
.prisec_card {
text-align: center;
margin: 0 auto 10px;
}
.prisec_card span {
background: #67b5bf;
color: #fff;
height: 38px;
line-height: 38px;
display: inline-block;
padding: 0 15px;
}
.prisec_read {
font-size: 18px;
text-align: center;
margin-bottom: 10px;
}
.prisec_read-min {
font-size: 16px;
text-align: center;
margin-bottom: 20px;
}
.prisec_note {
font-size: 13px;
line-height: 20px;
text-align: center;
margin-bottom: 10px;
}
.prisec_caution {
font-size: 13px;
line-height: 20px;
color: #777777;
margin: 10px 0 10px;
text-align: center
}
.prisec_while {
margin-bottom: 45px;
padding: 10px;
background-color: #EFEFEF;
overflow: hidden;
}
.prisec_acdbody {
position: relative;
}
.prisec_table {
margin-bottom: 30px;
}
.prisec_table-read {
color: #fff;
background: #515151;
padding: 10px;
font-size: 16px;
}
.prisec_table-cat {
display: flex;
justify-content: space-between;
background: #eaeaea;
padding: 1px 0 1px 1px;
}
.prisec_table-cat li {
box-sizing: border-box;
background: #fff;
width: 219px;
height: 110px;
margin-left: 1px;
text-align: center;
padding-top: 15px;
}
.prisec_table-cat li strong {
color: #67b5bf;
font-size: 17px;
text-align: center;
}
.prisec_table-cat li p {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 60px;
font-size: 24px;
}
.prisec_table-cat li p span {
font-size: 16px;
display: block;
text-align: center;
}
.prisec_catcol {
box-sizing: border-box;
border: #d7d7d7 solid 1px;
padding: 20px 20px 10px 20px;
margin-bottom: 50px;
}
.prisec_catcol-ttl {
font-size: 18px;
margin-bottom: 20px;
}
.prisec_catcol-dist {
overflow: hidden;
margin-bottom: 20px;
}
.prisec_catcol-dist dt {
background: #67b5bf;
color: #fff;
width: 80px;
height: 30px;
float: left;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.prisec_catcol-dist dd {
margin-left: 100px;
}
.prisec_catrow {
margin-bottom: 20px;
}
.prisec_catrow-ttl {
color: #fff;
background: #515151;
padding: 10px;
font-size: 16px;
}
.prisec_catrow-dist {
background: #fff;
box-sizing: border-box;
border-left: #d7d7d7 solid 1px;
border-right: #d7d7d7 solid 1px;
border-bottom: #d7d7d7 solid 1px;
padding: 20px;
font-size: 16px;
}
.prisec_catrow-dist dt {
color: #67b5bf;
margin-bottom: 10px;
font-weight: bold;
}
.prisec_catrow-dist dd ol li {
margin-bottom: 5px;
overflow: hidden;
}
.prisec_catrow-dist dd ol li::before {
content: "・";
display: block;
float: left;
}
.prisec_catrow-dist dd ol li p {
display: table;
}
.prisec .ml0 {
margin-left: 0;
}
.prisec .txt-al-lf {
text-align: left;
}
.prisec_tablerc03 {
margin: 30px 0 35px;
display: flex;
justify-content: space-between;
background: #fff;
padding: 1px 0 1px 1px;
}
.list_title_area {
background: #515151;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 89px;
color: #fff;
position: relative;
}
.list_title_area .label{
position: absolute;
left: -4px;
top: -4px;
background-image: url(//www.hotyoga-loive.com/images/price/ribbon.png);
background-size: cover;
background-repeat: no-repeat;
background-position: top;
width: 109px;
padding: 3px 5px;
}
.list_title_area .label p{
text-align: center;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.15em;
color: #fff;
line-height: inherit;
}
.list_title_area h4 {
font-size: 22px;
}
.prisec_tablerc03-read {
font-size: 16px;
margin-bottom: 10px;
text-align: center;
}
.list_title_note {
text-align: center;
margin-bottom: 4px;
}
.list_title_note p {
color: #fff;
display: inline;
padding: 2px 10px;
letter-spacing: 0.15em;
font-size: 14px;
}
.list_detail {
background: #EFEFEF;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 93px;
font-size: 24px;
line-height: 28px;
font-weight: bold;
text-align: center;
}
.list_detail p {
text-align: center;
}
.list_detail span {
font-size: 16px;
font-weight: 100;
}
.prisec_tablerc03 li {
width: 33.22%;
}
.cost_table {
margin: 0px 0 35px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
}
.cost_table.clear:after {
content: initial;
}
.cost_table .cost_list {
max-width: 545px;
width: 100%;
margin-top: 8px;
}
.cost_table .cost_list:nth-of-type(even){
margin-left: 10px;
}
.cost_table .cost_list .list_detail {
font-size: 21px;
}
.cost_table .cost_list .list_detail span {
font-size: 16px;
font-weight: bold;
letter-spacing: 0.04em;
}
.cost_table .cost_list .list_detail span sup{
vertical-align: bottom;
font-size: 12px;
letter-spacing: 0.04em;
}
.pricelist_inner ul.note{
margin-bottom: 45px;
}
.pricelist_inner ul.note li p{
font-size: 14px;
letter-spacing: 0.09em;
line-height: 2.14;
}
.plan_area{
display: flex;
}
.plan_area dl{
display: flex;
align-items: center;
}
.plan_area dl:last-of-type{
margin-left: 10px;
}
.plan_area dt{
font-size: 14px;
color: #515151;
background: #fff;
padding: 6px;
font-weight: 500;
line-height: 1;
margin-right: 10px;
}
.plan_area dd{
font-size: 16px;
letter-spacing: 0.04em;
color: #3c3c3c;
line-height: 1;
font-weight: 400;
}
.plan_area dl:last-of-type dd{
font-weight: bold;
font-size: 20px;
letter-spacing: 0.04em;
}
.cost_table .cost_list .list_detail .plan_area dd span{
font-size: 14px;
font-weight: 400;
letter-spacing: 0.04em;
}
.prisec-multi_line .prisec_desc{
line-height: normal;
text-align: left;
padding: 16px 23px;
height: auto;
width: 400px;
line-height: 1.4;
font-size: 22px;
}
.prisec-multi_line .prisec_desc span{
font-size: 13px;
}
.prisec-multi_line .prisec_price {
text-align: right;
padding: 16px;
flex: 1 0 auto;
line-height: 1.25;
}
.prisec-multi_line .prisec_desc ,
.prisec-multi_line .prisec_price {
position: relative;
}
.prisec-multi_line .prisec_price p{ text-align: right;
}
.prisec-multi_line p{
position: relative;
top: 50%;
transform: translate(0%, -50%);
}
@media screen and (max-width: 767px) {
.price_area{
padding: 22px 0 4px;
margin-bottom: 75px;
margin-top: 0;
}
.plan_cont{
margin-top: 0;
padding: 25px 8% 25px;
}
.plan_cont.type02 {
padding: 27px 8% 9px;
}
.plan_cont + .plan_cont{
margin-top: 20px;
}
.price_text{
font-size: 14px;
margin-bottom: 12px;
}
.price_text:after{
bottom: -5px;
}
.price_text span{
font-size: 22.5px;
}
.plan_area{
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-top: 5px;
}
.cost_table .cost_list:nth-of-type(even){
margin-left: 0;
}
.cost_table .cost_list.monthly_cont02{
margin-top: 25px;
} .list_title_area .label{
left: -5px;
top: -12px;
width: 100px;
height: 23px;
padding: 4px 4px 3px;
box-sizing: border-box;
}
.list_title_area .label p{
font-size: 14px;
line-height: 1.18;
}
.plan_area dl{
width: 100%;
max-width: 210px;
}
.plan_area dl:last-of-type{
margin-top: 10px;
margin-left: 0;
}
.cost_table .cost_list .list_detail .plan_area dd span{
font-size: 11px;
}
.cost_table {
margin: 0 0 22px;
display: block;
padding: 1px;
}
.list_detail p{
line-height: 1.25;
}
.cost_table .cost_list .list_detail span {
line-height: inherit;
}
.cost_table .cost_list {
width: 100%;
}
.pricelist_inner ul.note{
margin-bottom: 27px;
}
.plan_cont .note{
margin: auto auto 52px;
}
.plan_cont .note:after{
bottom: -34px;
}
.note li p{
font-size: 12px;
line-height: 1.75;
}
}
.parentBox {
background: #f2f2f2;
padding: 30px 0 23px;
}
.parentBox.type02{
background: transparent;
padding: 0 0 23px;
}
.parentBox-w {
background: #fff;
padding: 50px 0 50px;
}
.w_auto {
width: 100% !important;
}
.w_850 {
width: 850px !important;
}
@media screen and (max-width: 767px) {
.parentBox.type02{
padding: 0;
margin-bottom: 30px;
}
} #lesson_program  {
margin-bottom: 52px;
}
#lesson_program .contents-enttl {
margin-bottom: 0;
}
#lesson_program .lesson_program {
margin: 40px 0 20px;
}
#lesson_program .lesson_program p,
#lesson_program .lesson_program span{
text-align: center;
}
#lesson_program .lesson_program span{
font-size: 14px;
letter-spacing: 0.09em;
display: block;
margin-top: 8px;
}
#lesson_program ol li {
margin-bottom: 3px;
position: relative;
border: none;
}
#lesson_program ol li .acod {
background-color: #67b5bf;
padding: 11px 22px;
color: #fff;
}
#lesson_program ol li .acod-in {
padding: 19px 0;
}
#lesson_program .accordion_icon span,
#lesson_program .accordion_icon-up span {
background-color: #fff;
}
.program_slider {
padding: 0 0 60px;
}
.program_slider-item {
width: 100%;
max-width: 980px;
padding: 0 30px;
float: left;
outline: none;
}
.program_slider-inner {
display: flex;
background: #fff;
align-items: center;
padding: 10px;
}
.program_slider-photo {
width: 55%;
}
.program_slider-photo img {
max-width: 100%;
height: auto;
}
.program_slider-content {
width: 50%;
box-sizing: border-box;
padding: 0 0 0 60px;
}
.program_slider-content .btn_both_pink a {
margin: 0;
font-size: 3vw;
}
.program_slider-title {
font-size: 27px;
line-height: 1.5;
margin: 0 0 25px;
letter-spacing: .1em;
}
.program_slider-description {
font-size: 14px;
line-height: 1.8;
letter-spacing: .05em;
margin: 0 0 20px;
}
.program_recommend{
background: #f0f0f0;
padding: 40px 0 20px;
margin-bottom: 83px;
}
.program_recommend .slick-slider {
background: none;
}
.program_recommend .slick-slider .slick-list,
.program_recommend .slick-slider .slick-track {
background: none;
}
#studio .program_recommend .slick-prev,
#studio .program_recommend .slick-next{
display: block !important;
}
.program_recommend .slick-next,
.program_recommend .slick-prev {
width: 24px;
height: 46px;
transition: all .3s;
}
.program_recommend .slick-next::before,
.program_recommend .slick-prev::before {
content: '';
display: inline-block;
width: 100%;
height: 100%;
background: url(//www.hotyoga-loive.com/images/program/sld_arw.png) center center no-repeat;
background-size: contain;
}
.program_recommend .slick-next:hover,
.program_recommend .slick-prev:hover {
opacity: .8;
}
.program_recommend .slick-next {
right: auto;
left: 46%;
transform: translate3d(565px, -100%, 0);
}
.program_recommend .slick-prev {
left: auto;
right: 46%;
transform: translate3d(-565px, -100%, 0) rotate3d(0, 0, 1, 180deg);
}
.program_slider-item a.mover:hover .program_slider-content{
opacity: 0.6;
}
.program_slider-content .program_slider-title{
font-size: 20px;
font-weight: bold;
letter-spacing: 0.09em;
color: #3c3c3c;
margin: 0 0 15px;
}
.program_slider-content li{
margin-top: 5px;
}
.program_slider-content li p{
color: #3c3c3c;
font-size: 16px;
letter-spacing: 0.09em;
position: relative;
padding-left: 25px;
}
.program_slider-content li p::before{
content: '';
position: absolute;
left: 0;
bottom: 0;
top: 0;
margin: auto;
width: 16px;
height: 16px;
background-image: url(//www.hotyoga-loive.com/images/studio/pdf_btn_icon01.png);
background-size: contain;
background-repeat: no-repeat;
transform: rotate(90deg);
}  @media screen and (max-width: 767px) {
#lesson_program{
margin-bottom: 75px;
}
.program_slider-item{
padding: 0 20px;
}
.program_slider-photo{
width: 100%;
}
.program_slider-content{
width: 100%;
padding: 10px 0 0;
}
.program_slider-inner{
flex-direction: column;
padding: 10px 10px 30px;
}
.program_slider-content li{ margin-top: 0;
}
.program_slider-content li p::before{
width: 14px;
height: 14px;
}
.program_slider-content .program_slider-title{
font-size: 17px;
margin-bottom: 15px;
text-align: center;
line-height: 1.2;
}
.program_recommend {
padding: 5vw 0 0;
margin: 0 0 1vw;
width: 100%;
overflow: hidden;
}
.program_recommend .slick-next,
.program_recommend .slick-prev {
width: 5vw;
height: 5vw;
}
.program_recommend .slick-next {
right: 3vw;
left: auto;
transform: translate3d(0, -50%, 0);
}
.program_recommend .slick-prev {
left: 3vw;
right: auto;
transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 	180deg);
}
.program_slider-content li p{
font-size: 13px;
} } .quest_box{
background: #f0f0f0;
padding: 90px 0 44px;
margin-bottom: 90px;
}
.quest_box ol {
margin-top: 40px;
}
.quest_box ol li {
overflow: hidden;
background: #fff;
padding: 15px;
margin-bottom: 25px;
position: relative;
}
.quest_box ol li:last-child{
margin-bottom: 20px;
}
.accordion_icon_sp {
display: none;
}
.acod {
padding: 20px 20px 20px 28px;
font-size: 20px;
line-height: 35px;
font-weight: bold;
cursor: pointer;
}
.quest_box ol li .acod {
font-size: 16px;
line-height: 35px;
font-weight: bold;
cursor: pointer;
}
.accordion_icon,
.accordion_icon span,
.accordion_icon-up,
.accordion_icon-up span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.accordion_icon,
.accordion_icon-up {
position: absolute;
width: 30px;
height: 30px;
float: right;
margin-right: 5px;
right: 3%;
}
.accordion_icon,
.accordion_icon span,
.accordion_icon-up,
.accordion_icon-up span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.accordion_icon span,
.accordion_icon-up span {
position: absolute;
left: 7px;
width: 100%;
height: 2px;
background-color: #000;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1),
.accordion_icon-up span:nth-of-type(1) {
top: 14px;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
top: 14px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
.acod-in {
display: none;
padding: 0 15px 0 15px;
}
.quest_box ol li .acod-in {
padding: 30px 30px 30px 60px;
font-size: 14px;
line-height: 26px;
overflow: hidden;
width: 90%;
}
.quest_box ol li .acod-in span {
display: block;
}
@media screen and (max-width: 767px) {
.quest_box{
padding: 40px 0 30px;
margin-bottom: 70px;
}
.quest_box ol{
margin-top: 20px;
}
.quest_box ol li { padding: 0;
margin-bottom: 8%;
position: relative;
}
.acod {
padding: 0 10px 10px 10px;
font-size: 4vw;
line-height: 7vw;
font-weight: bold;
cursor: pointer;
margin-top: -15px;
width: 80%;
}
.quest_box ol li .acod {
font-size: 13px;
line-height: 6vw;
width: 100%;
margin-top: 0;
padding: 6% 4% 6% 7%;
position: relative;
box-sizing: border-box;
}
.accordion_icon {
display: none;
}
.accordion_icon_sp,
.accordion_icon_sp span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.accordion_icon_sp {
position: relative;
width: 25px;
height: 25px;
left: 86%;
top: 10px;
}
.accordion_icon_sp span {
position: absolute;
left: 7px;
width: 100%;
height: 2px;
background-color: #000;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.accordion_icon_sp span:nth-of-type(1) { top: 0;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
.accordion_icon_sp span:nth-of-type(2) { top: 0;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
.quest_box .accordion_icon_sp { left: inherit;
top: 0;
position: absolute;
}
.quest_box .active .accordion_icon_sp span:nth-of-type(1) {
display: none;
}
.quest_box .active .accordion_icon_sp span:nth-of-type(2) { top: 0;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}
.prisec_acdbody li.active .accordion_icon_sp span:nth-of-type(1) {
display: none;
}
.prisec_acdbody li.active .accordion_icon_sp span:nth-of-type(2) { top: 0;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}
.quest_box ol li:last-child{
margin-bottom: 0;
}
.quest_box ol li .acod-in{
padding: 0 0 4%;
margin: auto;
}
} #column{
margin-bottom: 92px;
}
.column_area{
display: flex;
flex-wrap: wrap;
margin: 40px 0 0;
}
.under_page #column .inner{
padding-bottom: 0;
}
.column_area .column{
width: 48%;
padding-bottom: 28px;
border-bottom: 1px solid #eaeaea;
margin:0 0 30px 0;
}
.column_area .column:nth-of-type(even){
margin-left: 40px;
}
.column_area .column .flex_box{
display: flex;
}
.column_area .column .img{
max-width: 180px;
width: 100%;
margin-right: 30px;
}
.column_area .column p{
color: #3c3c3c;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.09em;
line-height: 1.44;
}
@media screen and (max-width: 767px) {
#column{
margin-bottom: 75px;
}
.column_area .column{
width: 100%;
padding-bottom: 15px;
margin: 0 0 15px 0;
}
.column_area .column:nth-of-type(even) {
margin-left: 0;
}
.column_area .column .img {
max-width: 126px;
margin-right: 15px;
}
.column_area .column p{
font-size: 13px;
}
} #lesson{
background: #f2f2f2;
padding-top: 88px;
padding-bottom: 90px;
}
#lesson .field{
margin-bottom: 50px;
}
#lesson .field:nth-of-type(2){
margin-top: 40px;
}
#lesson .field .item{
display: flex;
justify-content: space-between;
}
#lesson .field:nth-of-type(odd) .item{
flex-direction: row-reverse;
}
#lesson .field .item dl{
max-width: 522px;
width: 100%;
}
#lesson .field .item dt{
display: flex;
align-items: center;
padding: 56px 0 16px;
border-bottom: 1px solid #3c3c3c;
margin-bottom: 30px;
}
#lesson .field:nth-of-type(3) .item dt{
padding: 85px 0 18px;
}
#lesson .field:nth-of-type(4) .item dt{
padding: 130px 0 18px;
}
#lesson .field:nth-of-type(5) .item dt{
padding: 106px 0 19px;
}
#lesson .field:nth-of-type(6) .item dt {
padding: 47px 0 18px;
}
#lesson .field:nth-of-type(7) .item dt {
padding: 104px 0 19px;
}
#lesson .field .item dt p{
font-size: 20px;
letter-spacing: 0.05em;
font-weight: bold;
line-height: 2;
}
#lesson .field .item .number{
color: #ee8081;
font-weight: bold;
font-size: 44px;
margin-right: 9px;
}
#lesson .field .item dd p{
font-size: 16px;
letter-spacing: 0.05em;
line-height: 2;
}
#lesson .field .item .photo{
max-width: 526px;
}
#lesson .field li p{
position: relative;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 2;
padding-left: 20px;
}
#lesson .field li p::before{
content: '';
position: absolute;
left: 0;
bottom: 0;
top: 0;
margin: auto;
width: 9px;
height: 9px;
background: #ee8081;
border-radius: 50%;
display: block;
}
#lesson .check{
margin-top: 50px;
background: #fff;
padding: 43px 40px 40px 58px;
}
#lesson .check#lesson5{
margin-top: 34px;
}
#lesson .check .box{
display: flex;
justify-content: space-between;
}
#lesson .check .box dl{
max-width: 680px;
width: 100%;
margin-right: 30px;
margin-top: 10px;
}
#lesson .check .box dt{
position: relative;
font-size: 20px;
font-weight: bold;
letter-spacing: 0.05em;
line-height: 1.5;
padding-left: 34px;
border-bottom: 1px solid #515151;
padding-bottom: 15px;
margin-bottom: 17px;
}
#lesson .check .box dt::before{
content: '';
position: absolute;
left: 0;
top: 4px;
margin: auto;
width: 20px;
height: 18px;
background-image: url(//www.hotyoga-loive.com/images/studio/check_icon.png);
background-size: contain;
background-repeat: no-repeat;
}
#lesson .check .box ul{
display: flex;
flex-wrap: wrap;
}
#lesson .check .box ul li{
max-width: 210px;
width: 100%;
margin-right: 40px;
}
#lesson #lesson5.check .box ul li{
max-width: 150px;
margin-right: 40px;
}
#lesson .check .box ul li:nth-of-type(2){
margin-right: 0;
}
#lesson .check .box ul li:nth-of-type(3){
margin-right: 0;
max-width: inherit;
display: inline-block;
width: auto;
}
#lesson .inner + .studio_reserve-area{
padding: 0;
}
@media screen and (max-width: 767px) {
#lesson{
padding-top: 43px;
padding-bottom: 55px;
}
#lesson .field{
margin-bottom: 55px;
}
#lesson .field:last-of-type{
margin-bottom: 15px;
}
#lesson .field .item{
flex-direction: column;
}
#lesson .field:nth-of-type(odd) .item{
flex-direction: column;
}
#lesson .field .item dt{
margin-bottom: 21px;
padding-bottom: 9px;
padding-top: 0;
}
#lesson .field:nth-of-type(3) .item dt,
#lesson .field:nth-of-type(4) .item dt,
#lesson .field:nth-of-type(5) .item dt,
#lesson .field:nth-of-type(6) .item dt,
#lesson .field:nth-of-type(7) .item dt{
padding-top: 0;
padding-bottom: 9px;
}
#lesson .field .item dt p{
font-size: 16px;
}
#lesson .field .item .number{
font-size: 35px;
margin-right: 7px;
}
#lesson .field .item dd{
margin-bottom: 20px;
}
#lesson .field .item dd p{
font-size: 13px;
line-height: 1.43;
}
#lesson .check{
margin-top: 25px;
padding: 15px 25px 9px;
}
#lesson .check .box dl{
margin-right: 0;
}
#lesson .check .box dt{
font-size: 16px;
padding-left: 25px;
margin-bottom: 20px;
padding-bottom: 15px;
}
#lesson .check .box dt::before{
top: 5px;
width: 14px;
height: 13px;
}
#lesson .check .box dd{
position: relative;
}
#lesson .field li p{
font-size: 13px;
padding-left: 12px;
}
#lesson .field li p::before{
width: 8px;
height: 8px;
}
#lesson .check .box dd .photo{
max-width: 130px;
position: absolute;
right: 0;
width: 55%;
bottom: 18px;
}
#lesson .check .box ul li{
max-width: 100%;
}
} .parentBox .pos {
position: relative;
}
.parentBox #acod-control {
font-size: 14px;
background: #3c3c3c;
width: 120px;
height: 35px;
line-height: 35px;
position: absolute;
right: 0;
top: 0;
user-select: none;
cursor: pointer;
color: #fff;
}
.parentBox #acod-control .accordion_icon {
top: 8%;
left: 0;
}
.parentBox #acod-control .accordion_icon span {
width: 60%;
height: 3px;
border-radius: 0;
left: 15px;
background: #fff;
}
.parentBox #acod-control p {
position: absolute;
top: 18px;
left: 45px;
line-height: 0;
}
.parentBox #acod-control-up {
display: none;
font-size: 14px;
background: #3c3c3c;
width: 120px;
height: 35px;
line-height: 35px;
position: absolute;
right: 0;
top: 0;
user-select: none;
cursor: pointer;
color: #fff;
}
.parentBox #acod-control-up .accordion_icon-up {
top: 8%;
left: 0;
}
.parentBox #acod-control-up .accordion_icon-up span {
width: 60%;
height: 3px;
border-radius: 0;
left: 8px;
background: #fff;
}
.parentBox #acod-control-up p {
position: absolute;
top: 18px;
left: 32px;
line-height: 0;
}
.areaBox {
background: #fff;
margin-bottom: 30px;
user-select: none;
}
.areaBox_ttl {
font-size: 20px;
padding: 20px 0 20px 20px;
font-weight: bold;
position: relative;
cursor: pointer;
background: #3c3c3c;
color: #fff;
} .areaBox_ttl:after {
content: '';
display: inline-block;
width: 22px;
height: 22px;
background: url(/images/common/acd-arrow03.png) no-repeat;
background-size: 100%;
vertical-align: middle;
position: absolute;
top: 36%;
right: 30px;
transition: all .15s linear;
}
.areaBox_district .flex_box{
display: flex;
}
.shop_info{
width: calc(100% - 350px);
display: block;
margin-right: 50px;
}
.shop_info h4{
margin-bottom: 10px;
font-size: 1.2em;
}
.shop_info .address{
margin-bottom: 10px;
letter-spacing: 0.2px;
}
.shop_info dl {
display: flex;
}
.shop_info dt p {
background: #aaaaaa;
padding: 3px 10px 3px 10px;
display: inline-block;
color: #fff;
margin-right: 11px;
font-size: 14px;
width: 56px;
letter-spacing: 0px;
}
.shop_info dd {
padding-top: 4px;
letter-spacing: 0px;
}
.shop_btn_area{
max-width: 300px;
width: 100%;
}
.google_map_link{
display: inline-block;
}
#studio .shop_btn_area .btn_both_pink a{
margin-bottom: 10px;
border: none;
}
#studio .shop_btn_area .btn_both_pink a,
#studio .shop_btn_area .btn_both_gren a{
color: #fff;
width: 300px;
flex-direction: row;
border-radius: 0;
}
#studio .shop_btn_area .btn_both_pink a:after,
#studio .shop_btn_area .btn_both_gren a:after{
display: none;
}
#studio .shop_btn_area .btn_both_gren a{
margin: 0;
}
#studio .shop_btn_area .btn_both_pink a:hover{
background: #ee8081;
}
.parentBox .google_map_link a.js-modal-open{
border: none;
text-decoration: underline;
color: #0074d9;
width: auto;
height: auto;
display: inline-block;
margin: 0;
}
.parentBox .google_map_link a.js-modal-open:hover{
background: transparent;
opacity: 0.6;
}
a.js-modal-open:after {
content: url(/images/common/target.png);
margin: 0 5px;
}
.areaBox_ttl.active:after {
transform: rotate(180deg);
top: 20%;
}
.areaBox_window {
display: none;
}
.areaBox_district {
padding: 20px 20px 0 20px;
}
.areaBox_district_ttl {
font-size: 15px;
margin-bottom: 15px;
}
.areaBox_district ol {
display: flex;
flex-wrap: wrap;
align-content: space-around;
}
.areaBox_district ol li a {
width: 240px;
height: 50px;
color: #000;
font-size: 14px;
font-weight: bold;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: 1px solid #67b5bf;
border-radius: 4px;
margin: 0 20px 20px 0;
}
.areaBox_district ol li a:hover {
background: #67b5bf;
color: #fff;
}
.areaBox_district ol li a strong,
.areaBox_district ol li a span {
display: block;
text-align: center;
}
.areaBox_district ol li a strong {
font-size: 11px;
line-height: 16px;
background: #ee8081;
color: #fff;
height: 16px;
padding: 0 25px;
margin: 0 auto;
border-radius: 10px;
}
.areaBox_district-boderunder {
border-bottom: #f0f0f0 solid 1px;
}
.areaBox_district li{
width: 100%;
border-bottom: 1px solid #ccc;
padding-bottom: 30px;
margin-bottom: 30px;
}
.map-modal h4{
margin-bottom: 20px;
font-size: 1.17em;
}
.map{
margin-bottom: 20px;
}
a.js-modal-open{
text-decoration: underline;
color: #0074d9;
}
a.js-modal-open:after{
content: url(/images/common/target.png);
margin: 0 5px;
}
.modal{
display: none;
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
.modal_bg{
background: rgba(0,0,0,0.8);
height: 100%;
position: absolute;
width: 100%;
}
.modal_content{
background: #fff;
left: 50%;
padding: 20px;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
width: 50%;
}
#studio .modal_content .btn_both_pink a{
position: relative;
width: 300px;
height: 50px;
padding: 10px 20px 10px 20px;
color: #fff;
background: #ee8081;
box-shadow: 4px 4px #f5bfbf;
-ms-box-shadow: 4px 4px #f5bfbf;
-webkit-box-shadow: 4px 4px #f5bfbf;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-weight: bold;
font-size: 1.3em !important;
margin: 0 auto;
border: none;
}
@media screen and (max-width: 767px) {
.areaBox_district .flex_box{
flex-wrap: wrap;
}
.shop_info{
width: 100%;
margin-right: 0;
}
.shop_info h4{
margin-bottom: 7px;
font-size: 16px;
}
.shop_info .address{
font-size: 15px;
margin-bottom: 9px;
}
.shop_btn_area{
max-width: 100%;
display: flex;
}
.shop_btn_area .reserve-field{
width: 46%;
}
.shop_btn_area .reserve-field:last-of-type{
margin-left: 6%;
}
#studio .shop_btn_area .btn_both_gren a{
width: 100%;
font-size: 16px !important;
}
.parentBox .google_map_link a.js-modal-open{
padding: 0;
font-size: 15px;
}
.shop_info dl{
display: inherit;
margin-bottom: 20px;
}
.shop_info dt p{
margin-bottom: 5px;
padding: 4px 8px 0 8px;
width: 58px;
}
.shop_info dd{
padding-top: 3px;
font-size: 14px;
letter-spacing: 0.5px;
}
.modal_content{
width: 90%;
padding: 24px 12px;
}
#studio .shop_btn_area .btn_both_gren a,
#studio .shop_btn_area .btn_both_pink a{
padding: 8% 0 8%;
}
#studio .modal_content .btn_both_pink a{
box-sizing: border-box;
font-size: 1.3em !important;
}
}
@media screen and (min-width:768px) and ( max-width:1024px) {
.modal_content{
width: 90%;
}
}
.under_page .inner .modal{
max-width: 100%;
width: 100%;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000000;
}
.cpfas {
font-family: "Font Awesome 5 Pro"!important;
color: inherit;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
position: absolute;
top: 50%;
}
.cpfas::before {
font-family: "Font Awesome 5 Pro"!important;
font-weight: 900;
}
.fa-times:before {
content: "\f00d";
}
.modal .fa-lg{
font-size: 2em;
top: 12px;
right: 13px;
}
.map-modal{
position: relative;
}
.js-modal-close{
position: absolute;
right: 0;
top: 0;
}
.modal .btn_both_pink a{
margin: 0 auto;
} .under-mvbox-studio {
position: relative;
height: 320px;
padding-left: 40px;
margin: 0 0 0px;
} .under-mvbox-studio h1 {
font-size: 24px;
color: #3d3d3d;
font-weight: normal;
position: relative;
z-index: 1;
display: inline-block;
box-sizing: border-box;
line-height: 1.4;
}
.under-mvbox-studio h1 strong {
width: 100%;
box-sizing: border-box;
font-size: 22px;
font-weight: normal;
text-align: center;
display: inline-block;
margin-bottom: 20px;
position: absolute;
bottom: 100%;
left: 0;
}
.under-mvbox-studio h1 span {
width: 100%;
display: inline-block;
box-sizing: border-box;
text-align: center;
font-size: 20px;
text-align: left;
}
.contents-enttl {
margin: 0 auto 30px;
text-align: center;
}
.contents-enttl span {
font-size: 40px;
line-height: 0;
padding-bottom: 19px;
margin: 35px 0 20px 0;
border-bottom: solid 2px #3c3c3c;
display: inline-block;
font-weight: normal;
}
.newarrival {
width: 810px;
margin: auto;
}
.newarrival dl {
overflow: hidden;
font-size: 16px;
margin-bottom: 10px;
}
.newarrival dl dt {
float: left;
}
.newarrival dl dd {
margin-left: 110px;
}
.newarrival dl dd a {
color: #525252;
}
.newarrival dl dd a:hover {
color: #67b5bf;
text-decoration: underline;
}
.newarrival_newbox {
padding-bottom: 15px;
}
.pagelinkbanner {
display: flex;
justify-content: space-between;
margin: 55px 0 120px;
}
.pagelinkbanner li {
transition: all .4s ease;
}
.pagelinkbanner li:hover {
opacity: 0.6;
}
.pagelinkbanner li:first-child {
background: #ee8081;
width: 50%;
}
.pagelinkbanner li:first-child a {
height: 215px;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.pagelinkbanner li:last-child {
background: #67b5bf;
width: 50%;
}
.pagelinkbanner li:last-child a {
height: 215px;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.pagelinkbanner li p {
font-size: 22px;
}
.pagelinkbanner li p::after {
content: ">";
display: inline-block;
padding-left: 10px;
} #access .contents-enttl {
font-size: 22px;
}
.access {
border-bottom: #f0f0f0 solid 1px;
padding-bottom: 35px;
margin-bottom: 20px;
}
.access-deta {
display: flex;
justify-content: space-between;
}
.access-deta li dl {
clear: both;
margin-bottom: 30px;
}
.access-deta li dl dt {
background: #b5bec7;
color: #fff;
text-align: center;
width: 80px;
height: 30px;
line-height: 30px;
float: left;
}
.access-deta li dl dd {
margin-left: 115px;
padding-top: 5px;
}
.access-deta li:first-child {
width: 720px;
margin-right: 25px;
}
.access-deta li:last-child img {
max-width: 365px;
}
.access-potobox {
clear: both;
}
.access-deta .access-potobox{
position: relative;
}
.access-deta .access-potobox a{
display: inline-block;
position: relative;
}
.access-deta .click_block{
position: relative;
bottom: 45px;
right: 0;
width: 45px;
height: 45px;
background: #67b5bf;
display: block;
margin: auto 0 auto auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.access-deta .click_block span{
position: absolute;
left: 10px;
width: 100%;
height: 1px;
background-color: #fff;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
max-width: 25px;
max-height: 25px;
margin: auto;
}
.access-deta a:hover .click_block,
.access-deta a:hover .click_block span{
opacity: 0.6;
}
.access-deta .click_block span:nth-of-type(1),
.access-deta .click_block span:nth-of-type(1){
top: 22px;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
.access-deta .click_block span:nth-of-type(2) {
top: 22px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
.nearest {
margin-bottom: 40px;
}
.nearest h3 {
font-size: 15px;
margin-bottom: 10px;
}
.nearest ul {
display: flex;
flex-wrap: wrap;
align-content: space-around;
}
.nearest ul li {
margin: 0 20px 20px 0;
}
.nearest ul li:nth-child(4),
.nearest ul li:nth-child(8),
.nearest ul li:nth-child(12) {
margin-right: 0;
}
.nearest ul li a {
width: 250px;
height: 50px;
color: #000;
font-size: 14px;
font-weight: bold;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: 1px solid #67b5bf;
border-radius: 4px;
}
.nearest ul li a:hover {
background: #67b5bf;
color: #fff;
}
.nearest ul li a strong,
.nearest ul li a span {
display: block;
text-align: center;
}
.nearest ul li a strong {
font-size: 11px;
line-height: 16px;
background: #fabd00;
color: #fff;
height: 16px;
padding: 0 25px;
margin: 0 auto;
border-radius: 10px;
}
.studio_reserve-area {
padding: 40px 0;
}
.studio_reserve-area .studio_reserve-text {
text-align: center;
font-size: 20px;
line-height: 1.2;
margin: 0 0 10px;
}
.studio_reserve-area .btn_both_pink.type01 a {
padding: 10px;
width: 350px;
}
.nearest + .studio_reserve-area{
padding: 0;
}
@media screen and (max-width: 767px) {
.nearest {
margin-bottom: 35px;
}
.studio_reserve-area {
padding: 0;
}
.access-deta .click_block{
position: absolute;
bottom: 0;
}
}
.tellloive {
display: flex;
justify-content: space-between;
}
.tellloive-box {
background: #fff;
padding: 10px 10px 30px;
}
.tellloive-ttl {
display: block;
text-align: center;
margin: 20px 0 20px;
}
.tellloive-ttl span {
text-align: center;
font-size: 24px;
line-height: 35px;
display: inline-block;
position: relative;
}
.tellloive-ttl span:before {
content: '';
background: #ee8081;
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 0;
}
.tellloive-text {
text-align: center;
margin-bottom: 20px;
font-size: 16px;
}
.tellloive-link {
display: block;
font-size: 16px;
text-align: center;
}
.tellloive-link a {
color: #000;
text-decoration: underline;
}
.tellloive-link a:hover {
text-decoration: none;
}
.tellloive-link::before {
content: ">";
font-size: 14px;
margin-right: 5px;
vertical-align: 1px;
}
.insta-box {
margin-bottom: 120px;
}
.insta-box .contents-enttl {
margin-bottom: 20px;
}
.insta-box .inner {
width: 1140px;
max-width: 1140px;
margin: 0 auto;
}
.cvbnr-box {
margin-bottom: 60px;
} .studio_voice {
margin-bottom: 32px;
}
.studio_voice h2 {
font-size: 24px;
line-height: 1.6;
text-align: center;
margin: 0 0 30px;
}
.studio_voice_area {
width: 100%;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
}
.studio_voice_box {
display: block;
width: calc((100% - 40px) / 2);
border: 1px solid #67b5bf;
padding: 39px;
margin: 0 40px 40px 0;
box-sizing: border-box;
color: #3c3c3c;
}
.studio_voice_box:nth-child(2n) {
margin: 0 0 40px;
}
.studio_voice_box:hover {
border-color: #0e8999;
}
.studio_voice_head {
display: flex;
padding: 0 0 25px;
box-sizing: border-box;
}
.studio_voice_photo {
width: 120px;
padding: 0 20px 0 0;
box-sizing: border-box;
}
.studio_voice_photo img {
border-radius: 50%;
height: auto;
}
.studio_voice_comment {
width: calc(100% - 120px);
padding: 30px;
background: #f0f0f0;
position: relative;
box-sizing: border-box;
align-self: center;
}
.studio_voice_comment::after {
content: '';
border-width: 9px 8px 9px 0;
border-style: solid;
border-color: transparent #f0f0f0 transparent transparent;
position: absolute;
right: 100%;
top: 50%;
transform: translate3d(0, -50%, 0);
}
.studio_voice_comment h3 {
font-size: 15px;
line-height: 1.7;
text-align: left;
}
.studio_voice_ex p {
font-size: 15px;
line-height: 2;
}
.studio_voice_more{
text-decoration: underline;
}
#freespace_content .contentInner {
padding: 40px 0;
}
#freespace_content .contentInner h3 {
font-size: 24px;
line-height: 1.6;
text-align: center;
margin: 0 0 10px;
}
#freespace_content .contentInner .sub_title {
font-size: 18px;
line-height: 1.6;
text-align: center;
}
#freespace_content .contentInner .beforeAfter {
display: flex;
max-width: 680px;
margin: 0 auto;
padding: 40px 0 0;
}
#freespace_content .contentInner .beforeAfter_item {
width: 50%;
}
#freespace_content .contentInner .beforeAfter_caption {
text-align: center;
padding: 20px 0;
font-size: 15px;
}
#freespace_content .contentInner .qa .row {
padding: 25px 0;
border-bottom: 1px dotted #bdbdbd;
}
#freespace_content .contentInner .qa .row .head {
display: flex;
align-items: center;
}
#freespace_content .contentInner .qa .row .head .icon {
display: inline-block;
width: 57px;
margin: 0 20px 0 0;
}
#freespace_content .contentInner .qa .row .head .text {
display: inline-block;
width: calc(100% - 77px);
font-size: 16px;
line-height: 1.25;
letter-spacing: 0.055em;
background-color: #f1f1f1;
padding: 10px 24px 14px 24px;
}
#freespace_content .contentInner .qa .row .cont {
padding: 4px 0 0 101px;
}
#freespace_content .contentInner .qa .row .cont p {
font-size: 16px;
line-height: 1.625;
letter-spacing: 0.055em;
}
#freespace_content .contentInner .qa .row .cont.graphWrap {
display: flex;
align-items: center;
padding-top: 10px;
padding-bottom: 5px;
}
#freespace_content .contentInner .qa .row .cont.graphWrap .image {
width: calc(120 / 687 * 100%);
margin: 0 25px 0 0;
}
#freespace_content .contentInner .qa .row .cont.graphWrap .text {
width: calc(542 / 687 * 100%);
}
#freespace_content .contentInner .qa .row .cont.graphWrap .text dt {
display: inline-block;
color: #269cda;
background-color: #d4ebf8;
font-size: 16px;
line-height: 1.25;
letter-spacing: 0.1em;
margin: 0 0 10px 0;
padding: 3px 14px;
}
#freespace_content .contentInner .qa .row .cont.graphWrap .text dd {
font-size: 16px;
line-height: 1.625;
letter-spacing: 0.055em;
}
@media screen and (max-width: 767px) {
.studio_voice{
margin-bottom: 21px;
}
.price_Strongttl {
font-size: 5.4vw;
line-height: 8vw;
text-align: center;
padding-bottom: 4vw;
}
.prisec_1colum-g ,
.prisec_1colum-p {
margin: 0 auto 4vw;
width: 100%;
display: block;
}
.prisec_1colum-g .prisec_desc ,
.prisec_1colum-p .prisec_desc {
width: 100%;
font-size: 4vw;
line-height: 0;
height: auto;
padding: 6% 0;
}
.prisec_1colum-g .prisec_price ,
.prisec_1colum-p .prisec_price {
font-size: 6vw;
margin: 0 auto 4vw;
width: 100%;
height: auto;
line-height: 7vw;
padding: 3% 0;
display: block;
}
.prisec_1colum-g .prisec_price span ,
.prisec_1colum-p .prisec_price span {
font-size: 4vw;
padding: 0 1%;
}
.prisec_1colum {
margin: 0 auto 4vw;
width: 100%;
display: block;
}
.prisec_1colum .prisec_desc {
width: 100%;
font-size: 4vw;
line-height: 0;
height: auto;
padding: 6% 0;
}
.prisec_1colum .prisec_price {
font-size: 6vw;
margin: 0 auto 4vw;
width: 100%;
height: auto;
line-height: 7vw;
padding: 3% 0;
display: block;
}
.prisec_1colum .prisec_price span {
font-size: 4vw;
padding: 0 1%;
}
.prisec_2colum .prisec_desc {
width: 100%;
font-size: 4vw;
line-height: 0;
height: auto;
padding: 6% 0;
}
.prisec_2colum .prisec_price {
width: 100%;
font-size: 5.5vw;
line-height: 7vw;
height: auto;
padding: 4% 0;
display: block;
}
.prisec_2colum {
display: block;
margin-bottom: 8vw;
}
.prisec-multi_line .prisec_desc {
font-size: 5vw;
line-height: 1.5;
text-align: center;
}
.prisec-multi_line .prisec_price  p,
.prisec-multi_line .prisec_desc p{
text-align: center;
line-height: 1.5;
transform: translate(0 ,0);
}
.prisec-multi_line .prisec_desc span{
line-height: 4vw;
font-size: 4vw;
text-align: center;
}
.prisec-multi_line .prisec_price{
margin-bottom: 0;
text-align: center;
}
.parentBox {
padding: 30px 0 0;
margin: 0 0 65px;
}
.parentBox-w {
padding: 10vw 0 10vw;
}
.w_850 {
width: 100% !important;
}
.prisec {
border-top: #d8d8d8 2px solid;
padding: 8vw 0 6.5vw;
}
.prisec_ttl {
font-size: 4.5vw;
line-height: 7vw;
margin-bottom: 3vw;
}
.prisec_ttl-min {
margin-bottom: 6vw;
}
.prisec_ttl-min strong {
font-size: 5vw;
line-height: 9vw;
}
.prisec_ttl-min span {
font-size: 4vw;
line-height: 6vw;
}
.prisec_ttl-mincase {
margin: 0;
font-size: 4vw;
line-height: 9vw;
}
.prisec_card {
margin: 0 auto 3vw;
}
.prisec_card span {
height: auto;
line-height: 0;
padding: 5% 0;
width: 100%;
text-align: center;
}
.prisec_read {
font-size: 3.8vw;
line-height: 6.5vw;
margin-bottom: 5vw;
}
.prisec_read-min {
font-size: 4vw;
margin-bottom: 3vw;
}
.prisec_caution {
font-size: 3vw;
line-height: 5vw;
margin: 0 0 5vw;
text-align: left;
}
.prisec_while {
margin-bottom: 2.5vw;
}
.prisec_table-read {
font-size: 4vw;
padding: 3%;
text-align: center;
}
.prisec_table-cat {
display: block;
padding: 1px;
}
.prisec_table-cat li {
width: 100%;
height: auto;
margin: 1px;
padding: 3.5% 2%;
}
.prisec_table-cat li strong {
font-size: 4vw;
vertical-align: 0.8vw;
margin-right: 1vw;
}
.prisec_table-cat li p {
display: inline-table;
height: auto;
font-size: 7vw;
}
.prisec_table-cat li p span {
font-size: 3.5vw;
display: inline;
}
.prisec_catcol {
padding: 0;
border: none;
margin-bottom: 8vw;
}
.prisec_catcol-ttl {
font-size: 4.5vw;
margin-bottom: 3vw;
}
.prisec_catcol-dist {
margin-bottom: 5vw;
}
.prisec_catcol-dist dt {
width: auto;
height: auto;
display: inline-block;
padding: 1% 4%;
float: none;
margin-bottom: 3vw;
}
.prisec_catcol-dist dd {
margin-left: 0;
}
.prisec_catrow {
margin-bottom: 10vw;
}
.prisec_catrow-ttl {
font-size: 4vw;
padding: 3%;
text-align: center;
}
.prisec_catrow-dist {
font-size: 4vw;
padding: 3%;
}
.prisec_tablerc03 {
margin: 5vw 0 2vw;
display: block;
padding: 1px;
}
.list_title_area {
height: auto;
padding: 16px 0 11px;
display: block;
position: relative;
}
.list_title_area:nth-of-type(2) {
padding: 13px 0 9px;
}
.list_title_area h4 {
font-size: 20px;
margin-bottom: 1vw;
text-align: center;
}
.pricelist_inner ul.note li p{
font-size: 12px;
line-height: 1.75;
}
.prisec_tablerc03-read {
font-size: 4vw;
margin-bottom: 1vw;
}
#lesson_program .lesson_program p,
#lesson_program .lesson_program span{
text-align: left;
}
#lesson_program .lesson_program p{
font-size: 13px;
}
#lesson_program .lesson_program span{
font-size: 12px;
}
.list_detail {
height: auto;
display: block;
font-size: 6vw;
line-height: 7vw;
padding: 4%;
}
.prisec_tablerc03 li {
width: 100%;
}
.parentBox #acod-control {
display: none;
}
.parentBox #acod-control-up {
display: none;
}
.areaBox {
margin-bottom: 5px;
}
.areaBox_ttl {
font-size: 4.7vw;
padding: 5% 0 5% 4%;
}
.areaBox_ttl:before {
width: 170px;
}
.areaBox_ttl:after {
right: 15px;
}
.areaBox_district {
padding: 6% 0 0;
}
.areaBox_district_ttl {
font-size: 4vw;
margin-bottom: 2.5vw;
}
.areaBox_district ol li {
width: 100%;
margin-bottom: 20px;
padding-bottom: 25px;
}
.areaBox_district ol li a {
width: 94%;
height: auto;
font-size: 3.5vw;
letter-spacing: 0;
margin: 0 auto 10%;
padding: 7% 0 7%;
}
.contents-enttl span {
font-size: 8vw;
padding-bottom: 4vw;
margin: 5% 0 3%;
}
.newarrival_newbox {
display: block;
margin-bottom: 4vw;
}
.newarrival_newbox li {
width: 100%;
overflow: hidden;
margin-bottom: 2vw;
}
.newarrival_newbox li dt {
width: 100%;
font-size: 14px;
margin-bottom: 5px;
}
.newarrival_newbox li dt img {
max-width: 100%;
width: 100%;
}
.newarrival_newbox li dd {
display: table-cell;
}
.newarrival_newbox li a {
color: #000;
font-size: 14px;
}
.newarrival .btn_both_gren a {
width: 100% !important;
}
.newarrival {
width: 100%;
}
.pagelinkbanner {
display: block;
margin: 10vw auto 20vw;
}
.pagelinkbanner li:first-child {
margin-bottom: 2px;
width: 100%;
}
.pagelinkbanner li:first-child a {
height: 40vw;
}
.pagelinkbanner li:last-child {
width: 100%;
}
.pagelinkbanner li:last-child a {
height: 40vw;
}
.pagelinkbanner li p {
font-size: 5vw;
}
.sp_pagelink-wide .inner {
width: 100% !important;
max-width: 100% !important;
}
.studio_voice_ex{
font-size: 13px;
}
.g-map {
margin: 5vw 0 5vw;
}
.g-map p {
font-size: 3.7vw;
}
.g-map p {
font-size: 3.5vw;
}
.g-map iframe {
width: 100%;
height: 270px;
}
.access {
padding-bottom: 5vw;
margin-bottom: 5vw;
}
.access-deta {
display: block;
}
.access-deta li dl {
margin-bottom: 4vw;
}
.access-deta li dl dt {
float: none;
width: auto;
height: auto;
padding: 0 3%;
display: inline-block;
font-size: 13px;
}
.access-deta li dl dd {
margin-left: 0;
font-size: 13px;
}
.access-deta li:first-child {
width: 100%;
margin-right: 0;
}
.access-deta li:last-child img {
max-width: 100%;
}
.access-potobox p {
margin-bottom: 2vw;
}
.nearest h3 {
font-size: 4vw;
margin-bottom: 2vw;
}
.nearest ul li {
margin: 0 0 2vw 0;
width: 50%;
}
.nearest ul li a {
width: 90%;
height: auto;
margin: 0 auto;
padding: 10% 2%;
font-size: 3.8vw;
}
.studio_reserve-area .studio_reserve-text {
font-size: 4vw;
}
.tellloive {
display: block;
}
.tellloive-box {
padding: 3% 3% 8% 3%;
margin-bottom: 5%;
}
.tellloive-ttl {
margin: 5vw 0 5vw;
}
.tellloive-ttl span {
font-size: 5vw;
line-height: 7vw;
}
.tellloive-text {
text-align: left;
width: 94%;
margin: 0 auto 4vw;
font-size: 13px;
}
.tellloive-link {
font-size: 3.7vw;
}
.insta-box {
margin-bottom: 15vw;
}
.insta-box .contents-enttl {
margin-bottom: 3vw;
}
.cvbnr-box {
margin-bottom: 10vw;
}
.cvbnr-box .inner {
max-width: 100% !important;
width: 100% !important;
} .studio_voice h2 {
font-size: 5vw;
margin: 0 0 15px;
}
.studio_voice_box:nth-child(1n) {
width: 100%;
padding: 19px;
margin: 0 0 20px;
}
.studio_voice_head {
padding: 0 0 15px;
}
.studio_voice_photo {
width: 80px;
padding: 0 20px 0 0;
}
.studio_voice_comment {
width: calc(100% - 80px);
padding: 15px;
}
.studio_voice_comment::after {
border-width: 7px 6px 7px 0;
top: 23px;
transform: none;
}
.studio_voice_comment h3 {
font-size: 13px;
}
.studio_voice_ex p {
font-size: 3.5vw;
}
#freespace_content .contentInner .qa {
padding: 0 0 28px 0;
}
#freespace_content .contentInner .qa .row {
padding: 25px 0;
border-bottom: 1px dotted #bdbdbd;
}
#freespace_content .contentInner .qa .row .head .icon {
display: block;
width: 40px;
margin: 0 auto 10px auto;
}
#freespace_content .contentInner .qa .row .head .text {
display: block;
font-size: 14px;
line-height: 1.4;
font-weight: 700;
background-color: #f1f1f1;
padding: 10px 14px 14px 14px;
}
#freespace_content .contentInner .qa .row .cont {
padding: 15px 15px 0px 15px;
}
#freespace_content .contentInner .qa .row .cont p {
font-size: 14px;
line-height: 1.4;
}
#freespace_content .contentInner .qa .row .cont.graphWrap .image {
width: 100px;
margin: 0 auto 10px auto;
}
#freespace_content .contentInner .qa .row .cont.graphWrap .text dt {
display: inline-block;
color: #269cda;
font-size: 14px;
line-height: 1.25;
font-weight: 700;
letter-spacing: 0.1em;
background-color: #d4ebf8;
margin: 0 0 10px 0;
padding: 3px 14px;
}
#freespace_content .contentInner .qa .row .cont.graphWrap .text dd {
font-size: 14px;
line-height: 1.4;
}
} .shopgalle-box h3 {
font-size: 22px;
text-align: center;
line-height: 1.4;
font-weight: normal;
}
.shopgalle-box .contents-enttl {
display: block;
}
.shopgalle-box .type-font {
display: inline-block;
}
.shopgalle-box .slider figcaption {
margin-top: 5px;
padding-left: 10px;
}
@media screen and (min-width: 768px) {
.shopgalle-box h3 br {
display: none;
}
}
@media screen and (max-width: 768px) {
.shopgalle-box .contents-enttl {
margin-top: 5px;
}
} dl.prisec_catcol-dist li{
margin-bottom: 10px;
line-height: 1.4;
}
dl.prisec_catcol-dist li span {
font-weight: 800;
display: block;
color: #67b5bf;
} .prisec_inner{
max-width: 1100px;
width: 1100px;
margin: 0 auto;
padding: 60px 0 40px;
text-align: center;
}
#prisec_list .prisec_listarea{
display: flex;
justify-content: center;
}
.prisec_listarea .prisec_desc{
background: #515151;
color: #fff;
text-align: center;
height: 55px;
line-height: 55px;
font-size: 16px;
}
.prisec_listarea li{
background: #fff;
width: 50%;
}
.prisec_listarea span{
font-weight: bold;
}
.prisec_listarea li dl dd{
padding: 20px 5px 20px;
border-bottom: 1px solid#EFEFEF;
}
.prisec_listarea .p_price{
text-align: center;
}
.prisec_listarea li:nth-child(2){
border-left: 1px solid #EFEFEF;
}
.prisec_areainner{
margin: 0 auto;
}
.prisec_areaback{
width: 100%;
}
.prisec_contents{
padding: 32px 0 17px;
text-align: center;
max-width: 1100px;
margin: 0 auto;
}
#prisec_list .prisec_contents .prisec_caution{
width: 100%;
}
#prisec_list .contents-enttl{
margin: 40px auto 30px;
}
#prisec_list .prisec_ttl{
margin: 40px 0 30px;
}
.pricelist_inner{
max-width: 1100px;
width: 1100px;
margin: 0 auto;
padding: 0 0 8px;
text-align: center;
}
.prisec_while .plan_img {
float: left;
width: 263px;
}
.prisec_while .price_wrap {
margin: 30px 0 0 300px;
}
.prisec_while .price_wrap dt {
margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
.prisec_inner{
max-width: 100% !important;
width: 100% !important;
margin: 0 auto;
}
.prisec_listarea li dl dd{
width: 100%;
}
.prisec_contents{
width: 96%;
}
.pricelist_inner{
width: 100%;
padding: 0 0 0;
}
.pricelist_inner > p{
font-size: 12px;
margin-bottom: 21px;
}
#prisec_list .contents-enttl{
margin:20px auto 20px;
}
.prisec_areaback{
width: 100%;
}
.prisec_contents{
padding: 32px 0 17px;
text-align: center;
max-width: 1100px;
margin: 0 auto;
}
#prisec_list .prisec_contents .prisec_caution{
width: 100%;
}
#prisec_list .contents-enttl{
margin: 42px auto 22px;
}
.prisec_while {
width: 92%;
margin: 0 auto 27px;
padding: 24px 0;
}
.prisec_while .plan_img {
float: initial;
text-align: center;
width: 80%;
margin: 0 auto 15px;
}
.prisec_while .price_wrap {
margin: auto;
width: 85%;
}
.prisec_while .price_wrap dt {
font-size: 18px;
margin-bottom: 8px;
}
.prisec_while .price_wrap dd {
font-size: 13px;
}
}
#prisec_list th{
background: #f0f0f0;
color: #000;
border: 1px solid#515151;
text-align: center;
height: 55px;
line-height: 55px;
font-size: 16px;
}
#prisec_list td{
padding: 20px 20px 20px;
border: 1px solid#515151;
}
#prisec_list th.price_02{
border-left: 1px solid #EFEFEF;
}
#prisec_list td.price_01{
width: 60%;
}
#prisec_list td.price_01 span{
font-weight: bold;
}
#prisec_list td.price_02{
width: 40%;
font-weight: bold;
border-left: 1px solid #515151;
text-align: center;
}
#prisec_list table{
margin: 0 auto;
width: 80%;
margin-bottom: 20px;
}
.txt-center.m-b20{
letter-spacing: 0em;
}
.fs-14.txt-center.w90{
margin: auto;
line-height: 1.5;
margin-bottom: 40px;
}
#prisec_list .prisec_caution{
text-align: left;
margin: 0 auto;
width: 80%;
padding-top: 6px;
} .studionav ol{
justify-content: center;
}
.bnr_inner{
max-width: 1100px;
width: 1100px;
margin: 0 auto;
padding-bottom: 100px;
}
.bnr_inner h3{
font-size: 24px;
line-height: 1.6;
text-align: center;
margin: 0 0 12px;
}
.studio_bnr{
display: flex;
}
.studio_bnr li{
margin: 20px;
}
@media screen and (max-width: 768px) {
.prisec_inner{
max-width: 100% !important;
width: 100% !important;
margin: 0 auto;
}
.bnr_inner{
width: 100%;
}
.studio_bnr{
display: block;
}
#prisec_list table{
width: 96%;
}
#prisec_list td{
padding: 20px 10px 20px;
}
#prisec_list td.price_02 span{
display: inline-block;
font-size: 13px;
}
.bnr_inner h3{
font-size: 5vw;
margin: 0 0 15px;
}
}
@media screen and (max-width: 414px){
} @media only screen
and (min-device-width:320px)
and (max-device-width:350px) {
#prisec_list td.price_02 span {
font-size: 11px;
}
} .under-mvbox-studio dd{
float: right;
width: 660px;
height: 320px;
}
.under-mvbox-studio dt{
position: absolute;
top: 0;
left: 0;
float: left;
width: 440px;
height: 320px;
background: #ee8081;
display: flex;
align-items: center;
color: #fff;
}
.under-mvbox-studio h1{
color: #fff;;
margin-left: 52px;
}
#prisec_list .prisec_ttl span {
font-size: 22px;
}
@media screen and (max-width: 767px) {
.under-mvbox-studio {
height: auto;
padding: 0;
overflow: hidden;
}
.under-mvbox-studio dt {
display: block;
height: auto;
width: 100%;
position: inherit;
background: #ee8081;
}
.under-mvbox-studio dt img {
width: 100%;
height: auto;
}
.under-mvbox-studio dd {
float: inherit;
height: auto;
width: 100%;
}
.under-mvbox-studio h1 {
font-size: 6vw;
padding: 3vw;
display: block;
text-align: center;
}
.under-mvbox-studio h1 strong {
display: block;
font-size: 4vw;
margin-bottom: 1vw;
position: relative;
bottom: auto;
left: 0;
}
.under-mvbox-studio h1 span {
display: block;
font-size: 5vw;
text-align: center;
}
.under-mvbox-studio h1{
margin-left: 0px;
}
} #studio_price .under-mvbox-studio dd{
float: inherit;
display: flex;
height: 100%;
align-items: center;
}
#studio_price .under-mvbox-studio dt{
width: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
#studio_price .under-mvbox-studio h1{
font-size: 24px;
color: #3d3d3d;
font-weight: normal;
position: relative;
z-index: 1;
display: inline-block;
box-sizing: border-box;
line-height: 1.4;
}
.mode_pc_studio {
display: block;
}
.mode_sp_studio{
display: none;
}
@media screen and (max-width: 767px){
.mode_pc_studio{
display: none;
}
.mode_sp_studio{
display: block;
}
#studio_price .under-mvbox-studio{
height: auto;
padding: 0;
}
#studio_price .under-mvbox-studio dt{
position: relative;
top: auto;
left: auto;
}
#studio_price .under-mvbox-studio h1{
font-size: 6vw;
padding: 3vw;
color: #fff;
background: #ee8081;
text-align: center;
width: 100%;
}
#studio_price .under-mvbox-studio h1{
margin-left: 0px
}
#studio_price .under-mvbox-studio dd{
display: block;
height: auto;
}
}
.course_photo {
position: relative;
width: 250px;
float: left;
}
.course_detail {
margin-left: 285px;
padding: 20px 0 0;
}
h3.course_title {
font-size: 22px;
margin-bottom: 22px;
}
h3.course_title span {
border-bottom: 2px solid #ed8080;
line-height: 1.2;
}
.course_box {
overflow: hidden;
margin-bottom: 20px;
padding-bottom: 19px;
border-bottom: 1px solid;
}
.course_description {
margin-bottom: 20px;
}
.course_photo .course_photo-trial {
display: inline-block;
position: absolute;
right: 6px;
top: 154px;
color: #fff;
padding: 0 10px;
font-size: 13px;
line-height: 1.7;
background: #ED8080;
}
.course_photo .course_photo-trial.members-only{
background: #3C3C3C;
}
.course_data {
width: 100%;
align-self: flex-end;
}
.course_data-list {
display: flex;
padding: 0 3px 7px;
align-items: center;
}
.course_data-list dt {
font-size: 14px;
line-height: 1.8;
width: 17%;
}
.course_data-list dd {
width: 83%;
}
.course_data-list dd img {
max-width: 245px;
}
.course_time {
display: inline-block;
position: relative;
font-size: 14px;
line-height: 1.8;
padding: 0 0 0 30px;
}
.course_time {
display: inline-block;
position: relative;
font-size: 14px;
line-height: 1.8;
padding: 0 0 0 30px;
}
.course_time::after {
content: '';
background: url(/images/program/course_time_icon.png) center center no-repeat;
background-size: cover;
display: inline-block;
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: 50%;
transform: translate3d(0, -50%, 0);
}
@media screen and (max-width: 767px) {
#lesson_program .lesson_program {
margin: 25px 0 0;
}
#lesson_program .lesson_program p{
text-align: left;
}
#lesson_program ol li .accordion_icon_sp {
position: absolute;
width: 25px;
height: 25px;
left: 86%;
top: 8px;
}
#lesson_program ol li .accordion_icon_sp span {
background-color: #fff;
}
#lesson_program ol li .acod {
width: 100%;
margin: auto;
box-sizing: border-box;
}
.course_photo {
width: 75%;
margin: auto;
float: initial;
}
.course_photo .course_photo-trial {
top: auto;
bottom: 8px;
font-size: 10px;
}
.course_detail {
margin-left: auto;
padding: 20px 0 0;
}
h3.course_title {
font-size: 17px;
margin-bottom: 15px;
text-align: center;
}
.course_description {
margin-bottom: 20px;
font-size: 13px;
width: 90%;
margin: 0 auto 12px;
}
.course_data-list dt {
font-size: 10px;
line-height: 1.8;
width: 35%;
}
.course_data-list dd {
width: 65%;
}
.course_data-list dd img {
max-width: 100%;
}
}
.studio_reserve-wrap {
background: url(/images/studio/form_bg.png) center center no-repeat;
background-size: cover;
padding: 104px 0 31px;
margin-bottom: 120px;
}
.studio_reserve-wrap .leeson_wrap {
width: 80%;
max-width: 700px;
}
.studio_reserve-wrap .studio_reserve-title {
font-family: 'yu-mincho-pr6';
text-align: center;
font-size: 42px;
line-height: 1.2;
margin: 0 0 31px;
}
.studio_reserve-wrap .studio_reserve-title span {
text-align: center;
font-size: 21px;
display: block;
font-family: 'yu-mincho-pr6';
color: #878a8e;
}
.studio_reserve-wrap .studio_reserve-text {
text-align: center;
font-size: 20px;
line-height: 1.2;
margin: 0 0 20px;
}
.studio_reserve-wrap .btn_both_pink a {
width: 370px;
padding: 10px 0px;
}
@media screen and (max-width: 768px) {
.studio_reserve-wrap .inner {
width: 100% !important;
max-width: 100% !important;
}
.studio_reserve-wrap {
background: none;
background-color: #d5dae2;
padding: 0;
margin-bottom: 120px;
}
.studio_reserve-wrap .leeson_wrap {
width: 100%;
}
.studio_reserve-wrap .studio_reserve-title span {
font-size: 18px;
}
.studio_reserve-wrap .studio_reserve-text {
font-size: 15px;
line-height: 1.2;
margin: 0 0 20px;
}
.studio_reserve-wrap .btn_both_pink a {
width: 370px;
padding: 10px 0px;
}
}
h2#firsttime{
padding-top: 45px;
}
.btn_back{
text-align: center;
margin-bottom: 43px;
}
.btn_back a{
text-decoration: underline;
color: #333;
font-size: 13px;
}
.btn_back a::before{
content: '<';
display: inline-block;
width: 19px;
height: 22px;
}
.btn_back:hover{
transition: all 0.4s ease;
opacity: 0.7;
}
p.yogalesson{
text-align: center;
margin-bottom: 12px;
font-weight: bold;
}
.yogalesson::before{
content: '＼';
display: inline-block;
width: 19px;
height: 22px;
}
.yogalesson::after{
content: '／';
display: inline-block;
width: 19px;
height: 22px;
}
#discount.prisec{
padding: 55px 0 34px;
}
@media screen and (max-width: 768px) {
#standard.prisec{
padding: 8vw 0 0vw;
}
.btnlink{
margin-top: -15px;
}
#studio .btnlink .btn_both_pink a{
width: 100%;
}
.btn_back{
margin-bottom: 47px;
}
.btn_back a{
letter-spacing: -0.05em;
}
p.yogalesson{
letter-spacing: 0.05em;
font-size: 17px;
}
}
@media screen and (min-width:768px) and ( max-width:1024px) {
#studio .btn_both_pink a{
width: 40%;
}
} #under-searchmap .inner{
margin-top: 20px;
}
#under-searchmap h2.emphasis{
text-align: center;
font-size: 25px;
letter-spacing: 0.1em;
line-height: 1.6;
margin-bottom: 26px;
}
#under-searchmap p.description{
text-align: center;
letter-spacing: 0.15em;
line-height: 2;
margin-bottom: 95px;
}
#under-searchmap .location_text{
display: table;
margin: 0 auto 30px;
font-size: 25px;  position: relative;
}
#under-searchmap .location_text p{
padding-left: 36px;
font-weight: bold;
}
#under-searchmap .location_text p::before{
content: '';
display: inline-block;
margin-left: -34px;
background-image: url(//www.hotyoga-loive.com/images/common/search_icon.png);
background-size: contain;
background-repeat: no-repeat;
width: 22px;
height: 22px;
position: absolute;
background-position: center;
top: 44%;
transform: translateY(-50%);
}
#under-searchmap .location_btn_area{
text-align: center;
}
#under-searchmap .location_btn_area .location_btn{
font-size: 16px;
letter-spacing: 0.01em;
line-height: 1.37;
position: relative;
color: #3c3c3c;
}
#under-searchmap .location_btn_area .location_btn::before{
content: '';
display: inline-block;
margin-right: 10px;
background-image: url(//www.hotyoga-loive.com/images/studio/map_point.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
width: 18px;
height: 22px;
top: 5px;
position: relative;
}
#under-searchmap .location_btn_area .location_btn:after{
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 1px;
background: linear-gradient(
to right,
#fff 0%, #fff 17%,
#3c3c3c 17%, #3c3c3c 100%
);
}
#under-searchmap .btn_both_gren a,
.btn_both_gren .btn_both_gren_btn{
margin: 0 auto 0px;
}
#under-searchmap .top_btn_banner.btn_both_gren{
text-align: center;
}
#under-searchmap button{
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
font-family: Helvetica, dnp-shuei-gothic-gin-std, Arial, "Hiragino Kaku Gothic Pro", "Noto Sans", "Noto Sans CJK JP", "NotoSansCJKjp-Jxck", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック";
}
.gps_text p{
text-align: center;
color: #FF0000;
}
.location_text {
margin-bottom: 30px;
}
#map {
width: 100%;
height: 470px;
background-color: grey;
margin-bottom: 33px;
}
.map_area{
margin-bottom: 70px;
}
.gm-style-iw.gm-style-iw-c{
width: 550px;
min-height: 190px;
}
.gm-style-mot {
text-align: center;
}
.map_area .btn_both_pink .btn_both_pink_btn {
position: relative;
width: 100%;
font-size: 18px !important;
height: 50px;
color: #fff;
background: #ee8081;
box-shadow: 4px 4px #f5bfbf;
-ms-box-shadow: 4px 4px #f5bfbf;
-webkit-box-shadow: 4px 4px #f5bfbf;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
margin: 0 auto 20px;
}
.map_area .btn_both_pink .btn_both_pink_btn::before{
content: '';
display: inline-block;
margin-right: 10px;
background-image: url(//www.hotyoga-loive.com/images/common/point_icon.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
width: 16px;
height: 20px;
position: relative;
}
#under-searchmap.map_area .mode_sp .btn_both_gren a{
margin-bottom: 40px;
}
.map_area .mode_sp .btn_both_gren a::after{
display: none;
}
@media screen and (max-width: 768px) {
#under-searchmap h2.emphasis{
font-size: 16px;
margin-bottom: 20px;
}
#under-searchmap p.description{
letter-spacing: 0.09em;
margin-bottom: 47px;
font-size: 13px;
}
#under-searchmap .location_text{
padding-bottom:0px;
}
#under-searchmap .location_text p{
font-size: 19px;
}
.gps_text p {
font-size: 14px;
letter-spacing: 0.01em;
}
.location_text {
margin-bottom: 20px;
}
#map {
height: 510px;
margin-bottom: 27px;
}
#under-searchmap button{
width: 100%;
text-align: center;
}
.under_page #under-searchmap .inner.type03 .img{
width: 96%;
margin: auto;
}
.map_area .btn_both_pink .btn_both_pink_btn{
width: 90%;
}
#under-searchmap.map_area .mode_sp .btn_both_gren a{
width: 90%;
}
} .custom-info-item.address {
margin-bottom: 7px;
}
.custom-info-item.address p{
font-size: 16px;
font-weight: 600;
margin-top: 3px;
}
.custom-info .name {
text-decoration: underline;
position: relative;
vertical-align: middle;
margin-top: 15px;
}
.custom-info .name p{
font-size: 16px;
margin-left: 28px;
font-weight: 600;
}
.custom-info .name p a{
color: inherit;
}
.custom-info .name p a:hover{
opacity: 0.8;
transition: all 0.4s ease;
}
.custom-info .name::before{
content: '';
position: absolute;
display: inline-block;
margin-right: 10px;
background-image: url(//www.hotyoga-loive.com/images/common/map-arrow.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
width: 20px;
height: 20px;
}
.link_btn_pink a{
background: #ee8081;
position: relative;
width: 240px;
font-size: 16px;
height: 50px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.link_btn_pink a:hover{
opacity: 0.8;
transition: all 0.4s ease;
}
.link_btn_blue a{
background: #67b5bf;
position: relative;
width: 240px;
font-size: 16px;
height: 50px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
margin: 0 10px;
}
.link_btn_blue a:hover{
opacity: 0.8;
transition: all 0.4s ease;
}
.custom-info-item.mapbtn{
display: flex;
justify-content: center;
}
.gm-style{
font:inherit
}
.gm-style .gm-style-iw-c{
border-radius: 0px;
padding-left: 30px;
}
button.gm-ui-hover-effect{
top: 24px!important;
right: 30px!important;
}
button.gm-ui-hover-effect span{
-webkit-mask-image: none!important;
pointer-events: none;
display: inline-block;
vertical-align: middle;
color: #a39e9e;
line-height: 1;
width: 2em!important;
height: 0.2em!important;
background: currentColor;
border-radius: 0.1em;
position: relative;
transform: rotate(45deg);
}
button.gm-ui-hover-effect span::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: inherit;
border-radius: inherit;
transform: rotate(90deg);
}
@media screen and (max-width: 768px) {
.map_area{
margin-bottom: 25px;
}
.gm-style .gm-style-iw-c{
max-width: 300px!important;
min-height: 155px!important;
padding-left:15px;
}
.custom-info .name p{
font-size: 14px;
}
.custom-info .name::before{
width: 15px;
}
.custom-info-item.address p{
font-size: 13px;
font-weight: 500;
margin-top: -4px;
}
.custom-info-item.address p:nth-child(2){
line-height: 1.5;
margin-top: 0px;
}
.link_btn_blue a,.link_btn_pink a{
width: 130px;
height: 40px;
font-size: 15px;
margin:0;
}
.custom-info-item.mapbtn{
justify-content: space-between;
}
.custom-info .name{
margin-top: 0px;
margin-bottom: 5px;
}
.gm-style .gm-style-iw-d{
overflow: auto!important;
}
button.gm-ui-hover-effect span{
width: 1.5em!important;
}
button.gm-ui-hover-effect{
top: 8px!important;
right: 8px!important;
}
} .title_area h2.top{
display: none;
}
.title_area h2.stdio{
display: inline-block;
}
.tebura{
overflow: hidden;
background-image: url(//www.hotyoga-loive.com/images/studio/bg_tebura.jpg);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
margin: 0 0 60px 0;
padding: 50px 0;
}
.tebura .img{
display: block;
max-width: 1100px;
margin: auto;
}
@media screen and (max-width: 768px) {
.tebura{
background-image: url(//www.hotyoga-loive.com/images/studio/bg_tebura_sp.jpg);
padding: 20px 0;
}
}
.tebura2{
overflow: hidden;
background-image: url(//www.hotyoga-loive.com/images/studio/bg_tebura2.jpg);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
margin: 0 0 60px 0;
padding: 50px 0;
}
.tebura2 .img{
display: block;
max-width: 1100px;
margin: auto;
}
.tebura2 .btn{
display: block;
max-width: 590px;
margin: auto;
padding: 30px 0 0 0;
}
@media screen and (max-width: 768px) {
.tebura2{
background-image: url(//www.hotyoga-loive.com/images/studio/bg_tebura2_sp.jpg);
padding: 20px 0;
}
.tebura2 .btn{
padding: 20px 0 0 0;
}
}