@charset "euc-jp";
header{
  transition-duration: .6s;
}
header.headertop{
  background: transparent;
}
header.headertop h1{
  opacity: 0;
}
header.headertop .gNavTrigger span {
	background: #fff;
}
header.headertop .icon_w{
  display: block !important;
  opacity: 1 !important;
}
header.headertop .icon_b{
  display: none;
  opacity: 0;
}

.layout_container {
	margin-top: 0 !important;
}
.slider {
  position: relative;
}
.bx-viewport {
  border: none !important;
  left: 0 !important;
}
#slider div {
  width: 100% !important;
}

.more_prd {
  display: none;
  background-color: #aaa;
  color: #fff;
  font-size: 123.076%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.free_space_block {
  margin-top: 3em;
}

.spice >a img{
  width: 100vw;
}
.spice ul{
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 50px 3.5714286vw;
  background: #3C3C3C;
}
.spice ul li{
  width: 28.5714286vw;
}
.spice ul li img{
  width: 100%;
}
.topic .title_img{
  width: 61.4285714vw;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px){
.spice ul{
  padding: 8vw 4.9333333vw;
}
.spice ul li{
  width: 26.66666676vw;
}
.topic .title_img{
  width: 61.4613333vw;
  margin-bottom: 8vw;
}
}