@charset "UTF-8";

/* 1100 */

#sction-visual{
    width:100%;
   /* height:800px; */
    overflow: hidden;
    position:relative;
    padding-bottom: 50%;
}

#visual-layer{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    overflow: hidden;
}

#visual-layer-slider{
    height:100%;
    width:100%;
    position:relative;
}

#visual-layer p{
    margin:0px;
    width:100%;
    display: inline-block;
    height:100%;
    background-position:center top;
    background-repeat:no-repeat;
    -moz-background-size:cover;
    background-size: auto 100%;
}
#visual-layer p a {
    display: block;
    width: 100%;
    height: 100%;
}

#visual-layer p img{
    width:100%;
    display:none;
}

#text-layer{
    width:100%;
    position:absolute;
    bottom:50px;
    left:0px;
}

#text-layer h2, #text-layer p{
    text-align: center;
    color:#ffffff;
}

#text-layer h2{
    letter-spacing: 8px;
    font-size:60px;
    font-family: "seshatregular";
    margin:0px;
}

#text-layer p{
    font-size:19px;
    margin-top:15px;
    margin-bottom:95px;
    line-height:1.6;
}

#visual-potti{
    text-align: center;
    position:absolute;
    bottom:40px;
    width:100%;
}

#visual-potti li{
    display:inline-block;
    margin-right:15px;
}

#visual-potti li a{
    display: block;
    width:8px;
    height:8px;
    border:1px solid #ffffff;
    border-radius: 5px;
    cursor: pointer;
}

#visual-potti li.selected{
    position:relative;
    top:2px;
}

#visual-potti li.selected a{
    width:14px;
    height:14px;
    background:#ffffff;
    border-radius: 8px;
}


#visual-layer .swiper-slide {
    text-align: center;
}
#visual-layer .swiper-slide img {
    width: 100%;
}
#visual-layer .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    vertical-align: middle;
    margin: 0 10px !important;
    background-color: transparent;
    border: 1px solid #fff;
}

#visual-layer .swiper-pagination-bullet-active {
    width: 15px;
    height: 15px;
    background-color: rgba(255, 255, 255, 0.8);
}

#section-category{
    /*background:#f7ebe7;*/
}

#section-category{
    padding-top:1px;
    padding-bottom:70px;
}

.category-list{
    text-align: center;
    margin-top:75px;
}

.category-list:nth-of-type(2){
    margin-top:20px;
}

.category-list li{
    display:inline-block;
    margin-right:20px;
    padding: 0 0 30px;
}

.category-list li:last-child{
    margin-right:0px;
}

.category-list li a{
    display:block;
    transition: background-image 200ms ease;
    position: relative;
}
.category-list li span {
    position: absolute;
    width: 100%;
    bottom: -16px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 14px;
    display: flex;
    align-items: top;
    justify-content: center;
    height: 2em;
    line-height: 1.2;
}
.category-list li a:hover span {
    color: #c2a86b;
}
.category-list:nth-of-type(1) li:nth-of-type(1) a{
    background:url("../img/category1_200227.svg") no-repeat center center;
    background-size: 65px auto;
    width: 115px;
    height: 90px;
}
.category-list:nth-of-type(1) li:nth-of-type(1) a:hover{
    background-image:url("../img/category1-on_200227.svg");
}

.category-list:nth-of-type(1) li:nth-of-type(2) a{
    background:url("../img/category2_200227.svg") no-repeat center center;
    background-size: 52px auto;
    width: 110px;
    height: 90px;
}
.category-list:nth-of-type(1) li:nth-of-type(2) a:hover{
    background-image:url("../img/category2-on_200227.svg");
}

.category-list:nth-of-type(1) li:nth-of-type(3) a{
    background:url("../img/category3_200227.svg") no-repeat center center;
    background-size: 52px auto;
    width:160px;height:90px;
}

@media all and (-ms-high-contrast: none){
    .category-list:nth-of-type(1) li:nth-of-type(3) a{
        background-size: 80px auto;
    }
}


.category-list:nth-of-type(1) li:nth-of-type(3) a:hover{
    background-image:url("../img/category3-on_200227.svg");
}

.category-list:nth-of-type(1) li:nth-of-type(4) a{
    background:url("../img/category4.svg") no-repeat center center;
    background-size: 50px auto;
    width:140px;height:90px;
}

