/*=======================================================ログイン画面ロゴ=======================================================*/

.under_login_logo{
    margin: 0px 0px 10px 0px;
    padding: 10px 10px;
    background: #f6f6f6;
    border-radius: 5px;
}

.under_login_logo .para1 p{
    margin-bottom: 10px;
}

.under_login_logo .para2{
    text-align: right;
}

.under_login_logo .para2 a{
    display: inline-block;
}

.under_login_logo .para2 a p{
    margin-bottom: 10px;
    color: #6b6b6b;
}

/*=======================================================ログイン画面対応ブラウザ表記=======================================================*/

.under_login_browser{
    margin: 20px 0px 0px 0px;
}
.under_login_browser p{
    color: #6b6b6b;
    font-size: 0.8em;
}
.under_login_browser_bottom{
    text-align: center;
    margin-top: 20px;
}
.under_login_browser_bottom a{
    display: inline-block;
    color: #fff;
    background: #6b6b6b;
    padding: 5px 20px;
    transition: .4s;
}

.under_login_browser_bottom a:hover{
    background: #777777;
    text-decoration: none;
}


/*=======================================================全体設定=======================================================*/
body{
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif;
}

.center{
    text-align: center;
}

.right{
    text-align: right;
}

.left{
    text-align: left;
}

.fff{
    color: #fff;
}

a:hover{
    cursor: pointer !important;
}


@media(min-width:751px){
    .sp{
    display: none !important;
    }
}
@media(max-width:750px){
    .pc{
    display: none !important;
    }

    a img:hover{
        opacity: 1;
    }
}

.p-quantity-price{
    display: none;
}

.l-contents-header-search{
    height: fit-content;
    cursor: pointer;
}

.l-contents{
    padding-top: 0;
}

.l-footer-copyright{
    display: none;
}

.u-pc-item nav{
    background-color: #2984cf;
    border-radius: 15px;
    margin: 0 auto;
    width: 1280px;
    max-width: 100vw;
}

/*ランキング部分*/
.l-contents-col2-l .l-contents-main{
    float: none;
}

.l-contents-col2-l .l-contents-main, .l-contents-col2-r .l-contents-main{
    width: 1280px;
}

/*おしらせ部分*/
#js-top-news{
    padding-top: 60px;
}

.p-news-list{
    margin: 0 10px;
}

#js-top-cat-container-side{
    display: none;
}

/*注文履歴*/

#orderSearch .l-contents-col2-l .l-contents-main{
    float: right;
}

#orderSearch .l-contents-col2-l .l-contents-main, .l-contents-col2-r .l-contents-main{
    width: 73.35%;
}

@media screen and (max-width: 1366px){
    .u-pc-item nav{
        max-width: 95vw;
    }
}

.l-header-itemcategory-form-input-container{
    color: #fff;
}

.c-form-selectWrap{
    border: none;
}

.c-form-selectWrap:before{
    background-color: #063358;
}

.l-nav-keywordSearch-icon{
    background-color: #063358;
    border-radius: 2px;
}

.u-pc-item nav .l-nav-keywordSearch-input[type="text"] ,.u-pc-item nav .c-form-selectWrap select{
    color: #063358;
    font-weight: 700;
}

.l-header-search-container .l-nav-catalogSearch{
    display: none;
}

.p-news-type-label{
    margin: 10px 0;
}

#js-pagetop{
    z-index: 99!important;
}

p#reminder , p#user_register{
    text-align: center;
}

.p-item-campaign-mesg-input-value{ /*キャンペーン表示*/
    background-color: #c1272d;
    color: #fff;
    font-weight: 900;
    text-align: center!important;
}

.p-item-campaign-mesg{
    background-color: #c1272d;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 900;
    position: relative;
    left: -1px;
    text-align: center!important;
}

@media screen and (max-width: 767px){
    .l-contents-col2-l .l-contents-main, .l-contents-col2-r .l-contents-main{
        width: auto;
    }

    .p-item-campaign-mesg{
        margin-top: 10px;
    }
}

/*商品一覧サムネ*/
.nav-controls{
    display: none;
}

.p-itemLayout-grid .p-item-thumb{
    height: 300px;
}

.p-item-thumb img{
    max-height: 300px;
}

.p-itemLayout-grid .p-item-group01{
    border-bottom: 1px solid #e5e5e5;
}

.p-itemLayout-grid .p-item-group02{
    margin-bottom: 10px;
}



@media screen and (max-width: 767px){
    .p-itemLayout-grid .p-item-thumb{
        height: 200px;
    }
    
    .p-item-thumb img{
        max-height: 200px;
    }

    .p-itemLayout-grid-scroll .c-box-col2Wrap .c-box:nth-child(2n) {
        border-left: none!important;
    }
}
/*=======================================================見出し共通=======================================================*/
#js-top-ranking .c-title01{
    margin: 165px 0 44px;
}

.c-title02{
    margin-top: 0;
    position: relative;
    display: inline-block;
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.bg_gray .c-title02 {
    margin-top: 6rem;
}

.c-title02-label01{
    font-weight: bold;
    color: #333333;
    letter-spacing: 0.5rem;
    font-size: 3.2rem;
}

.c-title02-label02{
    color: #333333;
    letter-spacing: 0.5rem;
}

.c-title02:before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 60px;
    height: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #333333;
}

.c-title03{
    margin-top: 70px;
    position: relative;
    display: inline-block;
    margin-bottom: 6rem;
}

.c-title03-label01{
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.5rem;
    font-size: 2.8rem;
}

.c-title03-label02{
    color: #fff;
    letter-spacing: 0.5rem;
}

.c-title03:before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 60px;
    height: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
}

.c-title03k{
    margin-top: 20px;
    position: relative;
    display: inline-block;
    margin-bottom: 6rem;
}

.c-title03-label01k{
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.5rem;
    font-size: 4rem;
}

.c-title03k:before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 60px;
    height: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
}

/*=======================================================グローバルナビゲーション=======================================================*/
.u-pc-item .l-header-orderNav-parent{
    padding: 25px 0 0 0;
    margin: 0 auto;
}

.l-header-orderNav .c-button03{
    background-color: transparent;
    border: none;
    color: #333;
    font-size: 1.2rem;
    padding: 10px;
    transition: .4s;
}

.l-header-orderNav .c-button03:hover{
    border: none;
    translate: 0 -5px;
}

.l-header-orderNav .c-button03 .fa-heart{
    color: #f68baa;
}

.l-header-orderNav .c-button03 .fa-refresh{
    color: #1f99a6;
}

.c-button02{
    background-color: #aaa;
    border: 1px solid #aaa;
}

.l-header-orderNav li{
    margin-right: 0;
}

.l-header-orderNav li:nth-child(n+2){
    margin-left: 13px;
}

.l-header-orderNav .fa:before{
    font-size: 2rem;
    margin-right: 4px;
}

.u-pc-item .l-header-userNav-parent{
    margin: 0 0 0 10px;
    padding: 0;

}

.l-header-userNav > li:nth-child(n+2){
    margin-left: 13px;
}


@media only screen and (min-width: 768px){
    .l-header-delivery{
    color: #333;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: .1rem;
    }

    .l-header-group02{
        margin: 15px 0;
        padding-top: 0;
        position: absolute;
        right: 20px;
        width: 1200px;
    }
}

/*==================================================お気に入りボタンデザイン==================================================*/
.p-item-favorite > a:not(.p-item-favorite-added){
    border: none;
    left: 1px;
    position: relative;
}

.p-item-favorite > a:not(.p-item-favorite-added)::after{
    content: "お気に入り追加";
    font-size: 1.2rem;
}

.p-item-favorite-added .fa{
    color: #f68baa;
}

.p-item-favorite-added{
    border: 1px solid #f68baa;
    color: #f68baa;
    left: 1px;
    position: relative;
}

.p-item-favorite-added::after{
    content: "お気に入り商品";
    font-size: 1.2rem;
}

/*=======================================================ヘッダロゴ下=======================================================*/
.u-pc-item .l-header-logo-parent{
    padding: 0;
}

.l-header-logo-parent{
        flex-basis: auto!important;
    }

.l-header-logo{
    width: 300px;
    max-width: 100%;
    margin: 0 0 10px;
}

.l-header-utilityNav{
    display: none;
}

.l-header-userNav .c-button04{
    font-size: 1.4rem;
    padding: 10px 40px;
    background-color: #333;
    border: 1px solid #333;
    color: #fff;
    transition: .4s;
}

.l-header-userNav .c-button04:hover{
    background-color: transparent;
    color: #333;
    opacity: 1;
}

@media only screen and (max-width: 767px){
    .l-nav-spMenu{
        background-color: #333;
    }
}

.contact_top{
    display: block;
    color: #333333;
    font-size: 1.5em;
    width: 190px;
    text-align: center;
    }

.under_headerlogo_icons{
    width: 190px;
    display: inline-block;
    padding: 5px 5px;
    text-align: center;
    }

.under_headerlogo_icons .fa-brands{
    font-size: 1.8em;
    }

.under_headerlogo_icons .fa-line{
    margin-right: 25px;
}

.under_headerlogo_icons .fa-brands:hover{
    opacity: 0.7;
}

@media only screen and (max-width: 767px){
    .l-header-logo{
        max-width: 50%;
    }

    .l-header-userNav .c-button04{
        height: auto;
        padding: 5px 10px;
        font-size: 1.4rem;
        margin-right: 5px;
    }

    .l-header-userNav ul{
        float: left;
        right: 0;
        left: 10px;
    }
}

/*=======================================================ヘッダロゴ右=======================================================*/
.write_right_header_logo{
    margin-top: -20px;
    margin-bottom: 10px;
    text-align: center;
}

.write_right_header_logo img{
    width: 600px;
    max-width: 100%;
}
/*=======================================================お知らせ=======================================================*/
.p-news-type-news{
    background-color: #67a9da;
}

.info_holiday h4.title{
    color: #333;
    font-weight: 400;
    letter-spacing: .3rem;
}

.info_holiday p{
    letter-spacing: .2rem;
    margin-bottom: 10px;
}

.info_holiday p.holiday_date{
    font-size: 4rem;
    font-weight: 700;
}

.info_holiday p.holiday_date span{
    color: #ccc;
    font-size: 1.2rem;
}

.info_holiday p.info_remarks{
    color: #aaa;
    font-size: 1.2rem;
    letter-spacing: .3rem;
}

/*=======================================================お問い合わせ=======================================================*/
#fixedFormButton{
    position: fixed;
    right: 10px;
    bottom: 90px;
    z-index: 99;
    text-align: center;
}

#fixedFormButton a{
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding-top: 25px;
}

#fixedFormButton .fa-envelope{
    font-size: 2rem;
}

#fixedFormButton span{
    font-size: 0.8rem;
    font-weight: 700;
}

#fixedFormButton a:hover{
    text-decoration: none;
    background-color: rgba(45, 45, 45, 0.8);
}

.l-footer-pagetop {
    z-index: 99999;
}

#fixedLineButton{
    position: fixed;
    bottom: 0;
    text-align: center;
    z-index: 99;
}

#fixedLineButton i{
    margin-right: 10px;
}

#fixedLineButton a{
    display: block;
    background-color: rgba(6, 199, 85, 1);
    color: #fff;
    font-size: 1.4rem;
    padding: 7px;
    width: 100vw;
    max-width: 100%;
}

#fixedLineButton a:hover{
    text-decoration: none;
}

@media only screen and (max-width: 767px){
    .l-footer-pagetop{
        bottom: 60px;
    }

    #bottom_nav{
        bottom: 0;
        border-top: 1px solid #ccc;
        background: rgba(255, 255, 255, 0.9);
        display: flex;
        flex-wrap:nowrap;
        height: 60px;
        justify-content: space-around;
        left: 0;
        line-height: 20px;
        margin: 0;
        padding: 10px 10px;
        position: fixed;
        width: 100%;
        z-index: 9999999;
    }
    
    #bottom_nav li{
        list-style: none;
        text-align: center;
        max-width: clac(100% / 5 - 12px);
    }
    
    #bottom_nav a{
        display: block;
    }
    
    #bottom_nav a i{
        font-size: 2rem;
    }
    
    
    #bottom_nav a span{
        font-size: 1.2rem;
    }
    
    #bottom_nav .btn_cart{
        background-color: #f98b0a;
        border-radius: 50px;
        box-shadow: 0px 0px 5px #f98b0a;
        color: #fff;
        display: flex;
        flex-direction:column;
        justify-content: center;
        transform: translateY(-25px);
        width: 65px;
        height: 65px;
        align-items: center;
        
    }

    .footer_content{
        padding-bottom: 60px;
    }
}

/*=======================================================トップページモーダル=======================================================*/
body.open_popup {
    overflow: hidden;
}

.bg_onetime_popup {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}

body.open_popup .bg_onetime_popup {
    opacity: 1;
    visibility: visible;
}

