.subt {display:inline-block;padding-top:-140px;}
header .logo a{display:block; text-align:left}
header .logo .title{position:absolute; display:inline-block;   width:500px; top:30px; left:400px; text-align:center}
header .logo .top_le{position:absolute; display:inline-block;   width:160px; top:30px; right:0px;}
@media screen and (max-width:1580px){
   .qMenu{display:none}
}

@media screen and (max-width:1290px){
.main .container{max-width:1000px}
.main_con .box{height:172px}
.notice h3{margin-bottom:5px;font-size:20px}

header .logo a{display:block; text-align:left}
header .logo .title{position:absolute; display:inline-block;   width:400px; top:30px; left:400px; text-align:center}
header .logo .top_le{position:absolute; display:inline-block;   width:160px; top:30px; right:0px;}
}

@media screen and (max-width:1230px){
header .logo a{display:block; text-align:left}
header .logo .title{position:absolute; display:inline-block;   width:400px; top:30px; left:300px; text-align:center}
header .logo .top_le{position:absolute; display:inline-block;   width:160px; top:30px; right:0px;}

section.sub-delivery .burger-list .burger{width:31%;margin:1%}
section.sub-delivery .burger-list .burger.first{margin-left:1%}
section.sub-delivery .burger-list .burger .info{width:100%;height:auto;padding:20px 0}
section.sub-delivery .burger-list .burger .info figure{margin:0;width:100%;height:auto}
section.sub-delivery .burger-list .burger .info img{max-width:236px;height:auto}
section.sub-about .brand-story-footer .image{float:none;width:100%;background-position:center bottom}
section.sub-about .brand-story-footer .prop{float:none;width:100%;text-align:center;margin-top:100px}
section.sub-about .brand-story-footer .prop h3{display:inline-block}
section.sub-about .brand-story-footer .prop>p{width:70%;margin:0 auto}
section.sub-about .brand-story-footer .prop div.icon-block{text-align:left;width:470px;margin:50px auto}
section.sub-about .brand-story-mind .txt-block{float:none;display:block;width:80%;margin:30px auto;position:relative;padding-left:50px}
section.sub-about .brand-story-mind .txt-block .num{position:absolute;left:0}
section.sub-about .brand-story-mind .txt-block article{width:auto}
.brand-story-photo-list{text-align:center;padding:10px 0}
.brand-story-photo-list img{width:100%;height:auto}
section.sub-shop .interior{text-align:center}
section.sub-shop .interior .left{float:none;width:100%;text-align:center}
section.sub-shop .interior .left img{max-width:100%;width:auto;height:auto}
section.sub-shop .interior .right{width:100%;max-width:610px;display:inline-block;float:none;margin:70px auto}
section.sub-shop .interior .right h3.title{display:inline-block}
section.sub-shop .interior .right>div{margin-left:0}
section.sub-shop .location-info-box{width:100%;max-width:610px;float:none;margin:50px auto}
section.sub-shop .interior{margin-bottom:0}
section.content.sub .login>div{float:none!important;width:100%}
section.content.sub .login .bnn{width:100%;height:auto}
section.content.sub .login .middle{padding:50px 0}
.map-wrap>div.left,.map-wrap>div.right{float:none;width:100%}
.map-wrap .road-left{float:none;width:100%!important;margin-right:0;margin-bottom:2%}
.map-wrap .road-right{float:none;width:100%!important}

}



