/* カスタマイズ用CSS */
@media only screen and (max-width: 767px){
   .slick-track  br.pc-only{
        display: none !important;
    }
}
br.pc-br02 {
    display: none;
}

/*alls*/
.item-contextbox03 {
    margin: 10px;
}
.item-box01 br {
    display:none;
}
.item-box01 dl {
    margin-bottom: 0;
}
.item-box01 dt {
    border-left: 6px solid #333 ;
    padding: 10px;
}
.item-box01 dd{
    padding-left:15px ;
}
.item-box02s h3{
    background: #333;
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding: 15px 20px;
}

.shoplist-box h3 {
    border-left:double 10px #333;
    border-bottom: none;
    padding:10px 10px;
    margin: 10px 10px;
    font-weight: 600; 
}
.item-box02s h4{
    border-left:double 10px #333;
    padding:10px 15px;
    margin: 10px 15px;
    font-weight: 600;
}


.guide-box h4 {
        border-left:double 10px #333;
        background: #ededed;
    padding:10px 10px;
    margin: 10px 15px;
    font-weight: 600;
}

.privacypolicy-box h4{
       border-left:solid 6px #333;
    background: #ededed;
    padding:10px 15px;
    margin: 10px 15px;
    font-weight: 600;
}
.guide-box h5{
    border-left:solid 6px #333;
    padding:10px 10px;
    margin: 10px 15px;
    font-weight: 600;
}
.item-contextbox0202 p,
.privacypolicy-box p
{
   margin: 5px 10px; 
}

.guide-box p {
    margin: 10px 25px;
}
.item-box02s {
    margin: 5px;
    padding: 15px;
}
.item-box02s p,
.privacypolicy-box p,
.guide-box p,
.shoplist-inbox p{
     line-height: 2.0;
    
}

.shoplist-box p {
    padding-left: 20px;
    padding-right:20px ;
}
.item-box02,
.item-box03 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.item-box02 p{
    padding: 10px 15px;
}
.item-contblbox03 {
    padding-top: 15px;
}

.privacypolicy-box ol {
    margin-left: 10px;
    margin-right: 10px;
    
}

.privacypolicy-box ol {
    line-height: 1.8;
}

.guide-box  dl{
    padding-top:20px;
    padding-bottom: 20px;
}

.guide-box dt {
    
}

.guide-box dd {
    padding-left: 10px;
    padding-right: 10px;
}
/*tbl*/
table.item03-tbl {
    width: 100%;
}
table.item03-tbl th {
    width: 30%;
    text-align: left;
    font-weight: 600;
    color: #fff;
    background:#333;
    border: none;
    border-bottom: solid #fff 1px;
    padding: 15px 20px;
}

table.item03-tbl td {
    padding: 15px 45px;
    border: 1px solid #6a6a6a;
    width: 70%;
}
table.item03-tbl td > ul {
    margin-bottom:0;
}
.privacypolicy-inbox01,
.privacypolicy-inbox02,
.privacypolicy-inbox03,
.privacypolicy-inbox04,
.privacypolicy-inbox05,
.privacypolicy-inbox06,
.privacypolicy-inbox07,
.privacypolicy-inbox08,
.privacypolicy-inbox09,
.privacypolicy-inbox10,
.privacypolicy-inbox11 {
    padding-bottom:15px;
}

.privacypolicy-inbox01 p,
.privacypolicy-inbox02 p,
.privacypolicy-inbox03 p,
.privacypolicy-inbox04 p,
.privacypolicy-inbox05 p,
.privacypolicy-inbox06 p,
.privacypolicy-inbox07 p,
.privacypolicy-inbox08 p,
.privacypolicy-inbox09 p,
.privacypolicy-inbox10 p,
.privacypolicy-inbox11 p {
 padding:10px;
}

.guide-inbox01,
.guide-inbox02,
.guide-inbox03,
.guide-inbox04,
.guide-inbox05,
.guide-inbox06,
.guide-insttl0201,
.guide-insttl0202,
.guide-insttl0203,
.guide-instext0301,
.guide-instext0302,
.guide-instext0303,
.guide-instext0401,
.guide-instext0402,
.guide-instext0601,
.guide-instext0602{
    padding-bottom:15px;
    padding-top: 15px;
}


.agreement-box dt {
           border-left:solid 6px #333;
            background: #ededed;
    padding:10px 15px;
    margin: 10px 15px;
    font-weight: 600;
}