.onetime_popup {
    background-color: #fff;
    border-radius: 15px;
    left: 50%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.onetime_popup_title {
    background: linear-gradient(transparent 50%, #fff 50%);
    border-radius: 15px 15px 0 0;
    color: #fff;
    font-size: 32px;
    margin: 0;
    max-width: 100%;
    padding: 0;
    position: relative;
}

.onetime_popup_title img{
    border-radius: 15px 15px 0 0;
    max-width: 100%;
}

.onetime_popup_title_close {
    position: absolute;
    top: 30px;
    right: 20px;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    cursor: pointer;
}
.onetime_popup_title_close::before,
.onetime_popup_title_close::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 4px;
    background-color: #fff;
    content: "";
}
.onetime_popup_title_close::before {
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.onetime_popup_title_close::after {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.onetime_popup_content {
    font-size: 1.4rem;
    padding: 0px 10px 20px;
    text-align: center;
}

.pop_up_sign_up{
    background-color: rgba(174, 200, 196, 1);
    border-radius: 90px;
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    letter-spacing: .3rem;
    margin: 25px 0 10px;
    max-width: 90%;
    padding: 10px;
    text-decoration: none;
    transition: .4s;
    width: 300px;
}

.pop_up_sign_up:hover{
    background-color: rgb(90, 149, 140);
    color: #fff;
    text-decoration: none;
}

.pop_up_users_guide{
    font-size: 1rem;
    text-decoration: none;
    transition: .4s;
}

.onetime_popup_content span{
    background: linear-gradient(transparent 70%, #ffd2d2 70%);
}

@media screen and (max-width: 767px){
    .onetime_popup{
        max-width: calc(100% - 20px);
    }

}

/*=======================================================フッター=======================================================*/
.footer_banner{
    display:flex;
    flex-wrap: wrap;
    padding: 20px 10px;
}

.footer_banner .footer_banner_img{
    max-width: calc(100% / 3 - 10px);
    margin-bottom: 15px;
    transition: .3s;
}

.footer_banner .footer_banner_img:hover{
    opacity: 0.7;
}

@media only screen and (min-width: 768px){
    .footer_banner .footer_banner_img{
        margin-right: 15px;
    }
    .footer_banner .footer_banner_img:nth-child(3n){
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px){
    .footer_banner .footer_banner_img{
        max-width: calc(100% / 2 - 5px);
        margin-right: 10px;
        margin-bottom: 10px;
    }
    
    .footer_banner .footer_banner_img:nth-child(2n){
        margin-right: 0;
    }
}

.footer_content{
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: #333333;
}

.footer_content .footer_content_wrapper{
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}

@media only screen and (min-width: 768px){
    .footer_content .footer_content_wrapper{
        padding: 25px 0;
    }

    .l-footer-utility-list li{
        border-left: 1px solid #fff;
    }

    .l-footer-utility-list li:last-child{
        border-right: 1px solid #fff;
    }
}

.l-footer-utility-list a{
    color: #fff;
}

/*元からのCSSをリセット*/
.l-footer-utility{
    background-color: #fff;
    border-top: none;
    padding: 0;
}

.snsWrapper ul{
    padding: 0;
    margin: 0;
}

.snsWrapper ul li{
    list-style: none;
}

.logo_icons{
    display: flex;
    justify-content: center;
}

.logo_icons li:not(:last-child){
    margin-right: 30px;
}

.logo_icons li a{
    display: inline-block;
    color: #fff;
    font-size: 3rem;
}

.logo_icons .fa-line{
    font-size: 2.7rem;
}

.before_footer_content{
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 25px;
    margin-bottom:0;
    background-color: #f6f6f6;
    border-top: 1px solid #c5c5c5;
}

.before_footer_content .content_wrapper{
    width: 1200px;
    max-width: 100%;
    padding: 25px 0;
    margin: 0 auto;
}

.footer_menu_01{
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.footer_menu_01 > div{
    width: calc(100% / 3 - 10px);
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    text-align: center;
    font-size: 1.4rem;
    list-style: none;
}

.footer_menu_01 > div:not(:last-child){
    margin-right: 15px;
}

@media only screen and (max-width: 767px){
    .before_footer_content .content_wrapper{
        padding: 25px 5px;
    }

    .footer_menu_01{
        display: block;
    }

    .footer_menu_01 > div{
        width: 100%;
    }

    .footer_menu_01 > div:not(:last-child){
        margin-right: 0;
        margin-bottom: 15px;
    }

    .l-footer-utility-list .userGuide{
        border-top: 1px solid #959cb1;
    }

    .snsWrapper ul{
        margin-top: 15px;
    }
}

.f-postage_free{
    background-color: #fff;
    padding: 20px;
}

.f-postage_free span{
    color: #ff6666;
    font-weight: 700;
    font-size: 1.5rem;
}

.f-inquire , .f-official{
    background-color: #5f5f5f;
    transition: background-color .4s;
}

.footer_menu_01 a{
    display: block;
    color: #fff;
    padding: 20px;
    transition: color .4s;
}

.footer_menu_01 a:hover{
    text-decoration: none;
}

.f-inquire:hover{
    background-color: #ff6666;
}

.f-official:hover{
    background-color: #03ad7d;
}

.footer_menu_02 > ul{
    display: flex;
    justify-content: space-between;
    list-style: none;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

@media only screen and (min-width: 768px){
    .footer_menu_02{
        margin-top: 15px;
    }

    .footer_menu_02 > ul li{
        margin-right: 15px;
    }

    .footer_menu_02 > ul li{
        margin-bottom: 15px;
    }

    .footer_menu_02 > ul li:nth-of-type(3n){
        margin-right: 0;
    }
}

.footer_menu_02 > ul > li{
    display: flex;
    flex-direction: column;
    width: calc(100% / 3 - 10px);
    background-color: #fff;
    padding: 15px;
    list-style: none;
}

.footer_menu_02 h2{
    padding: 0 0 10px;
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}

.footer_menu_02 h3{
    padding: 0;
    margin: 10px 0 0;
}

.footer_menu_02 p{
    padding: 0;
    margin: 10px 0 0;
}

.footer_menu_02 .menu_exp{
    flex-grow: 1;
}

.footer_menu_02 .menu_exp ol{
    margin: 0;
    padding: 0;
    margin-left: 15px;
    margin-top: 10px;
}

.footer_menu_02 .menu_exp img{
    margin: 0;
    padding: 10px 20px 0;
}

.footer_menu_02 .menu_click{
    margin-top: 10px;
    text-align: right;
}

.footer_menu_02 .menu_click a{
    display: inline-block;
    background-color: #f6f6f6;
    font-weight: 700;
    padding: 5px 15px;
    border-radius: 50px;
    transition: background-color .4s;
}

.footer_menu_02 .menu_click a:hover{
    text-decoration: none;
    background-color: #c5c5c5;
}

.footer_menu_02 .menu_click .mail_form , .footer_menu_02 .menu_click .phone{
    display: block;
    padding: 10px;
    margin: 10px 0 0;
    background-color: #f6f6f6;
    border-radius: 0;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
}


/*=======================================================トップバナー上（リニューアル）=======================================================*/
.freeEditContent ul > li {
    list-style: none;
}

.top_bg a{
    color: inherit;
    text-decoration: inherit;
}
.top_bg ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.top_bg{
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 0;
    margin-bottom: 0;
}
.top_bg img {
    overflow-clip-margin: content-box;
    overflow: clip;
    width: 100%;
}
/*メインスライダー*/
#splideMain{
    margin: 0 auto 65px;
    padding: 0;
}

#splideMain .splide__arrow{
    background: #f6f6f6;
    height: 4em;
    opacity: .0;
    transition: .3s;
    width: 4em;
}

#splideMain .splide__arrow svg{
    fill: #000;
    height: 1.6em;
    opacity: .7;
    width: 1.6em;
}

@media screen and (min-width: 768px){
    #splideMain:hover .splide__arrow{
        opacity: .7;
    }
}

.your-class-page{
    background-color: #aaa;
    bottom: -40px;
    opacity: 0.5;
}
.your-class-page.is-active{
    background-color: #aaa;
    opacity: 1;
}
.splide__pagination li{
    margin-left: 5px;
    margin-right: 5px;
}
.splide__slide img {
    height: auto;
    width: 100%;
}

/*インフォスライダー*/

#splideInfo{
    height: 65px;
    line-height: 65px;
    margin: 0 auto;
    text-align: center;
    width: 800px;
}

#splideInfo a{
    color: #ff6666;
    font-size: 1.4rem;
    letter-spacing: 0.1rem;
    text-decoration: none;
}

#splideInfo .tax{
    color: #333;
    font-size: 1.2rem;
}

#splideInfo .region{
    color: #333;
    font-size: 1.2rem;
}

#splideInfo .bold{
    font-weight: 700;
    margin-right: 1rem;
}

#splideInfo .arrow-info{
    background: #fff;
}

.indexMain{
    max-width: 1600px;
    margin: 0 auto;
    padding: 20px 0 156px
}

/*サイドメニュー*/
.indexSide{
    box-sizing: border-box;
    float: left;
    margin-left: 35px;
    width: 230px;
}
.indexMenu{
    position: relative;
    z-index: 100;
}
.indexMenu__primary{
    margin-top: 52px;
}
.indexMenu__primary:first-child{
    margin-top: 0;
}
.indexMenu__label{
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: 700;
    font-family: 游ゴシック, YuGothic, "游ゴシック体 Pr6N B", "Yu Gothic Pr6N B", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}
