@charset "UTF-8";

/*=================

    PC

=================*/

/* 共通 */
.sp {
    display: none;
}

.f-red {
    color: #c03030;
}
.f-bold {
    font-weight: 600;
}


/* header */
.c-search__wrap {
    width: 11.5em!important;
}

/* TOP「人気＆定番シリーズ」 */
    /* 並び数の上書き */
    .sec-popular li {
        width: calc(calc(100% - 4em) / 4);
    }
    .sec-popular li:nth-child(n + 4) {
        margin-top: 0;
    }
    .sec-popular li:nth-child(n + 5) {
        margin-top: 2em;
    }


    /* 一覧ボタン */
    .common_btn {
        margin-top: 40px;
    }
    .common_btn a {
        color: #FFFFFF;
        width: 300px;
        text-align: center;
        margin: 0 auto;
        display: block;
        background-color: #24315a;
        border-radius: 3px;
        padding: 15px 0;
    }
        .common_btn a:hover {
            background-color: #666;
        }

    /* PC：webカタログ背景 */
    .pc-cat-bg {
        /* background-color: #f5f5f5; */
        background-color: #24315a;
        height: 40px;
    }
        .pc-cat-bg a {
            color: #FFF;
            line-height: 40px;
        }



/* カテゴリ上部 */
.cat-box {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cat-box .pht-box {
    width: 420px;
}
.cat-box .text-box {
    width: calc(100% - 420px);
    padding-left: 30px;
    line-height: 1.5;
}
    .cat-box .text-box h2 {
        font-size: 2.125em;
        margin-top: 0;
        margin-bottom: 5px;
    }
    .cat-box .text-box p {
        margin-bottom: 12px;
    }
        .cat-box .text-box p:last-child {
            margin-bottom: 0;
        }

/* カテゴリ上部-子カテゴリの動線 */
.cat-box + .cat-sub-list {
    margin-top: 80px;
}
.cat-sub-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
    .cat-sub-list ul li {
        width: 24%;
        margin-right: 1%;
        margin-bottom: 1%;

    }
    .cat-sub-list ul li:nth-child(4n) {
        margin-right: 0;
}
        .cat-sub-list ul li a {
            display: flex;
            align-items: center;
            font-size: 0.95em;
            min-height: 55px;
            line-height: 1.2;
            border: 1px solid #24315a;
            border-radius: 5px;
            padding: 0 30px 0 20px;
        }

        .cat-sub-list ul li a:before {
          content: '';
          width: 8px;
          height: 8px;
          border: 0;
          border-top: 2px solid #24315a;
          border-right: 2px solid #24315a;
          transform: rotate(45deg);
          position: absolute;
          top: 0;
          right: 12px;
          bottom: 0;
          margin: auto;
        }


/* カテゴリ上部-福袋 */
.cat-box-fuku {
    width: 800px;
    margin: 0 auto;
}
.cat-box-fuku .main-img {
    margin-bottom: 20px;
}
.cat-box-fuku h2 {
    font-size: 1.25em;
    margin-bottom: 12px;
    text-align: center;
    line-height: 1.3;
}
.cat-box-fuku .txt {
    margin-bottom: 15px;
}
.cat-box-fuku .fuku-att {
    border: 4px double #24315a;
    padding: 1em;
    text-align: center;
    margin-top: 20px;
}
.cat-box-fuku .fuku-list {

    margin-top: 20px;
}
.cat-box-fuku .fuku-list li{
    margin-bottom: 10px;
    text-indent: -1em;
    padding-left: 1em;
}

/* 会員登録のメリット */
#membership-benefits .benefits-box h5 {
    font-size: 125%;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #24315A;
    margin-bottom: 20px;
}

