*{
	font-family: 'Arial','Microsoft JhengHei','Apple LiGothic Medium',sans-serif; box-sizing: border-box;
}

/*卷軸*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color:#fff; }
.mCSB_scrollTools .mCSB_draggerRail{ background-color:rgba(255,255,255,.4); }
/*按鈕*/
.btn ,.btn.arrow{ color:#e02020;}

.wrap {
    width: 100%;
    margin: auto;
    position: relative;
}
.img-box img{ width: 100%; height:auto; display: block; box-sizing: border-box; margin:auto;}

/*header*/
header .header-container .logo svg > *{ fill:#fff; } /* 顏色-LOGO  */
.navToggle span ,.navToggle span:before ,.navToggle span:after{ background:#fff;  } /*漢堡選單 - 顏色*/
header nav .mainMenu-box{ background:white; }
header nav ul.mainMenu > li + li{ border-top:dotted 2px #003B70; }
header nav ul.mainMenu > li h4{ color:#e02020; border-left:solid 4px #e02020;} 
header nav ul.mainMenu > li > a{ color:#545454; } /* 選單文字-字、顏色 */
header nav ul.mainMenu > li + li { border-top: dotted 2px #ec6d81;}

.common-note-box .red{color:#f72f33; }
.page .redbold{color:#f72f33; font-weight: bold;}/
.page .product-box .text-block h4{ display: flex; align-items: center; margin-right: 0.3em; }
.page .product-box .text-block h5 { display: inline-block; font-weight: normal;font-size: 2.2rem; margin-bottom: 0.8em; }

.product-box .text-block h3 ,.product-box .text-block h4{ color:#231815; }
.product-box .text-block h4 strong{ color:#f31f2a; margin-bottom: .15em;}
.product-box .text-block h4 span{ font-weight:400; }
.product-box .text-block ul{ color:#000000; }
.product-box .text-block .limit:before{ background:#DC232E; color:#fff; padding:0 6px; border-radius:.2em; display:inline-block; margin-bottom: 0.8rem;}
.redbold{color:#f72f33; font-weight: bold;}
.product-box .text-block h4{ display: flex; flex-wrap: wrap; align-items: center; margin-right: 0.3em; margin-bottom: 2rem;}
.product-box .text-block .stickers{ margin: 0 10px 0 0; }
.product-box .text-block .stickers img{ width:40px;   }

.product-box .text-block h5 { display: inline-block; font-weight: normal;font-size: 2.2rem; margin-bottom: 0.8em; color:#0b4069;}
.product-box .text-block p { font-size: 1.6rem; line-height: 1.5; margin-left: 1em; margin-bottom: 1em; text-indent: -1.2em; color: #000; }


.red{color:#f72f33; }

.note-box {
    width: 100%;
    margin: 0 auto;
    padding: 1rem 0 2rem;
    background: #eee;
    max-width: 1040px;
}
.note-box .note-field {
    width: 90%;
    margin: auto;
    display: flex;
    flex-direction: column;
}
footer{
    /* margin-top: -17px; */
    color: white;
    max-width: 1040px;
    margin: 0 auto;
}
.btn-top {
    width: 50px;
    height: 50px;
    display: none;
    position: fixed;
    right: 10px;
    bottom: 50px;
    cursor: pointer;
    border-radius: 3rem;
    box-shadow: 2px 5px 7px rgb(0 0 0 / 45%);
}
.note-box a{color:#f0516a;}
/*.note-box .container {margin-bottom: 2rem; }*/
.soldoutext {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3;
    color: #DC232E;
    margin-top: -0.8rem;
}
.btn-block {
    margin: 2rem 0;
}
.btn {
    font-size: 2.2rem;
    padding: 0.6em 0 0.4em;
    font-weight: 600;
    text-align: center;
    border: solid 1px;
    border-radius: 0.4em;
    opacity: .7;
    margin: 8px 0;
    transition: all .6s cubic-bezier(.17,.67,.83,.67);
}
.btn.arrow, .btn, .btn.arrow {
    color: #F72F33;
    border-color: #F72F33;
}
.backtotop {
    color: white;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    transform: translate(0%,0%);
    left: 9px;
    top: 24px;
}
.backtotop:before {
    content: '▲';
    display: block;
    width: 1rem;
    color: white;
    position: absolute;
    top: -22px;
    left: 8px;
}


.rule17-18 {
    display: block;
}
.rule17-18 img{
    width:1200px;
    height: auto;
    margin:4rem auto;
    /*border:1px solid #C7000B;*/
}
.ribbon-red{
    display: block;
    width:-webkit-fit-content;
    background: #F31F2A;
    border-radius: 1.8rem 1.8rem 1.8rem 0;
    padding: 0.4rem 2rem;
    margin-bottom: 2.2rem;
    color: white;
    font-size: 2rem;
    font-weight: 800;
}
.ribbon-pink{
    display: block;
  width:-webkit-fit-content;
    text-align: center;
    background: #DE4A8F;
    border-radius: 1.8rem 1.8rem 1.8rem 0;
    padding: 0.4rem 2rem;
    margin-bottom: 1.3rem;
    color: white;
    font-size: 2rem;
    font-weight: 800;
}
.ribbon-pink+div h4 strong.pink {
    color:#DE4A8F;
}

footer em{ font-style: normal; font-size: inherit;}

/*index color setting*/
header ,
header nav,
.btn-top,
footer{ background: #FDE292;}
.note-box h3.notetit {margin: 2rem 0 1rem; line-height: 1.5;}

ul .decimal-list {
    list-style: decimal;
    margin-top: 0.2rem;
    margin-left: 1.8rem;
}
ul .decimal-list li{margin:.2rem 0;}

:target::before {
  content: "";
  display: block;
  height: 57px; /* fixed header height*/
  margin: -57px 0 0; /* negative fixed header height */
}

/*lanlancatcat*/
.lanlancatcat header,
.lanlancatcat header nav,
.lanlancatcat .btn-top,
.lanlancatcat footer {background: #FFF1D7; }

/*kanahei*/
.kanahei header,
.kanahei header nav,
.kanahei .btn-top,
.kanahei footer {background: #F8D4DA; }

/*home*/
.home header,
.home header nav,
.home .btn-top,
.home footer {background: #F4E2CA; }

/*trendbag*/
.trendbag header,
.trendbag header nav,
.trendbag .btn-top,
.trendbag footer {background: #F2EBDB; }

/*chiikawa*/
.chiikawa header,
.chiikawa header nav,
.chiikawa .btn-top,
.chiikawa footer {background: #FEE89C; }

/*capoocapoo*/
.capoocapoo header,
.capoocapoo header nav,
.capoocapoo .btn-top,
.capoocapoo footer {background: #BFE5F8; }

/*palladium*/
.palladium header,
.palladium header nav,
.palladium .btn-top,
.palladium footer {background: #000000; }

/*kipling*/
.kipling header,
.kipling header nav,
.kipling .btn-top,
.kipling footer {background: #F6D1C8; }

/*koizumi*/
.koizumi header,
.koizumi header nav,
.koizumi .btn-top,
.koizumi footer {background: #E4D3C9; }

/*graphene*/
.graphene header,
.graphene header nav,
.graphene .btn-top,
.graphene footer {background: #FFF4D6; }

/*robinmay*/
.robinmay header,
.robinmay header nav,
.robinmay .btn-top,
.robinmay footer {background: #EFEFEF; }

/*hangyodon*/
.hangyodon header,
.hangyodon header nav,
.hangyodon .btn-top,
.hangyodon footer {background: #ABDBDD; }

/*harrypotterr*/
.harrypotterr header,
.harrypotterr header nav,
.harrypotterr .btn-top,
.harrypotterr footer {background: #E4CD9F; }

/*nbacup*/
.nbacup header,
.nbacup header nav,
.nbacup .btn-top,
.nbacup footer {background: #154084; }

/*dyson*/
.dyson header,
.dyson header nav,
.dyson .btn-top,
.dyson footer {background: #C39AC6; }

/*irisohyama*/
.irisohyama header,
.irisohyama header nav,
.irisohyama .btn-top,
.irisohyama footer {background: #FDEAC0; }

/*hoidisney*/
.hoidisney header,
.hoidisney header nav,
.hoidisney .btn-top,
.hoidisney footer {background: #EDD5B9; }




/*tefal*/
.tefal header,
.tefal header nav,
.tefal .btn-top,
.tefal footer {background: #7893A8; }

/*timberlandbag*/
.timberlandbag header,
.timberlandbag header nav,
.timberlandbag .btn-top,
.timberlandbag footer {background: #E99224; }

/*winnie*/
.winnie header,
.winnie header nav,
.winnie .btn-top,
.winnie footer {background: #F8DF9C; }

/*bitplay*/
.bitplay header,
.bitplay header nav,
.bitplay .btn-top,
.bitplay footer {background: #024771; }

/*lecreuset*/
.lecreuset header,
.lecreuset header nav,
.lecreuset .btn-top,
.lecreuset footer {background: #FFF3BF; }

/*kangol*/
.kangol header,
.kangol header nav,
.kangol .btn-top,
.kangol footer {background: #C6CFD8; }

/*capybara*/
.capybara header,
.capybara header nav,
.capybara .btn-top,
.capybara footer {background: #FFF1D7; }

/*christmasgift*/
.christmasgift header,
.christmasgift header nav,
.christmasgift .btn-top,
.christmasgift footer {background: #F6E9C9; }





/*timberland*/
.timberland header,
.timberland header nav,
.timberland .btn-top,
.timberland footer {background: #EA9224; }

/*goldmedal*/
.goldmedal header,
.goldmedal header nav,
.goldmedal .btn-top,
.goldmedal footer {background: #4D6CB3; }

/*impact*/
.impact header,
.impact header nav,
.impact .btn-top,
.impact footer {background: #FFE68C; }

/*gundam*/
.gundam header,
.gundam header nav,
.gundam .btn-top,
.gundam footer {background: #AD2029; }

/*schoolstarts*/
.schoolstarts header,
.schoolstarts header nav,
.schoolstarts .btn-top,
.schoolstarts footer {background: #FEEAA3; }

/*outdoor*/
.outdoor header,
.outdoor header nav,
.outdoor .btn-top,
.outdoor footer {background: #A7A7A7; }

/*lapo*/
.lapo header,
.lapo header nav,
.lapo .btn-top,
.lapo footer {background: #16335B; }

/*mofusandhk*/
.mofusandhk header,
.mofusandhk header nav,
.mofusandhk .btn-top,
.mofusandhk footer {background: #FDDF96; }






index .tvcf-container .video-box{ width:100%; padding-top:56.25%; position:relative; }
.index .tvcf-container .video-box iframe{position:absolute; top:0; left:0;}




/* pupinfo */
.pupinfo-container {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.9);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    display: none;
}
.pupinfo-box {
    position: absolute;
    cursor: pointer;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%); 
    -webkit-transform: translate(-50%,-50%); 
    -ms-transform: translate(-50%,-50%); 
}
.pupinfo-box img{ width: 90%; max-width: 475px; }
.pupinfo-close {
    position: absolute;
    right: 0;
    top: -24px;
    width: 45px;
    height: 45px;
    font-size: 5rem;
    background: url('../images/icon-close.svg') #EF8571 center center no-repeat;
    background-size: 50%;
    border-radius: 50%;
}


#ka-event_point{ height: 50px; background: #eee; }



/* --------------------------------------------------------------------------------------------   Large devices (tablets)    -------------------------------------------------------------------------------------------- */
@media screen and (max-width:1199.98px){
/*.index section:first-child { margin-top:57px;}*/
.wrap {margin: 57px auto 0; }/*margin: 0px auto 0;*/
.btn {border: 1px solid #fff; border-radius: 1rem; width: 100%; text-align: center; font-size: 2rem; font-weight: bold; }
/*.product-box .text-block h3 .product-name {letter-spacing: 0px; line-height: 1.5; }*/

.page-kv-container .pop-box .text-block img {width: 58%; margin-top: 1rem; }

.product-box .text-block h4 {line-height: 1.4; }

.footer-container{width: 100%;text-align: center;  margin: 0 auto; /*padding:5px 0; height: 50px;*/}
/*.footer-container img {width:280px;margin:auto;}*/

    .rule17-18 img, .rule-lc img {width:100%; margin: 2rem auto 0; }
/*    .ribbon-red {padding: 0.4rem 2rem; font-size: 1.8rem; line-height: 1.5; margin-bottom: 0.6rem; text-align: center; }*/
    .ribbon-pink {/*width:-webkit-fit-content;*/ padding: 0.4rem 2rem; font-size: 1.8rem; line-height: 1.5; }

    .pupinfo-close {position: absolute; right: -2px; top: -23px; }

.disney #product-0 .container {padding:0px;}
.rule-disney img{max-width: 100%;}
.disney-kv-container .pop-box .text-block img{width:50rem; height: auto;}
.disney-kv-container .pop-box .text-block .tit{font-size: 6.6rem; font-weight: bold;}
.disney-kv-container .container {padding: 0px; }
.disney-kv-container .pop-box .images-block img{padding:0px;}
.disney-kv-container .pop-box .text-block > p{/*width: 92vw;*/ text-align: center; display: block; margin-right: auto; margin-left: auto; }

.disney footer {text-align: center; padding: 15px .3rem; }
.disney footer .footer-disney {width: 80%; max-width: 340px; }

}



/* --------------------------------------------------------------------------------------------   Small devices (phones)    -------------------------------------------------------------------------------------------- */
@media screen and (max-width:767.98px){ 
.wrap {margin-top: 50px; }/*margin-top: 0px;*/
.page-kv-container .pop-box .text-block img {width: 100%; }
.product-box .text-block h4 {display: flex; flex-wrap: wrap; align-items: center; margin-right: 0.3em; margin-bottom: 0.4em; vertical-align: baseline; }
.note-box h3.notetit{font-weight: bold;}
.page .product-box .text-block h4 { margin-bottom: 0.4em; /* margin-bottom: 1.5em; */}
.product-box .text-block .stickers img {width: 35px; margin-top: -8px; }
.index .tvcf-container .video-box { padding-top: 56.25%; }
footer em {display: block; }
footer {padding: .8rem; }
.footer-container p{font-size: 1.5rem; width:90%; margin:auto;}
/*.footer-container img {width:280px;margin:auto;}*/

footer p{line-height: 1.3;}


.ribbon-red, .ribbon-pink {width: 100%; padding: 0.4rem 1rem; margin-bottom: 0.4rem; font-size: 1.6rem; text-align: center; }

.pupinfo-box{width: 90%;}
.pupinfo-close {position: absolute; top:-24px; right: 30px; transform: translate(90%, 0%); -webkit-transform: translate(90%, 0%); -ms-transform: translate(90%, 0%); }

.lanlancat .footer img {width:280px;margin:auto;}
:target::before {
  content: "";
  display: block;
  height: 50px; /* fixed header height*/
  margin: -50px 0 0; /* negative fixed header height */
}

}


/* --------------------------------------------------------------------------------------------   Extra large devices (desktops)    -------------------------------------------------------------------------------------------- */
@media screen and (min-width:1200px){ 
.wrap {margin: 0 auto;}
.img-box img{ width: 100%; height:auto; max-width: 1040px;}
/*index 主視覺*/
.index .kv-container .images-block .images-bg:before{ padding-top:37.7%; min-height:515px; } /*主圖-寬高比*/
.index .kv-container .images-block{ background:url('../images/index/kv-bg.png') center center no-repeat; background-position:center center; background-size:cover; } 

.citycafe-pc{display: block; width:100%;}
.citycafe-mb{display: none; }

.pupinfo-box {width: auto; }
.container-full{max-width: 1200px;}
.common-note-box .list-block{padding:0 2rem;}

header, header nav{ position: fixed; max-width: 1040px; left:0; right:0; margin:auto;}

.index section { width: 1040px; margin: auto; }
.index section:nth-child(1) { margin-top:57px;}

.note-box .note-field {flex-direction: row; margin: 0 auto 3rem; max-width: 1040px; }
.note-box .note-field .list-block {flex: 2 2 auto; }
.note-box .note-field .btn-block {flex: 1 0 280px; display: flex; flex-direction: column; justify-content: center; margin-left: 30px; }
.wraptext {display: inline-block; }
/*.footer-container img {width:280px;margin:auto;}*/

footer{padding:20px;}



.disney header ,
.disney header nav{ position: fixed; max-width: 100%; left:0; right:0; margin:auto;}
.disney footer{padding:20px;  max-width: 100%;}
.disney footer .footer-disney {max-width: 320px; }
 

#ka-event_point{ height: 57px; background: #eee; }

}