@charset "shift_jis";
/* CSS Document */


/*▽基本CSS*/

a{ text-decoration:none; color: #000000;}
a img{ border:none; }

/*andoroidフォント指定*/
.Android{
	font-family: Roboto, sans-serif;
}

#teikibin .pc_none{
    display: none;
}

#teikibin .item_box section{
    text-align: left;
    margin-bottom:30px;
}

#teikibin p.none{
    display: none;
}

/*コンテンツ*/
#teikibin{
    width: 900px;
    margin:0 auto;
    padding-bottom: 30px;
}
#teikibin img{
    max-width: 100%;
    text-align: center;
}
#teikibin a{
    color: inherit;
    display: block;
}

/*看板*/
#teikibin > img{
    margin-bottom: 20px;
}
#teikibin .item_box:nth-of-type(2){
    margin-top: 35px;
}

/*注釈*/
#teikibin .question h3{
    background: #eae8e7;
    font-size: 14px;
    padding: 5px;
    color: #222;
}
/*注意事項*/
#teikibin .warning li,
#teikibin .toiawase{
    text-align: center !important;
}

/*全額ポイント還元*/
#teikibin .point_back{
    width: 100%;
    margin: 10px auto;
    background-color: #13afa1;
    text-align: center;
    position: relative;
}
#teikibin .point_back::before{
    content: "";
    width: 15px;
    /* height: 15px; */
    position: absolute;
    bottom: 50%;
    right: 0%;
    border: solid 12px transparent;
    border-left: solid 17px #fff;
    transform: translateY(10px);
}
#teikibin .point_back:hover{
    opacity: 0.8;
}
#teikibin .point_back a{
    padding: 3% 0 4%;
}
#teikibin .point_back h1{
    font-size: 50px;
    color: #fff673;
    line-height: 50px;
}
#teikibin .point_back h2{
    font-size: 40px;
    color: #fff;
}

/*-----------------------------------------------*/
/*ログイン・新規会員登録/
/*-----------------------------------------------*/
#teikibin .login_btn {
    max-width: 900px;
    padding: 4% 0;
    text-align: center;
    /* background-color: #fffbed; */
}

#teikibin .login_btn ul{
    display: flex;
    justify-content: center;
    align-items: center;
}

#teikibin .login_btn ul li{
    width: calc((100% - 73px )/ 2);
    margin: 10px;
}
#teikibin .login_btn ul li a{
    background: #ffffff;
    border-radius: 7px;
    padding: 13px 0;
    font-size: 17px;
    color: #cc0001;
    position: relative;
    box-shadow:0px 5px 0 #d69d9d61;
    top: -3px;
    border: 2px solid #cc0001;
}
#teikibin .login_btn ul li a:hover{
    color:#fff !important;
    background:#a19a9a;
    top: 0px;
    box-shadow:none;
    border: 2px solid #c5bfbf;
}


#teikibin .login_btn ul li a:after {
    font-family: 'Material Icons';
    font-size: 1.3em;
    position: absolute;
    content: "expand_more";
    transform: rotate(270deg);
    bottom:26%;
    right:5%;
    color: #cc0001;
}


#teikibin .login_btn ul li a:hover:after{
    color: #fff;
    right:3%;
}
/* <!-- 0607 A.TAHARA MOD STA --> */
input#E_MAIL {
    width: 300px;
    height: 25px;
}
input#PASS {
    width: 200px;
    height: 25px;
}
.btn-black {
    text-align: center;
    margin: auto;
    margin: 15px 0;
    padding: 5px 0;
}
.register.btn-black {
    text-align: center;
    margin: auto;
    margin-top: 8px;
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    /* line-height: 1; */
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    padding-top: 7px;
}
/* <!-- 0607 A.TAHARA MOD END --> */


/*対象商品*/
#top-sale-items{
    margin: 0 auto 25px;
}
#top-sale-link .sale-link-list li{
    width: calc((100% - 28px)/4) !important;
    margin: 0 5px 10px 0;
    display: inline-block;
}
#top-sale-items .btn-black a{
    color: #fff !important;
}


/*テキスト*/
#teikibin .teikibin_entry_login p,
#teikibin .teikibin_entry_login span.register{
    font-size: 20px;
    line-height: 1.4em;
    margin-bottom: 2%;
    color: #99884d;
}