#membership-benefits .benefits-box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#membership-benefits .benefits-box ul li {
    width: 49%;
    margin-bottom: 20px;
    border: 1px solid #24315A;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
}

    #membership-benefits .benefits-box ul li .bene-num p {
        position: relative;
        font-size: 170%;
        color: #24315A;
        background-color: #EAEDF4;
        border-right: 1px solid #24315A;
        padding: 20px;
        width: 80px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
        #membership-benefits .benefits-box ul li .bene-num p:before {
            content: "merit";
            position: absolute;
            top: 28%;
            font-size: 40%;
            color: #A78652;
        }
    #membership-benefits .benefits-box ul li .bene-txt {
        padding: 20px;
        height: 100%;
    }
    #membership-benefits .benefits-box ul li .bene-txt h6 {
        font-size: 125%;
        font-weight: 500;
        letter-spacing: 0.05em;
        color: #24315A;
        margin-top: 0;
        margin-bottom: 5px;        
    }


/* カート */

/*
#EST_SPS_cart：01カート画面
#EST_SPS_regi：02レジ画面

*/

#EST_SPS_cart .backcolor1.center {
    font-size: 120%!important;
}
#EST_SPS_cart table td,
#EST_SPS_regi table td{
    vertical-align: middle;
}
#EST_SPS_cart #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td {
    font-size: 1rem!important;
}

#EST_SPS_cart .button1 {
    /*background-color: #707070!important; */
}

#EST_SPS_cart input#newMemberBtn {
    font-size: 135%!important;
    height: 56px!important;
    letter-spacing: 0.13em;
    padding: 0;
    vertical-align: middle;
}
#EST_SPS_cart .kago_login {
    font-size: 135%!important;
    height: 56px!important;
}

#EST_SPS_cart #cartNewmem .mainCont input[type="button"]
 {
    min-width: 250px!important;
    height: 55px!important;
    font-size: 120%!important;
    width: auto;
}


#EST_SPS_regi tbody tr td.backcolor1,
#EST_SPS_regi .paytypewrap p {
    font-size: 1em;
}

#EST_SPS_regi #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td {
    font-size: 0.9rem!important;
}



/*=================

    PC：特集

=================*/

/* 共通 */

/*reset*/
.feature-page ul,.feature-page ul li {
    list-style: none!important;
    margin:0!important;
    padding:0!important;
}
#Journal .feature-page p + p,
#Journal .feature-page p + div {
    margin-top: 0;
}


/* 下：余白 */
.bottom-wrap00 {
    margin-bottom: 10px!important;
}

.bottom-wrap01 {
    margin-bottom: 30px!important;
}
.bottom-wrap02 {
    margin-bottom: 60px!important;
}
.bottom-wrap03 {
    margin-bottom: 120px!important;
}

/* 上：余白 */
.top-wrap00 {
    margin-top: 15px!important;
}
.top-wrap01 {
    margin-top: 30px!important;
}
.top-wrap02 {
    margin-top: 60px!important;
}
.top-wrap03 {
    margin-top: 120px!important;
}

/* テキスト周り */
.t-center {
    text-align: center;
}

