/*   

*/

@charset "UTF-8";

/*
*/
@media only screen and (max-width: 767px){
body{min-width:inherit;}
.onlySMP{display:inherit;}
.onlyPC,
.noSMP{display:none;}

.aln-R-sm{text-align:right;}
.aln-C-sm{text-align:center;}
.aln-L-sm{text-align:left;}

.fntS-sm{font-size:.71em;}

.content{padding-top:0;}
.page-norm .content{padding-top:0px;}

.c-pc-1,.c-pc-2,.c-pc-3,.c-pc-4,.c-pc-5,.c-pc-6,
.c-pc-7,.c-pc-8,.c-pc-9,.c-pc-10,.c-pc-11,.c-pc-12{padding-left:5px; padding-right:5px; width:100%;}
.c-pc-1.wrap-children,.c-pc-2.wrap-children,.c-pc-3.wrap-children,.c-pc-4.wrap-children,.c-pc-5.wrap-children,.c-pc-6.wrap-children,
.c-pc-7.wrap-children,.c-pc-8.wrap-children,.c-pc-9.wrap-children,.c-pc-10.wrap-children,.c-pc-11.wrap-children,.c-pc-12.wrap-children
{padding-left:5px; padding-right:5px;}
.outmost{padding-left:20px; padding-right:20px;}
.wrap-children,
.outmost.wrap-children{padding-left:15px; padding-right:15px;}
.outmost.wrap-children > p{margin-left:5px; margin-right:5px;}
.no-padding-sm,
.outmost.wrap-children.no-padding-sm{padding-left:0; padding-right:0;}
.c-sm-2{width:50%;}
.c-sm-3{width:33.33333333%;}
.bg-white-sm,
.bg-gray-sm{background-color:#FFF; padding-left:20px; padding-right:20px;}
.bg-gray-sm{background-color:#F0F0F0;}


/* ---------------------------------------------------------------------------------------- */
/* GLOBAL-HEADER
/* ---------------------------------------------------------------------------------------- */

#Global-header{height:50px; padding:0; position:relative;}
#Global-header .c-pc-12.outmost{padding:0;}
.page-norm #Global-header{margin-bottom:20px;}
#Global-header h1{float:left; width:130px; height:50px; padding:8px; border-right:1px solid #CCC;}

.contact-tel{float:left; width:calc(100% - 181px); height:50px; text-align:center; border-right:1px #DDD solid;}
.contact-tel a{width:155px; height:50px; padding:8px; display:inline-block;}
#Trigger-nav{display:block; position:fixed; right:0; top:0; background-color:#fff; z-index:1000; /*border-bottom:1px solid #DDD;*/ border:0;}
#Trigger-nav:hover{opacity:1;}

/* ---------------------------------------------------------------------------------------- */
/* GLOBAL-FOOTER
/* ---------------------------------------------------------------------------------------- */

#Global-footer{padding:20px; text-align:left; overflow:hidden;}
#Global-footer .copyright{font-size:0.9em;}
.footer-navigation{float:left; width:55%; border-bottom:1px solid #CCC; margin-bottom:0;}
.footer-navigation li{display:block; margin:0; padding:10px 0; border-top:1px solid #CCC; font-size:0.9em;}
.footer-navigation li a{}
.wrap-right-sm{float:right; width:45%; padding-left:20px;}
.wrap-footer-logo-and{margin-bottom:15px;}
.logo-footer,
.contact-tel-footer{display:block; margin:0;}
.logo-footer{margin-top:15px;}
.contact-tel-footer.onlySMP{display:block;}
.contact-tel-footer.onlyPC{display:none;}

/* ---------------------------------------------------------------------------------------- */
/* GLOBAL-NAVIGATION
/* ---------------------------------------------------------------------------------------- */

#Global-navigation{display:none;}
#Global-navigation-SMP.show{height:100%; overflow:hidden; padding-bottom:60px;}
.scroller{height:100%; overflow:auto; padding-bottom:10px; position:relative;}


/* ---------------------------------------------------------------------------------------- */
/* COMMON
/*
/* ---------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------- */
/* CONTENT
/*
/* 
/* ---------------------------------------------------------------------------------------- */

/* CORNER_HEADER */
#Corner-header .h1img{padding-top:44.77%;}
#Corner-header nav{}
#Corner-header nav ul{margin-right:-15px;}
#Corner-header nav li{margin-right:15px;}
#Corner-header nav li a{padding:3px 20px 2px 0;}
#Corner-header nav li a:hover{color:#000;}

/* LOCAL-NAVIGATION */
#Local-navigation{display:none;}
#Local-navigation .wrap-sidebar{margin-bottom:20px;}
#Local-navigation.no-hide-sm{display:block;}
#Local-navigation > ul > li.no-bdr:before{display:block;}

#Local-navigation.overlay{height:55px; margin-bottom:5px;}
#Local-navigation.overlay ul{position:absolute; left:5px; top:0; z-index:200; width:calc(100% - 10px);}

.page-services #Local-navigation.no-hide-sm > ul{border-radius:0; background:none; letter-spacing:-.4em; margin-left:-5px; margin-right:-5px; margin-bottom: 20px;}
.page-services #Local-navigation.no-hide-sm > ul > li{display:inline-block; vertical-align:top; letter-spacing:normal; padding:0 5px; width:33.33333333%;}
.page-services #Local-navigation.no-hide-sm > ul > li:before{display:none;}
.page-services #Local-navigation.no-hide-sm > ul > li > a{padding:10px 0; padding-bottom:30px; background-color:#FFF; border-radius:10px; overflow:hidden; text-align:center; font-size:12px; line-height:1.4; letter-spacing:-.05em;}
.page-services #Local-navigation.no-hide-sm > ul > li.current > a,
.page-services #Local-navigation.no-hide-sm > ul > li > a:hover{color:#FFF; background-color:#D7000F;}
.page-services #Local-navigation.no-hide-sm > ul > li > a:hover{background-color:#f3b2b7;}
.page-services #Local-navigation.no-hide-sm > ul > li > a:after{position:absolute; top:inherit; bottom:8px; right:50%; margin-top:0; margin-right:-9px;}

.news-ctg-selector{display:block; padding:10px 20px;}
.news-ctg-selector:hover{opacity:1;}
.page-news #Local-navigation.no-hide-sm > ul{margin-bottom: 20px;}
.page-news #Local-navigation.no-hide-sm > ul > li:not(:first-child){display:none;}
.page-news #Local-navigation.no-hide-sm > ul > li > a{padding:10px 20px;}




.wrap-inner-block .inner-block-half{width:100%;}
.inner-block-half.no-btm-sp-sm{padding-bottom:0;}
.wrap-fig-txt{position:relative; margin:0 0 -20px; letter-spacing:-.4em;}
.wrap-fig-txt + .wrap-fig-txt{margin-top:20px;}
p + .wrap-fig-txt{margin-top:20px;}
.wrap-fig-txt .flt,
.wrap-fig-txt .desc{display:block; width:100%; padding:0 0 20px;}
.wrap-fig-txt .flt{}
.wrap-fig-txt .desc{}

/* BUTTONS */
.btn-ptnA,
.btn-btm-pageback,
.btn-btm-pagechange{width:100%;}

/* SHADE */
.nws-shade{background:rgba(0,0,0,.4); position:absolute; left:0; top:-20px; width:100%; height:100%; padding-bottom:20px; box-sizing:content-box;}
.weather-wrap{display:none;}

/* ---------------------------------------------------------------------------------------- */
/* TOP
/* ---------------------------------------------------------------------------------------- */
.weather-wrap{top:0;}
.weather-wrap{min-width:0; position:relative;}
.outmost.slider{padding:0;}
.top-hero{margin-bottom:20px; padding-top:0; width:100%; height:auto; overflow:visible;}
.top-hero ul{}
.top-hero li{width:100%; height:auto;}
.top-hero li img{display:none;}
.top-hero li img + img{display:block;}


.scn-top-banners{padding-bottom:20px;}
.scn-top-banners p{margin-left:20px; margin-right:20px; margin-top:10px;}

.scn-top{padding-top:40px; padding-bottom:40px;}
.bg-white{}

.scn-top h2,
.scn-top h3{margin-bottom:20px;}
.scn-top h2 span{font-size:1.71em; margin-bottom:7px;}

.dl-news-headline{margin-bottom:20px;}
.dl-news-headline dt{padding:20px 0 10px;}
.dl-news-headline dt:first-child{padding-top:20px;}
.dl-news-headline dt span.ctg{}
.dl-news-headline dt span.ctg.ctg-important{}
.scn-norm .dl-news-headline dt span.ctg{}
.scn-norm .dl-news-headline dt span.ctg.ctg-important{}
.dl-news-headline dd{padding-bottom:20px;}
.dl-news-headline + p.showAllList{margin-top:0;}

.scn-norm .dl-news-headline{border-bottom:0; margin:0;}
.scn-norm .dl-news-headline dd:last-of-type{padding-bottom:0;}

.tb-price{margin-bottom:10px;}
.tb-price.mgn-sml{margin-bottom:10px;}
.tb-price.tb-top-price{width:100%;}
.tb-price.tb-top-price.tb-left{width:100%; margin-right:0;}
.tb-price.flt{float:none;}
.tb-price th,.tb-price td{padding:10px 5px;}

.menu-howto-use{margin-bottom:-10px;}
.menu-howto-use li{margin-bottom:10px;}
.menu-howto-use li a{font-size:.92em;}
.menu-howto-use li span{bottom:10px;}
.menu-howto-use li span.double,
.menu-howto-use li span.double-sm{bottom:5px;}
.menu-howto-use li span i{}
.menu-howto-use li span.double i,
.menu-howto-use li span.double-sm i{margin:-.75em -20px 0 0;}
.menu-howto-use li img{max-width:100%;}

.c-pc-6.about{width:auto; padding-left:20px; padding-right:20px;}

div.top-favorite{padding-top:0;}
div.top-favorite a{min-width:0; width:100%;}


/* ---------------------------------------------------------------------------------------- */
/* SHOP
/* ---------------------------------------------------------------------------------------- */
.wrap-shops .shop{width:100%; display:block; clear:both;}
.shop-btm-btn a{width:100%; margin-bottom:15px;}

/* ---------------------------------------------------------------------------------------- */
/* SERIVECS
/* ---------------------------------------------------------------------------------------- */

.service-qa li.wash{margin-left:0; margin-right:70px; text-align:right;}
.service-qa li.wash span{text-align:left;}
.service-qa li.wash:before{left:inherit; right:-70px;}


/* ---------------------------------------------------------------------------------------- */
/* HOWTO
/* ---------------------------------------------------------------------------------------- */

#Corner-header  .hd-howto06-fig{float:none; padding:20px; text-align:center; margin:0 auto;}
#Corner-header  .hd-howto06-txt{padding:0 20px;}

.service-steps{}
.service-steps,
.service-steps.no-flt{margin-left:0; margin-right:0;}
.service-steps li:before{font-size:11px; line-height:18px; width:18px; height:18px; border-radius:9px;}
.service-steps li,
.service-steps.no-flt li{display:table; width:auto; vertical-align:top; padding:0 0 20px 10px;}
.service-steps li:before,
.service-steps.no-flt li:before{left:0px;}
.service-steps li span.fig,
.service-steps.no-flt li span.fig{display:table-cell; max-width:40%; width:164px; margin:0; vertical-align:middle;}
.service-steps li span.txt,
.service-steps.no-flt li span.txt{display:table-cell; max-width:60%; padding-left:20px; margin:0; vertical-align:middle;}

.wrap-scn-card{margin:0;}
.scn-solo{float:none; width:100%; margin:0 0 20px;}

.dl-FAQ dt:hover{opacity:1;}

.dl-FAQ dd{padding-right:0;}

.shop-detail-cam-title{padding-right:95px;}
.shop-detail-cam-title:after{margin-top:-17px; width:87px; height:34px;}

.trigger-accordion-sm{display:block; cursor:pointer; background-image:url(../img/common/icon-open.svg); background-position:right center; background-repeat:no-repeat; padding-right:36px;
-webkit-background-size:12px; -moz-background-size:12px; -ms-background-size:12px; background-size:12px;}
.trigger-accordion-sm:hover{opacity:.5;}
.bdr-btm.trigger-accordion-sm{border-bottom:none; margin-bottom:0; padding-bottom:0;}
.trigger-accordion-sm.active{border-bottom:1px solid #CCC; margin-bottom:20px; margin-top:-20px; padding-top:20px; padding-bottom:20px; background-image:url(../img/common/icon-close.svg); background-size:9px;}
.accordion-sm{height:0; overflow:hidden;}
.accordion-sm.active{height:inherit;}

.h1img.swap-sp.sneaker{background:url(/assets/img/howto/hdimg3sp.jpg) no-repeat center top !important; background-size:cover !important; padding:54.77% 0 0 0 !important;}
.h1img.swap-sp.spot{background:url(/assets/img/howto/hdimg4sp.jpg) no-repeat center top !important; background-size:cover !important; padding:54.77% 0 0 0 !important;}


/* ---------------------------------------------------------------------------------------- */
/* CAMPAIGN
/* ---------------------------------------------------------------------------------------- */

.cam-icons-sm{display:block;}
.dl-campaign{position:relative;}
.dl-campaign dt{font-weight:bold;}
.dl-campaign dd{padding-bottom:20px; margin-bottom:0; border-bottom:none;}
.dl-campaign i{display:none;}
.cam-icon-open{height:40px; width:auto;}
.dl-campaign-headline dt{padding-right:80px;}
.dl-campaign-headline dt:after{width:90px; height:30px;}
.dl-campaign-headline dd{padding-right:80px;}

/* ---------------------------------------------------------------------------------------- */
/* SITEMAP
/* ---------------------------------------------------------------------------------------- */

.list-sitemap li.with-bdr.no-bdr-sm{border-top:none;}

/* ---------------------------------------------------------------------------------------- */
/* FAMILY
/* ---------------------------------------------------------------------------------------- */

.list-family{}
.list-family li{width:100%; padding:10px 0;}
.list-family li figure{padding:0 16px 16px;}

/* ---------------------------------------------------------------------------------------- */
/* CONTACT
/* ---------------------------------------------------------------------------------------- */

.tb-contact th,
.tb-contact td{display:block; width:100%;}
.tb-contact th{padding-bottom:5px;}
.tb-contact .last th{padding-bottom:5px;}
.tb-contact td{padding-top:0;}
.tb-contact td em{display:none;}
.tb-contact th i{display:inline-block; font-style:normal; color:#D7000F; padding-left:10px;}
.form-norm .ipt-long{width:80%;}
.btnSpace button{margin:0 0 10px; width:100%;}
.form-norm .tarea{width:100%;}
.form-norm .ipt-long{width:100%;}

.form_btn {width:100%;}

.tb-contact.tb-enquete th,
.tb-contact.tb-enquete td{width:100%;}

section.call-center{margin-top:20px;}
section.call-center div.image{width:auto; float:none; margin-right:0; margin-bottom:20px;}
section.call-center div.contact{width:auto; float:none;}
section.call-center div.contact .contact-tel{width:100%; height:auto; margin-bottom:10px;}
section.call-center div.contact .contact-tel a{width:100%; padding:0 40px;;}
section.call-center div.contact .contact-tel img{width:100%; height:auto;}
section.call-center div.contact dd br{display:none;}


}/* END  767 */

@media only screen and (max-width: 479px){
/* ---------------------------------------------------------------------------------------- */
/* HOWTO
/* ---------------------------------------------------------------------------------------- */
.service-steps li:before,
.service-steps.no-flt li:before{left:-5px;}
.service-steps li span.fig,
.service-steps.no-flt li span.fig{width:45%; width:auto;}
.service-steps li span.txt,
.service-steps.no-flt li span.txt{width:55%; padding-left:10px;}
}

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

#Global-header{height:50px; padding:0; min-width:inherit;}
#Global-header .c-pc-12.outmost{padding:0;}
.page-norm #Global-header{}
#Global-header h1{width:116px; height:50px; padding:10px 8px;}

.contact-tel{width:calc(100% - 168px); height:50px; text-align:center;}
.contact-tel a{width:139px; height:50px; padding:10px 8px;}
#Trigger-nav{display:block;}

.footer-navigation li{font-size:.8em;}

#Local-navigation.no-hide-sm > ul > li > a{font-size:10px;}

#Global-navigation-SMP .link-lrg{margin-top:7px;}
#Global-navigation-SMP .with-bdr{margin-top:7px; padding-top:7px;}
#Global-navigation-SMP .link-sub li{margin:5px .5em 0 0; vertical-align:top;}
#Global-navigation-SMP .link-sub li:after{content:'/'; display:inline-block; padding-left:.5em;}


}