#teikibin .login_btn > p{
    font-size: 20px;
    color: #ffffff;
    background: #c0b092;
    width: 53%;
    margin: 0 auto;
    border-radius: 60px;
    line-height: 1.3em;
    padding: 10px 0;
}

/*ボタン*/
#teikibin .teikibin_entry_login .btn-black input,
#teikibin .teikibin_entry_login .btn-black a{
    background: #ffffff;
    border-radius: 7px;
    padding: 10px 0;
    font-size: 17px;
    color: #cc0001;
    position: relative;
    box-shadow: 0px 5px 0 #d69d9d61;
    top: -3px;
    border: 2px solid #cc0001;
    width: 100%;
    cursor:pointer;

}
#teikibin .teikibin_entry_login .btn-black input:hover,
#teikibin .teikibin_entry_login .btn-black a:hover{
    color:#fff !important;
    background:#a19a9a;
    top: 0px;
    box-shadow:none;
    border: 2px solid #c5bfbf;
}

/*見出し*/
#teikibin  .sub{
    text-align: center;
    border-bottom: 1px solid;
    padding-bottom: 3px;
    font-size: 22px;
    font-weight: normal;
    margin: 50px  auto 10px;
    letter-spacing: 3px;
    color: #d5570c;
    position: relative;
}
#teikibin .sub span{
    font-size: 30px;
}

#teikibin .kome{
    font-size: smaller;
    vertical-align: top;
    color: #e60112;
}

#teikibin .kome_2{
    color: #e60112;
}

#teikibin .big{
    font-weight: bold;
}

#teikibin .tyuui{
    color: #e60112;
}

/*ボタン*/
#teikibin .btn,
#teikibin .btn2{
    padding: 0 5px;
    width: 830px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

#teikibin dl.p_item dd a,
#teikibin .btn > a{
    position: relative;
    background: #222222;
    color: #fff;
    font-size: 15px;
    border: 1px solid #222222;
    border-radius: 5px;
    padding: 12px 1px;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
}
#teikibin dl.p_item dd a:hover,
#teikibin .btn > a:hover{
    background: #fff;
    color: #222222!important;
}
#teikibin dl.p_item dd a:after,
#teikibin .btn > a:after{
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    top: 0%;
    right: 2%;
    bottom: 0;
    font-family: 'Material Icons';
    font-size: 1.5em;
    position: absolute;
    content: "expand_more";
    transform: rotate(270deg);
}
#teikibin .btn2 > a{
    position: relative;
    background: #fff;
    color: #222222;
    font-size: 15px;
    border: 1px solid #222222;
    border-radius: 5px;
    padding: 12px 1px;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*対象商品4カラム*/
#teikibin #taisho{
    width: 100%;
    margin: 0 auto 70px;
}
#teikibin #taisho .col_4{
    width: 100%;
    margin: 0 auto;
}
#teikibin #taisho .col_4 li{
    width: calc((100% - 28px)/4);
    margin: 0 5px 10px 0;
    display: inline-block;
}
#teikibin #taisho .col_4 li:nth-child(4n){
    margin: 0 0 10px 0;
}
#teikibin #taisho .col_4 li input[type=radio]{
    display: none;
}

/*アンカー*/
#teikibin #anchor{
    margin: 0 auto 50px;
}
#teikibin #anchor .col_2{
    width: 100%;
    margin: 0 5px 10px 0;
}
#teikibin #anchor .col_2 li{
    width: calc((90% - 28px)/2);
    margin: 0 5px 10px 0;
    display: inline-block;
    color: #fff;
    background-color: #e16514d9;
    border: solid 1px #e16514d9;
    position: relative;
}
#teikibin #anchor .col_2 li a{
    font-size: 20px;
    padding: 25px 0;
}
#teikibin #anchor .col_2 li:nth-child(2n){
    margin: 0 0 10px 0;
}
#teikibin #anchor .col_2 li::after{
    content: "";
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translateX(-50%);
    border: 9px solid transparent;
    border-top: 11px solid #fff;
}
#teikibin #anchor .col_2 li:hover a{
    color: #e16514d9 !important;
    background-color: #fff;
}
#teikibin #anchor .col_2 li:hover::after{
    border: 9px solid transparent;
    border-top: 11px solid #e16514d9;
}

