/*
#main.top > swiper-container      > swiper-wrapper > article.mainbox.swiper-slide > a > picture > source + img
          > swiper-container      >                >                              > div.box-ch  > h2 + p
          > article#rank          >     p + div    >              ul              >     li      >   a
          > div.mcwraper.flexbox  > div#info.aricle.box >     h3 + ul             >     li      >   a
          > div.mcwraper.flexbox  > div.article.box.new-re-box  > a                   >  img + div.box-ch  >  h3 + p
          > div.mcwraper.flexbox  > div.article.box > a > picture > source + img  > div.box-ch  > h3 + p
          > div.mcwraper.flexbox  > div#newblog.article.box
*/
/*mainbox Swiper*/
.swiper{margin-bottom:20px;}
.mainbox{position:relative;margin-bottom:30px;}
.mainbox .box-ch{position:absolute;width:100%;bottom:0;}
.mainbox .box-ch h2,.mainbox .box-ch p{color:#fff;text-shadow:1px 1px 3px #000;}
.mainbox .box-ch{padding:10px;}
.mainbox .box-ch h2{font-size:110%;padding:5px 0;}
.mainbox .box-ch p{font-size:80%;padding:5px 0;}
/***swiper arrow navi***/
.swiper-pagination{bottom:0px !important;}
.swiper-button-next:after,.swiper-button-prev:after{font-size:30px !important;color:#fff;text-shadow:1px 1px 5px #000;}
/*****box*****/
.box{margin-bottom:10px;}
.box p{line-height:1.4;}
.box .box-ch h3{border-bottom:1px solid #aaa;}
/*blog*/
#newblog .box-ch > div{font-size:85%;font-weight:bold;padding:5px;box-sizing:border-box;border-bottom:1px solid #aaa;}
picture img,picture source,
.mcwraper,.subtitle{width:100%;height:auto;}
/*infomation*/
#info h3::before,#info li a::before{margin-right:10px;font-size:70%;}
#info h3::before{content:"\25A0";}
#info li a::before{content:"\25B6";}
#info h3{width:100%;height:auto;border-bottom:1px solid #aaa;}
#info li,
#info li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;font-size:100%;}
#info li a{display:inline-block;color:#2980b9;border-bottom:1px dotted #2980b9;}
/***** New rearrival *****/
#new-re-box a > div:nth-child(1){text-align:center;width:100%;}
#new-re-box a div:nth-child(1) span{display:block;font-weight:900;color:red;width:100%;}
#new-re-box a svg{fill:red;}
#new-re-box a > div:nth-child(1){background:#eee;}
@media screen and (max-width:599px){
.mcwraper{height:auto;}
.box{padding:10px;width:100%;}
/*****box*****/
.box .box-ch{padding:5px 0;}
.box .box-ch h3,.box .box-ch p{font-size:80%;padding:5px 10px;}
/*infomation*/
#info{padding:10px 0;width:100%;}
#info h3{font-size:100%;padding:0 10px 5px 10px;margin-bottom:5px;}
#info ul{padding:0 10px;box-sizing:border-box;}
#info li a{font-size:80%;padding:15px 10px;}
/***** New rearrival *****/
#new-re-box a > div:nth-child(1){padding-top:12vw;background:#eee;aspect-ratio:3/2;outline:3px solid red;outline-offset:-8px;}
#new-re-box a div:nth-child(1) span:nth-child(1){font-size:3vw;margin-bottom:5vw;}
#new-re-box a div:nth-child(1) span:nth-child(2){font-size:6vw;letter-spacing:0.6vw;margin-bottom:3vw;}
#new-re-box a div:nth-child(1) span:nth-child(3){font-size:4vw;margin-bottom:3vw;}
#new-re-box a div:nth-child(1) span:nth-child(4){font-size:6vw;letter-spacing:0.6vw;margin-bottom:3vw;}
#new-re-box a svg{width:14vw;height:14vw;}
}
@media screen and (min-width:600px){
/*mainbox Swiper*/
.mainbox .box-ch{padding:5px;}
.mainbox .box-ch h2{font-size:80%;padding:5px;}
.mainbox .box-ch p{font-size:70%;padding:5px;}
/*****box*****/
.box{width:50%;padding: 0 3% 2% 3%;}
.box .box-ch{padding:5px;}
.box .box-ch h3,.box .box-ch p{font-size:70%;padding:5px;}
/*infomation*/
#info{padding:0 5px;box-sizing:border-box;}
#info h3{font-size:80%;padding:5px;margin-bottom:5px;}
#info li a{font-size:70%;padding:3% 2%;}
/***** New rearrival *****/
#new-re-box a > div:nth-child(1){padding-top:5vw;background:#eee;aspect-ratio:3/2;outline:4px solid red;outline-offset:-10px;}
#new-re-box a div:nth-child(1) span:nth-child(1){font-size:1vw;margin-bottom:3vw;}
#new-re-box a div:nth-child(1) span:nth-child(2){font-size:2.6vw;letter-spacing:0.1em;margin-bottom:0.5vw;}
#new-re-box a div:nth-child(1) span:nth-child(3){font-size:2vw;margin-bottom:0.5vw;}
#new-re-box a div:nth-child(1) span:nth-child(4){font-size:2.6vw;letter-spacing:0.2em;margin-bottom:0.5vw;}
#new-re-box a div:nth-child(1) svg{width:8vw;height:8vw;}
}
@media screen and (min-width:801px){
.mainbox .box-ch h2{font-size:90%;}
/*****box*****/
.box{width:33.33%;}
/*infomation*/
#info{padding:0 7px;}
#info h3{font-size:90%;padding:7px;margin-bottom:5px;}
#info li a{font-size:70%;}
/***** New rearrival *****/
#new-re-box a div:nth-child(1){padding-top:3vw;}
#new-re-box a div:nth-child(1) span:nth-child(1){font-size:1vw;margin-bottom:2vw;}
#new-re-box a div:nth-child(1) span:nth-child(2){font-size:1.6vw;letter-spacing:0.1em;margin-bottom:0.2vw;}
#new-re-box a div:nth-child(1) span:nth-child(3){font-size:1.6vw;margin-bottom:0.2vw;}
#new-re-box a div:nth-child(1) span:nth-child(4){font-size:1.6vw;letter-spacing:0.2em;margin-bottom:0.2vw;}
#new-re-box a div:nth-child(1) svg{width:5vw;height:5vw;}
}
@media screen and (min-width:960px){
/*mainbox Swiper*/
.mainbox .box-ch h2{font-size:100%;}
.mainbox .box-ch p{font-size:80%;}
/*****box*****/
.box .box-ch h3{font-size:85%;}
.box .box-ch p{font-size:80%;}
/*infomation*/
#info h3{font-size:90%;margin-bottom:10px;}
#info li a{font-size:80%;}
}
@media screen and (min-width:1025px){
/***** New rearrival *****/
#new-re-box a div:nth-child(1){padding-top:30px;}
#new-re-box a div:nth-child(1) span:nth-child(1){font-size:8px;margin-bottom:1.5em;}
#new-re-box a div:nth-child(1) span:nth-child(2){font-size:20px;letter-spacing:0.1em;margin-bottom:5px;}
#new-re-box a div:nth-child(1) span:nth-child(3){font-size:12px;margin-bottom:5px;}
#new-re-box a div:nth-child(1) span:nth-child(4){font-size:20px;letter-spacing:0.2em;margin-bottom:5px;}
#new-re-box a div:nth-child(1) span:nth-child(5) svg{width:70px;height:49px;}
}
@media screen and (min-width:1280px){
/***** New rearrival *****/
#new-re-box a div:nth-child(1){padding-top:40px;}
#new-re-box a div:nth-child(1) span:nth-child(1){font-size:14px;margin-bottom:1.5em;}
#new-re-box a div:nth-child(1) span:nth-child(2){font-size:24px;letter-spacing:0.1em;margin-bottom:5px;}
#new-re-box a div:nth-child(1) span:nth-child(3){font-size:20px;margin-bottom:5px;}
#new-re-box a div:nth-child(1) span:nth-child(4){font-size:24px;letter-spacing:0.2em;margin-bottom:5px;}
#new-re-box a div:nth-child(1) span:nth-child(5) svg{width:86px;height:60px;}
}