.agreement-box dd {
    line-height: 2.0;
    margin-left: 20px !important;
    margin-right:20px !important;
    padding-top:15px;
    padding-bottom:15px ;
}

.shoplist-inbox01,
.shoplist-inbox02,
.shoplist-inbox03 {
    padding-top: 20px;
    padding-bottom:20px ;
}
.shoplist-intext03{
    text-align: center;
}
.shoplist-inbtn03{
    width:250px;
    background: #333;
    height: auto;
    color: #fff !important;
    margin: 40px auto;
    padding: 25px 15px;
    text-align: center;
    font-weight: 600;
}

.shoplist-inbtn03 a{
    color: #fff;
}



@media only screen and (max-width: 767px) {
    table.item03-tbl{
        
    }
    table.item03-tbl th,
    table.item03-tbl td {
        width: auto;
        display:block;
        text-align: center;
    }
    table.item03-tbl td {
        padding: 15px 10px;
    }
    
     table.item03-tbl td > ul {
         text-align: left;
     }
     .privacypolicy-inbox01 p,
.privacypolicy-inbox02 p,
.privacypolicy-inbox03 p,
.privacypolicy-inbox04 p,
.privacypolicy-inbox05 p,
.privacypolicy-inbox06 p,
.privacypolicy-inbox07 p,
.privacypolicy-inbox08 p,
.privacypolicy-inbox09 p,
.privacypolicy-inbox10 p,
.privacypolicy-inbox11 p{
    padding: 5px;
}

.privacypolicy-box ol {
    margin-left: 5px;
    margin-right: 5px;
}
}

.shoplist-onboxs0101,
.shoplist-onboxs0201 {
    display: flex;
    padding-top:30px;
    padding-bottom: 30px;
    margin: 10px;
}

.shoplist-onbox0101a,
.shoplist-onbox0101b,
.shoplist-onbox0101c,
.shoplist-onbox0201a,
.shoplist-onbox0201b,
.shoplist-onbox0201c{
    width: 33.3%;
}

.shoplist-box h4{
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 15px;
    background:  #333;
    margin-top:0 ;
}
.shoplist-box h4:hover,
.shoplist-inbtn03:hover{
    background: #C8AF75;
}
.shoplist-box h4 > a {
    color: #fff;
} 

@media only screen and (max-width: 767px)  {
  .shoplist-onboxs0101,
.shoplist-onboxs0201 {
    display:blok;
}  
.shoplist-onbox0101a,
.shoplist-onbox0101b,
.shoplist-onbox0101c,
.shoplist-onbox0201a,
.shoplist-onbox0201b,
.shoplist-onbox0201c{
    width: auto;
}
}
@media only screen and (max-width: 1386px) {
.ec-headPromotionRole__content.title.words.chars.splitting {
    margin-top: 70px;
    padding-top:60px;
}
}
@media only screen and (max-width: 767px)  {
.ec-headPromotionRole .title.words.chars.splitting {
         margin-top: 10px;
    padding-top:10px;   
    }
.ec-headPromotionRole .words.chars.splitting span.word {
        font-size: 5.2vw !important;
    }
}
.ec-headPromotionRole .title.words.chars.splitting {
    line-height:0.7;
}
.ec-headPromotionRole .title.words.chars.splitting span.word {
    font-size: 3.2vw;
    line-height:0.7;
    color: #988250;
}
/*.title.words.chars.splitting span.word {
    font-size: 4.6vw;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: 600;
}
.title.words.chars.splitting span.word {
  font-size: 4.6vw;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.title.words.chars.splitting span.word {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 400;
  font-style: normal;
}*/
@media only screen and (max-width: 767px) {
    .ec-headerTitle {
        left: 44%;
    }
    .ec-headerTitle a img {
        height: 42px;
    }
}
.guide-box h4 {
    border: none !important;
    font-size: 1.5em;
    font-weight:400;
}
.guide-box h5 {
    font-size: 1em;
}

.drawer_block {
    display: block;
}

.icon-btnconinbox {
    display:flex;
    margin: 10px;
}

.icon-btn01,
.icon-btn02,
.icon-btn03 {
     width: calc(100% / 3 - 10px);
     background: #fffaf0;
     margin: 5px;
     box-shadow: 5px 5px 5px #ededed;
}

.icon-btn01:hover,
.icon-btn02:hover,
.icon-btn03:hover {
    background: #C8AF75;
}

.icon-img01 img,
.icon-img02 img,
.icon-img03 img{
    width: 50%;
}