/*置き配*/
#teikibin #okihai{
    width: 100%;
    margin: 0 auto 50px;
    /* padding: 3% 0;
    border: solid 2px #e16514d9; */
}
#teikibin #okihai h2{
    color: #fff;
    background-color: #e16514d9;
    padding: 1% 0;
}
#teikibin #okihai .osusume{
    padding: 2% 0 3%;
    border: solid 2px #e16514d9;
}
#teikibin #okihai h3{
    font-size: 24px;
    color: #e16514d9;
    border-bottom: solid 2px #e16514d9;
    padding: 0 10px;
    display: inline-block;
    margin: 10px auto;
}
#teikibin #okihai .men{
    font-size: 20px;
    color: #222;
    border: none;
    padding-right: 50px;
    position: relative;
}
#teikibin #okihai .women{
    font-size: 20px;
    color: #222;
    border: none;
    padding-left: 50px;
    position: relative;
}
#teikibin #okihai .men::before{
    content: "";
    width: 65px;
    height: 65px;
    position: absolute;
    top: -18px;
    right: -10px;
    background-image: url(/IMAGE/teikibin/men.png);
    background-size: contain;
}
#teikibin #okihai .women::before{
    content: "";
    width: 65px;
    height: 65px;
    position: absolute;
    top: -18px;
    left: -21px;
    background-image: url(/IMAGE/teikibin/women.png);
    background-size: contain;
}
#teikibin #okihai .btn{
    padding: 0 5px;
    width: 600px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 10px;
}

/*お客様の声*/
#teikibin #anchor04{
    margin: 0 auto 50px;
}
#teikibin #anchor04 .col_2 li{
    width: calc((100% - 200px)/2);
    margin: 0 15px 15px 0;
    display: inline-block;
    border: solid 2px #e16514d9;
    padding: 22px 10px 22px 75px;
    text-align: left;
    position: relative;
    vertical-align: top;
}
#teikibin #anchor04 .col_2 li:nth-child(2){
    padding: 10px 10px 10px 75px;
}
#teikibin #anchor04 .col_2 li:nth-child(2n){
    margin: 0 0 15px 0;
}
#teikibin #anchor04 .col_2 li::before{
    content: "";
    width: 65px;
    height: 65px;
    position: absolute;
    top: 12px;
    left: 7px;
    background-image: url(/IMAGE/teikibin/review_2.png);
    background-size: contain;
}
#teikibin #anchor04 .col_2 li:nth-child(2)::before{
    background-image: url(/IMAGE/teikibin/review_4.png);
}
#teikibin #anchor04 .col_2 li:nth-child(3)::before{
    background-image: url(/IMAGE/teikibin/review_3.png);
}
#teikibin #anchor04 .col_2 li:nth-child(4)::before{
    background-image: url(/IMAGE/teikibin/review_1.png);
}

/*商品部分2カラム*/
#teikibin .item_list2{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#teikibin .item_list2 > li{
    width: calc(97%/2);
}
#teikibin .item_list2 > li {
    display: block;
    text-align: center;
    border: 1px solid #c4c4c4;
    padding: 10px 0;
    border-radius: 8px;
	margin-bottom: 20px;
    position: relative;
    overflow-x: hidden;
}

#teikibin .item_list2_2{
    display: flex;
    justify-content: space-around;
}
#teikibin .item_list2_2 > li{
    width: calc(97%/2);
}

#teikibin .tokuten{
    text-align: center;
    padding-left: 14px;
    padding-bottom: 3px;
    font-size: 22px;
    background: #e16514d9;
    color: #fff;
    font-weight: normal;
    margin: 50px auto 0px;
    letter-spacing: 2px;
}

/*商品部分3カラム*/
#teikibin .item_list3{
    display: flex;
    justify-content: space-around;
}
#teikibin .item_list3 > li{
    width: calc(95%/3);
}
#teikibin .item_list3 > li{
    display: block;
    text-align: center;
    border: 1px solid #c4c4c4;
    padding: 10px 0;
    box-shadow: 0px 1px 3px #b7b7b7;
    border-radius: 8px;
    position: relative;
    overflow-x: hidden;
}