@media all and (-ms-high-contrast: none){
    .category-list:nth-of-type(1) li:nth-of-type(4) a{
        background-size: 75px auto;
    }
}

.category-list:nth-of-type(1) li:nth-of-type(4) a:hover{
    background-image:url("../img/category4-on.svg");
}

.category-list:nth-of-type(1) li:nth-of-type(5) a{
    background:url("../img/category8_200227.svg") no-repeat center center;
    background-size: 50px auto;
    width:119px;height:90px;
}
@media all and (-ms-high-contrast: none){
    .category-list:nth-of-type(1) li:nth-of-type(5) a{
        background-size: 61px auto;
    }
}
.category-list:nth-of-type(1) li:nth-of-type(5) a:hover{
    background-image:url("../img/category8-on_200227.svg");
}

.category-list:nth-of-type(1) li:nth-of-type(6) a{
    background:url("../img/category5_200227.svg") no-repeat center center;
    background-size: 46px auto;
    width: 140px;height: 90px;
}
@media all and (-ms-high-contrast: none){
    .category-list:nth-of-type(1) li:nth-of-type(6) a{
        background-size: 81px auto;
    }
}
.category-list:nth-of-type(1) li:nth-of-type(6) a:hover{
    background-image:url("../img/category5-on_200227.svg");
}
.category-list:nth-of-type(1) li:nth-of-type(7) a{
    background:url("../img/category6_200227.svg") no-repeat center center;
    background-size: 62px auto;
    width: 105px;height: 90px;
}
.category-list:nth-of-type(1) li:nth-of-type(7) a:hover{
    background-image:url("../img/category6-on_200227.svg");
}

/* hover */

#block-category-list{
    text-align: center;
    width:1110px;
    margin:auto;

    margin-top:90px;
}

#block-category-list li{
    display: inline-block;
    width:526px;
    height:180px;
}

#block-category-list li a{
    display:block;
    border:10px solid #fcf9f1;
    box-sizing:border-box;
    width:526px;

    transition: all 200ms ease;
}

#block-category-list li a:hover{
    opacity: 0.9;
    transform: scale(0.98);
}

#block-category-list li:first-child{
    margin-right:40px;
    border-color: #ebf8f9;
}
#block-category-list li:first-child a{
    border-color:#ebf8f9;
}

#block-category-list li:last-child a{
    border-color:#ffded8;
}

#block-category-list li a{
    display:block;
    background-color:#ffffff;
    height:180px;
}

#new-item a{
    background:url("../img/new-item.svg") no-repeat 90px 25px;
    background-size: 266px 101px;
}

#favorite-item a{
    background:url("../img/favorite-item.svg") no-repeat 80px 25px;
    background-size: 309px 101px;
}
#sale-item a{
    background:url("../img/sale-item.svg") no-repeat 80px 25px;
    background-size: 309px 101px;
}
#new-item, #favorite-item{

}

#section-news{
    /*background:#fcf9f1;*/
    padding-top:1px;
    padding-bottom:90px;
}

#news-block-list{
    overflow: hidden;
    margin:auto;
    margin-top:50px;
    width:1100px;
}

#news-block-list li{
    display:block;
    width:530px;
    float:left;
    margin-right:40px;
    margin-bottom:30px;
}

#news-block-list li a{
    display:block;
    transition: background 300ms ease;
}

#news-block-list li a h3{
    transform: color 300ms ease;
}

#news-block-list li a:hover{
    background: #c1a769;
}

#news-block-list li a:hover h3{
    color:#ffffff;
}

#news-block-list li:nth-child(even){
    margin-right:0px;
}

#news-block-list li p{
    display:block;
    height:255px;
    overflow: hidden;
    position:relative;
    margin:0px;
}

#news-block-list li p img{
    transition: transform 300ms ease;
}

#news-block-list li a:hover p img{
    transform: scale(1.01);
}

#news-block-list li p span{
    background:#c1a769;
    opacity: 0.0;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    transition: opacity 300ms ease;
}

#news-block-list li a:hover p span {
    opacity: 0.5;
}

#news-block-list li p img{
    width:100%;
}

#news-block-list li h3{
    font-size:16px;
    font-weight: normal;
    text-align: center;
}

#news-block-list li h3{
    border-bottom:1px solid #c1a769;
    line-height:55px;
    height:55px;
    margin:0px;
}

