@charset "utf-8";


#mainvisual:before{display:block;background:#242424;position:absolute;content:'';width:100%;height:100%;opacity:.5;left:0;top:0}
#mainvisual .container{position:relative;z-index:1}
#mainvisual > a{display:block;width:100%;height:100%;z-index:2;position:relative}
#mainvisual > a:hover {opacity: 1}
#mainvisual > a:after {content: "";position: absolute;bottom: 2.2rem;left: 50%;width: 28px;height: 28px;margin-left: -14px;background-position: center;background-size: 100% auto;z-index: 200;background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22100px%22%20height%3D%22100px%22%20viewBox%3D%220%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20path%7Bfill%3A%23141823%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M52.575%2076.81V12.586h-5V76.81L24.269%2053.504l-3.38%203.381%2029.186%2029.187%2029.186-29.187-3.38-3.38L52.575%2076.81z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
#mainvisual h2{padding:5rem 3rem}
#mainvisual h2 span{color:#fff;line-height:1.5}
/*#new_arrivals{padding:6rem 0 0}*/
#new_arrivals .title{min-width:28rem;padding-right:4rem}
#new_arrivals h2{margin-bottom:2rem}
#new_arrivals .product_list li{border:1px solid #141823;min-height:100%;box-sizing:border-box;background:#fff;padding-bottom:3rem}
#new_arrivals .product_list li a{display:block;width:100%;height:100%;border:none}
#new_arrivals .product_list li figure{text-align:center}
#new_arrivals .product_list li .detail{padding:0 2rem}
#new_arrivals .product_list li .detail dl{display:flex;align-items:flex-end;border-bottom:1px solid #141823}
#new_arrivals .product_list li .detail dl + dl{margin-top:1rem}
#new_arrivals .product_list li .detail dt{padding-bottom:2px;width: 4rem;}
#new_arrivals .product_list li .detail dt span{font-size:1.3rem;letter-spacing:0}
#new_arrivals .product_list li .detail dd{line-height:1.2;padding-left:1.1rem;padding-bottom:5px;width: 100%;width: calc(100% - 4rem);}
#new_arrivals .product_list li .detail .brands{text-align:center;margin-top:1rem}
/*#cascade{padding:6rem 0 0}*/
#cascade .container{display:flex}
#cascade .img{text-align:center;max-width:670px;margin:auto}
#cascade .desc{margin-top:4rem;line-height:1.75}
#cascade .desc p + p{margin-top:1.2rem}
#cascade .link_border{margin-top:3rem}
/*#blog{padding:6rem 0 0}*/
#blog .container{position:relative}
#blog .blog_list{margin-top:2rem}
#blog .blog_list li .img{width:42%;}
#blog .blog_list li figure{margin:0;display:block;width:100%;position:relative;overflow:hidden;transition:.2s}
#blog .blog_list li figure:before{content:"";display:block;padding-top:62%}
#blog .blog_list li figure img{max-width:100%;width:auto;height:auto;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#blog .blog_list li a{display:flex;height: 100%;border:1px solid #141823;padding:3rem}
#blog .blog_list li .desc{width:54%;margin-right:4%}
#blog .blog_list li .desc h4{margin:1rem 0 2rem;font-size:1.6rem}
#blog .more{display:inline-block;background:#141823;color:#fff;padding:2px 3rem}

#blog .blog_list li .desc h4{height:50px;margin-bottom: 1rem;}
#blog .blog_list li .desc .desc_txt{height:70px;margin-bottom: 2rem;}
.short_desc{position: relative;opacity: 0}
.short_desc.txt_hide{opacity: 1;}
.short_desc:before{content: "";position: absolute;top:0;right: 0;width: 100%;height: 100%;background: #fff;transition-duration: 0.2s;}
.short_desc.txt_hide:before{width: 0;}


@media screen and (min-width: 1200px){
#new_arrivals .container{display:flex}
}

@media screen and (max-width: 1199px){
#new_arrivals .product_list{margin-top:3rem;border-bottom: solid 3px #141823;}
}

@media screen and (min-width: 1000px) {
#new_arrivals .product_list ul{display:flex;flex-wrap:wrap;height: auto;}
#new_arrivals .product_list li{width:22.5%;margin-right:3.3333%}
#new_arrivals .product_list li:nth-of-type(4n){margin-right:0}
#new_arrivals .product_list li:nth-of-type(n+5){margin-top:3.3333%}
#cascade .txt{width:47%;padding-right: 4rem;}
#cascade .img{width:53%}
#blog .blog_list ul {display: flex;flex-wrap: wrap;}
#blog .blog_list li{width:48.5%}
#blog .blog_list li:nth-of-type(2n){margin-left:3%}
#blog .blog_list li:nth-of-type(n+3) {margin-top: 3%;}
}

@media screen and (max-width: 999px) {
#mainvisual{min-height:100vh;min-height:calc(var(--vh,1vh) * 100 - 70px)}
#mainvisual h2{padding:0;font-size:1.8rem}
#mainvisual .container{position:absolute;bottom:8rem}
#new_arrivals .container{padding:0}
#new_arrivals .title{padding:0 2rem}
#new_arrivals h2{margin-bottom:1rem}
#new_arrivals .product_list li{width:80%;border-left:none}
#new_arrivals .product_list li figure{max-width:90%;margin:auto}
#cascade .container{padding:0 6rem;display:block}
#cascade .img{margin-top:4rem}
#blog{text-align:right}
#blog .blog_list,#blog .index_h2{text-align:left}
#blog .blog_list li a{padding:2rem}
#blog .blog_list li + li a{border-top:none}
#blog .blog_list li figure:before{padding-top:100%}
#blog .link_arrow{margin-top:3rem}
}

@media screen and (max-width: 320px) {
#cascade .container{padding:0 2rem}
}