@charset "utf-8";
/*-----------------------------------
人気アイテムランキング
------------------------------------*/
.img-wrap{display:block;height:192px;margin-top:20px}
@media screen and (max-width: 767px){
.img-wrap{max-width:150px;max-height:180px;margin-top:0}
}
.check-item{background-size:contain;background-repeat:no-repeat;background-position-y:20px}
/* スライダー
------------------------------------*/
.ranking .bx-wrapper{width:930px!important;max-width:930px!important}
.ranking .bx-wrapper .bx-controls-direction a{top:35%}
.ranking .bx-wrapper .bx-prev{left:-20px;background:url(../../img/parts/common/arrow_left_black_2.png)no-repeat}
.ranking .bx-wrapper .bx-next{right:-25px;background:url(../../img/parts/common/arrow_right_black_2.png)no-repeat}
@media screen and (max-width: 767px) {
.ranking .bx-wrapper{position:relative;width:100%!important}
.ranking .bx-wrapper .bx-controls-direction a{top:70px;width:20px;height:150px}
.ranking .bx-wrapper .bx-next,.ranking .bx-wrapper .bx-prev{background-color:rgba(255,255,255,.7);background-repeat:no-repeat;background-position:center center;background-size:50%}
.ranking .bx-wrapper .bx-prev{left:-15px}
.ranking .bx-wrapper .bx-next{right:-15px}
}
/* タブ切り替え
------------------------------------*/
.ranking-tab{flex-grow:1;margin-right:10px;padding:0 1.5rem;color:#b7b7b7;font-weight:bold;font-size:1.6rem;text-align:center;list-style:none;border-bottom:solid 4px #b4cff8;cursor:pointer}
.ranking-tab:last-of-type{margin-right:0}
.ranking-tab-unit{width:100%;height:40px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.ranking-tab-menu{display:flex;height:40px;margin:0 auto 2px;list-style:none}
.ranking-tab{text-align:center}
.ranking-tab.is-active{color:#3f3f3f;border-bottom:solid 4px #094096;transition:all .2s ease-out}
.ranking-panel{margin-top:35px}
.ranking-panel.is-show{display:block}
@media screen and (max-width: 767px) {
.ranking-panel{margin-top:0}
.ranking-panel-unit{margin:20px 0 0 15px}
.ranking-tab{margin-right:0;padding:0 1rem;border-bottom:solid 2px #b4cff8}
.ranking-tab.is-active{border-bottom:solid 2px #094096}
.ranking-tab-menu{width:450px}
}
/* コンテンツ
------------------------------------*/
.ranking-list{position:relative}
.ranking-number{position:absolute;width:30px;height:30px;color:#fff;line-height:30px;text-align:center}
.ranking-number--01{background:#bfa735}
.ranking-number--02{background:#a2a5a4}
.ranking-number--03{background:#6a3b2c}
.ranking-number--04later{background:#3f3f3f}
.ranking-panel .ranking-item img{display:block;width:160px;height:192px;margin-top:20px}
.ranking-price{display:flex;align-items:baseline;justify-content:flex-end;font-size:1.5rem}
.ranking-price--sale{display:flex;align-items:baseline;justify-content:flex-end;color:#ff0000;font-size:1.5rem}
.ranking-tax{margin-left:.5rem;font-size:10px}
@media screen and (max-width: 767px) {
.section-ranking .bx-wrapper{width:100%!important;max-width:100%!important;padding-left:20px;overflow:hidden}
.ranking-panel .ranking-item{width:170px!important}
.ranking-panel .ranking-item img{display:block;width:150px;height:180px;margin-top:20px}
.section-ranking .bx-wrapper .bx-prev{left:0}
.section-ranking .bx-wrapper .bx-next{right:0}
.section-ranking .ranking-item{width:200px!important}
}
@media screen and (max-width: 374px) {
.ranking .title-primary{margin-bottom:40px}
.ranking .link-label-more{top:35px}
}
/*-----------------------------------
最近チェックした商品
------------------------------------*/
/* コンテンツ
------------------------------------*/
@media screen and (max-width: 767px) {
.check .title-primary{margin-left:1rem}
}
/* スライダー
------------------------------------*/
.check .bx-wrapper{width:930px!important;max-width:930px!important}
.check .bx-wrapper .bx-controls-direction a{top:35%}
.check .bx-wrapper .bx-prev{left:-20px;background:url(../../img/parts/common/arrow_left_black_2.png)no-repeat}
.check .bx-wrapper .bx-next{right:-25px;background:url(../../img/parts/common/arrow_right_black_2.png)no-repeat}
@media screen and (max-width: 767px) {
.check .bx-wrapper{position:relative;width:100%!important}
.check .bx-wrapper .bx-controls-direction a{top:35px;width:20px;height:150px}
.check .bx-wrapper .bx-next,.check .bx-wrapper .bx-prev{background-color:rgba(255,255,255,.7);background-repeat:no-repeat;background-position:center center;background-size:50%}
.check .bx-wrapper .bx-prev{left:-5px}
.check .bx-wrapper .bx-next{right:-5px}
}
/* コンテンツ
------------------------------------*/
.check-list{position:relative}
.check-panel .check-item img{display:block;width:160px;height:192px;margin-top:20px}
.check-item-caption{overflow:hidden}
.check-price{display:block;margin-top:5px;font-size:1.6rem;text-align:right}
.check-price--sale{display:block;margin-top:5px;color:#ff0000;font-size:1.6rem;text-align:right}
.check-tax{font-size:1rem}
@media screen and (max-width: 767px) {
.check.section-primary .title-primary{margin-bottom:0}
.section-check .bx-wrapper{width:100%!important;max-width:100%!important;padding-left:20px;overflow:hidden}
.check-list{margin-left:20px}
.check-panel .check-item img{display:block;max-width:150px;max-height:180px;margin-top:0}
.section-check .bx-wrapper .bx-prev{left:0}
.section-check .bx-wrapper .bx-next{right:0}
}
/* 今週のピックアップ
------------------------------------*/
.category-sp-label{display:block;margin:0 20px 1rem;padding:11px 0;text-align:center;background:#f8f8f8;border:1px solid #c4c4c4;border-radius:5px;cursor:pointer}
@media screen and (max-width: 768px) {
.category-sp-label{display:none}
#category-sp-label-btn{display:block}
}
.category-sp-label a{width:100%}
.page-main-top .bx-viewport:after,.page-main-top .bx-viewport:before,.recomenndFeature .bx-viewport:after,.recomenndFeature .bx-viewport:before{position:absolute;top:0;bottom:0;z-index:1000;width:30px;height:97%;background-color:rgba(0,0,0,.5);content:''}
.page-main-top .bx-viewport:before,.recomenndFeature .bx-viewport:before{left:0}
.page-main-top .bx-viewport:after,.recomenndFeature .bx-viewport:after{right:0}
.page-main-top-one .bx-viewport:after,.page-main-top-one .bx-viewport:before{background-color:rgba(0,0,0,0)}
.page-main-top-one .bx-pager{display:none}
/* bx-controls-direction */
.page-main-top .bx-wrapper .bx-next,.page-main-top .bx-wrapper .bx-prev,.recomenndFeature .bx-wrapper .bx-next,.recomenndFeature .bx-wrapper .bx-prev{background:none}
.page-main-top .bx-wrapper .bx-prev,.recomenndFeature .bx-wrapper .bx-prev{left:8px}
.page-main-top .bx-wrapper .bx-next,.recomenndFeature .bx-wrapper .bx-next{right:8px}
.page-main-top .bx-wrapper .bx-next:after,.page-main-top .bx-wrapper .bx-prev:after,.recomenndFeature .bx-wrapper .bx-next:after,.recomenndFeature .bx-wrapper .bx-prev:after{position:absolute;top:0;left:0;width:20px;height:20px;border-top:solid 2px #fff;border-right:solid 2px #fff;transition:all .2s ease-in-out;content:''}
.page-main-top .bx-wrapper .bx-prev:after,.recomenndFeature .bx-wrapper .bx-prev:after{left:2px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
.page-main-top .bx-wrapper .bx-next:after,.recomenndFeature .bx-wrapper .bx-next:after{left:-10px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
@media screen and (min-width: 769px) {
.category-sp-label{display:none}
}
@media screen and (max-width: 768px) {
.recomenndFeature .bx-wrapper .bx-next:after,.recomenndFeature .bx-wrapper .bx-prev:after{top:16px}
.page-main-top .bx-wrapper{padding-top:5px}
.page-main-top .bx-wrapper .bx-next:after,.recomenndFeature .bx-wrapper .bx-next:after{left:0}
.page-main-top .bx-wrapper .bx-prev,.recomenndFeature .bx-wrapper .bx-prev{left:0}
}
.page-main-top .bx-wrapper .bx-controls-direction a{top:50%}
/* カテゴリトップページ、ブランドトップページ メインビジュアル
------------------------------------*/
.page-main-top{margin-bottom:55px}
.page-main-top-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:10px;padding:0 10px}
@media screen and (max-width: 768px) {
.page-main-top{margin-bottom:20px}
.page-main-top ul{padding:0 10px}
.page-main-top-list{padding:0 10px}
.page-main-top-list li{width:100%;height:auto}
}
@media screen and (min-width: 769px) {
.page-main-top img{display:block}
.page-main-top ul{margin-top:10px;padding:0 10px}
.page-main-top-list li{width:49%;height:auto;margin-top:10px;margin-right:5px}
.page-main-top-list li:nth-child(2n+1):last-child{width:100%;text-align:center}
.page-main-top-list li:nth-child(2n+1):last-child a{display:inline-block;width:49%}
}
/* slider */
.page-main-top--slider{width:100%;overflow:hidden}
.page-main-top--slider .bx-wrapper{width:776px}
.page-main-top--slider .bx-viewport{z-index:-999;margin:0 auto;overflow:visible!important}
/*左右画像透過用*/
.page-main-top--slider .bx-viewport:after,.page-main-top--slider .bx-viewport:before{position:absolute;top:0;bottom:0;left:-100%;z-index:1000;height:350px;background-color:rgba(0,0,0,.5);content:''}
.page-main-top--slider .bx-viewport:before{right:100%;left:-100%}
.page-main-top--slider .bx-viewport:after{right:-100%;left:100%}
@media screen and (max-width: 768px) {
.page-main-top--slider{min-width:100%;height:auto;padding-top:10px}
.page-main-top--slider .bx-wrapper{width:80%}
.page-main-top--slider .bx-viewport:after,.page-main-top--slider .bx-viewport:before{bottom:6px;height:auto}
}
/*　レビュー
------------------------------------*/
.star-rating-all{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:solid 1px #c4c4c4}
.catalog-info-basic-review{padding:20px 0;border-bottom:solid 1px #c4c4c4}
.catalog-info-staff-review{padding:20px 0}
.review{display:flex;justify-content:space-between}
.review-post{margin-top:10px;font-size:1.2rem;margin-bottom:20px}
.review-date{font-size:1.2rem}
.review-link a{margin-top:10px;color:#2b74f5}
.arrow-pseudo:after{margin-left:.5rem;border-top:solid 2px #6ba0f2;border-right:solid 2px #6ba0f2;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .2s ease-in-out}
.review-contributor{display:flex;align-items:center;margin-top:10px}
.review-contributor img{width:30px;height:30px}
.contributor-name-user{margin-left:0}
.contributor-name{margin-left:10px}
.review-title{padding:10px 0 0}
.review-title-unit{display:flex;margin-bottom:10px}
.text_overflow{line-height:1.5}
/* star */
.categoryList-List-star{display:flex;flex-direction:row;align-items:center;margin-top:5px;font-size:1.3rem}
.star-rating{position:relative;margin-right:.5rem;font-size:1.7rem}
.star-rating-front_zero{position:absolute;top:0;left:0;width:0%;overflow:hidden;color:#fc3}
.star-rating-front_one{position:absolute;top:0;left:0;width:20%;overflow:hidden;color:#fc3}
.star-rating-front_two{position:absolute;top:0;left:0;width:40%;overflow:hidden;color:#fc3}
.star-rating-front_three{position:absolute;top:0;left:0;width:60%;overflow:hidden;color:#fc3}
.star-rating-front_four{position:absolute;top:0;left:0;width:80%;overflow:hidden;color:#fc3}
.star-rating-front_five{position:absolute;top:0;left:0;width:100%;overflow:hidden;color:#fc3}
.star-rating-back{color:#ccc}
.star-number{color:#707070}
.review-text a{color:#2b74f5}