.sidebox_ h3 {
  background-color:#FFFFFF;
}
.sidebox_ h2 {
  border-bottom: 4px solid #009944 !important;
  margin: 0 0 0px !important;
}
#genretemplate {
  font-weight: 400;
  color: var(--text-color);
  background-image: linear-gradient(
    to bottom,
    var(--bg1-color) 0,
    var(--bg1-color) 350px,
    var(--bg2-color) 350px,
    var(--bg2-color) 100%);
}
.breadcrumb_wapper {
  list-style: none;
  padding: 8px 15px;
  margin: 0;
  background-color: #FFFFFF;
}
.breadcrumb {
  max-width:1200px;
  width:100%;
  margin:auto;
display: flex;
  align-items: center;
}
.breadcrumb-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-size: 14px;
  color: #333;
}
.breadcrumb-item:not(:first-child)::before {
  content: " > ";
  padding: 0 6px;
  color: #a0a0a0;
}
.breadcrumb-item a {
  text-decoration: none;
  color: #333;
}
.breadcrumb-icon {
  vertical-align: middle;
}
.breadcrumb-item.current {
  color: #000;
}

#genretemplate  * {
  box-sizing: border-box;
}

#genretemplate .kasen {
  background: linear-gradient(transparent 60%, var(--uline-color) 0%);
  display: inline;
  padding-inline: 1px;
}

#genretemplate .futoji {
  font-weight: bold;
  font-size: 105%;
}

#genretemplate .template_inner {
  width: min(100%, 1200px);
  margin-inline: auto;
  padding-top: 30px;
}
#genretemplate .template_inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#genretemplate .mv {
  margin-bottom: 60px;
  padding:50px 0 0;
}

#genretemplate .mv img {
  height: auto;
  max-height: 127px;
  width: auto;
  max-width: 100%;
}

#genretemplate .visual_block {
  max-width:1200px;
  width:100%;
  background-color:#FFFFFF;
  border-radius:10px;
  padding:20px 45px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
#genretemplate .visual_block .block {
  display: flex;
  justify-content: center;
  gap: 20px;
  width: 100%;
}

#genretemplate .visual_block .block img {
  width: calc((100% - 20px) / 2);
}
#genretemplate .visual_block .block img:only-child {
  width: auto;
  max-width: 100%;
}

.bread_area+.cat_wrap{
	padding-top: 640px;
  background-color: var(--bg2-color);
}


@media only screen and (min-width: 768px) {
  .sp {display: none;}
  .cat_wrap.event_ {
    position: relative;
  }
  div#genretemplate {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
  }
}
@media only screen and (max-width: 767px) {
  #genretemplate {
    margin: 0px 0 0px;
    padding-block: 48px 0px;
  }
#genretemplate {
  font-weight: 400;
  color: var(--text-color);
  background-color: var(--bg1-color);
  background-image:none;
}
.mm-page .bread_area {
background-color:#FFFFFF;
}
.breadcrumb_wapper {
  display:none;
}
#genretemplate .mv {
  margin-bottom: 60px;
  padding:0 0px 0 0;
}

#genretemplate .mv img {
  height: auto;
  max-height: 127px;
  width: auto;
  max-width: 100%;
}

#genretemplate .visual_block {
  max-width:1200px;
  width:100%;
  background:var(--bg2-color) !important;
  border-radius:10px;
  padding: 40px 40px 0;
  box-shadow: none;
  gap: 0px;
}
#genretemplate .visual_block .block {
  display: block;
  justify-content: center;
  gap: 0px;
  width: 100%;
}
#genretemplate .visual_block .block img {
  width: calc((100% - 20px) / 1);
  margin-bottom:20px;
}
#genretemplate .visual_block .block img {
    width: 100%; 
    margin-bottom: 20px;
    display: block;
  }
#genretemplate .visual_block .block img:nth-of-type(2) {
    display: none;
  }
.bread_area+.cat_wrap{
	padding-top: 640px;
}

.cat {
  background:var(--bg2-color) !important;
  padding-bottom:20px;
}

.cat ul.goods_p_ li {
  background-color:#FFFFFF;
}
.stock_area {
  background-color:#FFFFFF;
}
.sort_area dd select,
.goodssearch_bottom_ .goodssearch_ select {
  background-color:#FFFFFF;
}
}