/* flex */
.flex-com {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flex-com.com-rev {    
    flex-direction: row-reverse;
}
.flex-com.item-center {    
    align-items: center;
}

.flex-com.item02-list li,
.flex-com.item03-list li,
.flex-com.item04-list li,
.flex-com.item05-list li {
    margin-bottom: 4%!important;   
}

.flex-com.item02-list li {
    width: 47%;
}
.flex-com.item03-list li {
    width: 31%;  
}
.flex-com.item04-list li {
    width: 22%;
}
.flex-com.item05-list li {
    width: 18%;
}
.flex-com.item06-list li {
    width: 14%;
}


/* btn */

.feature-page .feature-btn01 {
    max-width: 550px;
    margin: 0 auto;
}

.feature-page .feature-btn01 a {
    display: block;
    font-size: 1em;
    background-color: #202e57;
    color: #FFF;
    text-align: center;
    border-radius: 5px;
    padding: 15px 20px;
}
    .feature-page .feature-btn01 a:hover {
        background-color: #666;
    }

/* tab */
.tab-box ul.tab {
	margin-bottom: 25px!important;
	border: solid 1px #ddd;
}
	.tab-box ul.tab li {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 25%;
		height: 75px;
		font-size: 18px;
		text-align: center;
		cursor: pointer;
		border-right: solid 1px #ddd;
		transition: 0.3s;
		-webkit-transition: 0.3s;
	}
	.tab-box ul.tab li:last-child {
		border-right: none;
	}
    .tab-box ul.tab.tab-item03 li {
        width: 33.3%;
    }
    .tab-box ul.tab.tab-item05 li {
		width: 20%;
    }
	.tab-box ul.tab li:hover {
		background: #202e57;
		color: #fff;
	}
	.tab-box ul.tab li.select {
		background: #202e57;
		color: #fff;
	}

    .hide {
        display: none;
    }



/* レイアウト */
.feature-com-box h3.ttl {
    font-size: 1.5em;
    color: #202e57;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
}
.feature-com-box h4.ttl {
    font-size: 1.2em;
    color: #202e57;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #dddddd;
}
.feature-page p {
    line-height: 1.7;
}

/* mv */
.feature-page .feature-mv p {
    margin-top: 20px;
    margin-bottom: 20px;
}
.feature-page .feature-mv p:last-child {
    margin-bottom: 0;
}

/* 注意 */
.feature-page .feature-attention {
    padding: 30px;
    border: 1px solid #c03030;
    text-align: center;
}
    .feature-page .feature-attention h3 {
        font-size: 1.5em; /* 24px */
        color: #c03030;
        margin-bottom: 20px;
    }

/* ギフト包装 */
.feature-page .feature-gift-box {
    background-color: #f7f7f7;
    padding: 20px;
}

    .feature-page .feature-gift-box .gift-box-main {
        align-items: flex-start;
    }            
        .feature-page .feature-gift-box .gift-box-main .gift-left {
            width: 50%;
        }
            .feature-page .feature-gift-box .gift-box-main .gift-left h3 {
                font-size: 1.5em;
                color: #202e57;
                margin-bottom: 12px;
                line-height: 1.3em;
            }
                .feature-page .feature-gift-box .gift-box-main .gift-left p {
                    margin-bottom: 20px;
                }
                .feature-page .feature-gift-box .gift-box-main .gift-left .att-txt {
                    font-size: 0.8em;
                    padding-left: 1em;
                    text-indent: -1em;
                    margin-bottom: 0;
                }
                .feature-page .feature-gift-box .gift-box-main .gift-left .feature-btn01 {
                    margin-bottom: 0;
                }
        .feature-page .feature-gift-box .gift-box-main .gift-right {
            width: 45%;
        }
    .feature-page .feature-gift-box .gift-box-sub {
        margin-top: 20px;
    }
        .feature-page .feature-gift-box .gift-box-sub ul li {
            width: 23.5%;
            margin-right: 3%;
        }
            .feature-page .feature-gift-box .gift-box-sub ul li figcaption {
                margin-top: 12px;
            }

/* コンテンツ */
.feature-page .feature-com-box .text-box {
    margin-bottom: 30px;
}
.feature-page .feature-com-box .text-box p {
    margin-bottom: 25px;
}
    .feature-page .feature-com-box .text-box p:last-child {
        margin-bottom: 0;
    }
.feature-page .feature-com-box .text-box .flex-left,
.feature-page .feature-com-box .text-box .flex-com.com-rev .flex-right {
    width: 48%;
}
.feature-page .feature-com-box .text-box .flex-right,
.feature-page .feature-com-box .text-box .flex-com.com-rev .flex-left {
    width: 50%;
}

/* item-box */
.feature-page .item-box ul li figure {
    margin-bottom: 20px;
}
.feature-page .item-box ul li h4 {
    font-size: 1em;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 8px;
    color: #202e57;
}
    .feature-page .item-box .ttl-01 h4{
        font-size: 1.15rem;
    }

.feature-page .item-box p.box-text {
    margin-bottom: 20px;
}
.feature-page .item-box ul li p.item-price {
    text-align: right;
    font-size: 115%;
    margin-top: 12px!important;
}
.feature-page .item-box ul li p.item-delivery {
    margin: 15px 0!important; 
}

    .feature-page .item-box ul li p.item-delivery span {
        padding: 5px 10px;
        margin-right: 10px;
        border: 2px solid #dddddd;
    }


/* item-table */
.item-table .com-table01 {
    border-collapse: collapse;
}
.item-table .com-table01 th {
    width: 33.3%;
    padding: 20px 10px;
    font-weight: 600;
    border: 1px solid #dddddd;
    background-color: #f7f7f7!important;
}
.item-table .com-table01 td {
    padding: 20px 10px;
    border: 1px solid #dddddd;
}

/* faq */
.feature-page .faq-acc .ac-box {
    margin-bottom: 12px;
    background-color: #f7f7f7;
    padding: 20px;
}
.feature-page .faq-acc h4 {
    color:#202e57;
    font-size: 1.25em;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dddddd;
}
.feature-page .faq-acc h4:before {
    content: "Q.";
}


/*=================

    PC：商品詳細

=================*/

.item-con {
    width: 550px;
    margin: 0 auto 50px;
}

.item-con .item-txt {
    font-size: 100%!important;
}

/* コンテンツ余白 */

.item-con .item-wrap01 {
    margin-bottom: 60px;
}
.item-con .item-wrap02 {
    margin-bottom: 40px;
}
.item-con .item-wrap03 {
    margin-bottom: 20px;
}

.item-con .top-wrap01 {
    margin-top: 20px;
}

.item-con .item-txt {
    margin-bottom: 12px;
}
.item-con .item-img {
    margin-bottom: 20px;
}
.item-con .item-wrap01:last-child,
.item-con .item-wrap02:last-child,
.item-con .item-wrap03:last-child,
.item-con .item-txt:last-child,
.item-con .item-img:last-child
{
    margin-bottom: 0;
}

/* 見出し・テキスト */
.item-con h2 {
    font-size: 1.625em;
    color: #202e57;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
    line-height: 1.3;
}
.item-con h3 {
    font-size: 1.35em;
    color: #202e57;
    padding-bottom: 12px;
    line-height: 1.3;
}
.item-con h4 {
    font-size: 1.13em;
    padding-bottom: 12px;
    line-height: 1.3;
}

.item-con .font-b{
    font-weight: 600;
}
.item-con .font-gold {
    color: #b08d55;
}

/* リンクボタン */

.item-btn01 a {
    display: block;
    font-size: 1.25em;
    background-color: #202e57;
    color: #FFF;
    text-align: center;
    border-radius: 5px;
    padding: 15px 20px;
}

/* その他 */
.item-att01 {
    border: 4px double #24315a;
    padding: 1em;
    text-align: center;    
}

table.item-table01,
table.item-table01 td,
table.item-table01 th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
table.item-table01 td,
table.item-table01 th {
	padding: 10px 15px;
    vertical-align: middle;
}
table.item-table01 th {
	background: #f5f5f5;
    font-weight: 600;
}



/*=================

    SP

=================*/

@media screen and (max-width:1120px) {
    /* header */
    .l-nav__item > a {
        padding: 0 0.55em!important;
    }

}

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

}