/*商品名2*/
#teikibin .item_list2 .item_name{
    width: 100%;
    color: #000;
    font-size: 15px;
    text-align: center;
    border-radius: 3px;
}
#teikibin .item_list2 .item_name a{
    display: inline-block;
}
#teikibin .item_list2 .item_name span{
	font-size: 20px;
    color: #d95804;
    text-decoration: underline;
}


#teikibin .item_list2_2 .item_name{
    width: 90%;
    margin: 0 auto -4px;
    padding: 3px 0;
    color: #000;
    border-radius: 20px;
    font-size: 16px;
}

#teikibin .item_list2_2 .item_name span{
	font-size: 21px;
    color: #d95804;
    text-decoration: underline;
}

#teikibin .smallsize{
	font-size: 13px;
}

#teikibin .smallsize_2 a{
    font-size: 13px;
    color: #000000;
    text-decoration: underline;
}

#teikibin .smallsize_2 a ::after{
    font-size: 13px;
    color: #e60012;
    text-decoration: underline;
}


/*商品名3*/
#teikibin .item_list3 .item_name{
    width: 90%;
    margin-left: 17px;
    padding: 3px 0;
    color: #000;
    border-radius: 20px;
    font-size: 17px;
}

/*よくある質問*/
#teikibin .question li{
    text-align: left;
    padding-left: 14px;
    padding-bottom: 3px;
    font-size: 17px;
    background: #c1c1c1;
    font-weight: normal;
    margin: 20px auto 10px;
    letter-spacing: 2px;
    position: relative;
}

#teikibin .question .setumei{
    text-align: left;
    padding-bottom: 3px;
    font-size: 14px;
    font-weight: normal;
    margin: 10px auto 10px;
    position: relative;
}

#teikibin .question .setumei a{
	font-size: 16px;
    color: #e60012;
    text-decoration: underline;
    display: inline-block;
}

#teikibin .question .setumei a::after{
	font-size: 16px;
    color: #e60012;
    text-decoration: underline;
}

#teikibin .toiawase a{
    font-size: 16px;
    color: #222;
    text-decoration: underline;
    display: inline-block;
}

#teikibin .toiawase a::after{
	font-size: 16px;
    color: #e60012;
    text-decoration: underline;
}

#teikibin .item_box li{
    text-align: center;
}

#teikibin .warning li{
    text-align: center;
}

/**********************
■230818追記
**********************/
#teikibin summary{
    width: 100%;
    margin: 20px auto;
    padding: 10px 0;
    font-size: 24px;
    color: #d95804;
    background-color: #fff;
    border: solid 2px #d95804;
    border-radius: 10px;
    text-align: center;
    cursor:pointer;
    position: relative;
}
#teikibin summary::after{
    content: "+";
    width: 25px;
    font-size: 25px;
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translateY(-50%);
}
#teikibin summary:hover{
    color: #fff;
    background-color: #d95804;
    
}
/**********************
■230203追記
**********************/
/*-------
特典
-------*/
#teikibin .item_list2.col_3 li{
    width: calc(97%/3);
    box-sizing: border-box;
    padding: 16px 3px 25px;
}
/* #teikibin .item_list2.col_3 .font_box{
    position: relative;
} */
#teikibin .item_list2.col_3 .font_box .item_name3{
    width: 100%;
    position: absolute;
    top: 13%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
#teikibin .item_list2.col_3 .font_box .item_name3 > img{
    margin-top: 27%;
}


/*-------
対象商品
-------*/
#teikibin .shipping{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#teikibin .shipping li{
    width: 400px;
}
#teikibin .shipping li:nth-child(odd){
    margin-right: 30px;
}
#teikibin .shipping li:nth-child(n+3){
    margin-top: 20px;
}
#teikibin .shipping li a{
    display: block;
    position: relative;
}
#teikibin .shipping li a:hover{
    opacity: 0.8;
}
#teikibin .shipping li a::after{
    font-family: 'Material Icons';
    font-size: 35px;
    position: absolute;
    right: 0;
    bottom: 5px;
    content: "arrow_right";
    color: #fff;
    transition: 0.2s;
}
#teikibin .shipping li:nth-child(3) a::after{
    color: #333;
}
#teikibin .shipping li a:hover:after{
    right: -5px;
}
#teikibin .otoku_gohan{
    display: block;
    width: calc(100% - 70px);
    margin: 20px auto 0;
}
#teikibin .otoku_gohan:hover{
    opacity: 0.8;
}