.icon-btnconbox {
    display: flex;
    justify-content: center;
    margin: 150px auto 15px;
}

.ippin-conbox {
    display: flex;
    margin: 50px 30px;
}
.ippin-conimgbox{
    width: 45%;
    height: auto;
    padding:10px;
    text-align: center;
}
.ippin-intextbox {
    width: 55%;
    padding:10px;
    margin: 20px 30px;
    text-align: center;
    background: #eaeaea;
}
.ippin-logobox {
    width: 50%;
    height: auto;
    text-align: center;
    margin: 10px auto;
}
.ippin-textbox p {
    padding: 30px 10px;
}

.icon-inbtn01,
.icon-inbtn02,
.icon-inbtn03 {
    text-align: center;
    margin: 10px;
}

.ippin-btnbox a {
    color: #fff !important;
    background:#C8AF75 ;
    border-radius: 1.3em;
    padding: 15px 10px;
    
}
.ippin-btnbox a:hover {
    background: #9D6357;
}

@media only screen and (max-width: 767px) {
    .ippin-conbox {
        display: block;
    }
    .ippin-intextbox,
    .ippin-conimgbox{
        width: auto;
        padding: 15px 10px;
    }
    .ippin-logobox  {
        width: auto;
    }
}

p.ec-provision__heading {
    margin: auto 5px;
}

h3.title.words.chars.splitting {
    font-size: 3.2vw;
}

span.red-word01 {
    color: #ff0000;
}
table.item04-tbl {
    margin: 40px 10px 65px;
    width: 100%;
}
table.item04-tbl th {
    width: 35%;
    text-align: left;
    vertical-align: middle;
    background: #333;
    color: #fff;
    font-weight: 600;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 15px;
}

table.item04-tbl td {
    width: 65%;
    border: 1px solid #6a6a6a;
    padding: 15px 30px;
}

@media only screen and (max-width: 767px) {
    table.item04-tbl {
        
    }
    table.item04-tbl th,
    table.item04-tbl td {
        display: block;
        width: auto;
        text-align: center;
        padding: 15px 10px;
    }
    
    table.item04-tbl td > ul {
        text-align: left;
    }
}


/*食パン郡丸　絹王タイプ*/
.item-boxtyp02 h3 {
    background: #333;
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding: 15px 20px;
}
.item-boxtyp02 h4 {
    border-left: double 10px #333;
    padding: 10px 15px;
    margin: 10px 15px;
    font-weight: 600;
}

.item-coninboxtyp02a,
.item-coninboxtyp02b{
    display: flex;
}

.item-coninboxtypimg02a,
.item-coninboxtyptext02a,
.item-coninboxtyptext02b,
.item-coninboxtypimg02b {
    width:50%;
    padding: 10px;
}
@media only screen and (max-width: 767px) {
    .item-coninboxtyp02a {
        display: block;
    }
    .item-coninboxtyp02b {
       flex-direction: column;
    }
    .item-coninboxtypimg02a,
    .item-coninboxtyptext02a,
    .item-coninboxtyptext02b,
    .item-coninboxtypimg02b {
    width :auto;
    }
    
    .item-coninboxtypimg02b {
        order: -1;
    }
    
    .item-coninboxtyptext02b {
        order: 1;
    }

}

li.ec-productRole__tag.tag_5,
p.tag.tag_5{
    background:#f08300;
    color: #fff;
}
li.ec-productRole__tag.tag_4,
p.tag.tag_4{
    background: #f09199;
    color: #fff;
}
li.ec-productRole__tag.tag_1,
p.tag.tag_1{
    background:#c9171e ;
    color: #fff;
}

li.ec-productRole__tag.tag_2,
p.tag.tag_2{
    background:#2ecfe8 ;
    color: #fff;
}

/*2025 0317add*/
.ranking-box {
    padding-top:100px ;
}
.ranking-box p {
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .ranking-box {
        padding-left:6.25vw ;
        padding-right: 6.25vw;
        margin-top: 6.25vw;
        padding-top: 0;
    }
    .icon-btnconbox {
        margin-top: 10px;
    }
}

.ec-productItemRole__content h3.ec-productItemRole__title:hover {
    border-bottom: 6px double #000;
    padding-bottom: 3px;
}

.add-infotextbox p{
    color: red;
    font-size: 20px;
    font-weight: 600;
}

.item-addbox01 p {
    color: red;
    font-weight: 600;
}
.ranking-box p:nth-child(5){
    display: none;
}