.indexMenu__labelA{
    display: block;
    background-color: rgb(139, 145, 145);
    padding: 13px 17px;
    transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
.indexMenu__labelA:hover{
    opacity: 0.65;
}
.indexMenu__item{
    font-size: 14px;
    position: relative;
}
.indexMenu__item::after{
    content: " ";
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    pointer-events: none;
    border-bottom: 1px solid rgb(236, 236, 236);
}
.indexMenu__itemA{
    display: block;
    line-height: 1.5;
    padding: 18px 18px 18px 42px;
    position: relative;
    transition: background-color 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
.indexMenu__itemA--show, .indexMenu__itemA:hover{
    background-color: rgb(237, 237, 237);
}
.indexMenu__itemA::before{
    content: " ";
    display: block;
    position: absolute;
    top: 0px;
    left: 19px;
    bottom: 0px;
    width: 4px;
    height: 4px;
    transform: rotate(135deg);
    margin: auto;
    border-top: 1px solid rgb(139, 145, 145);
    border-left: 1px solid rgb(139, 145, 145);
}
ul.indexMenu__ctgs {
    position: absolute;
    top: -32px;
    left: 160px;
    background-color: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(236, 236, 236);
    border-image: initial;
    opacity: 0;
    padding: 17px 0px;
    pointer-events: none;
    transform: translate3d(5%, 0px, 0px);
    transition: opacity 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94), z-index 1ms 320ms;
    width: 232px;
    z-index: -9999;
}
ul.indexMenu__ctgs--show {
    z-index: 100;
    pointer-events: auto;
    opacity: 1;
    filter: none;
    transform: translate3d(0%, 0px, 0px);
    transition: opacity 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.indexMenu__ctg-bold {
    font-weight: 700;
    font-family: 游ゴシック, YuGothic, "游ゴシック体 Pr6N B", "Yu Gothic Pr6N B", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}
.indexMenu__ctgA {
    display: block;
    padding: 20px 33px 19px;
    transition: background-color 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.indexMenu__ctgA:hover {
    background-color: rgb(237, 237, 237);
}
/*メインメニュー*/
.indexMain__cont{
    box-sizing: border-box;
    float: right;
    padding-right: 35px;
    width: calc(100% - 346px);
}

.topCtgs{
    margin-bottom: 44px;
}

.topCtgs .sectionTtl {
    float: left;
}
h2.sectionTtl {
    float: left;
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: .3rem;
    margin: 0;
    margin-bottom: 36px;
    padding: 0;
}
.indexPickup__all {
    float: left;
    padding: 7px 0;
    margin-left: 10px;
    border-left: 1px solid #ececec;
}
.indexPickup__allA {
    display: block;
    position: relative;
    padding: 0 9px 0 34px;
    font-size: 13px;
    letter-spacing: .02em;
    -webkit-transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.indexPickup__allA:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 16px;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 2.5px 0 2.5px 3.2px;
    border-color: transparent transparent transparent #000;
    -webkit-transition: -webkit-transform 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: -moz-transform 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: -o-transform 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: -ms-transform 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.indexPickup__allA:hover {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
}
.topCtgs__tabsWrap{
    overflow: auto;
    scrollbar-width: none;
}

.topCtgs__tabs {
    clear: both;
    padding: 0;
    position: relative;
    width: auto;
}
h3.topCtgs_ttl{
    clear: both;
    color: #bbb;
    letter-spacing: 0.4rem;
    position: relative;
}
h3.topCtgs_ttl span{
    border-right: 1px solid #ddd;
    margin-right: 10px;
    padding-right: 5px;
}
.topCtgs__tabs::after {
    content: " ";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-bottom: 1px solid rgb(238, 238, 238);
}
.topCtgs__tabList {
    display: flex;
    position: relative;
    z-index: 1;
}
.topCtgs__tab:first-child {
    margin-left: 0px;
}
.topCtgs__tab {
    font-size: 13px;
    letter-spacing: 0.08em;
    margin-left: 5px;
    white-space: nowrap;
}
.topCtgs__tab-current .topCtgs__tabA {
    background-color: rgb(255, 255, 255);
    padding-bottom: 11px;
    pointer-events: none;
}
.topCtgs__tab-current .topCtgs__tabA::after {
    border-bottom: 1px solid rgb(0, 0, 0);
    content: " ";
    display: block;
    position: absolute;
    top: 34px;
    left: 22px;
    right: 22px;
}
.topCtgs__tabA {
    background-color: rgb(238, 238, 238);
    border-top: 1px solid rgb(238, 238, 238);
    border-left: 1px solid rgb(238, 238, 238);
    border-right: 1px solid rgb(238, 238, 238);
    border-radius: 5px 5px 0px 0px;
    display: block;
    padding: 12px 16px 8px;
    position: relative;
    transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.topCtgs__tabA:hover {
    opacity: 0.65;
}
.topCtgs__cont {
    position: relative;
    padding-bottom: 45px;
    text-align: center;
    overflow: hidden;
}
.topCtgs__cont:last-child{
    border-bottom: 1px solid rgb(238, 238, 238);
}
.topCtgs__contList {
    transition: height 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.topCtgs__contItem {
    top: 0px;
    left: 0px;
    right: 0px;
    opacity: 0;
    padding-top: 20px;
    position: absolute;
    pointer-events: none;
    transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), z-index 1ms 200ms;
    z-index: -9999;
}
.topCtgs__contItem-current {
    filter: none;
    opacity: 1;
    position: relative;
    pointer-events: auto;
    transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 0;
}
.topCtgs__list {
    display: flex;
    flex-wrap: wrap;
}
.topCtgs__item {
    box-sizing: content-box;
    width: 100px;
    margin: 0px 4px 18px;
}
.topCtgs__itemA {
    display: block;
    transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.topCtgs__thumb {
    width: 80px;
    height: 80px;
    margin: 0px auto;
}
.indexPickup__img {
    -webkit-transition: -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: -moz-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: -o-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: -ms-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.topCtgs__name {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.55556;
    text-align: center;
}
.topCtgs__contBtn {
    display: inline-block;
    background-color: rgb(238, 238, 238);
    font-size: 13px;
    letter-spacing: 0.02em;
    text-align: center;
    margin: 20px auto 0px;
    border-radius: 9999px;
}
.topCtgs__contBtnA {
    display: inline-block;
    position: relative;
    padding: 14px 64px;
    transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.topCtgs__contBtnA:hover {
    opacity: 0.65;
}
.topHits{
    margin-bottom: 35px;
    padding-left: 35px;
}
.topHits__ttl {
    font-size: 15px;
    font-weight: bold;
    font-family: '游ゴシック',YuGothic,"游ゴシック体 Pr6N B","Yu Gothic Pr6N B",'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif;
    letter-spacing: .02em;
}
.topHits__list {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 26px;
    margin-right: -9px;
    font-size: 0;
}
.topHits__item {
    display: inline-block;
    margin-right: 9px;
    margin-bottom: 13px;
}
.topHits__itemA {
    display: block;
    padding: 9px 13px;
    border: 1px solid #eee;
    border-radius: 2px;
    color: #666;
    font-size: 13px;
    letter-spacing: .04em;
    -webkit-transition: background-color 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: background-color 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: background-color 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: background-color 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: background-color 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.topHits__itemA:hover {
    background-color: #eee;
}

/*新着アイテムリストver.2*/
.indexNewArrivals{
    clear: both;
    position: relative;
}

.indexNewArrivals ul.newArrivalscont{
    display: flex;
    flex-wrap:wrap;
    list-style: none;
    margin: 0;
    padding: 16px 0 0;
    width: 100%;
}

.indexNewArrivals ul.newArrivalscont li.newArrival{
    margin: 0 12px 24px 0;
    width: calc(100% / 6 - 10px);
}

.indexNewArrivals ul.newArrivalscont li:nth-of-type(6n){
    margin-right: 0;
}

.newArrivalA{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.indexNewArrivals figure{
    aspect-ratio: 1 / 1;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: inherit;
}

.newArrivalImg{
    margin: 0;
    transition: .6s;
    padding: 0;
}

.status{
    background-color: rgba(255,102,102,0.7);
    color: #fff;
    margin: 0;
    padding: 4px 8px;
    position: absolute;
        top: 5px;
        right: 5px;
}

.newArrivalImg:hover{
    opacity: 0.8;
    transform: scale(1.07);
}

.indexNewArrivals p.newArrivalName{
    font-size: 1.2rem;
    margin: .5rem 0 0;
    padding: 0;
    position: static;
    text-align: left;
}

.topRank__tabs{
    clear: both;
}

.topRank__tabList {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.topRank__tab {
    font-size: 13px;
    letter-spacing: 0.08em;
    margin-top: -1px;
    margin-left: -1px;
    width: 25%;
}


.topRank__tab-current .topRank__tabA {
    background-color: rgb(238, 238, 238);
    pointer-events: none;
    position: relative;
}

@media screen and (min-width: 737px){
    .topRank__tab-current .topRank__tabA::after{
        border-style: solid;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        border-top: 12px solid rgb(238,238,238);
        border-bottom: 0;
        content: "";
        height: 0;
        position: absolute;
            top: 100%;
            left: 50%;
        transform: translateX(-50%);
        width: 0;
    }
}

@media screen and (max-width: 736px){
    h2.sectionTtl{
        font-size: 1.6rem;
        margin-left: 10px;
        margin-bottom: 3.2rem;
        padding-top: 0.3rem;
    }

    .indexPickup__allA{
        font-size: 1.2rem;
    }

    .topRank__tab {
        width: 50%;
    }
}


.topRank__tabA {
    border: 1px solid rgb(238, 238, 238);
    display: block;
    padding: 8px;
    position: relative;
    text-align: center;
    transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.topRank__tabA:hover {
    opacity: 0.65;
}

.topRank__cont {
    position: relative;
    padding-bottom: 45px;
    text-align: center;
    overflow: hidden;
}

.topRank__cont:last-child{
    border-bottom: 1px solid rgb(238, 238, 238);
}

.topRank__contList {
    transition: height 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.topRank__contItem {
    top: 0px;
    left: 0px;
    right: 0px;
    opacity: 0;
    padding-top: 20px;
    position: absolute;
    pointer-events: none;
    transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), z-index 1ms 200ms;
    z-index: -9999;
}

.topRank__contItem-current {
    filter: none;
    opacity: 1;
    position: relative;
    pointer-events: auto;
    transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 0;
}

.topRank__list {
    display: flex;
    flex-wrap: wrap;
}

.topRank__item {
    width: 100px;
    margin: 0px 4px 18px;
}

.topRank__itemA {
    display: block;
    transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media screen and (max-width: 1080px){
    .indexSide{
        display: none;
    }
    .indexMain__cont {
        float: none;
        width: 90%;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
    }

    .top_bg_index{
        margin: 0!important;
    }

    .topHits{
        padding: 0;
        width: 100vw;
    }

    .indexMain__cont{
        margin: 0;
        width: 98vw;
    }

    /*Google Chrome、Safariへの対応*/
    .topCtgs__tabsWrap::-webkit-scrollbar{
        display: none;
    }
}
@media screen and (max-width: 736px){
    .indexMain {
        margin-bottom: -200px;
        max-width: none;
        padding: 11.2vw 0 16.53333333333333vw;
    }
    .indexMain__cont {
        float: none;
        width: auto;
        padding: 0;
    }
    .topHits{
        padding-left: 10px;
    }

    .freeEditContent h2{
        font-size: 1.4rem;
    }

    h2.sectionTtl {
        padding-left: 10px;
    }

    h2.topCtgs__ttl {
        font-size: 1.8rem;
        padding-left: 10px;
        margin-bottom: 30px;
    }

    h3.topCtgs_ttl{
        margin-left: 10px;
    }
    .sectionTtl {
        font-size: 6.133333333333333vw;
    }
    .topCtgs__tab{
        font-size: 10px;
    }
    .topCtgs__tabs {
        margin-left: 10px;
        padding: 0;
    }
    .topCtgs__tabA{
        padding: 12px 16px 8px;
    }
    .topCtgs__cont{
        margin-left: 10px;
        padding-bottom: 0;
    }
    .topCtgs__contItem {
        padding: 10px 10px 40px;
    }
    .topCtgs__item {
        margin: 0;
        padding-right: 10px;
        padding-top: 15px;
        width: calc(100% / 4 - 7.5px);
    }
    .topCtgs__item:nth-of-type(4n){
        padding-right: 0;
    }
    .topCtgs__itemA {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
    }
    .topCtgs__thumb {
        width: 100%;
        height: auto;
    }
    .indexPickup__img {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
    }
    .topCtgs__name {
        font-size: 2.533333333333333vw;
    }
    #topCtgs .topCtgs__contBtn{
        position: relative;
        left: -10px;
    }
    h2.topHits__ttl{
        font-size: 1.4rem;
    }
    .topHits__itemA{
        font-size: 1.2rem;
    }

    ul.topRank__tabList{
        padding: 0 10px;
    }

    .topRank__tab{
        font-size: 10px;
        width: calc(50% + 1px);
    }

    .topRank__cont{
        margin: 0 10px;
        padding-bottom: 0;
    }

    .topRank__contItem {
        padding: 10px 0 40px;
    }

    .indexNewArrivals{
        padding: 0;
    }

    .newArrivalsWrapper{
        overflow-x: auto;
    }

    .indexNewArrivals ul.newArrivalscont{
        flex-wrap: nowrap;
        width: calc(480% + 72px);
    }

    .indexNewArrivals ul.newArrivalscont li.newArrival{
        margin: 0 6px 12px 0;
        width: 40%;
    }

    .indexNewArrivals ul.newArrivalscont li:nth-of-type(6n){
        margin-right: 6px;
    }

    .status{
        font-size: 1.2rem;
        padding: 2px 6px;
    }

    .indexNewArrivals .newArrivalName{
        padding: 0 5px;
    }
}

/*=======================================================特集トップページ=======================================================*/
.topFeature{
    clear: both;
    margin-bottom: 80px;
    padding: 0;
}

.topFeature ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.topFeature ul li{
    list-style: none;
    padding: 0;
}

@media screen and (min-width: 768px){
    .topFeature > ul > li{
        margin-bottom: 11px;
        width: calc(100% / 3 - 8px)
    }

    .topFeature > ul > li:not(:nth-child(3n)){
        margin-right: 11px;
    }
}

@media screen and (max-width: 767px){
    .topFeature{
        padding: 0 10px;
    }

    .topFeature > ul > li{
        margin-bottom: 12px;
        width: calc(100% / 2 - 6px)
    }

    .topFeature > ul > li:nth-child(2n){
        margin-left: 12px;
    }
}

.topFeature a{
    transition: .3s;
}

.topFeature img{
    border-radius: 10px;
    transition: .3s;
}

ul.topFeatureTags li{
    color: #57caff;
    margin: 0;
    padding: 5px 5px 10px 5px;
}

ul.topFeatureTags li:before{
    content: "#";
}

.topFeature a:hover img{
    opacity: 0.7;
}

/*=======================================================ランキングコンテンツNew=======================================================*/
#rankAll.is-initialized:not(.is-active) .splide__list,
#rankZakka.is-initialized:not(.is-active) .splide__list,
#rankWasou.is-initialized:not(.is-active) .splide__list,
#rankSeason.is-initialized:not(.is-active) .splide__list{
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(5, 1fr);
}

.rankA{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    transition: .3s;
}

.rankA:hover{
    opacity: .65;
}

.rankingNumBox{
    align-items: center;
    background-color: #fff;
    border: 1px solid #333;
    border-radius: 90px;
    color: #333;
    display: flex;
    height: 30px;
    justify-content: center;
    position: absolute;
        top: 5px;
        left: 5px;
    transition: .3s;
    width: 30px;
}

.rankingNumBox__1{
    background-color: #c3a462;
    border: 1px solid #c3a462;
    color: #fff;
}

.rankingNumBox__2{
    background-color: #ababab;
    border: 1px solid #ababab;
    color: #fff;
}

.rankingNumBox__3{
    background-color: #a28d7d;
    border: 1px solid #a28d7d;
    color: #fff;
}

.rankingNum{
    font-size: 1.6rem;
    font-style: oblique;
}

.rankName{
    padding: 5px;
}

#top-ranking-cont007{
    margin-bottom: 45px;
    text-align: start;
}

#top-ranking-cont007 .splide__arrow{
    background: rgba(0,0,0,0);
}

/*=======================================================ランキング=======================================================*/
.p-ranking-icon{
    background-color: rgba(0,0,0,0.8);
    border-radius: 0;
    font-weight: 400;
    left: 0;
    top: 0;
}

#js-top-ranking .p-itemLayout-grid .p-item-name{
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.05rem;;
}

@media only screen and (max-width: 767px){
    .p-ranking-icon{
        border-radius: 0;
        left: 0;
    }
}
/*=======================================================トップバナー上=======================================================*/
.topSlider{
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 0;
}

.sliderWraper{
    margin: 0 auto;
    padding: 0;
}

.mainSlider1 img{
    transition: opacity .4s;
    width: 3000px;
    max-width: 100%;
}

.mainSlider1 img:hover{
    opacity: 0.7;
}

.mainSlider1 .slick-slide{
    margin-right: 0!important;
    margin-left: 0!important;
}

.mainSlider1 .slick-dots{
    margin: 0;
    padding: 0;
    text-align: center;
}

.mainSlider1 .slick-dots li{
    margin: 0 5px;
}

.mainSlider1 .slick-dots li:first-child{
    margin-left: 0;
}

.mainSlider1 .slick-dots li button{
    position: relative;
}

.mainSlider1 .slick-dots li button:before{
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 0;
    background-color: #333333;
    margin-top: 15px;
}

@media screen and (min-width: 768px){

    .main_img_top ul{
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        margin: 0;
        padding: 0;
        margin-top: 20px;
    }

    .main_img_top ul li{
        list-style: none;
        width: calc(100% - 10px);
    }

    .main_img_top ul li:not(last-child){
        margin-right: 20px;
    }
}

.top_bg{
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 0;
    margin-bottom: 0;
}

.bg_gray{
    background: #f6f6f6;
    margin-top: 50px;
    padding-bottom: 6rem;
}

.top_bg .content_wrapper{
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}

.accountMove{
    margin-top: 50px;
}

.accountMove p:not(:first-child){
    margin-top: 10px;
}

.accountMove a{
    display: inline;
    color: #002155;
    text-decoration: underline;
    font-weight: 700;
    font-size: 1.4rem;
    transition: opacity .4s;
}

.accountMove a:hover{
    opacity: 0.7;
}

/*=========================================================動画========================================================*/
#mov{
    margin-bottom: 45px;
}

#mov .splide__arrow{
    background: #000;
}

#mov .splide__arrow svg{
    fill: #fff;
}

#mov li{
    position: relative;
}

#mov img:hover{
    opacity: 0.9;
    transition: .3s;
}

#mov .exMovie{
    border-radius: 15px;
}

#mov .movTimes{
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    background-color: rgba(0,0,0,0.6);
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-family: "Roboto","Arial",sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.8rem;
    padding: 0 4px;
}

@media screen and (max-width: 767px){
    ul#mov{
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin-left: 10px;
        overflow-x: auto;
    }

    ul#mov li{
        max-width: 75%;
        margin-right: 10px;
        flex-shrink: 0;
    }
}

