#bread,
.area_main { background: #fff9c9!important; }
.searchBox { padding: 30px 40px!important; background: #125; margin-bottom: 60px!important; }
.searchBox .dl_search { display: block;  }
.searchBox .dl_search dt { display: block; margin-bottom: 25px; width: 100%; padding: 10px; background: #fede44; color: #000; text-align: center; font-size: 1.0rem; border-radius: 30px; font-weight: bold; }
.searchBox .dl_search dd { display: block; width: 100%; }
.titleList { margin: 50px 0 30px; padding: 5px 0; font-family: 'panda'; text-align: center; color: #ad802a; font-size: 2.6rem; background: url(/pages/products/assets/images/bg_titlelist.png) center center no-repeat; background-size: auto 80px; }
.area_search { padding-bottom: 0!important; }

@media all and (min-width: 768px) {
  .slider .slide { width: 1000px; }
  .slider .slide img { vertical-align: bottom; width: 100%; }
  .slick-prev { position: absolute; top: 50%; display: block; width: 80px; height: 80px; cursor: pointer; color: transparent; border: none; z-index: 100; background: url(/pages/products/assets/images/arrow_l.png) right top no-repeat; background-size: 80px 80px;  }
  .slick-next { position: absolute; top: 50%; display: block; width: 80px; height: 80px; cursor: pointer; color: transparent; border: none; z-index: 100; background: url(/pages/products/assets/images/arrow_r.png) right top no-repeat; background-size: 80px 80px;  }
  .slick-prev { margin-left: -540px; left: 50%; }
  .slick-next { margin-right: -540px; right: 50%; }
}
@media all and (max-width: 767px) {
  .slider  { width: 100%; }
  .slider .slide  { width: 84vw; }
  .slick-prev { position: absolute; top: 39%; display: block; width: 10vw; height: 10vw; cursor: pointer; color: transparent; border: none; z-index: 100; background: url(/pages/products/assets/images/arrow_l.png) right top no-repeat; background-size: 10vw 10vw;  }
  .slick-next { position: absolute; top: 39%; display: block; width: 10vw; height: 10vw; cursor: pointer; color: transparent; border: none; z-index: 100; background: url(/pages/products/assets/images/arrow_r.png) right top no-repeat; background-size: 10vw 10vw;  }
  .slick-prev { margin-left: 0; left: 1.5%; }
  .slick-next { margin-right: 0; right: 1.5%; }
}


@media all and (min-width: 768px) {
  .bannerList { margin: 0 auto; width: 1000px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
  .bannerList li { width: 48.5%; }
}
@media all and (max-width: 767px) {
  .bannerList { margin: 0 auto; width: 90%; display: flex; flex-wrap: nowrap; justify-content: space-between; }
  .bannerList li { width: 48.5%; }
}


/* 一覧ページ 
---------------------------------------------------------------------------*/
@media all and (min-width: 768px) {
  /*.block_commodity .list_items { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; transition: all .3s; }*/
  .block_commodity .list_items .itemWrap {   display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 1.7%; width: 100%; }
  .block_commodity .list_items .itemWrap::before { content: ""; display: block; width: 23.7%; order: 1; }
  .block_commodity .list_items .itemWrap::after { content: ''; display: block; width: 23.7%; }
  .block_commodity .list_items .itemWrap > div { width: 23.7%; margin: 0 0 60px; transition: box-shadow .3s; }

  .block_commodity .list_items .category,
  #selectedTag { margin: 0 0 25px; padding: 10px; background: #fede44; color: #000; text-align: center; font-size: 1.2rem; border-radius: 30px; width: 100%; }
  .block_commodity .list_items .category.salami,
  .block_commodity .list_items .category.jackie { margin-top: 60px; }

  .block_commodity .list_items .itemWrap > div > div.wrap { background: #fff; box-sizing: border-box; border: solid 3px #f6ab00; border-radius: 1em; padding: 0px; position: relative; }
  .block_commodity .list_items .itemWrap > div > div.wrap .item_thumbnail { margin: 25px 50px 10px 50px; }
  .block_commodity .list_items .itemWrap > div > div.wrap .item_title { margin: 0 20px 8px 20px; }
  .block_commodity .list_items .itemWrap > div > div.wrap .item_text { padding: 16px 20px 14px 20px; background: #f6ab00; color: #fff; line-height: 1.5; }
  .block_commodity .list_items .itemWrap > div > div.wrap .tag_wrap { margin: 0 20px 20px 20px; }

  .block_commodity .list_items .itemWrap > div.tag--new > div.wrap::before { content: 'NEW'; display: inline-block; background: #ff7e00; position: absolute; left: 15px; top: 15px; width: 70px; height: 70px; line-height: 1; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; border-radius: 50%; z-index: 10; font-weight: 700; }
  .block_commodity .list_items .itemWrap > div:hover .wrap { box-shadow: 0 0 10px 0 rgba(204, 136, 0, 0.3); }
  .block_commodity .list_items .itemWrap > div.target--active { pointer-events: none; }
  .block_commodity .list_items .itemWrap > div > a { display: block; position: relative; }
  .block_commodity .list_items .item_thumbnail { position: relative; margin: 0 auto 8%; }
  .block_commodity .list_items .item_thumbnail img { max-height: 100%; }
  .block_commodity .list_items .item_title { min-height: 4em; font-weight: 700; cursor: pointer; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 20px; font-size: 1.25rem; text-align: center; }
  .block_commodity .tag_wrap .list_tags { position: absolute; left: 0; bottom: 0; line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .block_commodity .tag_wrap .list_tags div { margin: 0 15px 0 0; display: inline; }
  .block_commodity .tag_wrap .list_tags div a { font-size: 14px; font-size: 0.875rem; color: #b57d00; }
  .block_commodity .tag_wrap .list_tags div a:hover { text-decoration: underline; }
  .block_commodity .accordion_info { margin: 20px 0 0; background: #fff; padding: 20px 40px 15px; border-radius: 1em; }
  .block_commodity .accordion_info .accordion--btn { font-size: 24px; font-size: 1.5rem; font-weight: 700; color: #f6ab00; position: relative; cursor: pointer; }
  .block_commodity .accordion_info .accordion--btn::before, .block_commodity .accordion_info .accordion--btn::after { content: ''; width: 36px; height: 8px; background: #f6ab00; position: absolute; top: -4px; right: 0; bottom: 0; margin: auto; border-radius: 50px; transform-origin: center; transition: all .5s; }
  .block_commodity .accordion_info .accordion--btn::after { transform: rotateZ(90deg); }
  .block_commodity .accordion_info .accordion--btn.accordion__open::after { transform: rotateZ(0deg); }
  .block_commodity .accordion_info .accordion--contents { margin: 10px 0 20px; display: flex; justify-content: space-between; }
  .block_commodity .accordion_info .table_info { width: 47%; border-top: solid 3px #f6ab00; }
  .block_commodity .accordion_info .table_info tr { border-bottom: solid 3px #f6ab00; }
  .block_commodity .accordion_info .table_info th { padding: 30px; color: #f6ab00; background: #fff9c5; line-height: 30px; box-sizing: border-box; width: 200px; }
  .block_commodity .accordion_info .table_info td { padding: 30px; }
  .block_commodity .accordion_info .table_info p.material01 { padding: 10px 0 8px 50px; background: url(/cms2022/wp-content/themes/yagai_2022/assets/img/icon_pla.svg) no-repeat left center; background-size: 40px auto; }
  .block_commodity .accordion_info .table_info p.material02 { padding: 10px 0 10px 50px; background: url(/cms2022/wp-content/themes/yagai_2022/assets/img/icon_kami.svg) no-repeat left center; background-size: 40px auto; }
  .block_commodity .accordion_info .other_info { width: 47%; box-sizing: border-box; border: solid 3px #f6ab00; border-radius: 1em; padding: 30px 45px; }
  .block_commodity .accordion_info .other_info dl dt { color: #f6ab00; border-bottom: solid 3px #f6ab00; }
  .block_commodity .accordion_info .other_info dl dd { margin: 20px 0; }
  .block_commodity .accordion_info .other_info dl dd small { font-size: 14px; font-size: 0.875rem; }
  .block_commodity .accordion_info .other_info dl dd p + p { margin: 20px 0 0; }
}
@media all and (max-width: 767px) {
  .block_commodity .list_items .itemWrap { width: 90%; padding-bottom: 5vw }
  .block_commodity .list_items .itemWrap::before { content: ""; display: block; width: 23.7%; order: 1; }
  .block_commodity .list_items .itemWrap::after { content: ''; display: block; width: 23.7%; }
  .block_commodity .list_items .itemWrap > div { width: 100%; margin: 0 0 7vw; transition: box-shadow .3s; }
  .block_commodity .list_items .category,
  #selectedTag { margin: 0 0 5vw 0; padding: 10px; background: #fede44; color: #000; text-align: center; font-size: 1.2rem; border-radius: 30px; }
  .block_commodity .list_items .category.salami,
  .block_commodity .list_items .category.jackie { margin-top: 10vw; }
  .block_commodity .list_items .itemWrap > div > div.wrap { background: #fff; box-sizing: border-box; border: solid 3px #f6ab00; border-radius: 1em; padding: 0px; position: relative; }
  .block_commodity .list_items .itemWrap > div > div.wrap h3 { padding: 16px 20px 14px 20px; line-height: 1.5; }
  .block_commodity .list_items .itemWrap > div > div.wrap .item_thumbnail { margin: 5vw auto 3vw auto;}
  .block_commodity .list_items .itemWrap > div > div.wrap .item_title { margin: 0 20px 8px 20px; min-height: auto; }
  .block_commodity .list_items .itemWrap > div > div.wrap .item_text { padding: 16px 20px 14px 20px; background: #f6ab00; color: #fff; line-height: 1.5; }
  .block_commodity .list_items .itemWrap > div > div.wrap .tag_wrap { margin: 0 20px 30px 20px; }
  .block_commodity .list_items .itemWrap > div.tag--new > div.wrap::before { content: 'NEW'; display: inline-block; background: #ff7e00; position: absolute; left: 10px; top: 20vw; width: 60px; height: 60px; line-height: 1; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; border-radius: 50%; z-index: 10; font-weight: 700; }
  .block_commodity .list_items .itemWrap > div:hover .wrap { box-shadow: 0 0 10px 0 rgba(204, 136, 0, 0.3); }
  .block_commodity .list_items .itemWrap > div.target--active { pointer-events: none; }
  .block_commodity .list_items .itemWrap > div > a { display: block; position: relative; }
  .block_commodity .list_items .item_thumbnail { position: relative; margin: 0 auto 8%; }
  .block_commodity .list_items .item_thumbnail img { max-height: 100%; }
  .block_commodity .list_items .item_title { min-height: 4em; font-weight: 700; cursor: pointer; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 20px; font-size: 1.25rem; text-align: center; }
  .block_commodity .tag_wrap .list_tags { position: absolute; left: 0; bottom: 0; line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .block_commodity .tag_wrap .list_tags div { margin: 0 15px 0 0; display: inline; }
  .block_commodity .tag_wrap .list_tags div a { font-size: 14px; font-size: 0.875rem; color: #b57d00; }
  .block_commodity .tag_wrap .list_tags div a:hover { text-decoration: underline; }
  .block_commodity .accordion_info { margin: 20px 0 0; background: #fff; padding: 20px 40px 15px; border-radius: 1em; }
  .block_commodity .accordion_info .accordion--btn { font-size: 24px; font-size: 1.5rem; font-weight: 700; color: #f6ab00; position: relative; cursor: pointer; }
  .block_commodity .accordion_info .accordion--btn::before, .block_commodity .accordion_info .accordion--btn::after { content: ''; width: 36px; height: 8px; background: #f6ab00; position: absolute; top: -4px; right: 0; bottom: 0; margin: auto; border-radius: 50px; transform-origin: center; transition: all .5s; }
  .block_commodity .accordion_info .accordion--btn::after { transform: rotateZ(90deg); }
  .block_commodity .accordion_info .accordion--btn.accordion__open::after { transform: rotateZ(0deg); }
  .block_commodity .accordion_info .accordion--contents { margin: 10px 0 20px; display: flex; justify-content: space-between; }
  .block_commodity .accordion_info .table_info { width: 47%; border-top: solid 3px #f6ab00; }
  .block_commodity .accordion_info .table_info tr { border-bottom: solid 3px #f6ab00; }
  .block_commodity .accordion_info .table_info th { padding: 30px; color: #f6ab00; background: #fff9c5; line-height: 30px; box-sizing: border-box; width: 200px; }
  .block_commodity .accordion_info .table_info td { padding: 30px; }
  .block_commodity .accordion_info .table_info p.material01 { padding: 10px 0 8px 50px; background: url(/cms2022/wp-content/themes/yagai_2022/assets/img/icon_pla.svg) no-repeat left center; background-size: 40px auto; }
  .block_commodity .accordion_info .table_info p.material02 { padding: 10px 0 10px 50px; background: url(/cms2022/wp-content/themes/yagai_2022/assets/img/icon_kami.svg) no-repeat left center; background-size: 40px auto; }
  .block_commodity .accordion_info .other_info { width: 47%; box-sizing: border-box; border: solid 3px #f6ab00; border-radius: 1em; padding: 30px 45px; }
  .block_commodity .accordion_info .other_info dl dt { color: #f6ab00; border-bottom: solid 3px #f6ab00; }
  .block_commodity .accordion_info .other_info dl dd { margin: 20px 0; }
  .block_commodity .accordion_info .other_info dl dd small { font-size: 14px; font-size: 0.875rem; }
  .block_commodity .accordion_info .other_info dl dd p + p { margin: 20px 0 0; }
}

/* 詳細ページ メイン
---------------------------------------------------------------------------*/
@media all and (min-width: 768px) {
  .pop_textBox  { width: 750px!important; }
  .pop_textBox .category { margin-bottom: 15px!important; }
  .pop_textBox .catch { margin-bottom: 5px; color: #ff7800; font-weight: bold; font-size: 1.5rem; }
  .pop_textBox .pop_title { font-size: 2.4rem!important; }
}
@media all and (max-width: 767px) {
  .pop_textBox  { padding-bottom: 5vw!important; }
  .pop_textBox .category { margin-bottom: 3vw!important; }
  .pop_textBox .catch { margin-bottom: 2vw; color: #ff7800; font-weight: bold; font-size: 4.4vw; }
  .pop_textBox .pop_title { font-size: 2.4rem!important; }
}

/* 詳細ページ スペック
---------------------------------------------------------------------------*/
@media all and (min-width: 768px) {
  .block_commodity { width: 100%; }
  .block_commodity .item_popup2 { width: 100%; min-width: 1200px; box-sizing: border-box; background: #ffe893; }
  .block_commodity .item_popup2 .item_wrap { background: #ffdd24; margin: 0 0 40px 0; /*padding-bottom: 100px;*/ }
  .block_commodity .item_popup2 .item_wrap .inner_l { position: relative; min-height: 480px; }
  .block_commodity .item_popup2 .item_wrap .inner_l::after { content: ''; width: 800px; height: 664px; position: absolute; z-index: 5; right: -90px; top: 0; background: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/item_bg.svg) no-repeat; background-size: contain; }
  .block_commodity .item_popup2 .item_wrap .pop_image { width: 450px; height: 450px; overflow: hidden; position: absolute; right: 70px; top: 90px; z-index: 10; }
  .block_commodity .item_popup2 .item_wrap .pop_image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: auto; max-height: 100%; }
  .block_commodity .item_popup2 .item_wrap .pop_textBox { width: calc(100% - 680px); padding: 60px 0 30px; }
  .block_commodity .item_popup2 .item_wrap .pop_textBox .category, { margin: 0 0 25px; }
  .block_commodity .item_popup2 .item_wrap .pop_textBox .category span { display: inline-block; background: #fff; font-weight: 700; padding: 4px 20px 0; border-radius: 50px; color: #f6ab00; margin: 0 10px 0 0; }
  .block_commodity .item_popup2 .item_wrap .pop_textBox .pop_title { font-size: 24px; font-size: 1.5rem; font-weight: 700; line-height: 1.4; margin: 0 0 5px; }
  .block_commodity .item_popup2 .item_wrap .pop_textBox .pop_text { font-size: 20px; font-size: 1.25rem; margin: 0 0 10px; line-height: 2; }
  .block_commodity .item_popup2 .item_wrap .pop_textBox .list_tags { text-align: left; margin: 10px 0 0; }
  .block_commodity .item_popup2 .item_wrap .pop_textBox .list_tags li { display: inline-block; margin: 0 10px 0 0; }
  .block_commodity .item_popup2 .item_wrap .pop_textBox .list_tags a { color: #b57d00; }
  .block_commodity .item_popup2 .item_wrap .pop_textBox .btn_more { margin: 35px 0 0; }
  .block_commodity .item_popup2 .info_wrap { position: relative; z-index: 10; padding: 95px 0 0 0; }
  .block_commodity .item_popup2 .info_wrap .inner_l { position: relative; }
  .block_commodity .item_popup2 .info_wrap .more_bg { min-height: 70px; }
  .block_commodity .item_popup2 .info_wrap .btn_more { margin: 0; }
  .block_commodity .item_popup2 .info_wrap .popup_info { background: #fff; padding: 40px; border-radius: 1em; display: flex; justify-content: space-between; position: relative; z-index: 10; }
  .block_commodity .item_popup2 .info_wrap .popup_info::before { content: ''; width: 3px; height: 85%; background: #f6ab00; position: absolute; left: 29.5%; top: 0; bottom: 0; right: 0; margin: auto; }
  .block_commodity .item_popup2 .info_wrap .popup_info .info_left { width: 62%; }
  .block_commodity .item_popup2 .info_wrap .popup_info .info_right { width: 31%; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl + dl { margin: 30px 0 0; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl dt { font-size: 24px; font-size: 1.5rem; font-weight: 700; color: #f6ab00; margin: 0 0 10px; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap { display: flex; align-items: center; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap + .check_wrap { margin: 20px 0 0; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap p { width: 200px; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem { width: calc(100% - 200px); display: flex; align-items: center; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li { width: 55px; background-repeat: no-repeat; background-position: center top; background-size: 70% auto; padding: 40px 0 0; text-align: center; color: rgba(0, 0, 0, 0.3); text-decoration: line-through; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.check { color: #d72016; text-decoration: none; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy01 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy01.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy01.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy01_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy02 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy02.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy02.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy02_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy03 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy03.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy03.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy03_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy04 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy04.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy04.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy04_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy05 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy05.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy05.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy05_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy06 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy06.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy06.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy06_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy07 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy07.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy07.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy07_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy08 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy08.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy08.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy08_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy09 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy09.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy09.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy09_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy10 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy10.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy10.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy10_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy11 { width: 65px; background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy11.png); background-size: 60% auto; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy11.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy11_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy12 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy12.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy12.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy12_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy13 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy13.png); background-size: 65% auto; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy13.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy13_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy14 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy14.png); background-size: 65% auto; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy14.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy14_on.png); }
  .block_commodity .item_popup2 .info_wrap .list_seibun { display: flex; justify-content: space-between; border: solid 3px #ffcc73; }
  .block_commodity .item_popup2 .info_wrap .list_seibun > li { flex-grow: 1; box-sizing: border-box; text-align: center; }
  .block_commodity .item_popup2 .info_wrap .list_seibun > li + li { border-left: solid 2px #ffcc73; }
  .block_commodity .item_popup2 .info_wrap .list_seibun > li .dt { background: #fff9c5; padding: 5px 0; color: #f6ab00; }
  .block_commodity .item_popup2 .info_wrap .list_seibun > li .dd { padding: 5px 0; font-weight: 700; font-size: 20px; font-size: 1.25rem; }
  .block_commodity .item_popup2 .info_wrap .info_right dd { line-height: 2; }

  /* 詳細情報*/
  .block_commodity .accordion_info { margin: 20px 0 0; background: #fff; padding: 20px 40px 15px; border-radius: 1em; }
  .block_commodity .accordion_info .accordion--btn2 { font-size: 24px; font-size: 1.5rem; font-weight: 700; color: #f6ab00; }
  .block_commodity .accordion_info .accordion--contents2 { margin: 10px 0 20px; display: flex; justify-content: space-between; }
  .block_commodity .accordion_info .table_info { width: 47%; border-top: solid 3px #f6ab00; }
  .block_commodity .accordion_info .table_info tr { border-bottom: solid 3px #f6ab00; }
  .block_commodity .accordion_info .table_info th { padding: 30px; color: #f6ab00; background: #fff9c5; line-height: 30px; box-sizing: border-box; width: 200px; }
  .block_commodity .accordion_info .table_info td { padding: 30px; }
  .block_commodity .accordion_info .table_info p.material01 { padding: 10px 0 8px 50px; background: url(/cms2022/wp-content/themes/yagai_2022/assets/img/icon_pla.svg) no-repeat left center; background-size: 40px auto; }
  .block_commodity .accordion_info .table_info p.material02 { padding: 10px 0 10px 50px; background: url(/cms2022/wp-content/themes/yagai_2022/assets/img/icon_kami.svg) no-repeat left center; background-size: 40px auto; }
  .block_commodity .accordion_info .other_info { width: 47%; box-sizing: border-box; border: solid 3px #f6ab00; border-radius: 1em; padding: 30px 45px; }
  .block_commodity .accordion_info .other_info dl dt { color: #f6ab00; border-bottom: solid 3px #f6ab00; }
  .block_commodity .accordion_info .other_info dl dd { margin: 20px 0; }
  .block_commodity .accordion_info .other_info dl dd small { font-size: 14px; font-size: 0.875rem; }
  .block_commodity .accordion_info .other_info dl dd p + p { margin: 20px 0 0; }
}
@media all and (max-width: 767px) {
  .block_commodity .area_search { }
  .block_commodity .area_search .inner_l {  } 
  .block_commodity .area_search .searchBox { padding: 4.5vw!important; margin-bottom: 7vw!important; box-sizing: border-box; }
  .block_commodity .area_search .searchBox .search_accordion { padding: 0 2vw 0 0; font-weight: 700; position: relative; text-align: center; }
  .block_commodity .area_search .searchBox .search_accordion::before, .block_commodity .area_search .searchBox .search_accordion::after { content: ''; width: 22px; height: 5px; background: #f6ab00; position: absolute; top: 0; bottom: 0; margin: auto; border-radius: 50px; transform-origin: center; transition: all .5s; }
  .block_commodity .area_search .searchBox .search_accordion::before { right: 18px; }
  .block_commodity .area_search .searchBox .search_accordion::after { right: 18px; transform: rotateZ(90deg); }
  .block_commodity .area_search .searchBox .search_accordion.accordion__open::after { transform: rotateZ(0deg); }
  .dl_search { margin-bottom: 0!important;  padding: 0!important; box-sizing: border-box; }
  .dl_search dt { margin-top: 4vw; box-sizing: border-box; }
  .dl_search dd { font-size: 3.4vw; }

  .search_accordion { }
  .block_commodity .item_popup2 { margin: auto; width: 100%; background: #ffe893; }
  .block_commodity .item_popup2.pop--open { opacity: 1; visibility: visible; pointer-events: auto; transform: scale(1); display: block; }
  .block_commodity .item_popup2 .pop_close { position: absolute; z-index: 101; right: 20px; top: 20px; width: 30px; height: 30px; cursor: pointer; }
  .block_commodity .item_popup2 .pop_close::before,
  .block_commodity .item_popup2 .pop_close::after { content: ''; width: 100%; height: 3px; border-radius: 100px; background: #b57d00; position: absolute; transform-origin: center; top: 0; bottom: 0; margin: auto; }
  .block_commodity .item_popup2 .pop_close::before { transform: rotateZ(45deg); }
  .block_commodity .item_popup2 .pop_close::after { transform: rotateZ(-45deg); }
  .block_commodity .item_popup2 .pop_sankaku { content: ''; width: 70px; height: 37px; background: url(/cms2022/wp-content/themes/yagai_2022/assets/img/sankaku3_up.svg) no-repeat; background-size: contain; position: absolute; top: -36px; left: 0; right: 0; margin: auto; }
  .block_commodity .item_popup2 .pop_close2 { margin: 30px 0 0; background: #f6ab00; padding: 28px 0 25px; text-align: center; line-height: 1; color: #fff; }
  .block_commodity .item_popup2 .pop_close2 span { padding: 0 0 0 1.5em; background: url(/cms2022/wp-content/themes/yagai_2022/assets/img/batu--white.svg) no-repeat left center; background-size: 1em auto; }
  .block_commodity .item_popup2 .pop_scroll { position: relative; top: 0; width: 100%; height: 100%; box-sizing: border-box; overflow-y: scroll; background: #ffe893; overflow-x: hidden; }
  .block_commodity .item_popup2 .item_wrap { background: #ffdd24; }
  .block_commodity .item_popup2 .item_wrap .inner_l { position: relative; }
  .block_commodity .item_popup2 .item_wrap .inner_l::after { content: ''; width: 95%; height: 0; padding: 109% 0 0; position: absolute; z-index: 5; right: 0; left: 0; top: 0; margin: auto; background: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/item_bg_sp.svg) no-repeat; background-size: contain; }
  .block_commodity .item_popup2 .item_wrap .pop_image { padding-top: 26vw; width: 56.3%; margin: auto; position: relative; z-index: 10; }
  .block_commodity .item_popup2 .item_wrap .pop_textBox { width: 85%; margin: 10% auto 0; padding: 0 0 2%; }
  .block_commodity .item_popup2 .item_wrap .pop_textBox .btn_more { margin: 6% auto 8%; }
  .block_commodity .item_popup2 .item_wrap .pop_textBox .category { margin: 0 0 5%; }
  .block_commodity .item_popup2 .item_wrap .pop_textBox .category span { display: inline-block; background: #fff; font-size: 15px; font-size: 1.0714285714rem; font-weight: 700; padding: 4px 20px 1px; border-radius: 50px; color: #f6ab00; }
  .block_commodity .item_popup2 .item_wrap .pop_textBox .pop_title { font-size: 31px; font-size: 2.2142857143rem; font-weight: 700; line-height: 1.4; margin: 0 0 3%; }
  .block_commodity .item_popup2 .item_wrap .pop_textBox .pop_text { margin: 0 0 10px; }
  .block_commodity .item_popup2 .item_wrap .pop_textBox .list_tags { text-align: left; margin: 10px 0 0; color: #231815; }
  .block_commodity .item_popup2 .item_wrap .pop_textBox .list_tags li { display: inline-block; margin: 0 10px 0 0; }
  .block_commodity .item_popup2 .item_wrap .pop_textBox .list_tags li a { color: #b57d00; }
  .block_commodity .item_popup2 .info_wrap { position: relative; z-index: 10; }
  .block_commodity .item_popup2 .info_wrap .inner_l { position: relative; }
  .block_commodity .item_popup2 .info_wrap .more_bg { background: #ffdd24; padding: 1% 0; }
  .block_commodity .item_popup2 .info_wrap .more_bg .btn_more { margin: 5% auto 10%; }
  .block_commodity .item_popup2 .info_wrap .popup_info { margin: 8% auto 0; background: #fff; padding: 6% 4%; border-radius: 1em; z-index: 10; width: 90%; box-sizing: border-box; }
  .block_commodity .item_popup2 .info_wrap .popup_info .info_left { margin: 0 0 10%; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl + dl { margin: 8% 0 0; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl dt { font-size: 22px; font-size: 1.5714285714rem; font-weight: 700; color: #f6ab00; margin: 0 0 10px; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap > p { margin: 0 0 2%; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap + .check_wrap { margin: 5% 0 0; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem { display: flex; align-items: center; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li { width: 13.5%; background-repeat: no-repeat; background-position: center top; background-size: 80% auto; padding: 13% 0 0; text-align: center; font-size: 12px; font-size: 0.8571428571rem; color: rgba(0, 0, 0, 0.3); text-decoration: line-through; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.check { color: #d72016; text-decoration: none; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy01 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy01.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy01.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy01_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy02 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy02.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy02.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy02_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy03 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy03.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy03.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy03_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy04 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy04.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy04.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy04_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy05 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy05.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy05.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy05_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy06 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy06.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy06.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy06_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy07 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy07.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy07.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy07_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy08 { width: 15%; background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy08.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy08.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy08_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy09 { width: 13%; background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy09.png); background-size: 95% auto; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy09.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy09_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy10 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy10.png); background-size: 85% auto; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy10.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy10_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy11 { width: 17%; background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy11.png); background-size: 68% auto; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy11.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy11_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy12 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy12.png); background-size: 90% auto; }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy12.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy12_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy13 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy13.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy13.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy13_on.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy14 { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy14.png); }
  .block_commodity .item_popup2 .info_wrap .popup_info dl .check_wrap .list_checkItem li.allergy14.check { background-image: url(/cms2022/wp-content/themes/yagai_2022/assets/img/commodity/allergy14_on.png); }
  .block_commodity .item_popup2 .info_wrap .list_seibun { border: solid 3px #ffcc73; }
  .block_commodity .item_popup2 .info_wrap .list_seibun > li { box-sizing: border-box; display: flex; justify-content: space-between; }
  .block_commodity .item_popup2 .info_wrap .list_seibun > li + li { border-top: solid 2px #ffcc73; }
  .block_commodity .item_popup2 .info_wrap .list_seibun > li .dt { background: #fff9c5; padding: 3% 0 3% 10%; color: #f6ab00; width: 45%; box-sizing: border-box; }
  .block_commodity .item_popup2 .info_wrap .list_seibun > li .dd { width: 55%; padding: 3% 0; font-weight: 700; text-align: center; font-size: 18px; font-size: 1.2857142857rem; }

  /* 詳細情報*/
  .block_commodity .accordion_info { width: 90%; margin: 20px auto 0; background: #fff; padding: 25px 4% 20px; border-radius: 1em; box-sizing: border-box; }
  .block_commodity .accordion_info .accordion--btn2 { font-size: 22px; font-size: 1.5714285714rem; font-weight: 700; color: #f6ab00; line-height: 1; }
  .block_commodity .accordion_info .accordion--contents2 { margin: 6% 0 3%; }
  .block_commodity .accordion_info .table_info { margin: 0 0 8%; border-top: solid 3px #f6ab00; width: 100%; }
  .block_commodity .accordion_info .table_info tr { border-bottom: solid 3px #f6ab00; }
  .block_commodity .accordion_info .table_info th { padding: 20px 10px; color: #f6ab00; background: #fff9c5; box-sizing: border-box; width: 40%; }
  .block_commodity .accordion_info .table_info td { padding: 20px 10px; }
  .block_commodity .accordion_info .table_info p.material01 { padding: 5px 0 2px 35px; background: url(/cms2022/wp-content/themes/yagai_2022/assets/img/icon_pla.svg) no-repeat left center; background-size: 25px auto; }
  .block_commodity .accordion_info .table_info p.material02 { padding: 5px 0 5px 35px; background: url(/cms2022/wp-content/themes/yagai_2022/assets/img/icon_kami.svg) no-repeat left center; background-size: 25px auto; }
  .block_commodity .accordion_info .other_info { box-sizing: border-box; border: solid 3px #f6ab00; border-radius: 1em; padding: 5%; width: 100%; box-sizing: border-box; }
  .block_commodity .accordion_info .other_info dl dt { color: #f6ab00; border-bottom: solid 3px #f6ab00; }
  .block_commodity .accordion_info .other_info dl dd { margin: 4% 0 6%; }
  .block_commodity .accordion_info .other_info dl dd small { font-size: 12px; font-size: 0.8571428571rem; }
  .block_commodity .accordion_info .other_info dl dd p + p { margin: 20px 0 0; }
}


/* 追加 */
@media all and (min-width: 768px) {
  .block_commodity .banner { margin: 40px 0; display: flex; flex-wrap: nowrap; justify-content: space-between; }
  .block_commodity .banner li {  width: 48.8%; }
  .block_commodity .banner.single li { margin: 0 auto;}
  .block_commodity .banner li img { width: 100%; vertical-align: bottom; }
  .block_commodity .reccomend { margin-top: 40px; padding: 40px 0; background: #fedd4c; }
  .block_commodity .reccomend h3 { margin-bottom: 35px; text-align: center; font-size: 1.4rem; }
  .block_commodity .reccomendInner { display: flex; flex-wrap: nowrap; justify-content: center; width: 1250px; margin: 0 auto;}
  .block_commodity .reccomendInner li { margin: 0 1.5%; width: 22%; text-align: center; }
  .block_commodity .reccomendInner dt { padding: 80px 60px 40px 60px; background: url(/pages/products/assets/images/bg_recommend.png) center top no-repeat; background-size: 100% auto; }
  .block_commodity .reccomendInner .catch { margin: 5px 0; font-size: 0.95rem; color: #ff7800; line-height: 1.6; }
  .block_commodity .reccomendInner .name { font-weight: bold; font-size: 1.3rem; line-height: 1.6; }
  .block_commodity .btnProducts { margin-top: 40px; padding-bottom: 40px; text-align: center; }
  .block_commodity .btnProducts a { position: relative;  display: block; margin: 0 auto; padding: 15px; width: 250px; border-radius: 40px; background: #ff7800; color: #fff; font-weight: bold; font-size: 1.2rem; }
  .block_commodity .btnProducts a::after { display: block; content: ""; position: absolute; top: 50%; right: 10px; width: 0; height: 0; margin-top: -10px; border: 10px solid transparent;	border-left: 14px solid #fbde53; }
}
@media all and (max-width: 767px) {
  .block_commodity .banner {  margin: 30px auto; width: 90%; }
  .block_commodity .banner li { margin-bottom: 20px;}
  .block_commodity .banner li img { width: 100%; vertical-align: bottom; }
  .block_commodity .reccomend {margin-top: 20px; padding: 40px 0; background: #fedd4c; }
  .block_commodity .reccomend h3 { width: 90%; margin: 0 auto 3vw auto; text-align: left; font-size: 4vw; text-align: center; }
  .block_commodity .reccomendInner { display: flex; flex-wrap: wrap; width: 95%; margin: 0 auto; }
  .block_commodity .reccomendInner li { margin: 0; width: 50%; text-align: center; }
  .block_commodity .reccomendInner li:nth-child(3),
  .block_commodity .reccomendInner li:nth-child(4) { margin-top: 5vw; }
  .block_commodity .reccomendInner dl { margin: 0 3%; }
  /*.block_commodity .reccomendInner dt { padding: 80px 60px 40px 60px; /*background: url(/products/assets/images/bg_recommend.png) center top no-repeat; background-size: 100% auto; }*/
  .block_commodity .reccomendInner .catch { margin: 2vw 0; font-size: 2.9vw; color: #ff7800; line-height: 1.4; }
  .block_commodity .reccomendInner .name { font-weight: bold; font-size: 3.4vw; line-height: 1.5; }
  .block_commodity .btnProducts { margin-top: 40px; padding-bottom: 40px; text-align: center; }
  .block_commodity .btnProducts a { position: relative;  display: block; margin: 0 auto; padding: 15px; width: 70%; border-radius: 40px; background: #ff7800; color: #fff; font-weight: bold; font-size: 3.5vw; }
  .block_commodity .btnProducts a::after { display: block; content: ""; position: absolute; top: 50%; right: 10px; width: 0; height: 0; margin-top: -10px; border: 10px solid transparent;	border-left: 14px solid #fbde53; }
}