#section-pickup{
    background:#ffffff;
    padding-top:1px;
    padding-bottom: 50px;
}

#pickup-block-list-wrapper{
    width:100%;
    overflow: hidden;
    border-top:3px double #c8c8c8;
    margin-top:50px;
    position:relative;
}

.horizontal-slider-inner{
    left:0px;
    position:relative;
    z-index:0;
    margin-left:80px;
}

.prev-arrow{ left:0px; }
.next-arrow{ right:0px; }
.prev-arrow a{ background:url("../img/page-prev.svg") no-repeat center center; }
.next-arrow a{ background:url("../img/page-next.svg") no-repeat center center; }
.prev-arrow, .next-arrow{
    position:absolute;
    top:0px;
    height:80%;
    width:50px;
    z-index:2;
}
.prev-arrow a, .next-arrow a{
    display:block;
    width:50px;
    height:100%;
    background-size: 46px 50px;
}

#pickup-block-list{
    width:1960px;
    padding-top:20px;
}

#pickup-block-list li{
    display:inline-block;
    width:180px;
    height: inherit;
    margin-top: 30px;
    margin-right:50px;
}

#pickup-block-list li a{
    display:block;
}

#pickup-block-list li a div{

}

#pickup-block-list li .image-container{
    display:block;
    width:180px;
    height: inherit;
    overflow: hidden;
}

#pickup-block-list li a img{
    width:180px;
    transition: all 200ms ease;
}

#pickup-block-list li a:hover img{
    opacity: 0.9;
    transform: scale(0.95);
}

#pickup-block-list li a h3{
    height:44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

#pickup-block-list li h3, #pickup-block-list li .price{
    font-size:16px;
    margin:0px;
    /*text-align: center;*/
}

#pickup-block-list li a p, #pickup-block-list li a h3{
    transition: color 200ms ease;
}

#pickup-block-list li a:hover p, #pickup-block-list li a:hover h3{
    color:#c1a769;
}

#section-season{
    background:#ecf9fa;
    padding-top:60px;
    padding-bottom:60px;
}

#season-visual{
    width:1100px;
    height:505px;
    background: url("../img/seasonal/season-bg.png") center top no-repeat;
    margin:auto;
    position:relative;
    padding-top:1px;
    text-align: center;
}

#section-season h2{
    margin-top: 20px;
    margin-right: 20px;
    text-align: right;
}
#section-season h2 img {
    width: 550px;
}
#section-season h2 img.sp_{
	display: none
}
#section-season h3{
    font-family: "seshatregular";
    font-size:32px;
    text-align: center;
    letter-spacing: 5px;
    font-weight: normal;
    margin-top: 60px;
}
/*
#section-season h3 img {
    width: 289px;
}
*/
#season-info{
    margin-top:55px;
    display:block;
    text-align: center;
    padding:50px 0px;
    line-height:35px;
    font-size:19px;
    letter-spacing: 3px;
    background:url("../img/season-info-bg.png") no-repeat center top, url("../img/season-info-bg.png") no-repeat center bottom;

}

#season-info br.sponly_ {
	display: none;
}

#section-seasonpickup{
    padding-top:1px;
    padding-bottom:30px;
    background:#ecf9fa;
    border-top:1px solid #c8c8c8;
}

#section-seasonpickup h2{
    font-family: "seshatregular";
    font-size:32px;
    text-align: center;
    font-weight: normal;
    letter-spacing: 4px;
    margin-bottom:0px;
}

#seasonpickup-block-list-wrapper{
    width:100%;
    overflow: hidden;
    margin-top:0px;
    position:relative;
}

#seasonpickup-block-list{
    width:1960px;
    padding-top:30px;
}

#seasonpickup-block-list li{
    display:inline-block;
    width:180px;
    height: inherit;
    margin-top: 10px;
    margin-right:50px;
}

#seasonpickup-block-list li a{
    display:block;
}

#seasonpickup-block-list li a .image-container{
    width:180px;
    height: inherit;
    overflow: hidden;
    text-align: center;
}

#seasonpickup-block-list li a h3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height:44px;
}

#seasonpickup-block-list li a img{
    max-width:180px;
    max-height: 100%;
    transition: all 200ms ease;
}

#seasonpickup-block-list li a:hover img{
    opacity: 0.9;
    transform: scale(0.95);
}

