/*==============================================
  common
==============================================*/
@media screen and (max-width: 767px) {
body{padding: 0px; width: 100%; min-width: 100%; overflow-x: hidden; word-wrap: break-word;}
.pc-none{display: block;}
.sp-none{display: none;	}
img {width: 100%; margin: 0; padding: 0; vertical-align: bottom;}
/* =========================================================
		kv
========================================================= */
.fv_wrap{height: inherit;}
#wrapper {width: 100%; overflow-x: hidden;}
/* =========================================================
		contents
========================================================= */
.conts{width: 100%;}
.day_wrap{width: 95%; padding: 10px 0} .flex{display: block;}
.con-bg1, .con-bg3{padding: 35px 0 40px;} .con-bg3{padding-bottom: 45px;}
.con-bg4{padding: 40px 0 45px;}
.con-bg1{padding-top: 48px;} .con-bg2{padding-bottom: 40px;}
.box_mainsize{width: 94%; padding: 0 3.5% 6.5%; margin: 5% auto;}
.main_lot_wrap.box_mainsize {padding-bottom: 8%; margin: 8% auto 7%;}
.main_ttl { width: 92%; margin: 0 auto;} 
.day_wrap h2 {font-size: 1.16rem; margin-bottom: 6px; line-height: 1.38;} .day_wrap p{font-size: 0.86rem; line-height: 1.46;} 
.main_pre_ttl {width: 120%; margin: 0 auto 4% -10%;}
.main_lot_ttl{width: 124%; margin: 0 auto 4% -12%;}
.soratabi_howto_ttl{width: 90%; margin: 0 auto; padding: 10px 0; font-size: 20px; line-height: 1.2;}
.main_pre_wrap_details {min-height: 100%; width: 96%; margin: 6% auto 3%;}
.main_pre_wrap_details2{margin-top: 8%;} .main_pre_wrap_details2 dd{width: 90%;  margin: 4% auto 0;}
/*---novelty---*/
.pre_min{width: 90%; margin: 6% auto 9%; padding: 0;}
.pre_min_add{width: 84%;  margin: 8% auto 4%; padding: 2% 0.5%;}
.pre_min_add picture{width: 90%; display: block; margin: 3% auto 4%;}
.pre_min_add .text {
    width: 90%;
    margin: 0 auto 4%;
    font-size: 13px;
    padding: 3.5% 0 4.5%;
}

.pre_min_add .bd{font-size: 15px; margin: 3% 0 0; text-align: center;}
.pre_min_add .text a { display: block; width: 92%; margin: 2% auto 0;}
.pre_min_add .original_novelty{width: 90%; margin: 6% auto 4%;}
/*---novelty---*/

.main_pre_btn_wrap{margin-top: 8%;}
.main_pre_btn {font-size: 1.05rem; padding: 12px; width: 85%;}
.pre_min_att { width: 96%;} .con-bg1 .pre_min{width: 82%;}
.present_under { position: relative; z-index: 10;  width: 94%; margin: 0px auto -5px;}
.present_under p{font-size: 18px; } .present_under_min {display: block;}
.main_pre_btn::before{left: 1em;} .present_under .arrow_min.ver2{display: none;}
p.pre_min_btn a{width: 90%; margin: 20px auto 10px;}
p.pre_min_btn a::before{right: 1em; top: 1.65em;}
/*---howto---*/
#howto{width: 100%; margin: 0 auto; background: #d6e9f7;}	
.howto-con{width: 90%; margin: 0 auto;}
.howto-con h2{width: 100%; margin: 4% auto 8%;}
.howto-con ul{display: block; flex-wrap: inherit; justify-content: inherit;}
.howto-con li{width: 90%; margin: 0 auto;}
.howto-con li dt{height: inherit;}
.howto-con li dt h3{font-size: 1.15rem; margin-bottom: 8px;}
.howto-con li dt p{font-size: 1rem; margin-bottom: 10px; line-height: 1.4; padding: 0 0 0; height: inherit;}
.howto-con li dd{width: 65%; margin: 0 auto;}
.howto-con li .step3-sp{width: 100%;}	
.howto-con .arrow{width: 12%; padding: 1.5rem 0 1.5rem; margin: 0 auto;}
.howto-con .arrow2{padding: 0.8rem 0 1.5rem;}
.howto-con .how-att{font-size: 0.8rem; line-height: 1.3; padding-top: 0.5rem; width: 80%;}
.howto-con .how-att2{margin: -40px auto 30px;}
.oubo-btn{margin: 0 auto 0; display: block; padding: 5% 0 0;}
.oubo-btn a{padding: 0.7rem 0; width: 100%; font-size: 1.6rem; border-radius: 40px;}
.air_infomation a {width: 98%;  margin: 0 auto;}
.sanitation {width: 94%; margin: 3.5% auto 6%}
.div_dot{width: 90%; margin: 13% auto 8%; min-width: 90%;}
/*---sanitation---*/
.sanitation h3 {font-size: 0.96rem; padding: 2%;}
.sanitation_wrap {  display: flex; flex-wrap: wrap;}
.sanitation_wrap dd { margin: 0.5% 0.5%; width: 49%;}
/*---sanitation---*/
/*---cloud---*/
.cloud_items {width: 100%; }
.cloud_no_01 { left: -28%; top: -74px; width: 75%;}
.cloud_no_02 { right: -18%; top: -54px; width: 60%;}
.cloud_no_03 { width: 53%; right: -15%; top: -35px;}
.cloud_no_05 { left: -20%; top: -25px;  width: 60%;}
.cloud_no_04 { right: -25%; top: -50px; width: 70%;}
/*---attend---*/
.attend_pre_under {width: 85%; margin: 0 auto 40px;}
.attend_pre_under li{font-size: 12px;}
.main_lot_wrap .attend_pre_under{margin: 15px auto;}
/*---movie---*/
#movie{width: 100%; margin: 0 auto; padding: 0 0 0; background: url(../img/bg2-sp.jpg) no-repeat center top; padding:0; background-size: 100%;}
.movie-inner{ width: 90%; margin: 0 auto}
.movie-title{font-size: 1.2rem; font-weight: 600; padding-bottom: 0.5rem; line-height: 1.3;}
.movie-area{width: 100%; margin: 0 auto;}
.movie-title2{font-size: 1.2rem; padding:30px 0 10px; line-height: 1.3;}
.movie-thum {width: 100%;}
.moviecon{width: 100%; padding-top: 56.3%; height: auto; position: relative;}
.moviecon video{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/*---kiyaku---*/
#kiyaku{padding: 0.3rem 0 1.8rem; background: #fffedf;}
.kiyaku-bg{margin: -0.5rem 0 0;}	
.kiyaku-area{background: #fff; width:90%; margin: 0 auto; padding: 1rem 0;}
.kiyaku-inner h3{font-size: 1.3rem; margin-bottom: 0.8rem; letter-spacing: 2px;}
.kiyaku-inner{width:90%;background: #fff; padding: 4% 4%; height: 450px; overflow-y:auto; margin: 0 auto;}
.kiyaku-inner .kiyaku-title{font-size: 1.08rem; padding: 1rem 0 0.3rem;}
.kiyaku-inner .kiyaku-copy{font-size: 1rem; padding-bottom: 0.7rem;}
.kiyaku-inner .fonts{font-size: 0.9rem;}
.kiyaku-att{padding-bottom: 0.8rem;}
.kiyaku-att li{font-size: 0.9rem; padding-bottom: 0.5rem;}
.kiyaku-item{padding-bottom: 0.8rem;}
.kiyaku-item li{padding-bottom: 0.6rem;}
.kiyaku-item li .copy2{padding-top: 0.6rem; font-size: 0.85rem;}
.kiyaku-point{padding-bottom: 0.5rem;}
.kiyaku-point .copy1{padding-bottom: 0.5rem;}
.kiyaku-point .kiyaku-att{padding-bottom: 0;}
/* =========================================================
		footer
========================================================= */
.footer-inner{padding: 0.8rem 0;}
.footer-inner h3{font-size: 1.25rem; padding: 0 0 0.1rem; letter-spacing: 2px;}
.footer-inner p{font-size: 1rem;}
.copyw{padding: 0.3rem 0.5rem 0.5rem; text-align: right; font-size: 0.6rem;}

	}