/*-------
ランキング2カラム
-------*/
#teikibin #anchor01{
    margin: 0 auto 50px;
}
#teikibin .ranking2{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#teikibin .ranking2 li{
    width: 445px;
}
#teikibin .ranking2 li:nth-child(odd){
    margin-right: 9px;
}
#teikibin .ranking2 li a{
    display: block;
    position: relative;
}
#teikibin .ranking2 li a:hover{
    opacity: 0.8;
}
#teikibin .ranking2 li a::after{
    font-family: 'Material Icons';
    font-size: 35px;
    position: absolute;
    right: 0;
    bottom: 5px;
    content: "arrow_right";
    color: #404040;
    transition: 0.2s;
}

#teikibin .ranking2 li a:hover:after{
    right: -5px;
}

/*-------
ランキング3カラム
-------*/
#teikibin .ranking3{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#teikibin .ranking3 li{
    width: 294px;
    margin-top: 9px;
}

#teikibin .ranking3 li:nth-child(2){
    margin: 9px 9px;
}

/* #teikibin .ranking3 li:nth-child(odd){
    margin-right: 6px;
} */
#teikibin .ranking3 li a{
    display: block;
    position: relative;
}
#teikibin .ranking3 li a:hover{
    opacity: 0.8;
}
#teikibin .ranking3 li a::after{
    font-family: 'Material Icons';
    font-size: 35px;
    position: absolute;
    right: 0;
    bottom: 5px;
    content: "arrow_right";
    color: #404040;
    transition: 0.2s;
}
#teikibin .ranking3 li a:hover:after{
    right: -5px;
}

/*共通*/
#teikibin .item_lineup  {
    margin:0 auto 0 auto;
}

/*おすすめ用背景*/
#teikibin .osusume_bg{
    background:#f8e3df;
    padding:1% 2% 0.1% 2%;
    margin-top:3%;
}

/*その他用背景*/
#teikibin .sonota_bg{
    background:#feffdc;
    padding:1% 2% 1% 2%;
    margin-top: 4%;
    margin-bottom: 2%;
}

#teikibin .k_gentei ul[class^="col_"],
#teikibin .item_lineup ul[class^="col_"] {
    text-align: center;
    margin-bottom:1%;
    display: flex;
}

#teikibin .k_gentei ul[class^="col_"] > li a,
#teikibin .item_lineup ul[class^="col_"]  > li a{
    display: block;
    padding:8px 10px 10px 10px;
}

#teikibin .k_gentei ul[class^="col_"] > li,
#teikibin .item_lineup ul[class^="col_"] > li{
    display: inline-block;
    background: #fff;
    vertical-align: top;
    padding: 0;
}

/*商品名*/
#teikibin .k_gentei ul[class^="col_"] > li dd.txt,
#teikibin .item_lineup ul[class^="col_"] > li dd.txt{
    font-size:19px;
    margin:10px 0;
    line-height: 1.3em;
    color: #2e2e2e;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;    
}

/*アイコン*/
#teikibin .k_gentei ul[class^="col_"] > li dd.icon ul > li,
#teikibin .item_lineup ul[class^="col_"] > li dd.icon ul > li{
    display: inline-block;
    color: #1c1c1c;
    font-size: 15px;
    padding: 3px 8px 4px 8px;
    width: auto;
    margin: 0 0 3px 0;
    background: #e5e5e5;
    /* border: 1px solid; */
    line-height: 1.3em;
    
}
#teikibin .k_gentei ul[class^="col_"] > li dd.icon ul > li span,
#teikibin .item_lineup ul[class^="col_"] > li dd.icon ul > li span{
    font-size: 20px;
    font-family: 'Lato';
    font-weight: 800;
}

#teikibin .item_lineup ul[class^="col_"]  > li:hover{
    opacity: 0.9;
}
/*アイコン無し*/
#teikibin .item_lineup ul[class^="col_"] > li .no{
    height:31px;
    
}

/*1カラム*/
#teikibin .item_lineup ul.col_1 > li{
    width: 100%;
    margin: 0;
}

#teikibin .item_lineup ul.col_1 > li a dl{
    display: flex;
    align-items: center;
}
#teikibin .item_lineup ul.col_1 > li a dl dt{
    max-width: 480px;
}
#teikibin .item_lineup ul.col_1 > li a dl div{
    width: 43%;
}