#seasonpickup-block-list li a p, #seasonpickup-block-list li a h3{
    transition: color 200ms ease;
}

#seasonpickup-block-list li a:hover p, #seasonpickup-block-list li a:hover h3{
    color:#c1a769;
}

#seasonpickup-block-list li p{
    margin:0px;
}

#seasonpickup-block-list li p.control-buttons{
    margin:10px 0;
}


#seasonpickup-block-list li h3{
    font-size:16px;
    margin:0px;
    margin-top:10px;
    /*text-align: center;*/
}
#section-movie{
    background:#ffffff;
    padding-top:1px;
    padding-bottom:23px;
    text-align: center;
}
#section-movie h2{
	margin-top: 0;
}
#section-ranking{
    background:#ffffff;
    padding-top:1px;
    padding-bottom:60px;
}

.ranking-tab{
    border:1px solid #f7e8e7;
    text-align: center;
    margin-top:80px;
}

.ranking-tab p{
    margin:0px;
    display:block;
    height:60px;
}

.ranking-tab a{
    display:inline-block;
    margin-right:80px;
    height:60px;
    line-height:60px;
    box-sizing:border-box;
    font-size:20px;
    transition: color 200ms ease;
}
.ranking-tab a:hover{
    color: #c1a769;

}
.ranking-tab a.selected{
    border-bottom:3px solid #c1a769;
}

.ranking-tab a:last-child{
    margin-right:0px;
}

#ranking-list-wrapper{
    width:100%;
    overflow: hidden;
    margin-top:40px;
    position:relative;
    top:0px;
    transition: all 400ms ease;
}

#ranking-list-wrapper.hide{
    opacity:0;
    top:-20px;
}

#ranking-list{
    width:2000px;
    overflow: hidden;
}

#ranking-list li{
    display:inline-block;
    width:258px;
    height:500px;
    float:left;
    margin-right:30px;
    position: relative;
}

.ranking-image{
    width:258px;
    height:300px;
    overflow: hidden;
    margin:0px;
    position:relative;
}

.ranking-image img{
    width:258px;
    display:block;
    transition: all 400ms ease;
    position:absolute;
    top:0px;
    left:0px;
}

.ranking-image .overlay{
    display:block;
    width:100%;
    height:100%;
    background: #c1a769;
    opacity: 0.0;
    top:0px;
    left:0px;
    transition: opacity 400ms ease;
}

a:hover .ranking-image .overlay{
    opacity: 0.3;
}

a:hover .ranking-image img{
    transform: scale(1.05);
}

.ranking-new, .pickup-new{
    font-family: "seshatregular";
    font-size:12px;
    color:#c1a769;
    border:2px solid #c1a769;
    display:inline-block;
    padding:5px 10px;
    padding-bottom:3px;
    position:absolute;
    top:2px;
    left:0px;
}
.pickup-new{
  position: relative;
  margin-bottom: 15px !important;
}

.ranking-label{
    text-align: center;
    font-size:40px;
    font-family: "seshatregular";
    margin:0px;
    font-weight: normal;
    height:50px;
}

.control-buttons span{
    display:inline-block;
    cursor: pointer;
}

.zoom-button{
    width:22px;
    height:22px;
    background:url("../img/zoom-icon.svg") no-repeat;
    background-size:22px 22px;
    margin-right:10px;
}

.favorite-button{
    width:22px;
    height:22px;
}

.favorite-button img{
    display:block;
    width:22px;
    height:22px;
}

#ranking-list li div div p{
    margin:4px;
}

#ranking-list li div div h3{
    margin:0px;
    font-size:16px;
}

#ranking-list li div div p.control-buttons{
    margin-top:15px;
}

#ranking-list li .price{
    color:#3c3c3c;
}

.price-down {
    color: #ff2d4b;
}

#section-ranking .more-load-button{
    margin-top:65px;
}

#section-staffblog{
    padding-top:1px;
    /*background: #f7ebe7;*/
    padding-bottom:60px;
}

#blog-list{
    width:1060px;
    overflow: hidden;
    margin:auto;
}

#blog-list li{
    float:left;
    display:block;
    width:304px;
    height:460px;
    margin-right:70px;
}

#blog-list li:nth-child(3n){
    margin-right:0px;
}

