@media screen and (max-width: 767px){
    
.sale_content li{margin: 0 0.5rem;}

.bgpadding{padding:4% 3%}
#event h1{font-size:1.8em}
#event h2,.event_title{font-size:1.5em}
#event h3{font-size:1.4em}
.event_title>p>br,#event h3 span{display:block}
.step{padding:0 13% 0 4%}
.banner{background:url(../images/0912030_gene_left.png)no-repeat left top / 33%,url(../images/0912030_gene_right.png)no-repeat right bottom / 33%,url(../images/0912030_basemap.jpg)no-repeat top center / cover;display:flex;justify-content:flex-end;overflow:inherit;text-align:center}
.banner ul li a{font-size:1em;padding:0 5px;margin:0 10px;line-height:30px}
.banner ul li a:before{border-width:15px 10px 15px 0;left:-10px}
.banner ul li a:after{border-width:15px 0 15px 12px;right:-12px}
.banner ul{left:0;right:0;margin:auto}
.bannertxt{font-size:1.4em;padding:1% 0 0}
.bannertxt span{display:block}
.navlink a{display:block;margin:0 0 4px}
.des{width:90%;padding:3% 5%}
.des p{font-size:1.05rem}
.des p.time{font-size:1.2rem}
.teacherbox{grid-template-columns:1fr}
.media_box{width:100%;margin:7% auto 2%}
.mediaflex{margin:4% auto}
.mediaflex>figure{margin:0 auto 2%}
.media_des{width:100%;margin:0 auto}
.media_des>h4{font-size:1.2em}
.media_des>p{text-align:left;font-size:1rem}
.class_box{width:96%}
.classgrid{grid-template-columns:1fr}
.classtitle{font-size:1.6em}
.classtitle:before,.classtitle:after{width:15px;height:15px}
.classtitle:before{left:4%}
.classtitle:after{right:4%}
.sale_box{margin:4% auto 2%}
.LINE,.FB{width:94%;padding:2% 3%}
.salelink{font-size:1.2em;padding:2% 0}
.special{margin:5% auto;font-size:1.2em}
/*#BodyFooter_rwd{padding-bottom:70px}*/
}

@media all and (min-width: 768px) and (max-width: 1200px){
.salelink{padding:1.2% 0}
/*#BodyFooter_rwd{padding-bottom:55px}*/
}

@media all and (min-width: 1px) and (max-width: 1200px){
    .price th,.price,.price td{font-size: 1.0rem;}
#BodyContentMainNavigator,#BodyHeader_event,#noie,#Related{display:none}
}