/*2カラム*/
#teikibin .item_lineup ul.col_2 > li{
    width: calc((100% - 24px )/ 2);
    margin: 0 23px 20px 0;
}

/*3カラム*/
#teikibin .k_gentei ul.col_3 > li{
    width: calc((100% - 0px )/ 3);
    margin: 0 23px 20px 0;
}

#teikibin .k_gentei ul.col_3 li:nth-child(3n),
#teikibin .item_lineup ul.col_2 li:nth-child(2n){
    margin-right:0;
}
    
/*ご購入はこちら*/   
#teikibin .k_gentei ul[class^="col_"] > li dd.btn,
#teikibin .item_lineup ul[class^="col_"] > li dd.btn{
    background:#e57c37;
    width: 80%;
    margin: 15px auto 10px auto;
    padding: 10px 0;
    border-radius: 50px;
    font-size: 15px;
    position: relative;
    color:#fff;
    box-shadow:0px 5px 0 #e4daccdb;
    top: -3px;
    
}

#teikibin .k_gentei ul[class^="col_"] > li a:hover dd.btn,
#teikibin .item_lineup ul[class^="col_"] > li a:hover dd.btn{
    background: #a19a9a;
    color:#fff;
    box-shadow: none;
    top:0;
} 
#teikibin .k_gentei ul[class^="col_"] > li dd.btn::after,
#teikibin .item_lineup ul[class^="col_"] > li dd.btn::after {
    font-family: 'Material Icons';
    font-size: 1.3em;
    position: absolute;
    content: "expand_more";
    transform: rotate(270deg);
    bottom:24%;
    right:5%;
    color: #fff;
    
}

#teikibin .k_gentei ul[class^="col_"] > li a:hover dd.btn::after,
#teikibin .item_lineup ul[class^="col_"] > li a:hover dd.btn::after{
    color:#fff;
    right:3%;
}

/*今週の注目アイテム*/
/* 20230315 KOMATUBARA ADD [今週の注目アイテム] STA */
#top-sale-link .top-inner-contents{
	text-align: center;
	padding-bottom: 0;
	padding-top: 20px;
}
#top-sale-link img{
	max-width: 100%;
}
#top-sale-link .sale-link-list{
    display: inline-flex;
    align-items: flex-start;
    gap: 15px;
    justify-content: center;
}
#top-sale-link .sale-link-list li{
	width: 125px;
}
#top-sale-link .sale-link-list li input[type=radio]{
	display: none;
}
#top-sale-link .sale-link-list label{
	cursor: pointer;
	display: block;
}
#top-sale-link .sale-link-list label.inactive{
	opacity: 0.45;
}
#top-sale-link .sale-link-list label.active:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	color: #E50012;
	line-height: 1;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 14px 12px;
	border-top-color: currentColor;
	border-bottom: 0;
}

#top-sale-items [id^="top-sale-content"]{
	display: none;
}
#top-sale-items h2{
	padding: 30px 0;
	padding-top: 0;
	font-size: 26px;
	display: flex;
    align-items: center;
    justify-content: space-between;
}
#top-sale-items .top-inner-contents{
	padding-top: 15px;
}
#top-sale-items .swiper-container{
	padding-bottom: 0;
}
#top-sale-items .btn-black{
	margin-top: 20px;
}
/* 20230315 KOMATUBARA ADD [今週の注目アイテム] END */