/*=======================================================新着商品=======================================================*/
.newArrivals .newItem{
    margin: 0 5px;
}

.newArrivals .newItem p{
    font-weight: 700;
    margin-top: 5px;
}

.newArrivals .newItem a:hover{
    opacity: .8;
    text-decoration: none;
}

/*矢印設定*/
.newArrivals .slick-arrow {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 0;
    width: 20px;
    height: 38px;
    color: transparent;
    z-index: 1;
    transition: opacity 0.5s;
    z-index: 1;
}
.newArrivals .slick-arrow:hover {
    opacity: 0.7;
}

/*もっとみるボタン*/

.newArrivals .newmore a{
    display: inline-block;
    background-color: rgba(51, 51, 51, 0);
    border: 1px solid #333333;
    color: #333;
    letter-spacing: .3rem;
    padding: 10px 25px;
    margin: 40px auto 0;
    transition: .4s;
}

.newArrivals .newmore a:hover{
    background-color: rgba(51, 51, 51, 1);
    color: #fff;
    text-decoration: none;
}

/* 共通設定 */

.newArrivals .slick-next::before,
.newArrivals .slick-next::after,
.newArrivals .slick-prev::before,
.newArrivals .slick-prev::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.newArrivals .slick-next::after,
.newArrivals .slick-prev::after {
    width: 15px;
    height: 15px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
}

@media screen and (max-width: 834px){
    .newArrivals .slick-next::before,
.newArrivals .slick-next::after,
.newArrivals .slick-prev::before,
.newArrivals .slick-prev::after{
    display: none;
}
}

/* next */

.newArrivals .slick-next {
    right: -26px;
}
.newArrivals .slick-next::after {
    right: -4px;
    transform: rotate(45deg);
}

/* prev */

.newArrivals .slick-prev {
    left: -26px;
}
.newArrivals .slick-prev::after {
    left: -4px;
    transform: rotate(-135deg);
}

/*インジケーター*/

.newArrivals .slick-dots{
    margin: 0;
    padding: 0;
    text-align: center;
}

.newArrivals .slick-dots li{
    margin: 0 5px;
}

.newArrivals .slick-dots li:first-child{
    margin-left: 0;
}

.newArrivals .slick-dots li button{
    position: relative;
}

.newArrivals .slick-dots li button:before{
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 0;
    background-color: #333333;
    margin-top: 15px;
}

/*=======================================================おすすめ商品=======================================================*/
.is-hide {
	display: none;
}

.form_wrap{
    margin: 10px;
}

.form_wrap p{
    color: #555;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .2rem;
    margin: 5px 0;
}

.search-box__wrap{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.search-box input, .search-box2 input{
    display: none;
}

.search-box__wrap .search-box, .search-box__wrap .search-box2{
    margin: 0 1rem 1rem 0;
}
.search-box__wrap .search-box , .search-box__wrap .search-box2{
	input[type="checkbox"],
	input[type="radio"]{
		display: none;
		&:checked + label{
            background-color: #00acee;
			color: #fff;
		}
	}
	label{
		background: #fff;
		border-radius: 2px;
        color: #00acee;
        font-size: 1.2rem;
        letter-spacing: 0.2rem;
        padding: 4px 10px;
		transition: all .2s;
        &:before{
            content: '#';
            display: none;
        }
        &:before{
            display: none;
        }
		&:hover{
			background-color: #dfdfdf;
			cursor: pointer;
		}
	}
}

.list{
	display: flex;
    flex-wrap: wrap;
	justify-content: flex-start;
    list-style-type: none;
    max-width: 100%;
}
ul.list{
    list-style: none;
    margin: 0 10px;
}

ul.list li{
    list-style: none;
}

.list_item{
    border: 1px solid #aaa;
    box-sizing: border-box;
    background-color: #fff;
    margin-right: -1px;
    margin-top: -1px;
	padding: 0;
    position:relative;
    width: calc(100% / 5);
}

.list_item a{
    transition: .3s;
}

.list_item a:hover{
    opacity: .6;
    text-decoration: none;
}

li.list_item img{
    border-bottom: 1px solid #ccc;
    width: 100%;
}

.tag_content{
    display: flex;
    flex-direction: column;
    position: relative;
    transition: .3s;
}

.tag_content .title{
    color: #333;
    font-weight: 700;
    height: 60px;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 10px;
}

.tag_wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 7px;
    padding: 0 10px;
}

.tag_wrap .search-box2{
    margin: 0 5px 3px 0;
    input[type="checkbox"],
	input[type="radio"]{
		display: none;
    }
    
    label{
        background-color: #00acee;
        border-radius: 2px;
        color: #fff;
        font-size: 1rem;
        letter-spacing: 0.2rem;
        padding: 4px 8px;
    }
}

.tag_wrap .search-box2 label:before{
    content: '#';
    display: none;
}

@media (max-width: 767px){
    ul.list{
        margin: 0;
    }

    .form_wrap{
        margin: 10px;
    }

    .list_item{
        left: 1px;
        width: calc(100% / 3);
    }

    .tag_content .title{
        height: 55px;
    }
}


/*=======================================================特集から選ぶ=======================================================*/
.pickupitems ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 0;
    }

.pickupitems ul li{
    width: 800px;
    max-width: calc(100% / 4 - 12px);
    list-style: none;
    margin: 0px 12px 12px 0px;
    }

.pickupitems ul li::nth-child(4n){
    margin-right: 0;
}

.pickupitems img{
    transition: transform .3s ease-out, box-shadow .3s ease-out;
}

.pickupitems img:hover{
    position: relative;
    transform: translateY(-5px);
    box-shadow: 0px 6px 15px 3px rgba(19, 19, 19, 0.25);
}

/*=======================================================人気のカテゴリー=======================================================*/
.popular_category .tabGroup{
    margin: 0;
    padding: 0 15px;
}

.popular_category .tabGroup .tabMenu{
    list-style: none;
    margin: 0 0 25px 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

.popular_category .tabGroup .tabMenu li{
    position: relative;
    list-style: none;
    max-width: 25%;
    padding: 5px 20px;
    margin: 0;
    text-align: center;
    background-color: #fff;
    color: #333333;
    border: 1px solid #333333;
    border-radius: 90px;
    font-size: 1.4rem;
    font-weight: 400;
    cursor: pointer;
}

.popular_category .tabGroup .tabMenu li:not(:first-child){
    margin-left: 15px;
}

.popular_category .tabGroup .tabMenu .active{
    background: #333333;
    color: #fff;
    border-bottom: none;
    font-weight: 900;
}

.popular_category .tabContent{
    display: none;
    padding: 15px auto 0;
}


.popular_category .tabContent ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.popular_category .tabContent ul li{
    width: calc(100% / 6 - 16.5px);
    list-style: none;
    margin: 0 15px 15px 0;
    text-align: center;
    box-shadow: 0px 0px 15px -5px #d6d6d6;
    border-radius: 10px;
    border: 2px solid #fff;
    transition: border .3s;
}

.popular_category .tabContent ul li img{
    margin-bottom: 5px;
}

.popular_category .tabContent ul li a{
    display: block;
    padding: 10px 20px;
    font-weight: 700;
    transition: color .3s;
}

.popular_category .tabContent ul li:hover{
    border: 2px solid #37a4f2;
}

.popular_category .tabContent ul li a:hover{
    text-decoration: none;
}

@media screen and (min-width: 768px){
    .popular_category .tabContent ul li:nth-of-type(6n){
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .popular_category .tabContent ul li:nth-of-type(3n){
        margin-right: 0;
    }
}

.popular_category .active{
    display: block;
    padding: 20px 0;
}

@media screen and (min-width: 768px){
    .popular_category .tabGroup .tabMenu li:hover:after{
        position: absolute;
        content: "";
        margin: 0 auto;
        left: 45%;
        bottom: -10px;
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-top: 10px solid #333333;
        border-bottom: 0;
        z-index: -1;
        }

    .popular_category .tabGroup .tabMenu .active:after{
        position: absolute;
        content: "";
        margin: 0 auto;
        left: 45%;
        bottom: -10px;
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-top: 10px solid #333333;
        border-bottom: 0;
        z-index: -1;
    }
}

/*=======================================================カタログから選ぶ=======================================================*/
.catalogSlider1 .slick-list{
    overflow: visible !important;
}

.catalogSlider1 .slick-slide{
    margin: 0 3vw;
    padding: 0 0 20px;
}

.catalogSlider1 img{
    box-shadow: 5px 5px 15px -3px #808080;
    transition: opacity .4s;
}

.catalogSlider1 img:hover{
    opacity: 0.7;
}

.catalogSlider1 .slick-track {
	display: flex;
	align-items: center;
}

.catalogSlider1 .slick-dots{
    margin: 0;
    padding: 0;
    text-align: center;
}

.catalogSlider1 .slick-dots li{
    margin: 0 15px;
}

.catalogSlider1 .slick-dots li:first-child{
    margin-left: 0;
}

.catalogSlider1 .slick-dots li button{
    position: relative;
}

.catalogSlider1 .slick-dots li button:before{
    content: "";
    width: 30px;
    height: 5px;
    border-radius: 0;
    background-color: #333333;
    margin-top: 15px;
}

/*=======================================================ブランドから選ぶ=======================================================*/
.select_from_brand ul{
    list-style: none;
    margin: 0 0 0 2px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.select_from_brand ul li{
    list-style: none;
    width: calc(100% / 6 + 2px);
    margin: 0;
    margin-left: -2px;
    margin-top: -2px;
    position: relative;
    transition: z-index .4s;
}

.select_from_brand ul li:hover{
    z-index: 1;
}

.select_from_brand ul li a{
    display: block;
    padding: 5px;
    border: 2px solid #e5e5e5;
}

.select_from_brand ul li a:hover{
    border: 2px solid #37a4f2;
}

/*=======================================================ご利用ガイド=======================================================*/
/*=======================================================全体設定=======================================================*/
#how_to_use{
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    color: #333333;
}

#how_to_use .content_wrapper{
    width: 1000px;
    max-width: 100%;
    padding: 50px 15px;
    margin: 0 auto;
}

#how_to_use ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

#how_to_use li{
    list-style: none;
}

#how_to_use a{
    text-decoration: none;
}

#how_to_use a:hover{
    text-decoration: none;
}

/*=======================================================見出し設定=======================================================*/
/*通常見出し*/
#how_to_use .g-title01{
    position: relative;
    margin: 0 auto 6rem;
}

#how_to_use .g-title01_label{
    font-size: 3.2rem;
    color: #333333;
    letter-spacing: 0.5rem;
    margin: 0;
    padding: 0;
}

#how_to_use .g-title01:before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 60px;
    height: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #333333;
}

/*白色見出し*/
#how_to_use .g-title01w{
    position: relative;
    margin: 0 auto 6rem;
}

#how_to_use .g-title01w_label{
    font-size: 3.2rem;
    color: #fff;
    letter-spacing: 0.5rem;
    margin: 0;
    padding: 0;
}

#how_to_use .g-title01w_label02{
    color: #fff;
    letter-spacing: 0.5rem;
}

#how_to_use .g-title01w:before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 60px;
    height: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
}


.btn,
a.btn,
button.btn {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 1rem 4rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1rem;
    color: #212529;
    border-radius: 0.5rem;
}

/*=======================================================ボタンデザイン=======================================================*/

#how_to_use .btn-wrap {
    margin: 30px 0;
}

#how_to_use a.btn-c {
    font-size: 2.2rem;

    position: relative;

    padding: 0.25rem 2rem 1.5rem 3.5rem;

    color: #fff;
    background: #96232e;
}

#how_to_use a.btn-c span {
    font-size: 1.5rem;

    position: absolute;
    top: -10px;
    left: calc(50% - 150px);

    display: block;

    width: 300px;
    padding: 0.2rem 0;

    color: #96232e;
    border: 2px solid #96232e;
    border-radius: 0.5rem;
    background: #fff;
    -webkit-box-shadow: 0 3px 3px #672128;
    box-shadow: 0 3px 3px #672128;
}

#how_to_use a.btn-c:hover {
    color: #fff;
    background: #ab4f58;
}

/*=======================================================注文履歴=======================================================*/
.js-order-info-disp-field{
    background-color: #d5f3ff;
}