@media screen and (max-width:1220px){

.container{width:auto;max-width:1200px;padding:0 2%;position:relative}
section.visual .slider{width:100%}
section.content.menu .menu-list{width:100%;height:auto}
section.content.menu .more-menu{width:100%}
section.content.menu .menu-list .list-inner-blcok{width:100%}
section.content.menu .menu-list .list-inner-blcok>.left{float:none}
section.content.menu .menu-list .list-inner-blcok>.right{float:none}
section.content.menu .menu-list ul{width:90%;margin:0 auto}
section.content.menu .menu-list ul.right{border-top:1px solid #51453f}
section.content.menu .other .box{width:32%}
section.content.menu .other .box.center{margin:0 2%}
section.content.menu .other .box figure{width:90%;height:269px;margin:auto}
section.content.menu .other .box img{max-width:100%}
section.delivery{height:auto}
section.delivery>div figure{float:none;width:100%;text-align:center}
section.delivery>div figure img{max-width:100%;height:auto}
section.delivery>div .slogan{float:none;width:100%;text-align:center;margin-top:0}
section.notice .list-block .box{float:none;margin:3% auto;width:100%;max-width:370px;height:auto}
section.notice .list-block .box figure img{max-width:100%;height:auto}
section.notice .list-block .box.center{margin:40px auto}
section.store .store-list{height:auto}
section.store .store-list .info{text-align:center;float:none;width:100%;padding:70px 0}
section.store .floating-layer{display:inline-block;left:0;top:23%}
section.store .store-list .map{float:none;width:100%;height:400px}
section.event{padding:40px 20px}
header .logo{position:relative}
header .mnb{display:block}
header .mnb2{display:block}
header .gnb{display:none}
header .utils .sitemap{display:none!important}
header .utils em{position:relative;width:100px;height:auto;display:block;margin:0 auto}
header .utils .order{width:100px;height:auto}
header .utils .order img{width:80px}
header .mnb span{animation:mnbLine ease .6s both;-webkit-animation:mnbLine ease .6s both}
section.visual{height:400px}
section.visual .button{bottom:10px;padding:8px 0}
section.content .header{margin:50px auto;margin-bottom:70px}
section.sub-orderSheet .result-warp .left{float:none;width:100%}
section.sub-orderSheet .result-warp .right{float:none;width:100%}
section.sub-orderSheet .result-warp .right .buy{width:100%}
section.sub-menu .menu-view-block figure{display:block;float:none;text-align:center;width:100%;height:auto}
section.sub-menu .menu-view-block figure img{max-width:461px;width:100%;height:auto}
section.sub-menu .burger-properties{float:none;width:100%}
section.sub-menu .other-list{margin:0 auto}
section.sub-menu .subTitle2{margin:30px 0}
section.visual .slideImage{background-size:cover!important}
.gnb-mobile{height:0}
section.sub-shop .shop-image{width:100%;float:none;margin:40px auto;text-align:center}
section.sub-shop .shop-image .slide{max-width:430px;width:100%;display:inline-block}
section.sub-shop .shop-info{float:none;padding:50px 0;text-align:center}
section.sub-shop .shop-info h3.title{display:inline-block}
section.sub-shop .shop-image .thumb{display:block;width:431px;margin:0 auto}
section.sub-shop .shop-info{width:100%}
section.sub-shop .shop-info td{text-align:left}
section.sub-shop .shop-info table{width:80%;margin:38px auto}
section.sub-shop .shop-info table tr th{width:15%!important}
section.sub-shop .shop-info table tr td{width:35%!important}
section.sub-shop .shop-info th{width:35%;padding:20px}
section.sub-shop .shop-info td{padding:20px}
section.sub-about .brand-story-header .left{float:none;margin:0 auto}
section.sub-about .brand-story-header .right{margin:60px 0;float:none;width:100%;text-align:center}
section.sub-about .brand-story-photo-list li{width:33.3%}
section.sub-about .brand-story-photo-list li.center{margin:0}
section.sub-about .brand-story-photo-list li .inner{margin:0 auto}
section.sub-franchise .guide .clear .img-left,section.sub-franchise .guide .clear .img-right{text-align:center;margin:15px 0;float:none;width:100%}
section.sub-franchise .guide .clear .img-left img,section.sub-franchise .guide .clear .img-right img{max-width:588px;width:100%;height:auto}
section.sub-community.sub-franchise .checkBox-list{width:auto;margin-bottom:50px}
 
#subt {display:none;}
header .logo a{display:block; text-align:center}
header .logo .title{position:absolute; display:none;   width:500px; top:30px; left:400px; text-align:center}
header .logo .top_le{position:absolute; display:none;   width:160px; top:30px; right:0px;}
.nav_h{display:block}
}



@media screen and (max-width:1200px){section.sub-about .concept-image{float:none;width:100%}
section.sub-about .concept-copy{float:none;margin:0 auto}
section.sub-about .concept-copy .inner.first{padding-top:50px}
section.sub-about .ceo .txt{float:none;width:100%}
section.sub-about .ceo .photo{float:none;width:100%;text-align:center}
section.sub-about .ceo .photo>img{max-width:502px;height:auto;width:100%}
section.sub-about .ceo .photo p{padding:20px 0}
section.sub-orderSheet .result-warp .right .buy{height:auto}
section.sub-community .voc .agree{float:none;width:100%}
section.sub-community .voc .form{float:none;width:100%}
section.sub-community .voc .alert{padding:50px}
section.sub-community .voc .alert br{display:none}
section.sub-community .voc .scroll{width:100%;padding:5%}
section.sub-franchise .procedure .step-block{width:31.3%;margin:15px 1%}
section.center-info .center-photo-list .center-big{position:relative;width:100%}
section.center-info .center-photo-list ul{padding:0;margin:20px -10px 0 -10px}
.center-btm-txt .inner{width:100%;padding:100px 20px 20px 20px;box-sizing:border-box}
section.burger-center .intro-wrap .left{width:500px}
.ceo .txt br{display:none}

header .logo a{display:block; text-align:center}
header .logo .title{position:absolute; display:none;   width:500px; top:30px; left:400px; text-align:center}
header .logo .top_le{position:absolute; display:none;   width:160px; top:30px; right:0px;}
.nav_h{display:block}

}
@media screen and (max-width:1100px){
section.sub-cart .orderSheet-msg .left,section.sub-cart .orderSheet-msg .right{float:none;padding:20px 0}
section.sub-cart .orderSheet-msg .right{text-align:center}
}
@media screen and (max-width:1100px){
section.sub-about .brand-story-photo-list li{width:50%}
.new-main-vs{min-height:350px}
.new-main-btm ul li.main-video{width:50%}
.new-main-btm ul li.main-event{width:50%}
.new-main-btm ul li.main-francise{width:50%}
.new-main-btm ul li.main-menu{width:50%}
section.burger-center .big-photo{height:500px}
section.burger-center .center-photo ul li p{height:250px}
section.burger-center .center-txt{width:100%;word-break:keep-all}
section.burger-center .center-txt br{display:none}
section.burger-center .intro-wrap .right{position:relative;top:0;left:0;right:inherit;width:100%}
section.burger-center .intro-wrap .right img{display:block;max-width:100%;height:auto!important;margin:0 auto}
section.burger-center .intro-wrap .left{width:100%}
section.center-info .center-photo .big-photo1{height:500px}
section.center-info .center-photo .big-photo2{height:500px}
section.center-info .center-photo ul li p{height:250px}
#event-pop{max-width:361px;position:absolute;top:0!important;left:0;z-index:50000!important}
}
@media screen and (max-width:1079px){
.bi-mobile-hidden{display:none}
section.sub-about .bi-block figure{width:90%;padding:8% 5%;float:none;background:url("../img/sub/about/bi_bg.png") center center}
section.sub-about .bi-block article.simbols{float:none;width:100%}
section.sub-about .bi-block article.colors{float:none;width:100%}
section.sub-event .event-board .image{float:none;width:100%}
section.sub-event .event-board .image img{width:100%;max-width:100%}
section.sub-event .event-board .content{float:none;width:100%;position:relative}
section.sub-event .event-board .content .inner{position:relative;padding:10px 0}
section.sub-event .event-board .content .sns{position:absolute;right:0;top:0}
section.sub-event .event-view-head .name,section.sub-event .event-view-head .value{margin:0 20px}
.new-map-wrap .new-map,.new-map-wrap{float:none;margin:0 auto}
.new-map-search-wrap,.new-map-wrap .new-map-search-wrap{float:none;margin:50px auto 50px}
section.center-info .center-txt strong br,section.center-info .center-txt p br{display:none}
#event-pop{max-width:361px;position:absolute;top:0!important;left:0;z-index:50000!important}
}
@media screen and (max-width:1060px){
header .logo{padding:12px 0}
.nav_h{display:block}
.main .container{max-width:760px}
.mainvisual{background:0}
.top_con>ul>li{float:none;width:100%}
.top_con>ul,.bottom_con>ul{margin:0}
.main_con{padding:5px 0 10px}
.main_con .box{margin:5px 0;height:auto}
.bottom_con{display:none}
.m-quick{display:block}
/*.notice{display:none}*/
.seminar .box{background:#a4191e;background:-moz-linear-gradient(left,#a4191e 0,#ca1f25 36%,#ca1f25 50%,#ca1f25 67%,#a4191e 100%);
background:-webkit-gradient(left top,right top,color-stop(0%,#a4191e),color-stop(36%,#ca1f25),color-stop(50%,#ca1f25),color-stop(67%,#ca1f25),color-stop(100%,#a4191e));
background:-webkit-linear-gradient(left,#a4191e 0,#ca1f25 36%,#ca1f25 50%,#ca1f25 67%,#a4191e 100%);
background:-o-linear-gradient(left,#a4191e 0,#ca1f25 36%,#ca1f25 50%,#ca1f25 67%,#a4191e 100%);
background:-ms-linear-gradient(left,#a4191e 0,#ca1f25 36%,#ca1f25 50%,#ca1f25 67%,#a4191e 100%);
background:linear-gradient(to right,#a4191e 0,#ca1f25 36%,#ca1f25 50%,#ca1f25 67%,#a4191e 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4191e',endColorstr='#a4191e',GradientType=1)}
.seminar h3{font-size:18px}
.seminar li strong{font-size:17px;margin-right:15px}
.seminar li{font-size:15px;letter-spacing:1.1px}
footer{text-align:center;margin-top:50px}
.f_link li:before{font-size:11px;margin:0 5px}
.f_sns{position:absolute;top:-84px;left:0;right:0;text-align:center}
.f_logo{margin:18px 0 0;position:static}
}
@media screen and (max-width:980px){
section.store .input-block{width:90%}
section.event .event-inner .slogan{float:none;text-align:center}
section.event .event-inner .view-now{float:none;position:relative;margin:0;text-align:center}
section.event .event-inner .slogan figure{float:none}
section.event .event-inner .slogan div{margin:0;float:none;padding:25px}
.shop-mobile-hidden{display:none}
section.order-result .buyer-form .cols{float:none;width:100%}
section.order-result .buyer-form .th{border-left:0}
section.order-result .buyer-form .td{width:80%!important}
section.order-result .buyer-form .th{width:20%!important}
section.order-result .buyer-form .br-top{border-top:1px solid #e6e6e6}
section.sub-franchise .procedure .step-block{width:48%;margin:15px 1%}
}
@media screen and (max-width:980px){
.sub-head .linemap h2{font-size:50px}
.sub-head .linemap a{font-size:14px}
.mw35{width:35%!important}
}
@media screen and (max-width:910px){section.sub-delivery .burger-list .burger{width:47%;margin:1.5%}
section.sub-delivery .burger-list .burger.first{margin-left:1.5%}
section.sub-event .event-view-head .name,section.sub-event .event-view-head .value{margin:0 20px}
section.sub-event .event-view-head .name{display:none}
section.sub-event .event-view-footer th{display:none}
section.center-info .center-txt{width:100%;padding:0 80px}
.center-info .object-table .group .cell{font-size:14px}
.center-info .object-table .group .cell:first-child{font-size:18px;width:250px}
section.burger-center .intro-wrap .left>div{padding:0 0 0 80px}
.tonyVideo{max-width:400px;margin:0 auto}
.tonyVideo .tonyVideo_list li img{max-width:100%}
}
@media screen and (max-width:800px){section.visual{height:300px}
section.visual .button{bottom:5px;padding:5px 0}
section.content .header{margin:0 auto;margin-bottom:70px}
section.visual .sns{display:none}
section.content.menu .other .box{float:none;width:100%;margin:0}
section.content.menu .other .box.center{margin:0}
section.content .header h2{width:90%;padding:15px 0}
header .logo img{width:250px}
header .utils a span{display:none}
header .utils a{height:auto;width:auto;padding:10px}
header .utils .order{height:auto;width:auto;padding:10px}
header .utils .order img{width:50px}
header .utils em{width:50px}
}
@media screen and (max-width:730px){.mobile-hidden{display:none!important}
.mobile-view{display:table-row;font-size:16px}
section.sub-cart .orderSheet-msg .left img{display:none}
section.sub-cart .orderSheet-msg .left .msg p{font-size:12px}
section.sub-menu .nutrition-mobile{display:table}
section.sub-menu .nutrition-pc{display:none}
section.sub-menu .slider{width:277px}
section.sub-menu .other-list{width:365px}
section.sub-shop .shop-info th{width:30%}
}
@media screen and (max-width:690px){section.sub-about .brand-story-photo-list li{width:100%}
section.sub-event .event-view-head{padding:0}
section.sub-event .event-view-head .tow-block{float:none;width:100%;padding:15px 0}
section.sub-event .event-view-head .date-rigth{text-align:left;border-top:1px solid #e6e6e6}
section.sub-event .event-view-content{padding:20px}
section.sub-franchise .slogan p br{display:none}
section.sub-community.sub-franchise .voc .assessment{width:100%}
section.sub-community.sub-franchise .assessment>div{border-bottom:1px solid #ededed;padding:15px 0}
section.sub-community.sub-franchise .assessment .feedback{width:100%;float:none}
section.sub-community.sub-franchise .assessment .type{width:100%;float:none;margin:0}
section.sub-community.sub-franchise .assessment .areas{width:100%;float:none;text-align:left}
section.burger-center .big-photo{height:400px}
section.burger-center .center-photo ul li p{height:200px}
section.center-info .center-photo .big-photo1{height:400px}
section.center-info .center-photo .big-photo2{height:400px}
section.center-info .center-photo ul li p{height:200px}
}
@media screen and (max-width:660px){.sub-head .linemap{bottom:50px}
section.visual{height:200px}
section.visual .button{bottom:2px;padding:0}
section.delivery>div figure img{max-width:80%}
section.sub-about .ceo .txt article{padding-left:70px}
section.sub-about .brand-story-footer .prop>p{width:355px;margin:0 auto}
section.sub-about .brand-story-footer .prop div.icon-block{text-align:left;width:350px;margin:50px auto}
section.sub-about .brand-story-footer .prop div.icon-block p{width:200px}
section.order-result .buyer-form .td{width:68%!important}
section.order-result .buyer-form .th{width:32%!important}
section.sub-event .event-board .content{padding:5px 0}
section.sub-event .event-board .content .sns{position:static;margin-top:20px}
section.sub-event .event-board .content h3{font-size:16px}
section.sub-event .event-board .content span{padding:3px 0}
section.sub-event .event-board .content{padding-bottom:0}
section.sub-event .event-board li{padding:10px 0}
section.sub-community .voc .email{width:29%}
section.sub-community .voc .checkbox-block{float:none;display:block;margin:10px 0}
section.sub-community .voc .assessment{float:left;width:66.66%}
section.sub-community .assessment .feedback{width:50%}
section.sub-community .assessment .type{width:50%}
section.sub-community .voc .subsection{float:left;width:33.33%}
section.sub-community .voc-footer button{width:120px;padding:10px 0}
section.sub-community .voc .alert{width:90%;padding:5%}
section.sub-community .voc .subsection{margin-top:0}
section.sub-community.sub-franchise .voc .assessment .checkbox-block{float:left}
section.sub-community.sub-franchise .assessment{margin-top:0}
.new-map-wrap .new-map-search-wrap{padding:20px;box-sizing:border-box}
.new-map-wrap .new-map-search-wrap ul.new-map-search1 li{float:none;width:100%;margin:5px 0}
}
@media screen and (max-width:630px){section.store .store-list{position:relative}
section.store .store-list .info .overlay{background:#000;position:absolute;width:100%;height:100%;top:0;left:0;opacity:.4}
section.delivery>div .slogan{width:90%;margin:0 auto}
section.delivery>div .slogan span br{display:none}
section.delivery>div .slogan p br{display:none}
.sub-head .linemap h2{font-size:30px}
.sub-head .linemap a{font-size:12px}
section.sub-about .concept-copy{width:100%}
section.sub-about .concept-copy .inner{padding:50px 20px}
section.sub-about .brand-story-header .right img{max-width:100%;width:100%;height:auto}
section.sub-about .brand-story-header .left{width:100%}
section.sub-about .brand-story-header .left br{display:none}
section.sub-franchise .procedure .step-block{width:98%;margin:15px 1%}
.new-main-vs{min-height:200px}
}
@media screen and (max-width:620px){section.sub-delivery .burger-list .burger{width:100%;margin:15px 0}
section.sub-delivery .burger-list .burger.first{margin-left:0}
section.sub-delivery .burger-list .burger .option .cart button{width:123px}
section.sub-about .concept-image img{width:100%}
section.sub-about .brand-story-member h3.title{font-size:20px}
.brand-story-header,.members,.brand-story-footer{padding:0 20px}
section.sub-shop .map{margin-top:30px;height:250px}
section.burger-center .center-photo ul li{float:none;width:100%}
section.burger-center .center-photo ul li:last-child{float:none;width:100%;margin:20px 0 0 0}
.center-info .object-table .group .cell{display:block;padding:0 20px 30px 20px}
.center-info .object-table .group .cell:first-child{width:100%;border-bottom:0;padding:30px 20px 20px 70px}
.center-info .object-table .group .cell:first-child br{display:none}
.center-info .object-table .group .ic-01{background:url("../IMG000/sub/center/ic-01.png") no-repeat left 15px top 10px}
.center-info .object-table .group .ic-02{background:url("../IMG000/sub/center/ic-02.png") no-repeat left 15px top 10px}
.center-info .object-table .group .ic-03{background:url("../IMG000/sub/center/ic-03.png") no-repeat left 15px top 10px}
section.center-info .center-photo-list .center-big{height:350px}
section.center-info .center-photo-list ul li p{height:130px}
section.center-info .center-photo ul li{float:none;width:100%}
section.center-info .center-photo ul li:first-child{float:none;width:100%;margin:0 0 20px 0}
}
@media screen and (max-width:580px){section.content .header p br{display:none}
section.sub-about .bi-block article.colors .box{float:none;width:100%;padding:20px 0}
section.sub-about .bi-block article.simbols .inner{width:100%}
section.sub-about .bi-block article.colors span{width:90%}
section.sub-about .bi-block article.simbols{padding:35px 0}
section.sub-menu .other-list li{width:260px}
.new-main-btm li.media_img{display:block}
.new-main-btm ul li{width:100%;float:none}
.new-main-btm ul li.main-video{width:100%}
.new-main-btm ul li.main-event{width:100%}
.new-main-btm ul li.main-francise{width:100%}
.new-main-btm ul li.main-menu{width:100%}
.new-main-vs #event-pop{position:absolute;top:35px;right:0;font-size:12px}
.new-main-btm ul li.main-event{background-position:center center}
}
@media screen and (max-width:520px){section.store .input-block input{display:block;width:auto;float:none;padding:4%;width:92%;text-align:center}
section.store .input-block button.find-store{display:block;float:none;width:100%;margin-top:20px}
header .utils em img{width:50px}
header .utils em{width:40px;height:25px}
header .utils a{float:none}
header .utils .order img{width:40px}
header .logo img{width:160px}
header .mnb{width:25px}
header .mnb2{width:31px}
section.sub-about .brand-story-member h3.title{font-size:16px}
.new-map-wrap .new-map-ic li{width:50%;margin:10px 0}
.f_logo img{width:160px}
section.burger-center .intro-wrap .left>div{padding:0;background:0}
}
@media screen and (max-width:500px){section.sub-cart .orderSheet-msg .right button{display:block;padding:15px 0;width:80%;margin:20px auto}
section.sub-cart .orderSheet-msg .right .cart{margin:0 auto}
.address-search{display:none}
section.sub-shop .search-select .search input{width:125px}
section.sub-shop .shop-image .slide{max-width:300px;height:217px}
section.sub-shop .shop-image .thumb li{width:95px;overflow:hidden}
section.sub-shop .shop-image .thumb li img{width:100%;height:auto}
section.sub-shop .shop-image .thumb{display:inline-block;margin:0 auto;width:auto}
section.sub-about .bi-block figure{width:90%;padding:60px 5%}
section.sub-shop .shop-image .slide{background-size:90%}
section.sub-shop .shop-info table{width:100%}
section.sub-about .brand-story-footer .image{background:0;height:auto}
section.sub-about .brand-story-footer .image img{display:block;max-width:100%;width:100%;height:auto}
section.sub-orderSheet .buy .inner .logo{max-width:100%;width:90%;height:auto}
section.center-info .center-txt{padding:0}
section.center-info .center-txt:before,section.center-info .center-txt:after{display:none}
}
@media screen and (max-width:470px){section.sub-orderSheet.sub-delivery .address button{font-size:11px}
section.sub-orderSheet.sub-delivery .buyer-form .name{width:30%}
section.sub-orderSheet.sub-delivery .buyer-form .phone{width:67%}
section.sub-orderSheet.order-result .result-warp .right .buy h3{font-size:18px}
section.sub-orderSheet.order-result .result-warp .right .buy p{font-size:14px}
section.sub-shop .interior .right h3.title{font-size:20px}
section.sub-shop .location h3.title{font-size:20px}
section.notice .list-block .box figure{max-width:370px;max-height:267px;width:100%;height:100%}
}
@media screen and (max-width:440px){section.store .floating-layer>div span{font-size:26px;line-height:33px}
section.store .floating-layer address b{font-size:23px;top:2px}
section.store .floating-layer address{font-size:20px}
section.store .floating-layer .tel{font-size:14px}
section.event .event-inner .slogan div{margin:0}
footer p{display:inline;margin:0 5px}
section.content.menu .menu-list li span br{display:none}
section.store .slogan br{display:none}
section.event .event-inner .slogan span{word-break:break-all}
section.sub-shop .shop-info li{padding:15px 0}
section.sub-about .brand-story-member h3.title br{display:block}
section.sub-about .brand-story-member{margin:10px 0 50px 0;padding:40px 0 30px 0}
section.sub-about .brand-story-footer .prop>p{width:100%;margin:0 auto}
section.sub-about .brand-story-footer .prop div.icon-block{text-align:left;width:350px;margin:50px auto}
section.sub-about .brand-story-footer .prop div.icon-block p{width:200px}
section.sub-about .brand-story-footer .prop{margin-top:40px}
section.sub-event table .date{display:none}
section.sub-about .bi-block article .box{width:24%;margin:.5%}
section.sub-about .bi-block article .box img{width:100%}
section.sub-menu .other-list{width:100%}
.new-map-wrap .new-map{display:none}
.new-map-wrap .new-map-search-wrap{margin:0 auto 50px}
footer p{display:inline-block}
}
@media screen and (max-width:400px){section.event .event-inner .slogan span br{display:none}
section.sub-delivery .call-number span{margin:0 5px}
section.sub-delivery .call-number{font-size:30px}
section.sub-delivery .delivery-agree-footer button{width:100%}
}
@media screen and (max-width:390px){section.sub-menu .slider{width:138.5px;margin-left:25px}
section.sub-menu .other-list{width:100%}
}
@media screen and (max-width:375px){section.sub-about .brand-story-photo-list li .inner{width:100%;height:auto}
section.sub-about .brand-story-photo-list li .inner img{max-width:100%;width:100%;height:auto}
section.sub-about .brand-story-footer .prop h3.title{font-size:20px}
}
@media screen and (max-width:1100px){.cookingclass1512 .event-body h2{font-size:27px;text-align:Center;padding-left:0;padding-right:0}
.cookingclass1512 .event-form .inner{margin:20px 0}
.cookingclass1512 .event-form .agreeZone .inner{margin:20px 0}
.cookingclass1512 .event-form .form-group span:first-child{width:90px;font-size:18px}
.cookingclass1512 .event-form .form-group span:first-child:before{content:"";padding:0}
.cookingclass1512 .event-form .form-group input[type="text"],.cookingclass1512 .event-form .form-group input[type="number"],.cookingclass1512 .event-form .form-group select{width:25%}
.cookingclass1512 .event-form .form-group:nth-child(1) input,.cookingclass1512 .event-form .form-group:nth-child(3) input{width:50%}
.cookingclass1512 .event-form .region-num .required{width:auto!important}
.cookingclass1512 .event-form .submitZone input[type="submit"]{width:auto;background-image:none;padding:0 40px;font-size:20px}
}
@media screen and (max-width:1000px){.cookingclass1512 .event-header .inner{right:3%;bottom:50px}
}
@media screen and (max-width:960px){.cookingclass1512 .event-header .inner{max-width:300px;padding-left:20px}
.cookingclass1512 .event-header ul{margin-top:10px}
.cookingclass1512 .event-header li{font-size:13px}
}
@media screen and (max-width:810px){.cookingclass1512 .event-header .inner{max-width:300px;bottom:30px;padding-left:20px}
.cookingclass1512 .event-header ul{margin-top:10px}
.cookingclass1512 .event-header li{font-size:13px}
section .shop.interior2 article br{display:none}
}
@media screen and (max-width:650px){.cookingclass1512 .event-header .inner{max-width:300px;bottom:20px;padding-left:20px}
.cookingclass1512 .event-header p{display:none}
.cookingclass1512 .event-header img{width:80%!important}
.cookingclass1512 .event-header .inner{max-width:250px}
section .shop.interior2 .double{margin-top:10px}
}
@media screen and (max-width:500px){.cookingclass1512 .event-header p{display:none}
.cookingclass1512 .event-header li span:first-child{width:70px}
.cookingclass1512 .event-header .inner{max-width:250px}
.cookingclass1512 .event-header li span{display:inline-block;letter-spacing:1px!important}
.cookingclass1512 .event-header .inner{border-left:0}
section.content.sub .login .middle{width:92%;padding:20px 0}
section.content.sub .login th{width:76px}
}
@media screen and (max-width:460px){.cookingclass1512 .event-header .inner{bottom:0}
.cookingclass1512 .event-header li{margin:5px 0}
section.sub-shop .address i{display:block;color:#fff;overflow:hidden;height:5px}
.map-wrap>div.left ul li{float:none;width:100%}
.map-wrap>div.left ul li p{margin:0 0 10px 0}
}
@media screen and (max-width:370px){.cookingclass1512 .event-form .agreeZone h3{font-size:20px}
}