/*ピックアップアイテム*/
/*20230316 KOMATUBARA MOD [id除去]*/
.pickup-item-slider{
	overflow: unset;
}
.pickup-item-slider .swiper-slide{
	width: calc(100%/6 - 25px);
	min-width: 150px;
	vertical-align: top;
	margin-right: 25px;
	text-align: left;
}
.pickup-item-slider .swiper-slide .p_img{
	position: relative;
}
.pickup-item-slider .swiper-slide .p_wish{
	display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.pickup-item-slider .swiper-slide .p_wish .icon{
	width: 100%;
	display: flex;
	gap: 2px;
}
.pickup-item-slider .swiper-slide img.p_icon {
	padding: 3px 0;
	width: 60px;
}
.pickup-item-slider .swiper-slide .p_wish .wish{
	display: inline-block;
}
.pickup-item-slider .swiper-slide .p_img img{
	border-radius: 10px;
}
.pickup-item-slider .swiper-slide .p_name{
	/* max-height: calc(1.714em * 2); */
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: normal;
    letter-spacing: normal;
    word-break: break-all;
}


/*************24.4.10***************/

:root {--main: #df6415;}

#teikibin h2{
    text-align: center;
    border-bottom: 1px solid;
    padding: 3px 0 4px 0;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 7px;
    letter-spacing: 2px;
    color: #fff;
    position: relative;
    background:var(--main);
}
/*-----------------------------------------------*/
/*アイコン画像設定*/
/*-----------------------------------------------*/
#teikibin [class^=plazaicon-]{
    font-size: 64px;
    color: var(--main);
    text-align: center;
    display: block;
    height: 62px;
}
#teikibin .plazaicon-login{
    font-size:49px;
}
#teikibin .plazaicon-box_tape{
    margin-top: 5px;
}
#teikibin .plazaicon-cart{
    font-size:54px;
}
#teikibin .plazaicon-servise_rakuraku{
    font-size:70px;
}
#teikibin .plazaicon-gold{
    font-size: 61px;
    margin-top: 6px;
}
#teikibin .plazaicon-category_office{
    font-size: 70px;
}
#teikibin .howto .plazaicon-category_mask,
#teikibin .plazaicon-category_cat{
    margin-left: -18px;
}
/*-----------------------------------------------*/
/*タブ切り替え*/
/*-----------------------------------------------*/
#teikibin .tab-wrap >ul {
    display: flex;
    background: #fff;
    gap: 10px;
    margin: 15px 0;
}
#teikibin .tab-wrap li{
    width:50%;
}
#teikibin .tab-wrap li a{
    padding: 10px 0;
    text-align: center !important;
    list-style: none;
    cursor: pointer;
    font-size: 16px;
    background: #fff;
    color: #222;
    border: #222 1px solid;
    border-radius:50px;
    position: relative;
}
#teikibin .tab-wrap li.active a {
    background: #e56818;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: #e56818 1px solid;
}
/*矢印*/
#teikibin .tab-wrap li a::after {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    top: 18px;
    right: 11%;
    border-top: solid 1px #222;
    border-right: solid 1px #222;
    transform: rotate(135deg);
    
}
#teikibin .tab-wrap li.active a::after {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}
/*hover*/
#teikibin .tab-wrap li.active a:hover {
    color: #fff !important;
}
#teikibin .tab-wrap li a:hover {
    color: #222 !important;
}
#teikibin .tab-wrap li a:hover::after {
    top: 20px;
}

/* 子タブ */
#teikibin .tab-wrap-2 {
    background-color: #fff;
}
#teikibin .tab-wrap-2 ul {
    display: flex;
    gap: 11px;
}
#teikibin .tab-btn-2 {
    width: 50%;
    padding:0;
    text-align: center;
    list-style: none;
    cursor: pointer;
    border-radius: 5px;
    color: #222;
    border: #222 1px solid;
    
}
#teikibin .tab-btn-2 a{
    padding:.7em 0;
}
#teikibin .tab-btn-2 a:hover{
    color: #fff !important;
}
#teikibin .tab-btn-2:hover{
    background: #222;
}
#teikibin .tab-btn-2.show {
    background: #222;
    color: #fff;
}
#teikibin .tab-contents-2 {
    margin: 1em 0 5em 0;
}
/*-----------------------------------------------*/
/*ナビ*/
/*-----------------------------------------------*/
#teikibin .navi{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    border-bottom:none;
    margin-bottom:20px;
}
#teikibin .navi li a{
    display: flex;
    align-items: center;
    padding:11px 0;
    font-size: 15px;
    color:#222;
    text-align:left;
    position: relative;
    flex-direction: column;
    border-radius: 5px;
    background-color:#fff;
    border: #222 1px solid;
    
}
/*-----------------------------------------------*/
/*商品枠デザイン*/
/*-----------------------------------------------*/
#teikibin .pickup-item-slider ul{
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(4, 1fr);
}
#teikibin .pickup-item-slider ul li{
    text-align: left;

}
#teikibin .pickup-item-slider ul .p_name{
overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-weight: 400;
    letter-spacing: normal;
    word-break: break-all;
    font-size: 1em;
    height: 72px;
}