.js-order-info-disp-field li{
    background-color: #fcfcfc;
}

@media only screen and (max-width: 1024px){
    .js-order-info-field-1{
        position: relative;
    }

    .p-order-table .p-open-button-field{
        border-bottom: none;
        display: block;
    }

    .p-open-button-field span{
        position: absolute;
        top: 10px;
        right: 5px;
    }
}

/*=======================================================スマホ利用時のトップボタン=======================================================*/

@media only screen and (max-width: 767px){
.l-nav-gnav-item {
    background: #f6f6f6;
    border-radius: 0;
    border: none;
    padding-bottom: 8px;
    padding-top: 8px;
}

.l-nav-itemNav-list a{
    color: #333;
}
}
/*=======================================================カートボタン変更=======================================================*/

.c-button05 {
    background-color: #FBB161;
    border: none;
    color: #fff;
    transition: .3s;
}

.c-button05:hover{
    background-color: #f98b14;
    opacity: 1;
    color: #fff;
}


/*=======================================================ガイドトップ=======================================================*/
#how_to_use{
    margin-top: 0;
}

#what_is_uedaweb{
    background: #e8af5b;
    text-align: center;
}

#what_is_uedaweb ul{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
    margin-top: 30px;
}

#what_is_uedaweb ul li{
    text-align: center;
    width: 30%;
    margin: 0 10px 10px 0;
}

#what_is_uedaweb ul li a{
    width: 100%;
    display: block;
    color: #96232e;
    border: 2px solid #96232e;
    background-color: #fff;
    padding: 10px;
    transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

#what_is_uedaweb ul li a:hover{
    text-decoration: none;
    color: #fff;
    background-color: #96232e;
}

#what_is_uedaweb img{
    width: 1200px;
    max-width: 100%;
    margin: 0;
    margin-bottom: 15px;
    padding: 0;
}

/*=======================================================ウエダウェブとは=======================================================*/
#about_uedaweb, #about_postage, #way_to_pay, #question_and_answer{
    position: relative;
    background: #f6f6f6;
}

#about_uedaweb:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: -40px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-width: 50px 50px 0 50px;
    border-color: #f6f6f6 transparent transparent transparent;
}

.guide_flex01{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: top;
}

.guide_flex01:not(:last-child){
    margin-bottom: 50px;
}

.p_box01{
    width: 600px;
    max-width: 50%;
    padding: 10px 20px;
}

.guide_flex01 h3{
    font-size: 2.8rem;
    font-weight: bold;
    color: #333333;
}

.guide_flex01 p{
    color: #333333;
    font-size: 1.6rem;
    padding: 10px 0px;
    margin-bottom: 25px;
}

.guide_flex01 p:last-child{
    margin-bottom: 0;
}

.guide_flex01 p span{
    color: #e8af5b;
    font-weight: bold;
}

/*=======================================================会員登録について=======================================================*/

#register_uedaweb{
    background: #96232e;
}


.flow_design08{
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.flow08{
    padding-left: 0;
    margin: 0 10px;
    list-style: none;
}

.flow08 li{
    list-style: none;
    border-radius: 15px;
    background: #fff;
    position: relative;
    padding: 20px;
}

.flow08 li:not(:last-child) {
    margin-bottom: 60px;
}

.flow08 li:not(:last-child):after{
    content: "";
    position: absolute;
    right: 0;
    bottom: -40px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #fff transparent transparent transparent;
}

.flow08 > li dl {
    display: flex;
    align-items: center;
}

.flow08 > li dl dt {
    font-size: 2.4rem;
    font-weight: 700;
    width: 20%
}

.flow08 > li .icon08 {
    color: #e8af5b;
    margin-right: 0.5rem;
}

.flow08 > li dl dd {
    font-size: 1.6rem;
    margin: 0;
    width: 80%
}

.flow08 > li dl dd span{
    font-weight: bold;
    color: #e8af5b;
}

.flow_design09{
    display: flex;
    margin: 0 10px;
    padding: 0;
    justify-content: center;
}

.flow_design09 li{
    list-style: none;
    height: auto;
    padding: 10px;
    border-radius: 15px;
    max-width: 30%;
    background: #fff;
    text-align: center;
}

.flow_design09 li:not(:last-child){
    margin-right: 20px;
}

.flow_design09 li img{
    width: 300px;
    border-radius: 15px;
}

.flow_design10{
    display: flex;
    padding: 0;
    justify-content: center;
}

.flow_design10 li{
    list-style: none;
    background: #fff;
    padding: 10px;
    width: 300px;
    max-width: 30%;
    color: #333333;
    border-radius: 5px;
}

.flow_design10 li:not(:last-child){
    margin-right: 20px;
}

.last_container_signup{
    margin-bottom: 50px;
}

/*=======================================================WEB限定キャンペーン=======================================================*/

#only_web_campaign{
    position: relative;
    background: #e8af5b;
}

#only_web_campaign h2{
    font-size: 3.2rem;
    letter-spacing: 0.5rem;
    font-weight: 800;
}

#only_web_campaign h2 span{
    font-size: 1.6rem;
    letter-spacing: 1rem;
}


.campaign_img_left{
    position: absolute;
    top: 0;
    left: 10%;
    bottom: 0;
    margin: auto;
    z-index: 1;
}

.campaign_img_right{
    position: absolute;
    top: 0;
    right: 10%;
    bottom: 0;
    margin: auto;
    z-index: 1;
}

@media(max-width:1368px){
    .campaign_img_left{
        left: 0%;
    }

    .campaign_img_right{
        right: 0%;
    }
}

.campaign_all{
    text-align: center;
}

.campaign_all{
    margin: 0 auto;
    text-align: center;
}

.campaign_inner{
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 2.4rem;
    font-weight: 700;
    margin: 0 auto;
    max-width: 100%;
    border: 5px dashed #fff;
    border-radius: 15px;
    margin: 0 auto 30px;
    padding: 20px;
}

.campaign_all p{
    padding: 0;
    margin: 0 auto;
}

.campaign_all p span{
    color: #96232e;
    font-size: 10rem;
    font-weight: 900;
    margin-bottom: -25px;
}

.campaign_all .attention_list{
    margin: 0 auto;
}

.campaign_all ul{
    font-size: 1.6rem;
    font-weight: 400;
    text-align: left;
}

/*=======================================================注文方法=======================================================*/
#way_to_order{
    background: #fff;
    padding-bottom: 50px;
}

.order_step h3{
    text-align: center;
    font-size: 3rem;
    letter-spacing: 0.5rem;
}

.order_step h3 span{
    color: #e8af5b;
    font-weight: 700;
    margin-left: 5px;
}

.order_step .png01{
    width: 300px;
}

.order_step .midashi{
    position: relative;
    display: inline;
    background: #e8af5b;
    border-radius: 10px;
    padding: 10px;
    color: #fff;
    font-weight: 700;
}

.order_step .midashi:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: -8px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #e8af5b transparent transparent transparent;
}

.order_step .title{
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 20px;
}

.order_step .fukidashi{
    margin-top: 13px;
}

.order_step .text{
    font-size: 1.6rem;
}

.order_step .text span{
    color: #e8af5b;
    font-weight: 700;
}

.order_step .text a{
    display: inline-block;
    color: #96232e;
    font-weight: 700;
}

.order_step .text a:hover{
    text-decoration: none;
    opacity: 0.8;
}

.order_step .text .btn_g{
    display: inline-block;
    background: #f98b0d;
    border-radius: 3px;
    padding: 10px 20px;
    font-size: 1.4rem;
    color: #fff;
    margin: 3px 2px 3px 0;
}

.order_step .vertical_line{
    position: relative;
    margin: 30px;
}

.order_step .vertical_line:after{
    content: "";
    position: absolute;
    width: 2px;
    height: 60px;
    background: #333333;
    top: -40px;
    right: 50%;
    transform: translate(50%, 0%);
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
}

/*=======================================================支払い方法=======================================================*/

#way_to_pay{
    padding-bottom: 50px;
}

#way_to_pay .pay_header{
    margin: 0 auto;
}

#way_to_pay .pay_body{
    margin: 0 auto;
}

#way_to_pay hr{
    padding: 0;
    margin: 0 0 5px 0;
}

#way_to_pay .four_way{
    margin-bottom: 50px;
}

#way_to_pay .four_way ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#way_to_pay .four_way ul li{
    text-align: center;
    width: 20%;
}

#way_to_pay .four_way a{
    display: inline-block;
    width: 250px;
    max-width: 100%;
    background: #fff;
    color: #333333;
    padding: 5px;
    border-radius: 5px;
    transition: .4s;
    text-align: center;
}

#way_to_pay .four_way a:hover{
    text-decoration: none;
    background: #ffda2a;
}

#way_to_pay .four_way img:hover{
    opacity: 1;
}

#way_to_pay .window01{
    max-width: 100%;
    border: 3px solid #fff;
    border-radius: 5px;
    background: #fff;
    margin:0 auto 20px;
    padding: 20px;
    text-align: left;
}

#way_to_pay .window01:last-child{
    margin-bottom: 0;
}

#way_to_pay h3{
    position: relative;
    font-size: 2.8rem;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 10px;
}

#way_to_pay h3::before{
    position: absolute;
    content: "";
    background: #ffda2a;
    height: 2.8rem;
    width: 6px;
    top: 8px;
    left: -5px;
    margin: 0;
    padding: 0;
}

#way_to_pay .window01 .tab{
    padding: 15px 0;
}

#way_to_pay .window01 .tab span{
    border: 1px solid #333333;
    border-radius: 2px;
    padding: 2px 4px;
    margin-right: 5px;
}

#way_to_pay .window01 .tab span:not(:first-child){
    margin-left: 100px;
}

#way_to_pay .window01 li{
    margin-bottom: 10px;
}

#way_to_pay .window01 ul span{
    font-weight: 700;
}

#way_to_pay .window01 ul .attention{
    font-weight: 700;
    color: #96232e;
}

#way_to_pay #way_furikomi table{
    border-collapse: separate;
    border-spacing: 10px;
}

#way_to_pay #way_daibiki table{
    margin: 10px 0 0 0;
    border: 1px solid #333333;
    border-radius: 5px;
    background: #fff;
    color: #333333;
}

#way_to_pay #way_daibiki table .left{
    width: 50%;
    text-align: left;
}

#way_to_pay #way_daibiki table .right{
    width: 30%;
    text-align: right;
}

#way_to_pay #way_daibiki table .right span{
    margin-right: 2px;
}

#way_to_pay #way_daibiki table th{
    font-weight: 700;
    background: #e6e6e6;
    text-align: center;
}

#way_to_pay #way_daibiki table td{
    border: 1px solid #333333;
    padding: 2px 15px;
}

/*=======================================================送料について=======================================================*/
#about_postage{
    background: #fff;
    padding-bottom: 50px;
}

#about_postage .postage_content{
    max-width: 100%;
    border-radius: 5px;
    background: #f6f6f6;
    margin:0 auto 20px;
    padding: 20px;
    text-align: left;
}

#about_postage .postage_content:last-child{
    margin-bottom: 0;
}

#about_postage h3{
    position: relative;
    font-size: 2.8rem;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 10px;
}

#about_postage h3::before{
    position: absolute;
    content: "";
    background: rgba(42, 177, 252, 1);
    height: 2.8rem;
    width: 6px;
    top: 8px;
    left: -5px;
    margin: 0;
    padding: 0;
}

.postage_content span{
    font-weight: 700;
    color: rgba(42, 177, 252, 1);
}

.postage_content table{
    border-collapse: collapse;
    border: solid 1px #d6d6d6;
    margin: 10px 0;
    max-width: 100%;
}

.postage_content th, .postage_content td{
    border-collapse: collapse;
    border: solid 1px #f6f6f6;
    text-align: center;
    padding: 5px 10px;
    vertical-align: middle;
}

.postage_content .area{
    background: #888888;
    color: #fff;
}

.postage_content .prefecture{
    background: #e6e6e6;
}

.postage_content .postage{
    background: #e6e6e6;
}

.postage_content .postage span{
    color: #333333;
    font-size: 1.2rem;
}

.postage_content .postage td{
    padding: 20px 10px;
    font-size: 1.6rem;
    font-weight: 700;
}

.free_postage{
    background: rgba(42, 177, 252, 1);
    color: #fff;
    font-weight: 700;
    font-size: 2rem;
    letter-spacing: 0.5rem;
}

.free_postage span{
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: 0;
}


/*=======================================================FAQ=======================================================*/
/*===タブメニュー===*/
#question_and_answer .tabGroup{
    margin: 0;
    padding: 0 15px;
}

#question_and_answer .tabGroup .tabMenu{
    list-style: none;
    margin: 0 0 25px 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

#question_and_answer .tabGroup .tabMenu li{
    position: relative;
    list-style: none;
    width: 33%;
    padding: 5px;
    margin: 0;
    text-align: center;
    background-color: #fff;
    color: #333333;
    border: 2px solid #333333;
    border-radius: 90px;
    font-size: 1.8rem;
    font-weight: 700;
    cursor: pointer;
    z-index: 1;
}

#question_and_answer .tabGroup .tabMenu li:not(:first-child){
    margin-left: 15px;
}

#question_and_answer .tabGroup .tabMenu .active{
    background: #333333;
    color: #fff;
    border-bottom: none;
    font-weight: 900;
}

#question_and_answer .tabContent{
    display: none;
}

