/* BASIC css start */
.inner{padding:0 80px;}

#collection .nav{display:flex; margin-bottom:48px;}
#collection .nav li:not(:last-child){padding-right:36px; position:relative;}
#collection .nav li:not(:last-child)::after{content:''; display:block; position:absolute; top:50%; right:8px; width:16px; height:16px; background-image:url(/design/makeshop03/ECHO/icon/ico_28_arrow_right.svg); background-repeat:no-repeat; background-size:contain; background-position:center; transform:translateY(-50%) rotate(270deg);}
#collection .nav li,
#collection .nav li a{font-size:14px; font-weight:400; line-height:14px; color:#666}

#collection .collection_box{display:flex; justify-content: space-between;}
#collection .collection_box .txt_box{width:348px;}
#collection .collection_box .txt_box .tit{font-size:24px; font-weight:600; line-height:32px; color:#000; margin-bottom:16px;}
#collection .collection_box .txt_box .des{padding-left:12px; font-size:14px; font-weight:400; line-height:20px; color:#999; border-left:solid 2px #D9D9D9; margin-top:16px;}
#collection .collection_box .txt_box .con{margin-top:36px; font-size:16px; font-weight:500; line-height:24px; color:#333;}
#collection .collection_box .txt_box .btn{display:block; padding:16px 0; text-align:center; color:#fff; font-size:16px; font-weight:500; line-height:19px; background:#000; margin:48px 0 106px 0;}
#collection .collection_box .txt_box .btn img{width:16px; height:16px; margin-left:6px; display:inline-block; transform:rotate(180deg); vertical-align:middle;}

#collection .collection_box .swiper-box{max-width:calc(100% - 428px); width:1146px; margin:0; position:relative;}
#collection .collection_box .swiper-box .swiper{width:calc(100% - 104px); margin:0 auto;}
#collection .collection_box .swiper-box .swiper .swiper-wrapper{align-items: center;}
#collection .collection_box .swiper-box .swiper .swiper-slide img{width:100%;}
#collection .collection_box .swiper-box .swiper-button-prev{top:50%; left:0; transform:translateY(-50%);}
#collection .collection_box .swiper-box .swiper-button-next{top:50%; right:0; transform:translateY(-50%);}
#collection .collection_box .swiper-box .swiper-button-prev::after,
#collection .collection_box .swiper-box .swiper-button-next::after{font-size:0; display:block; width:24px; height:24px;  background-size:contain; background:position:center; background-repeat:no-repeat; }
#collection .collection_box .swiper-box .swiper-button-prev::after{background-image:url(/design/makeshop03/ECHO/icon/ico_16_arrow_left.svg);}
#collection .collection_box .swiper-box .swiper-button-next::after{background-image:url(/design/makeshop03/ECHO/icon/ico_16_arrow_right.svg);}
/* BASIC css end */