.blog-image{
    width:304px;
    height:304px;
    border-radius: 152px;
    overflow: hidden;
    position:relative;
}

.blog-image img{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    transition: transform 400ms ease;
}

.blog-image .overlay{
    background:#c1a769;
    opacity:0.0;
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    transition: opacity 400ms ease;
}

a:hover .blog-image .overlay{
    opacity: 0.4;
}

a:hover .blog-image img{
    transform: scale(1.05);
}

#blog-list li p, #blog-list li h3{
    text-align: center;
    margin:6px;
}

#blog-list li h3{
    font-size:16px;
    font-weight: bold;
}

#blog-list li p{
    font-size:13px;
}

#blog-list li p.date{
    font-size:14px;
    color:#969696;
    margin-top:30px;
}

#section-infomation{
    background:#ffffff;
    padding-top:60px;
    padding-bottom:60px;
}
#section-bnr{
    background:#ffffff;
    padding-top:60px;
    padding-bottom:60px;
}

#info-block-list{
    text-align: center;
    width:1110px;
    margin:auto;
    display:block;
}
#section-topbnr{
    padding-top: 95px;
    background: #fff;
}
#info-block-list a{
    display:inline-block;
    width:275px;
    text-align: center;
    font-family: "seshatregular";
    font-size:16px;
    letter-spacing: 4px;
    transition-property: all;
    line-height: 1;
    padding: 20px 0 18px; 
    border: 1px solid #797979;
    background: #fff url(../img/more-arrow.svg) no-repeat right 15px center !important;
    background-size: 18px 28px !important;
}

#info-block-list a:last-child{
    width:275px;
    margin-left: 15px;
}

#info-block-list a:hover{
    opacity: 0.8;
}
/*
#info-block-list a:first-child{
    background:#fffaf6 url("../img/store-info.png") no-repeat right center;
    background-size:275px 255px;
    margin-right:50px;
}

#info-block-list a:last-child{
    background:#ecf9fa url("../img/term-of-use.png") no-repeat right center;
}*/

.dot-line{
	text-align: center;
	padding-top: 95px;
	background: #fff;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

#section-infomation .section-title{
    padding-top:70px;
    background: #fff;
}


#info-list{
  width:745px;
  margin:auto;
  margin-top:35px;
  margin-bottom: 30px;
  overflow: hidden;
}

#info-list dt {
  float:left;
  clear:left;
  width:65px;
  margin-top:15px;
  font-size:16px;
  color:#969696;
}
#info-list dd {
  float:left;
  width:620px;
  margin-top:15px;
  font-size:16px;
  color:#969696;
}

#info-list dd a{
  transition: color 200ms ease;
}

#info-list dd a:hover{
  color:#ff9990;
}

#section-infomation .more-button{
    margin-top:80px;
}

#section-infomation .more-button a{
    border:1px solid #3c3c3c;
}

#instagram-visual-list-wrapper{
    width:100%;
    overflow: hidden;
}

#instagram-visual-list{
    width: 100%;
    /* height:510px; */
    overflow: hidden;
    margin-top:35px;
}

#instagram-visual-list li{
    float:left;
    display:block;
    width: 20%;
    overflow: hidden;
    position:relative;
}
#instagram-visual-list li:nth-of-type(6n+0){
	clear: left;
}
#instagram-visual-list li{
	width: 380px;
	height: 380px;
	display: block;
}
#instagram-visual-list li a{
	width: 380px;
	height: 380px;
	display: block;
}
#instagram-visual-list li img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-top: 0!important;
	display: none;

}
#instagram-visual-list li.rectanglew_ img{
	width: auto;
	height: 101%;
}
#instagram-visual-list li.rectangleh_ img{
	width: 101%;
	height auto;
}
#instagram-visual-list li .overlay{
    display:block;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background: #c1a769;
    transition: opacity 400ms ease;
    opacity: 0;
}

#instagram-visual-list li.rectanglew_  a:hover img{
   height: 102%;
}
#instagram-visual-list li.rectangleh_  a:hover img{
   width: 102%;
}
#instagram-visual-list li a:hover .overlay{
    opacity: 0.4;
}

#section-instagram{
    background:#fff2f0;
    padding-top:65px;
}

#section-instagram > div:first-child{
    overflow: hidden;
    width:1110px;
    margin:auto;
}

.follow-instagram{
    float:right;
}