@media screen and (max-width: 768px) {
    
    /* 共通 */
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    
    
    
    /* header */
    .c-search__wrap {
        width: 100%!important;
    }
    
    /* ナビ　Webカタログ */
    .l-header__catalog { 
        width: 5em;
        margin-right: -4.9em;
    }
    .l-header__catalog a { 
        align-items: center;
        background-color: #F5F5F5;
        display: flex;
        height: 5em;
        justify-content: center;
    }
    .l-header__catalog a span { 
        color: #25315A; 
        font-size: .6875em;
        line-height: 1.2;
        margin-top: .85em;
    }
    .l-header__catalog a span::before { 
        content: " ";
        background-image: url(https://okuratouen.com/assets/font/icon_catalog.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: block;
        height: 20px;
        margin-bottom: 5px;
    }
    
    
    
    /* TOP「人気＆定番シリーズ」 */
        /* 並び数の上書き */
        .sec-popular li {
            width: 46%;
        }
        .sec-popular li:nth-child(n + 4) {
            margin-top: 2em;
        }
    
    /* カテゴリ上部 */
    .cat-box {
    }
    .cat-box .pht-box {
        width: auto;
    }
    .cat-box .text-box {
        width: auto;
        padding-left: 0;
    }
    .cat-box .text-box  h2 {
        font-size: 1.8em;
        margin-bottom: 5px;
    }

    /* カテゴリ上部-子カテゴリの動線 */
        .cat-box + .cat-sub-list {
            margin-top: 40px;
        }
        .cat-sub-list ul li {
            width: 49%;
            margin-right: 2%;
            margin-bottom: 2%;

        }
        .cat-sub-list ul li:nth-child(2n) {
            margin-right: 0;
        }
            .cat-sub-list ul li a {
                display: flex;
                align-items: center;
                min-height: 55px;
                line-height: 1.2;
                border: 1px solid #24315a;
                border-radius: 5px;
                padding: 0px 25px 0 15px;
            }
    
    
    
    /* 会員登録のメリット */
    #membership-benefits .benefits-box ul li {
        width: 100%;
    }
    #membership-benefits .benefits-box h5 {
        margin-bottom: 10px;
    }
    #membership-benefits .benefits-box ul li .bene-txt h6 {
        font-size: 110%;
    }
    #membership-benefits .benefits-box ul li .bene-num p:before {
        top: 24%;
        font-size: 50%;
    }
    #membership-benefits .benefits-box ul li .bene-txt {
        padding: 10px;
    }
    
    
    /* 会員登録のメリットSP */
    #membership-benefits.sp-bene .benefits-box ul li {
        margin-bottom: 10px;
    }
    #membership-benefits.sp-bene ul li .bene-txt p {
        display: none;
    }
    #membership-benefits.sp-bene .benefits-box ul li .bene-txt h6 {
        font-size: 109%;
        margin: 0;
        letter-spacing: 0;
    }
    #membership-benefits.sp-bene .benefits-box ul li .bene-num p {
        width: 55px;
        font-size: 150%;
        padding: 10px 0 0 0;
    }
    #membership-benefits.sp-bene .benefits-box ul li .bene-num p:before {
        top: 6%;
        font-size: 50%;
    }
    


    
    
    /* カート */
    
    #mp_link_item1 {
        background-color: #707070!important;
    }
    
    input#cartButtonNewMember,/* 会員登録 */
    input#cartButtonName, /* 購入手続きへ進む */
    input#cartButtonNameLogin /* ログイン */ 
    {
        background-color: #24315a;
        border-radius: .25em;
        color: #fff;
        display: inline-block;
        line-height: 3.3333;
        padding: 0 2em;
    }    
        input#cartButtonNewMember {
            margin-top: 12px;
        }
        input#cartButtonName {
            margin-bottom: 12px;
        }
        input#cartButtonNameLogin {
            margin-top: 20px;
            margin-bottom: 20px;
        }
    
    .formbox_n aside.formcontents input /*会員ログイン時の購入に進む*/ {
        background-color: #24315a;
        border-radius: .25em;
        color: #fff;
        display: inline-block;
        line-height: 3.3333;
        padding: 0 2em;
        border: none;
    }
    
    #cart_login_area .input_l input {
        height: 45px;
        width: 80%;
    }
    #cart_login_area .ar_link_r {
        margin-top: 20px;
    }
        #cart_login_area .ar_link_r a {
            text-decoration: underline;
        }
    
    .cart_guest_area_separator {
        margin: 25px 0;
    }
    
    #cart_guest_area_title,
    #cart_login_area_title,
    #cart_amazon_pay_area_title{
        color: #24315a;
        font-size: 1.3em;
        padding-top: 30px;
        margin-top: 30px;
        border-top: 1px solid #9a9a9a;
    }
        
    .mp_smt_message_member_login {
        padding: 10px 0 20px!important;
    }
    
    aside.formcontents dl dd {
        margin-bottom: 20px;
    }
        aside.formcontents dl dd:last-child {
            margin-bottom: 0;
        }
    
    /* カート：購入者情報 */
    .sps_entryForm h3 {
        font-size: 120%!important;
    }
    .sps_entryForm .form_t p {
        margin-bottom: 5px;
    }    
    .sps_entryForm .input_l input {
        width: 100%;
        height: 45px;
    }
        
    #contents .sps_entryForm .form_t + .form_t, #contents .pi_link {
        margin-top: 1.8em!important;
    }
    
    .sps_entryForm #amazonLoginParts {
        margin-bottom: 40px;
    }
    
    .sps_entryForm .text-center.clearof
    {
        display: flex;
        margin-top: 20px;
    }
    
        .sps_entryForm .text-center.clearof .ar_link_l,
        #formPayment .ar_link_l, /* カート：決済方法 */
        .formnavi .ar_link_l, /* カート：会員・ポイント利用 */
        .formcontents .ar_link_l
        {
            background-color: #707070;
            border-radius: .25em;
            color: #fff;
            display: inline-block;
            line-height: 3.3333;
            padding: 0 2em;
        }
            .sps_entryForm .text-center.clearof .ar_link_l a,
            #formPayment .ar_link_l a, /* カート：決済方法 */
            .formnavi .ar_link_l a,
            .formcontents .ar_link_l a
            {
                color: #fff;
            }
        .sps_entryForm .text-center.clearof .button_or    
        {
            margin-right: 2em;
        }
            .sps_entryForm .text-center.clearof .button_or input,
            #formPayment .bto_r input, /* カート：決済方法 */
            .formnavi .bto_r input, /* カート：会員・ポイント利用 */
            .bto_r input,
            #cartBtnOrderThreeDS
            {
                background-color: #24315a;
                border-radius: .25em;
                color: #fff;
                display: inline-block;
                line-height: 3.3333;
                padding: 0 2em;
                border: 0;
            }
                #formPayment .bto_r,
                .formnavi .ar_link_l {
                    margin-top: 40px;
                    margin-bottom: 20px;
                }
    
    /* カート：決済方法 */
    #contents #formPayment section + section {
        margin-top: 0;
    }
    
    #contents #formPayment .title {
        margin-bottom: 0!important;
    }
    
    #contents #formPayment section h1 {
        margin-top: 2em;
    }
    
    #formPayment .radio {
        margin-top: 20px;
    }
    
    
    
    /*=================

        SP：特集

    =================*/

    /* 共通 */

    /* 下：余白 */
    .bottom-wrap01 {
        margin-bottom: 30px!important;
    }
    .bottom-wrap02 {
        margin-bottom: 40px!important;
    }
    .bottom-wrap03 {
        margin-bottom: 100px!important;
    }

    /* 上：余白 */
    .top-wrap01 {
        margin-top: 30px!important;
    }
    .top-wrap02 {
        margin-top: 60px!important;
    }
    .top-wrap03 {
        margin-top: 120px!important;
    }

    /* flex */
    .flex-com.item02-list li,
    .flex-com.item03-list li,
    .flex-com.item04-list li,
    .flex-com.item05-list li,
    .flex-com.item06-list li {
        width: 47%;
    }
        .slide-box .flex-com {
            flex-wrap: nowrap;
            min-width: 800px;
        }
            .slide-box .flex-com.item05-list {
                min-width: 700px;
            }
        .slide-box .flex-com li {
            width: 47%;
            margin-right: 2%!important;
        }
    
    .flex-com.sp-1col li {
        width: 100%;
        margin-bottom: 50px!important;
    }
        .flex-com.sp-1col li:last-child {
            margin-bottom: 0!important;
        }
     

    /* btn */
    .feature-page .feature-btn01 {
        max-width: auto;
    }
    .feature-page .feature-btn01 a {
        padding: 10px 20px;
        line-height: 1.5;
    }
    /* tab */
        .tab-box ul.tab li,
        .tab-box ul.tab.tab-item05 li {
            font-size: 16px;
            width: 50%;
            height: 55px!important;
            border-bottom: 1px solid #ddd;
        }
        .tab-box ul.tab.tab-item03 li {
            font-size: 16px;
            height: 55px!important;
            line-height: 1.2;
            border-bottom: 1px solid #ddd;
        }
        .tab-box ul.tab li:nth-child(2n) {
            border-right: 0;
        }
        .tab-box ul.tab li:nth-child(n+3) {
            border-bottom: 0;
        }

        .tab-box ul.tab.tab-item03 li:nth-child(2n) {
            border-right: 1px solid #ddd;
            border-bottom: 0;
        }
        .tab-box ul.tab.tab-item05 li:nth-child(n+3) {
            border-bottom: 1px solid #ddd;
        }
        
        .tab-box ul.tab.tab-item05 li:last-child {
            border-right: 1px solid #ddd;
            border-bottom: 0;
            width:100%;
        }

    /* 注意 */
    .feature-page .feature-attention {
        padding: 20px;
    }

    /* ギフト包装 */
    .feature-page .feature-gift-box {
        background-color: #f7f7f7;
        padding: 20px;
    }

        .feature-page .feature-gift-box .gift-box-main {
            align-items: flex-start;
        }            
            .feature-page .feature-gift-box .gift-box-main .gift-left {
                width: 100%;
            }
            .feature-page .feature-gift-box .gift-box-main .gift-right.sp {
                width: 100%;
                margin-bottom: 20px;
            }
        .feature-page .feature-gift-box .gift-box-sub ul li {
            width: 48%;
            margin-bottom: 20px!important;
        }
            .feature-page .feature-gift-box .gift-box-sub ul li:nth-child(n+2) {
                margin-bottom: 0!important;
            }

    /* コンテンツ */
    .feature-page .feature-com-box .text-box .flex-left,
    .feature-page .feature-com-box .text-box .flex-com.com-rev .flex-left {
        width: 100%;
    }
    .feature-page .feature-com-box .text-box .flex-right,
    .feature-page .feature-com-box .text-box .flex-com.com-rev .flex-right {
        width: 100%;
        margin-top: 20px;
    }    
    
    /* item-box */
    .feature-page .item-box ul li a:hover p {
        background-color: unset;
    }
    .feature-page .item-box.slide-box {
        overflow:scroll;
    }
    
    /* item-table */
    .item-table .com-table01 th,
    .item-table .com-table01 td {
        display: table-cell;
    }
    
    /* カテゴリ上部-福袋 */
    .cat-box-fuku {
        width: 100%;
    }
    
    
    /*=================

        SP：商品詳細

    =================*/

    .item-con {
        width: 100%;
    }
    
    /* 見出し・テキスト */
    .item-con h2 {
        padding-bottom: 12px;
        margin-bottom: 12px;
    }
    
    table.item-table01 {
        display: table!important;
        overflow-x: unset!important;
        width: 100%!important;
        white-space: unset!important;
    }
    table.item-table01 td {
        display: table-cell!important;
    }
    
    
    

}/* max-width: 768px 終了 */