@charset "utf-8";

/* CSS Document */

/* 2段用 */

.tile {
    margin: 0 !important;
}

.tile a {
    margin-right: 10px;
}

.favorite_button a{
	margin-right: 0
}

.tile01 .tile a {
    margin-right: 0
}

[dir='rtl'] .tile a {
    margin-left: 10px;
    margin-right: 0;
}

.tile01[dir='rtl'] .tile a {
    margin-left: 0;
    margin-right: 0;
}


.slick-slide > div {
    margin-bottom: 5px;
}

.tile01.display01 .tile img,
.tile01.display01 .tile .imgWrapper,
#sp.sp_display01.tile01 .tile img,
#sp.sp_display01.tile01 .tile .imgWrapper {
    width: calc(100vw - 10px);
    height: calc(100vw - 10px);
}

.display01.tile01 .tile a,
#sp.sp_display01.tile01 .tile a {
    width: calc(100vw - 10px);
}

.tile00 .favorite_button,
#sp.tile00 .favorite_button{
    width: calc(100% - 20px);
    margin: 5px 15px 10px 5px;
}


/* --- 高さ調整 .all_out 商品名高さ固定 --- */

.display02 .all_out .textArea .name {
    /* 高さ */
    height: 18px;
}

.display03 .all_out .textArea .name {
    /* 高さ */
    height: 16px;
}

.display04 .all_out .textArea .name {
    /* 高さ */
    height: 14px;
}

.display05 .all_out .textArea .name {
    /* 高さ */
    height: 14px;
}

.display06 .all_out .textArea .name {
    /* 高さ */
    height: 14px;
}

.display07 .all_out .textArea .name {
    /* 高さ */
    height: 14px;
}

.display08 .all_out .textArea .name {
    /* 高さ */
    height: 14px;
}

.display09 .all_out .textArea .name {
    /* 高さ */
    height: 14px;
}

.display10 .all_out .textArea .name {
    /* 高さ */
    height: 14px;
}

/* ---- sp設定　ここから ---- */

/* -- sp高さ幅marginなどの設定 -- */
#sp.sp_display01_center .tile a,
#sp.sp_display03_center .tile a {
    margin: 0 5px;
}

#sp.tile01.sp_display01_center .tile a,
#sp.tile01.sp_display03_center .tile a {
    margin: 0;
}

#sp.sp_display01 .outer,
#sp.sp_display02 .outer,
#sp.sp_display03 .outer,
#sp.sp_display04 .outer,
#sp.sp_display05 .outer {
    margin: 0 auto;
}

/* -- sp高さ幅marginなどの設定　ここまで -- */


/* -- sp矢印ボタン設定 ここから -- */



#pc .arrowArea {
    display: none;
}

#sp .arrowArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 80px;
    height: 30px;
    margin: 10px 0 0 auto;

}

#sp .arrowArea .arrow_prev,
#sp .arrowArea .arrow_next {
    position: relative;
    display: inline-block;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
    width: 30px;
    height: 30px;
}

#sp .arrowArea .arrow_prev:before,
#sp .arrowArea .arrow_prev:after,
#sp .arrowArea .arrow_next:before,
#sp .arrowArea .arrow_next:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

#sp .arrowArea .arrow_prev:before,
#sp .arrowArea .arrow_next:before {
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    background: #6b6b6b;
}

#sp .arrowArea .arrow_prev:after {
    left: 10px;
    width: 10px;
    height: 10px;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

#sp .arrowArea .arrow_next:after {
    left: 5px;
    width: 10px;
    height: 10px;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}



/* -- sp矢印ボタン設定 ここまで -- */

/* -- 下ドット設定 -- */

.slick-dots {
    position: static;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

/* -- 下ドット設定　ここまで -- */


/* -- sp商品名高さ固定 -- */

#sp.sp_display02 .name_in .textArea .name,
#sp.sp_display02 .name_in_price_out .textInside .name {
    height: 38px;
}

/* SP 450px以下 */
@media screen and (max-width: 450px) {

    #sp.sp_display02 .name_in .textArea .name,
    #sp.sp_display02 .all_out .textArea .name,
    #sp.sp_display02 .name_in_price_out .textInside .name {
        height: 33px;
    }
}

#sp.sp_display03 .name_in .textArea .name,
#sp.sp_display03 .name_in_price_out .textInside .name {
    height: 33px;
}

/* SP 450px以下 */
@media screen and (max-width: 450px) {

    #sp.sp_display03 .name_in .textArea .name,
    #sp.sp_display03 .all_out .textArea .name,
    #sp.sp_display03 .name_in_price_out .textInside .name {
        height: 43px;
    }
}

#sp.sp_display04 .name_in .textArea .name,
#sp.sp_display04 .name_in_price_out .textInside .name {
    height: 50px;
}

/* SP 450px以下 */
@media screen and (max-width: 450px) {

    #sp.sp_display04 .name_in .textArea .name,
    #sp.sp_display04 .all_out .textArea .name,
    #sp.sp_display04 .name_in_price_out .textInside .name {
        height: 72px;
    }
}

#sp.sp_display05 .name_in .textArea .name,
#sp.sp_display05 .name_in_price_out .textInside .name {
    height: 50px;
}

/* SP 450px以下 */
@media screen and (max-width: 450px) {

    #sp.sp_display05 .name_in .textArea .name,
    #sp.sp_display05 .all_out .textArea .name,
    #sp.sp_display05 .name_in_price_out .textInside .name {
        height: 87px;
    }
}

#sp.sp_display01_center .name_in .textArea .name,
#sp.sp_display01_center .name_in_price_out .textInside .name {
    height: 43px;
}

/* SP 450px以下 */
@media screen and (max-width: 450px) {

    #sp.sp_display01_center .name_in .textArea .name,
    #sp.sp_display01_center .all_out .textArea .name,
    #sp.sp_display01_center .name_in_price_out .textInside .name {
        height: 38px;
    }
}

#sp.sp_display03_center .name_in .textArea .name,
#sp.sp_display03_center .name_in_price_out .textInside .name {
    height: 50px;
}


/* SP 450px以下 */
@media screen and (max-width: 450px) {

    #sp.sp_display03_center .name_in .textArea .name,
    #sp.sp_display03_center .all_out .textArea .name,
    #sp.sp_display03_center .name_in_price_out .textInside .name {
        height: 57px;
    }
}


/* -- sp商品名高さ固定 ここまで -- */
/* ---- sp設定　ここまで ---- */