#question_and_answer .tabGroup .tabMenu li:hover:after{
    position: absolute;
    content: "";
    margin: 0 auto;
    left: 45%;
    bottom: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 10px solid #333333;
    border-bottom: 0;
    }

#question_and_answer .tabGroup .tabMenu .active:after{
    position: absolute;
    content: "";
    margin: 0 auto;
    left: 45%;
    bottom: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 10px solid #333333;
    border-bottom: 0;
}

#question_and_answer .active{
    display: block;
    padding: 20px 0;
}

/*===アコーディオン===*/
#question_and_answer .accordion-004 {
    width: 100%;
    max-width: 100%;
    padding: 20px;
    font-size: 1.8rem;
    border: 2px solid #666666;
    border-radius: 10px;
    background-color: #fff;
    transition: .3s;
}

#question_and_answer .accordion-004:not(:last-child){
    margin-bottom: 20px;
}

#question_and_answer .accordion-004 summary {
    display: block;
    position: relative;
    color: #333333;
    font-weight: 700;
    cursor: pointer;
}

#question_and_answer .accordion-004 summary span{
    color: #00ca79;
    margin-right: 10px;
    font-size: 2rem;
}

#question_and_answer .accordion-004 summary .question li:last-child{
    padding-right: 30px;
}

#question_and_answer .accordion-004 summary::-webkit-details-marker {
    display: none;
}

#question_and_answer .accordion-004 summary:after {
    content: "";
    position: absolute;
    transform: translateY(-25%) rotate(45deg);
    width: 10px;
    height: 10px;
    top: 0.9rem;
    right: 10px;
    border-bottom: 3px solid #333333;
    border-right: 3px solid #333333;
    transition: transform .3s;
}

#question_and_answer .accordion-004[open] summary:after {
    transform: rotate(225deg);
}


#question_and_answer .accordion-004 ul {
    display: flex;
}

#question_and_answer .accordion-004 .answer li {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 0;
    color: #666666;
    transition: transform .5s, opacity .5s;
}

#question_and_answer .accordion-004[open] .answer li {
    transform: none;
    opacity: 1;
}

#question_and_answer .accordion-004 .answer li span{
    color: #ff6666;
    font-weight: 700;
    margin-right: 10px;
    font-size: 2rem;
}

#question_and_answer .accordion-004 .answer li a{
    color: #666666;
    font-weight: 700;
    text-decoration: underline;
}

/*=======================================================便利な機能=======================================================*/
#useful_function .function_exp{
    padding: 20px;
    border-radius: 15px;
    background: #f6f6f6;
    margin-bottom: 15px;
}

#useful_function .content_wrapper > h3{
    display: inline-block;
    padding: 5px 15px;
    margin: 10px 0 0;
    color: #fff;
    background-color: #333333;;
}

#useful_function .function_exp h3{
    color: #3fa9f5;
    padding: 0;
    margin: 0;
}

#useful_function .function_ex > p{
    padding: 0;
    margin: 0;
    margin-top: 10px;
}

#useful_function .content_wrapper > p{
    margin: 10px 0 10px 5px;
}

#useful_function img{
    display: block;
    border: 2px solid #e5e5e5;
    margin-top: 10px;
}
/*=======================================================特定商取引法に基づく表記=======================================================*/
.p-item-table-label a{
    display: inline-block;
    background: #333333;
    color: #fff;
    font-weight: 700;
    padding: 2px 5px;
    border-radius: 3px;
    text-decoration: none;
    margin-right: 3px;
    transition: .3s;
}

.p-item-table-label a:hover{
    opacity: 0.8;
    cursor: pointer;
    text-decoration: none;
}

.p-item-table-label ul, .p-item-table-label ol{
    padding: 0;
    margin: 0 0 0 15px;
}

/*=======================================================商品詳細ページ=======================================================*/
.productDetailExplains{
    color: #9a9a9a;
    font-size: 1.2rem;
    margin-bottom: 20px;
}

ul.expQuestions{
    display: flex;
    flex-wrap: wrap;
}

li.qList{
    border-bottom: 1px dashed #9a9a9a;
    margin-right: 40px;
    padding: 12px 0 4px; 
    width: calc(100% / 2 - 40px);   
}

li.qList{
    
}

li.qList a{
    display: block;
    height: 100%;
    padding-left: 2px;
    width: 100%;
}

li.qList a:hover{
    opacity: 0.7;
    text-decoration: none;
}

@media screen and (max-width: 767px){

    li.qList{
        margin-right: 10px;
        width: calc(100% / 2 - 10px);   
    }
}

.p-itemDetail-memo-list{
    padding-top: 0;
}

/*=======================================================サムネイル画像改変=======================================================*/

.p-item-thumb-l .imgUrl{
    max-height: 400px;
}

@media screen and (min-width: 768px){
    .p-item-thumb-l{
        text-align: left;
    }
}

.p-item-thumb-s li{
    border: 1px solid #ccc;
    height: auto;
}

.p-item-thumb-s li:hover{
    opacity: 0.8;
}

.p-item-thumb-s li.js-active{
    border: 1px solid #ff6666;
}

/*=======================================================カタログ説明エリア=======================================================*/

.saijiki_exp_content{
    display: flex;
}

.saijiki_exp_box{
    background: #e0a858;
    border-radius: 10px;
    padding: 20px;
}

@media screen and (min-width: 768px){
    .saijiki_exp_box{
        width: calc(25% - 18px);
        margin-bottom: 20px;
    }

    .saijiki_exp_box:not(:last-child){
        margin-right: 24px;
    }
}

@media screen and (max-width: 767px){
    .saijiki_exp_content{
        flex-wrap: wrap;
    }

    .saijiki_exp_box{
        width: 100%;
}
    .saijiki_exp_box:not(last-child){
        margin-bottom: 15px;
    }
}

.saijiki_exp_box .title{
    background-color: #fff;
    border-radius: 90px;
    color: #e0a858;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 5px;
    text-align: center;
    width: 30px;
    height: 30px;

}

.saijiki_exp_box img{
    display: block;
    margin: auto;
    width: 200px;
    max-width: 100%;
}

.saijiki_exp_box a{
    background-color: #e0a858;
    border: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 1.4rem;
    letter-spacing: 0.1rem;
    margin: 15px auto auto;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    transition: .4s;
}

.saijiki_exp_box a:hover{
    background-color: #fff;
    color: #e0a858;
    text-decoration: none;
}

.saijiki_exp_box p{
    color: #fff;
    font-size: 1.4rem;
    letter-spacing: 0.1rem;
}

.saijiki_exp_box span{
    font-weight: 700;
}

/*=======================================================特集ページ=======================================================*/

.dispnone{
    display: none;
}
.tokushu{
    color: #333;
    font-size: 1.6rem;
    margin-bottom: 20px;
}
.tokushu h4{
    margin-bottom: .33em;
}
.tokushu p{
    padding-bottom: 20px;
}
.tokushu strong{
    letter-spacing: 0.3rem;
}
.topArea{
    margin-bottom: 40px;
}
.topArea img{
    width: 100%;
    margin-bottom: 40px;
}
.mokuji{
    marign: 0;
    padding: 0;
}
.mokujiHeader{
    text-aling: center;
}
.mokujiHeader p{
    display: inline;
    background-color: #2589d0;
    color: #fff;
    padding: 10px 20px;
    width: 100%;
}
.mokujiNakami ol li{
    margin-top: 15px;
}
.mokujiNakami ol a{
    color: #2589d0;
}
#t_jikatabi01{
    margin-top: 160px;
}
#t_jikatabi02, #t_jikatabi03, #t_jikatabi04{
    margin-top: 240px;
}
@media screen and (max-width:767px) {
    #t_jikatabi01, #t_jikatabi02, #t_jikatabi03, #t_jikatabi04{
        margin-top: 80px;
}
}
@media screen and (min-width:768px) {
    .mainItemAreaFlex{
        display: flex;
        flex-wrap: nowrap;
    }
    
    .imgArea{
        width: 35%;
    }
}
.splide__track--nav>.splide__list>.splide__slide.is-active{
    border: 2px solid #ff6666;
}
.texrArea{
    margin: 40px 0;
    padding: 0 10px;
}
.details table{
    width: 100%;
}
.details tr, .details th, .details td{
    border: 1px solid #ccc;
    border-collapse: collapse;
    padding: 5px 10px;
    vertical-align: middle;
}
.details th{
    background-color: #f3f3f3;
}
.details th.merit{
    color: #2589d0;
}
.details th.demerit{
    color: #ff6666;
}
.variations ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
.variations ul > li{
    list-style: none;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    position: relative;
    
}

.variations3 li{
    width: calc(100% / 3 - 10px);
}

.variations3 li:not(:nth-child(3n)){
    margin-right: 10px;
}

@media screen and (min-width:768px) {
    .variations4 li{
        width: calc(100% / 4 - 10px);
    }
    
    .variations4 li:not(:nth-child(4n)){
        margin-right: 10px;
    }
}



@media screen and (max-width:767px) {
    .variations4 li{
        width: calc(100% / 2 - 10px);
        margin-bottom: 10px;
    }
    
    .variations4 li:not(:nth-child(2n)){
        margin-right: 10px;
    }
}

.variations a{
    transition: .3s;
}

.variations img{
    transition: .3s;
}
.variations p{
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    padding: 2px 5px;
    position: absolute;
        top: 5px;
        right: 5px;
}
.variations button{
    background-color: #FBB161;
    color: #fff;
    display: block;
    margin: 0;
    padding: 10px;
    transition: .3s;
    width: 100%;
}
.variations a:hover{
    text-decoration: none;
}
.variations a:hover img{
    opacity: 0.8;
}
.variations a:hover button{
    opacity: 0.8;
}

/************************************
** 評価グラフ
************************************/
.pb-rating-graph {
    box-shadow: 0 3px 5px rgba(0, 0, 0, .07);
    width: 100%;
    margin: 0 auto 2em;
    padding: 2.5em 2em!important;
    color: #333;
    background: #fafafa;
}
.pb-rating-graph ul {
    margin: 0!important;
    padding: 0!important;
    border: none!important;
}
.pb-rating-graph ul li {
    list-style: none!important;
    margin: 0 !important;
    padding: 0 !important;
}
.pb-rating-graph ul li:before {
    content: unset !important;
}
.pb-rating-graph__label {
    background: #71828A;
    color: #fff;
    display: inline-block;
    padding: 6px 15px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
}
.pb-rating-graph__wrap {
    display: flex;
    margin: 20px 0;
}
.pb-rating-graph li:last-child .pb-rating-graph__wrap {
    margin: 20px 0 0;
}
.pb-rating-graph__axis {
    width: 70%;
    margin-top: 10px;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.pb-rating-graph__axis:before {
    content: "";
    display: inline-block;
    height: 5px;
    background: #E3E6E7;
    width: 100%;
    position: absolute;
}
.pb-rating-graph__basis {
    width: 15%;
    color: #71828A;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
}
.pb-rating-graph__basis-inner {
    display: inline-block;
    text-align: left;
}
.pb-rating-graph__wrap .pb-rating-graph__basis:first-of-type {
    text-align: right;
    padding-right: 15px;
}
.pb-rating-graph__wrap .pb-rating-graph__basis:last-of-type {
    text-align: left;
    padding-left: 15px;
}
.pb-rating-graph__scale {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
    width: 20px;
    margin-top: 0 !important;
}
.pb-rating-graph__scale:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-top: -7px;
    margin-bottom: 10px;
    background: #E3E6E7;
}
.pb-rating-graph__axis:after, .pb-rating-graph__scale:after {
    content: unset !important;
}
.pb-rating-graph .pb-rating-graph__scale .pb-rating-graph__item {
    width: 42px;
    display: block;
    font-weight: 600;
    font-size: 14px;
    color: #777;
    text-align: center;
    padding-top: 5px;
    margin-top: -10px !important;
}

@media screen and (min-width:768px) {
    .pb-rating-graph{
        width: 60%;
    }
}

@media screen and (max-width:767px) {
    .pb-rating-graph {
        margin-top: 2em;
        padding: 2em 1em !important;
    }
    .pb-rating-graph__axis {
        width: 60%;
    }
    .pb-rating-graph__basis {
        width: 20%;
        font-size: 13px;
        letter-spacing: 0px;
        line-height: 1.8;
    }
    .pb-rating-graph__wrap .pb-rating-graph__basis:first-of-type {
        padding-right: 7px;
    }
    .pb-rating-graph__wrap .pb-rating-graph__basis:last-of-type {
        padding-left: 7px;
    }
    .pb-rating-graph__scale {
        width: 16px;
    }
    .pb-rating-graph__scale:before {
        width: 16px;
        height: 16px;
    }
    .pb-rating-graph .pb-rating-graph__scale .pb-rating-graph__item {
        font-size: 12px;
    }
    .pb-rating-graph__scale[data-check='true']:before {
        font-size: 20px;
    }
}

.pb-rating-graph__scale[data-check='true']:before {
    background:#ff6666;
}


/*=======================================================商品説明エリア=======================================================*/
.inquiry_btn a{
    display: inline-block;
    background: #333333;
    border: 1px #333333 solid;
    padding: 3px 15px;
    color: #fff;
    transition: .3s ease-in-out;
}

.inquiry_btn a:before{
    font-family: "Font Awesome 5 Free";
    content: '\f0e0';
    letter-spacing: 0.3em;
    font-wigth: 400;
}

.inquiry_btn a:hover{
    background: #fff;
    color: #333333;
    text-decoration: none;
}

