@charset "UTF-8";


/* ▼875px以下の場合に適用
---------------------------------------------------------------------- */
@media only screen and (max-width: 875px) {

.pc{display:none;}

header ul{
    display:block;
    overflow:hidden;
}
header ul li.header_btn{
    display:block;
    width:25%;
    float:right;
}
header ul li.logo{
    display:block;
    width:60%;
    max-width:800px;
    float:left;
    text-align:left;
}


/* ▼550px以下の場合に適用
---------------------------------------------------------------------- */
@media only screen and (max-width: 550px) {

header ul li.header_btn{
    display:block;
    width:40%;
    float:right;
    padding:1em;
    font-size:10px;
}
header ul li.logo{
    display:block;
    width:60%;
    max-width:800px;
    float:left;
    text-align:left;
}

body{font-size:16px;}


/* Instagram */
.instagram h2{
    width:90%;
    max-width:90px;
    margin:0 auto;
}

/* コンテンツ */
/* コンテンツ */
.para {
    background-image: url("../img/contents_back_sp.png");
    left:0;
}
.para02 {
    background-image: url("../img/contents_back02_sp.png");
    left:0;
}
.para03 {
    background-image: url("../img/contents_back03_sp.png");
    left:0;
}
.para04 {
    background-image: url("../img/contents_back04_sp.png");
    left:0;
}

.contents{
    padding-top:30px;
}
.contents h4{
    font-size:24px;
    margin-top:10px;
}
.contents h5{
    color:#534741;
    font-size:24px;
    padding-bottom:0.6em;
}
.text{
    padding-top:30px;
    line-height:1.8em;
}
.text span{display:inline-block;}

/* 特徴 */
.contents h2{
    color:#554841;
    text-align:center;
    font-size:28px;
}
.contents h2 span{font-size:20px;}

.about01{
    display:block;
    margin:20px auto auto;
}
.about01 li{
    display:block;
    padding:5px 0;
}
.about01 li img{
    height:95px;
    width:auto;
}

.about02{
    width:100%;
    display:block;
}
.about02 div{
    display:block;
    width:100%;
}
.about02 div dd{
    padding-bottom:1em;
}

/* 感染症予防について */
.corona{}
.corona dt{
    background:#024c80;
    color:#fff;
    font-size:18px;
    padding:0.5em 0;
}
.corona dd span{
    display:inline-block;
    font-size:12px;
    background:#024c80;
    color:#fff;
    padding:0.4em 1em;
    margin-top:0.7em;
}

/* メニュー */
.menu{
    padding:1em 0 0.8em;
    font-size:20px;
    color:#534741;
}
.menu span.menu_label{
    font-size:12px;
}
.menu p{
    color:#000;
    font-size:14px;
    padding-top:0.4em;
}
.menu p.ticket{
    color:#534741;
    font-size:16px;
}


/* インストラクター */
.about03{
    display:block;
    font-size:16px;
}
.about03 div{
    display:block;
    width:100%;
    padding:1.5%;
}
.about03 div p{
    padding-top:1em;
}
.contents .about03 h5{
    color:#534741;
    font-size:20px;
    padding-top:1em;
    padding-bottom:0.2em;
}
.about03 ul li{padding-bottom:.4em;}

/* アクセス */
.about04{
    width:100%;
    display:block;
    margin-top:30px;
}
.about04 div{
    display:block;
    width:100%;
    padding:1.5%;
    font-size:18px;
}
.about04 div table{
    margin-top:0.5em;
}
.about04 div table th{
    width:100%;
    display:block;
}
.about04 div table th span{
    font-size:16px;
    display:block;
    background:#554841;
    color:#fff;
    padding:0.5em 1em;
    text-align:center;
}
.about04 div table td{
    display:block;
    padding-left:0;
}
.about04 div table .time{
    font-size:24px;
}
.about04 div table .time02{
    font-size:20px;
}
.about04 div table p{
    font-size:16px;
}
.about04 div table a{
    color:#000;
    text-decoration:none;
}
.gmap{
    margin-top:60px;
}

/* フッター */
footer{
    background:#837266;
}
.footer_inner{
    display:block;
    padding:1em 0;
}
.footer_inner div{
    display:block;
    width:80%;
    padding:1%;
    margin:0 auto;
    text-align:center;
}
.footer_tel{
    color:#fff;
    font-size:18px;
}
.footer_tel span{
    font-size:28px;
}

/* レッスンの流れ */
.lesson img{
    width:100%;
}
.lesson dl{
    width:100%;
    padding:2% 2% 2em;
}
.lesson dt{
    font-size:20px;
}
.lesson dt span{
    font-size:30px;
}
.lesson dd{
    padding-top:0;
    font-size:16px;
}
.lesson .left{float:none;}
.lesson .right{float:none;}

.lesson01 {
    background-image: url("../img/lesson_back01_sp.png");
    background-position:center 60%;
}
.lesson02 {
    background-image: url("../img/lesson_back02_sp.png");
    background-position:center 50%;
}
.lesson03 {
    background-image: url("../img/lesson_back03_sp.png");
    background-position:center top;
}

/* コロナ対策のページ */
.contents h3.h3_corona{
    font-size:20px;
}
.corona_img .left{
    width:100%;
    float:none;
    padding-bottom:1em;
}
.corona_img .right{
    width:100%;
    float:none;
}
.corona01 {
    background-image: url("../img/corona_back_sp.png");
    background-position:center 50%;
}

/* ルール・ポリシー */
.privacy {
    background-image: url("../img/privacy_back_sp.png");
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.rule span{display:block;}

/* Instagram埋め込み 2021.06.10 */
.insta_inner ul li{
	width:50%;
}

}