.follow-instagram a{
    display:block;
    width:219px;
    height:54px;
    line-height:54px;
    text-align: center;
    border-radius: 27px;
    background:#ffffff;
    transition: all 200ms ease;
}

.follow-instagram a:hover{
    background:#c1a769;
    color:#ffffff;
}


#section-instagram h2{
    float:left;
}
#section-footer,
#section-history {
    background: #ffffff;
}



/* top remake 2020 */
.item-slider {
    padding: 10px 30px;
    box-sizing: border-box;
    overflow: hidden;
}
.item-slider .section-title,
.section-history .section-title {
    font-weight: normal;
    margin-top: 20px;
}

.item-slider .item-slider-inner_ {
    width: 1255px;
    margin: auto;
}

.item-slider .list_ {
    overflow: visible;
}
.item-slider .list_ ul {
    padding: 0 15px;
}
.item-slider .list_ ul li {
    /*margin-right: 15px;*/
    width: 235px;
}
.item-slider .list_ ul li > p {
    font-family: "seshatregular";
    font-size: 28px;
    text-align: center;
}
.item-slider .list_ ul li > p span {
    font-family: "seshatregular";
    display: block;
    font-size: 21px;
    /* margin-top: 6px; */
}
#section-sale-items.item-slider .list_ ul li > p {margin: 15px 0;font-size: 34px;color: #ff2d4b;}
#section-sale-items.item-slider .list_ ul li > p span{margin-top: 0;color: #ff2d4b;display: inline;margin-left: 4px;}
#section-sale-items.item-slider .list_ ul li > p span.per_ {}


.item-slider .list_ ul li .card_outer {}
.item-slider .list_ ul li .card_outer .item-image {}
.item-slider .list_ ul li .card_outer .item-image p {
    text-align: center;
}
.item-slider .list_ ul li .card_outer .item-image p a {}
.item-slider .list_ ul li .card_outer .item-image p a img {
    width: 100%;
}
.item-slider .list_ ul li .card_outer h3 {
    text-align: left;
    margin: 0;
}
.item-slider .list_ ul li .card_outer h3 a {
    font-size: 16px;
    font-weight: normal;
    line-height: inherit;
    display: block;
}
.item-slider .list_ ul li .card_outer p {
    text-align: left;
    font-size: 16px;
    font-weight: normal;
}
.item-slider .more-button {}
.item-slider .more-button a {
    margin-top: 0;
}

#section-new-items {
    background-color: #fcf9f1;
}
#section-sale-items {
    background-color: #fff2f0;
}

#section-history h2 {
  font-weight: normal;
}
#section-history > ul > li {
  margin: 0 20px;
}
#section-history > ul > li a {
  /* width: 120px; */
}

.item-list {}
.item-list h2 {}
.item-list h2 span {
  font-weight: normal;
  max-width: 200px;
}
.item-list .list_ {}
.item-list .list_ ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;

}
.item-list .list_ ul li {
  padding: 0 10px;
  box-sizing: border-box;
  width: 50%;
}
.item-list .list_ ul li h3 {
  margin: 0;
}
.item-list .list_ ul li h3 a {
  font-size: 14px;
  font-weight: normal;
}

.swiper-button-prev,.swiper-button-next {
    background-color: rgb(255, 255, 255, 0.7);
    padding: 10px;
    border-radius: 50%;
    background-image: none;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    transition: all 0.2s;
    box-shadow: 0px 0px 20px 0px #d8d8d8;
}

.swiper-button-prev:hover,.swiper-button-next:hover {
    background-color: rgb(255, 255, 255, 1);
}

.swiper-button-prev {
    left: 0px;
}
.swiper-button-next {
    right: -30px;
}


.swiper-button-prev::before,
.swiper-button-prev::after,
.swiper-button-next::before,
.swiper-button-next::after {
    content: "";
    width: 15px;
    border-top: 3px solid #3c3c3c;
    position: absolute;
    top: 18px;
    right: 15px;
    transform: rotate(45deg);
    border-radius: 30%;

}

.swiper-button-next::after {
    transform: rotate(135deg);
    top: 27px;
}
.swiper-button-prev::before {
    transform: rotate(-45deg);
    right: auto;
    left: 15px;
}
.swiper-button-prev::after {
    transform: rotate(-135deg);
    top: 27px;
    right: auto;
    left: 15px;
}