.item_exp_1 .tag_left{
    background: #FF6666;
    color: #FFF;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 5px 10px;
    margin: 0;
    border: 2px solid #FF6666;
    border-radius: 10px 0px 0px 10px;
}

.item_exp_1 .tag_right{
    background: #FFF;
    color: #333333;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 5px 10px;
    margin: 0;
    border: 2px solid #FF6666;
    border-radius: 0px 10px 10px 0px;
}

.item_exp_1 ul{
    padding: 0;
    margin: 0;
}

.item_exp_1 ul li{
    list-style: none;
}

.item_exp_1 ul li:before{
    content: "※";
    padding-right: 5px;
}

.item_exp_2 span.attention{
    background: #FF6666;
    color: #FFF;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 5px 10px;
    margin: 0;
    border: 2px solid #FF6666;
    border-radius: 10px;
}

/*日英切り替えボタン*/
.languageTabContent{
    display: none;
}

.languageTabContent.show{
    display: block;
}

ul.languageTabBtnList{
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

ul.languageTabBtnList li{
    border: 1px solid #333;
    cursor: pointer;
    list-style: none;
    padding: 2px 10px;
    transition: .4s;
}

ul.languageTabBtnList li.show{
    background-color: #333;
    color: #fff;
}

ul.languageTabBtnList li:first-child{
    border-right: none;
}

.saijiki_exp{
    background-color: #eeeeee;
    border-radius: 10px;
    margin: 10px 0;
    padding: 15px;
}

.saijiki_exp span{
    color: #ff6666;
    font-weight: 700;
}

a.saijiki_btn{
    display: inline-block;
    border: 1px solid rgba(10, 10, 10, 1);
    letter-spacing: .1rem;
    text-align: center;
    margin: 0;
    padding: 2.5px 10px;
}

a.saijiki_btn:hover{
    background-color: rgba(10, 10, 10, 1);
    color: #fff;
    text-decoration: none;
    transition: .4s;
}

@media screen and (max-width: 767Px){
    a.saijiki_btn{
        margin: 0 0 0 auto;
    }
}



.azm_exbtn a{
    display: inline-block;
    background: #888888;
    color: #fff;
    width: 250px;
    border-radius: 50px;
    padding: 10px 15px;
    text-align: center;
    margin-top: 15px;
}

.azm_exbtn a:hover{
    opacity: 0.8;
    text-decoration: none;
}

@media screen and (max-width: 767Px){
    .azm_center{
        text-align: center;
    }
}

.p_size_chart{
    margin-bottom: 10px;
}

.p_size_chart table,
.p_size_chart th,
.p_size_chart td{
    border:solid 1px #ccc;
    padding: 5px 20px;
    vertical-align: middle;
}

.p_size_chart td{
    text-align: center;
}

.p_size_chart th{
    background: #eee;
}

@media screen and (max-width: 767Px){
    .tableWrapper{
        overflow-x: auto;
    }

    .tableWrapper table.p_size_chart{
        white-space: nowrap;
    }
}

.horizon_img ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.horizon_img ul li{
    list-style: none;
    width: 200px;
    max-width: calc(100% / 6 - 12.4px);
    text-align: center;
    border: solid 2px #e6e6e6;
    border-radius: 10px;
    padding: 2px;
    margin-right: 10px;
    margin-bottom: 10px;
    transition: .4s;
}

.horizon_img ul li:nth-child(6n){
    margin-right: 0;
}

@media screen and (max-width: 767px){
    .column3 ul li{
        max-width: calc(100% / 3 - 10.7px);
        font-size: 1.1rem;
    }

    .horizon_img ul li:nth-child(3n){
        margin-right: 0;
    }
}

.horizon_img ul li img{
    border-radius: 10px;
}

.horizon_img ul li a:hover{
    text-decoration: none;
    opacity: 0.8;
}

.box_refrain_01{
    display: flex;
    flex-direction: row-reverse;
    padding: 10px;
    margin-top: 10px;
    align-items: stretch;
    justify-content: flex-end;
    width: 1000px;
    max-width: 100%;
}

.box_refrain_01 .box_content_left{
    width: 400px;
    max-width: 100%;
}

.box_refrain_01 .box_content_right h3{
    font-weight: 400;
}

.box_refrain_01 .box_content_right p{
    font-size: 1rem;
    margin-top: 10px;
}

.box_refrain_02{
    display: flex;
    padding: 20px;
    margin: 10px 0 10px;
    align-items: top;
    border: 2px solid #d6d6d6;
    border-radius: 20px;
    max-width: 100%;
}

.box_refrain_02 .box_content_left{
    display: flex;
    width: 60%;
    border-right: 2px solid #d6d6d6;
    margin-right: 20px;
}

.box_refrain_02 .box_content_right{
    display: flex;
    width: 40%;
}

.box_refrain_02 .box_content_left image{
    width: 80px;
}

.box_refrain_02 .box_content_right image{
    width: 80px;
}

.box_refrain_02 .box_content_left .exp_text{
    padding: 0 20px 0;
    width: 70%;
}

.box_refrain_02 .box_content_right .exp_text{
    padding-left: 20px;
    width: 50%;
}


.box_refrain_02 .exp_text ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.box_refrain_02 .exp_text li{
    list-style: none;
    font-size: 1.2rem;
}

.box_refrain_02 .exp_text h4{
    font-weight: 400;
}

.yu-soku_konomi{
    background: #333333;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 30px 50px 20px;
    color: #fff;
}

.yu-soku_konomi hr{
    border: none;
    height: 1px;
    background: #fff;
}

.yu-soku_konomi .logo{
    margin-bottom: 20px
}

.gram_design ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.gram_design ul li{
    list-style: none;
    width: 32%;
    margin-bottom: 15px;
    overflow: hidden;
}

.gram_design ul li img{
    transition: .4s;
}

.gram_design ul li img:hover{
    transform:scale(1.2,1.2);
    transition: .4s;
}

.toe-bi table{
    border-collapse:  collapse;
    max-width: 100%;
}

.toe-bi table th{
    border: solid 1px;
    padding: 5px 15px;
    text-align: center;
    vertical-align: middle;
}

.toe-bi table td{
    border: solid 1px;
    padding: 5px 15px;
    text-align: left;
}

.setItems{
    width: 800px;
    max-width: 100%;
}

.setItems ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
}

.setItems ul li{
    list-style: none;
    border: 1px solid #666666;
    padding: 5px 10px;
    margin: 0;
    width: 250px;
    max-width: 33.333%;
    text-align: center;
    margin-left: -1px;
    margin-top: -1px;
}

.exp_author{
    padding: 20px;
    border: 2px solid #e6e6e6;
    border-radius: 15px;
}

.youTube{
    width: 100%;
    aspect-ratio: 16 / 9;
}

.youTube iframe{
    width: 100%;
    height: 100%;
}

.pSeriesBtn{
    text-align: right;
}

.pSeriesBtn a{
    border: 1px solid #111;
    color: #111;
    display: inline-block;
    margin: 0;
    padding: 5px 20px;
    text-decoration: none;
    transition: .4s;
}

.pSeriesBtn a:after{
    content: "\f105";
    font: var(--fa-font-solid);
    margin-left: 5px;
}

.pSeriesBtn a:hover{
    background-color: #111;
    color: #fff;
    text-decoration: none;
}

/*=====京都丸紅（七五三）=====*/
.shicigosan_text01{
    background-color: #1a1a1a;
    color: #fff;
    padding: 20px;
    text-align: center;
}
.shicigosan_text01 .shicigosan_text01_title{
    border: 3px solid #fff;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
}

.shicigosan_text01 .shicigosan_text01_title h4{
    font-size: 2.6rem;
    letter-spacing: .5rem;
    margin: 0 0 5px 0;
    padding: 0;
}

.shicigosan_text01 .shicigosan_text01_title p{
    color: #C39000;
    letter-spacing: .5rem;
    margin: 0;
    padding: 0;
}

.shicigosan_text01 .shicigosan_text01_text{
    letter-spacing: .3rem;
}

.shicigosan_text01 .shicigosan_text01_text span{
    color: #C39000;
    font-weight: 900;
}

.shicigosan_text01 hr.shicigosan_text01_hr{
    height: 0;
    margin: 40px 0;
    padding: 0;
    border: 0;
    height: 0.7em;
    background-image: repeating-linear-gradient(45deg, #fff 0, #fff 3px, transparent 0, transparent 50%);
    background-size: 1em 1em;
    text-align: center;
    overflow: visible;
}

.shicigosan_text01 hr.shicigosan_text01_hr02{
    height: 0;
    margin: 40px 0;
    padding: 0;
    border: 0;
    height: 0.7em;
    background-image: repeating-linear-gradient(45deg, #fff 0, #fff 3px, transparent 0, transparent 50%);
    background-size: 1em 1em;
    text-align: center;
    overflow: visible;
}

.shicigosan_text01 hr.shicigosan_text01_hr:after{
    content: "対象ブランド";
    background: #1a1a1a;
    color: #fff;
    display: inline-block;
    font-size: 2rem;
    font-weight: 900;
    height: 1em;
    letter-spacing: .5rem;
    line-height: 1em;
    position: relative;
    top: -1.5rem;
    padding: 0.5em 2em;
}

.shicigosan_text01 .shicigosan_text01_img ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 768px){

    .shicigosan_text01 .shicigosan_text01_img img{
        width: 80%;
    }

    .shicigosan_text01 .shicigosan_text01_img ul li{
        list-style: none;
        width: calc(100% / 3 - 10px);
        margin-bottom: 15px;
    }


    .shicigosan_text01 .shicigosan_text01_img ul li:not(:nth-of-type(3n)){
        margin-right: 10px;
    }
}

@media screen and (max-width: 767px){
    .shicigosan_text01 .shicigosan_text01_img ul li{
        list-style: none;
        width: calc(100% / 2 - 5px);
        margin-bottom: 10px;
    }
    
    .shicigosan_text01 .shicigosan_text01_img ul li:not(:nth-of-type(2n)){
        margin-right: 10px;
    }
}

.saleTimer{
    margin: 20px auto 0;
    padding: 0;
}

.saleTimer p{
    font-size: 1.6rem;
    text-shadow: #C39000 0 0 10px;
}

.saleTimer span{
    font-size: 4rem;
    margin-right: 5px;
}

/*=====カート画面=====*/
.hidamari_caution{
    color: #BB0C13;
    border: 4px double #BB0C13;
    padding: 15px;
}

/*=======================================================カート画面=======================================================*/
.p-cart-total-note{
    color: #ff6666;
    font-weight: 700;
}

.p-cart-flow{
    padding-top: 30px;
}

.js-cart-delete-button{
    display:inline-block;
    color: #fff;
    font-weight: 700;
    border: 2px solid #1e1e1e;
    border-radius: 2px;
    background: #1e1e1e;
    text-align: center;
    margin-top: 15px;
    transition: opacity .2s linear;
}

@media screen and (min-width: 767px){
    .js-cart-delete-button{
        font-size: 1.6rem;
        padding: 11px 20px;
    }

}

@media screen and (max-width: 768px) {
    .js-cart-delete-button{
        width: 55%;
        font-size: 1.4rem;
        padding: 10px;
    }
}

.js-cart-delete-button:hover{
    text-decoration: none;
    color: #fff;
    opacity: 0.7;
}

.js-cart-delete-button:before{
    content: '\f1f8';
    font-family: "Font Awesome 6 free";
    font-weight: 700;
    padding-right: 0.3rem;
}

.cart_goukei_shita{
    position: relative;
}

.cart_goukei_shita .alert{
    padding: 15px;
    background: #e6e6e6;
    border-radius: 10px;
}

.cart_goukei_shita .alert::after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    border-bottom: 32px solid #e6e6e6;
    border-top: 0;
    top: -28px;
    left: 85px;
}

.cart_goukei_shita .text{
    font-size: 1.6rem;
}

.cart_goukei_shita .text span{
    color: #f74d4d;
    font-weight: 900;
}

.cart_shita_wrapper {
    padding: 0;
}

.cart_shita_wrapper label {
    display: inline-block;
    padding : 5px 10px;
    color: #fff;
    font-weight: 400;
    background-color: #9f9f9f;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color .4s;
}

.cart_shita_wrapper label:hover{
    background-color: #909090;
}

.cart_shita_wrapper input[type="checkbox"] {
    display: none;
}

.cart_shita_wrapper .cart_shita_content {
    height: 0;
    padding: 0;
    overflow: hidden;
}

.p-cart-total-tableWrap .freeEditContent{
    border-left: 1px solid #959cb1;
    border-right: 1px solid #959cb1;
    border-bottom: 1px solid #959cb1;  
}

.freePostageMsg{
    background-color: #f6f6f6;
    border: 1px solid #959cb1;
    border-top: none;
    color: #555;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: .2rem;
    margin: 0;
    padding: 10px 20px;
}

.switch:checked + .cart_shita_content {
    height: auto;
    padding: 10px;
    background: #fff;
    margin-top: 10px;
    border-radius: 5px;
}

.cart_shita_content table{
    margin: 10px 0;
    border: 1px solid #666666;
    border-radius: 5px;
    background: #fff;
    color: #666666;
}

.cart_shita_content table .left{
    width: 50%;
    text-align: left;
}

.cart_shita_content table .right{
    width: 30%;
    text-align: right;
}

.cart_shita_content table .right span{
    margin-right: 2px;
}

.cart_shita_content table th{
    font-weight: 700;
    background: #e6e6e6;
    border: 1px solid #666666;
    padding: 2px 5px;
    text-align: center;
}