#teikibin .pickup-item-slider ul .icon,
#teikibin .m_price_grid{
    display:none;
}
#teikibin .btn-black a{
    color:#fff !important;
}
#teikibin .btn-black a:hover{
    color:#222 !important;
}
#teikibin .pickup-item-slider .buy_price .intax{
    color:#eb0007;
}
#teikibin .btn-black{
    margin: 15px auto;
    width: 50%;
}
/*-----------------------------------------------*/
/*ご利用方法用・定期便のメリット*/
/*-----------------------------------------------*/
#teikibin .howto{
    display: grid;
    gap: 5px;
}
#teikibin .col_4{
    grid-template-columns: repeat(4, 1fr);
}
#teikibin .col_3{
    grid-template-columns: repeat(3, 1fr);
}
#teikibin .howto .navi-name{
    font-size: 14px;
    line-height: 1.2em;
}
#teikibin .howto .navi-name a{
    color: #e60012;
    text-decoration: underline;
    display: inline-block;
}
#teikibin .howto .navi-name span.num{
    color: #e06515;
    font-size: 20px;
    display: inline-block;
    line-height: 0;
    font-family: 'Lato';
    font-weight: 800;
    margin-right:5px;
}
#teikibin .howto .navi-name span.small{
    font-size: 12px;
    display:block;
}
#teikibin .howto li {
    position: relative;
    padding-bottom:7px;
    color:#4d3d30;
    background: #f7f6f5;
    display: grid;
    text-align: center;
}
#teikibin .howto [class^=plazaicon-]{
    color: #4d3d30;
}
/*10%OFFアイコン*/
#teikibin .howto li.icon10::before{
    content: "";
    position: absolute;
    top:9px;
    left:58px;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    background-size: 100%;
    background-image: url(/IMAGE/teikibin/icon10.png);
}
/*ボタン*/
#teikibin .btn {
    width:70%;
}
#teikibin .btn a{
    background: #4d3d2e;
    border: 1px solid #4d3d2e;
}
#teikibin h4{
    border-left: solid 5px #db2a27;
    padding: 0 0 0 6px;
    margin: 14px 0 8px;
    font-size: 20px;
    letter-spacing: .06em;
    color:#222;
    text-align: left;
    line-height: 1.5em;
}
/*-----------------------------------------------*/
/*お届けスケジュール*/
/*-----------------------------------------------*/
#teikibin .otodoke{
    border: 1px solid #c4c4c4;
    padding: 10px 0;
    border-radius: 8px;
    margin:10px 0;
    text-align: center;
}
/*-----------------------------------------------*/
/*ライトナビ*/
/*-----------------------------------------------*/
@media screen and (max-width: 1300px){
    #teikibin .nav_wrap {
        display: none !important; 
}
}
#teikibin .nav_wrap {
    position:fixed;
    z-index: 11;
	bottom: 0;
	right:0;
    width: 230px;
    height: 100vh;
    background: rgb(229 104 24 / 82%);
}
#teikibin .nav_wrap.panelactive .nav_inner {
    position: fixed;
    z-index: 11;
    width: 2030px;
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
	display: flex;
	justify-content: center;
	align-items: center;
}
/*内容*/
#teikibin .nav_wrap ul {
    position: absolute;
    z-index: 999;
    width:100%;
    top: 30%;
}
/**********▼ PC・SMP共通 数値変更のみ▼**********/
#teikibin .navigation ul li a {
    position: relative;
    display: flex;
    align-items: center;
    padding:1.5em 0 1.5em 1em;
    color: #fff;
    border-bottom: 1px solid #ffffff4d;
    line-height: 1.4em;
    text-align: left;
    justify-content: flex-start;
    
    gap: 1em;
}
#teikibin .navigation ul li img{
    width:20%;
    border-radius: 100px;
}
#teikibin .navigation ul li .navi-name{
    color: #fff;
    font-size: 1em;
}
/*hover*/
#teikibin .navigation ul li a:hover {
    background: #e56818;
}
#teikibin .navigation ul li a:hover::before{
    transform: translateX(2px);
}
#teikibin .navigation ul li:last-child a:hover::after{
    bottom: 3vw;
}
/**********▲ PC・SMP共通 数値変更のみ▲**********/