.cart_shita_content table td{
    border: 1px solid #666666;
    padding: 2px 5px;
}

@media screen and (max-width: 750Px){
    .cart_goukei_shita .alert:after{
        left: 25px;
    }
}
.p-cart-other-table .c-form-inblock-list::after{
    content: "（店頭受取）";
    letter-spacing: 0;
    font-size: 1.1rem;
    vertical-align: middle;
}

@media screen and (min-width: 1280Px){
    .p-cart-other-table .c-form-inblock-list::after{
        position: relative;
        top: -3px;
    }
}

.order_complete{
    padding: 0 10px;
}

.order_complete .order_complet_sentence{
    margin-bottom: 25px;
}

.order_complete h3{
    color: #2984cf;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: .4rem;
    margin: 0 0 15px 0;
    padding: 0 5px;
}

.order_complete p{
    color: #333;
    letter-spacing: .2rem;
    margin: 0 0 7px 0;
    padding: 0 5px;
}

.order_complete h3 span{
    background-color: #2984cf;
    color: #fff200;
    font-weight: 900;
    margin-right: 5px;
    padding: 5px 0 5px 5px;
}

/*=======================================================カート配送設定=======================================================*/
#yamatoText , #takeAwayText{
    transition: 0.2s;
}
.costBig{
    color: #ff6666;
    font-size: 1.8rem;
    font-weight: 700;
}

.timeTableWrapper{
    background-color: #f1f1f1;
    border-radius: 2px;
    margin: 10px 0;
    padding: 10px;
}

ul#yamatoTimeSchedule{
    list-style: none;
    margin:0;
    padding:0;
}

ul#yamatoTimeSchedule li{
    display: inline-block;
    list-style: none;
}
#yamatoTimeSchedule input , #yamatoTimeSchedule label{
    cursor: pointer;
}
#yamatoTimeSchedule input{
    margin: 0 -3px 0 0;
}
#yamatoTimeSchedule li{
    letter-spacing: 0.1rem;
    margin: 0 20px 0 0;
}

#yamatoTimeSchedule input[type="radio"] + label{
    padding-left: 3px;
}

#takeAwayText .freeship{
    color: #ff6666;
    font-size: 1.8rem;
    font-weight: 700;
}
.hideText{
    opacity: 0;
    position: absolute;
    transform: translateY(20px);
    z-index: -10;
}
.visibleText{
    opacity: 1;
    position: static;
    transform: translateY(0);
}

.timeTable:before{
    content: '\f017';
    font-family: 'Font Awesome 6 Free';
    margin-right: 3px;
}

.timeTable{
    display: inline-block;
    margin: 0 0 3px;
    padding:0;
}

#yamatoTimeSchedule input[type="radio"]{
    opacity: 1;
    position: static;
}

#yamatoTimeSchedule label:before{
    opacity: 0;
}

#yamatoTimeSchedule label:after{
    opacity: 0;
}

/*=======================================================カートその他上=======================================================*/
.cart_sonota{
background-color: #f6f6f6;
margin: -50px 0 60px;
padding: 20px;
}

.accordion-005 {
background-color: #fff;
font-size: 1.2rem;
max-width: 100%;
margin-bottom: 14px;
transition: .3s;
width: 500px;
}

.accordion-005:last-child{
    margin-bottom: 0;
}

.accordion-005 summary {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
padding: 1.2rem;
color: #333333;
font-weight: 700;
cursor: pointer;
}

.accordion-005 summary::-webkit-details-marker {
display: none;
}

.accordion-005 summary::after {
transform: translateY(-25%) rotate(45deg);
width: 7px;
height: 7px;
margin-left: 10px;
border-bottom: 3px solid #333333b3;
border-right: 3px solid #333333b3;
content: '';
transition: transform .3s;
}

.accordion-005[open] summary::after {
transform: rotate(225deg);
}

.accordion-005 p {
transform: translateY(-10px);
opacity: 0;
margin: 0;
padding: .3em 1.2rem 1.2em;
color: #666666;
transition: transform .5s, opacity .5s;
}

.accordion-005[open] p {
transform: none;
opacity: 1;
}

.accordion-005 .paid{
    margin-left: 1.2rem;
    margin-top: -2rem;
    margin-bottom: 2rem;
}

.accordion-005 .info{
    display: inline-block;
    font-weight: 600;
}

.accordion-005 .info{
    text-decoration: none;
}

.cart_sonota .bank{
    margin-left: 1.2rem;
    margin-right: 1.2rem;
    color: #666666;
}

.cart_sonota .bank td{
    padding: 2px;
}

.cart_sonota .bank .cell01,.cell02{
    padding-left: 2px;
}

.cart_sonota .bank .cell01,.cell02,.cell04{
    width: 28.4%;
}

.cart_sonota .bank .cell03{
    width: 14.8%;
    text-align: center;
}

@media screen and (max-width: 750px){
    .cart_sonota{
    margin-top: -30px;
    margin-bottom: 30px;
    }
}

.accordion-005 .cod{
    margin: 10px 0;
    border: 1px solid #666666;
    border-radius: 5px;
    background: #fff;
    color: #666666;
    margin-left: 1.2rem;
    margin-right: 1.2rem;
}

.accordion-005 .cod .left{
    width: 50%;
    text-align: left;
}

.accordion-005 .cod .right{
    width: 30%;
    text-align: right;
}

.accordion-005 .cod th{
    font-weight: 700;
    background: #e6e6e6;
    border: 1px solid #666666;
    padding: 2px 5px;
    text-align: center;
}

.accordion-005 .cod td{
    border: 1px solid #666666;
    padding: 2px 5px;
}
/*=======================================================アカウント移行マニュアル=======================================================*/
.accountManual{
    padding: 0 5px;
}

.accountManual a{
    font-weight: 700;
    text-decoration: underline;
    transition: opacity .4s;
}

.accountManual a:hover{
    opacity: 0.7;
}

.accountManual h3{
    display: inline-block;
    padding: 5px 20px;
    margin: 15px 0;
    background: #333333;
    color: #fff;
}

.account_remove a{
    display: inline-block;
    text-decoration: none;
    padding: 2px 8px;
    color: #fff;
    background-color: #333333;
    border-radius: 90px;
    margin-left: 0;
    margin-right: 2px;
    transition: opacity .4s;
}

.account_remove img{
    display: block;
    border: 1px solid #e5e5e5;
    margin-top: 15px;
    margin-bottom: 15px;
}

.account_remove span{
    color: #ff6666;
    font-weight: 700;
}

.acconutError{
    display: inline-block;
    color: #ff6666;
    border: 2px solid #ff6666;
    border-radius: 10px;
    background-color: #ffe3e3;
    padding: 10px;
}

.acconutError h4{
    position: relative;
    padding: 0;
    margin: 0 0 10px;
}

.acconutError h4:before{
    content: "\f06a";
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    margin-right: 5px;
}

.accountManual a.btn_m{
    background-color: rgba(51, 51, 51, 0);
    border: 1px solid #333;
    color: #333;
    display: block;
    font-size: 1.4rem;
    letter-spacing: 0.3rem;
    margin: 15px 0;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    transition: .4s;
}

.accountManual a.btn_m:hover{
    background-color: rgba(51, 51, 51, 1);
    color: #fff;
    text-decoration: none;
}

/*=======================================================スマホ表示=======================================================*/
@media screen and (max-width: 767px) {
    .main_img_top ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
        margin-top: 10px;
        padding: 0;
    }

    .main_img_top ul li{
        list-style: none;
        margin: 0;
        margin-bottom: 10px;
        max-width: 95%;
        padding: 0;
        width: 1300px;
    }

    .pickupitems ul{
        justify-content: space-around;
        padding: 0 4px;
    }

    .pickupitems ul li{
        max-width: calc(100% / 2 - 2px);
        margin: 0px 4px 4px 0px;
    }

    .pickupitems ul li:nth-of-type(2n){
        margin-right: 0;
    }

    .popular_category .tabGroup .tabMenu{
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 5px;
        justify-content: flex-start;
        margin: 0;
    }

    .popular_category .tabGroup .tabMenu li{
        max-width: 100%;
        padding: 5px 20px;
        font-size: 1.4rem;
    }

    .popular_category .tabGroup .tabMenu li:not(:first-child){
        margin-left: 10px;
    }

    .popular_category .tabContent ul li{
        width: calc(100% / 3 - 7px);
        margin: 0 9px 9px 0;
        font-size: 1.2rem;
    }

    .popular_category .tabContent ul li a{
        padding: 10px 5px;
    }

    .popular_category .active{
        display: block;
        padding: 20px 0;
    }

    .select_from_brand ul{
        padding: 0px 5px;
    }

    .select_from_brand ul li{
        width: calc(100% / 3 + 2px);
    }

    .inquiry_btn a{
        display: block;
        text-align: center;
        padding: 10px;
    }

    .g-title01, .g-title01w{
        font-size: 2.8rem;
    }

    .g-title01_label, .g-title01w_label{
        font-size: 2.6rem;
    }

    #what_is_uedaweb ul li{
        text-align: center;
        width: 45%;
        margin: 0;
    }

    #what_is_uedaweb ul li:nth-child(2n+1){
        margin: 0 10px 10px 0;
    }

    .guide_flex01{
        flex-wrap: wrap;
    }

    .guide_flex01 .p_box01{
        max-width: 100%;
    }

    .guide_flex01 .title{
        font-size: 2.4rem;
    }

    .guide_flex01 .text{
        font-size: 1.6rem;
    }

    #register_uedaweb{
        padding-bottom: 20px;
    }

    #register_uedaweb .flow08 > li dl{
        display: block;
    }

    #register_uedaweb .flow08 > li dl dt{
        width: 100%;
    }

    #register_uedaweb .flow08 > li dl dd{
        width: 100%;
    }

    #register_uedaweb .flow_design09{
        justify-content: space-around;
    }

    #register_uedaweb .flow_design09 li{
        max-width: 30%;
    }

    #register_uedaweb .flow_design10{
        display: block;
    }

    #register_uedaweb .flow_design10 li{
        width: 1200px;
        max-width: 100%;
    }

    #register_uedaweb .flow_design10 li:not(:last-child){
        margin-right: 0;
        margin-bottom: 10px;
    }

    #only_web_campaign .campaign_h{
        border: 3px solid #e8af5b;
        border-radius: 5px;
        padding: 5px 10px;
        text-align: center;
        max-width: 100%;
    }

    .order_step .order_2column{
        display: block;
    }

    .order_step .order_2column .left{
        width: 2000px;
        max-width: 100%;
    }

    .order_step .order_2column .right{
        width: 2000px;
        max-width: 100%;
    }

    .order_step .order_2column .right .btn-wrap{
        text-align: center;
    }

    .order_step .order_2column .right .fukidashi{
        margin-top: 13px;
    }

    .order_step .order_2column .left .png01{
        max-width: 80%;
    }

    #way_to_pay .four_way ul{
        justify-content: space-around;
    }

    #way_to_pay .four_way ul li{
        width: 45%;
        margin: 0;
    }

    #way_to_pay .four_way ul li:nth-child(2n){
        margin: 0 0 10px 10px;
    }

    #way_to_pay .four_way ul li:last-child{
        margin-bottom: 0;
    }

    #way_to_pay .window01{
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
    }

    #way_to_pay .window01 .tab{
        margin-bottom: 0;
    }

    #way_to_pay .window01 .tab span{
        display: initial;
        border-radius: 2px;
        padding: 2px 4px;
        margin: 2px 3px 2px 0;
    }

    #way_to_pay .window01 .tab span:not(:first-child){
        margin-left: 0;
    }

    #way_to_pay #way_furikomi table{
        font-size: 1.3rem;
    }

    .postage_content table{
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .postage_content table::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.1);
        border-radius: 4px;
    }

    #question_and_answer .tabGroup{
        padding: 0 5px;
    }

    #question_and_answer .tabGroup .tabMenu{
        margin: 0 0 15px 0;
    }

    #question_and_answer .tabGroup .tabMenu li{
        font-size: 1.4rem;
    }

    #question_and_answer .accordion-004 {
        padding: 10px;
        font-size: 1.4rem;
        border: 2px solid #666666;
        border-radius: 10px;
        background-color: #fff;
        transition: .3s;
    }

    #question_and_answer .accordion-004 summary:after {
        width: 6px;
        height: 6px;
        top: 0.7rem;
        right: 10px;
        border-bottom: 3px solid #333333;
        border-right: 3px solid #333333;
        transition: transform .3s;
    }

    #question_and_answer .accordion-004 summary span , #question_and_answer .accordion-004 .answer li span{
        font-size: 1.4rem;
    }

    .box_refrain_01{
        display: block;
    }

    .box_refrain_01 .box_content_left img{
        margin-bottom: 10px;
    }

    .box_refrain_02{
        display: block;
        align-items: center;
    }

    .box_refrain_02 .box_content_left{
        border-right: none;
        width: 100%;
    }

    .box_refrain_02 .box_content_right{
        margin-top: 20px;
        width: 100%;
    }

    .box_refrain_02 .box_content_left .image{
        width: 80px;
    }

    .box_refrain_02 .box_content_right .image{
        width: 80px;
    }

    .box_refrain_02 .box_content_left .exp_text{
        width: 100%;
        padding: 0 0 0 20px;
    }

    .box_refrain_02 .box_content_right .exp_text{
        width: 100%;
        padding: 0 0 0 20px;
    }

    .setItems ul li{
        width: 400px;
        max-width: 49%;
    }
}