@charset "UTF-8";

/* -----------------------------------------------------
  hobbyshizuoka
----------------------------------------------------- */

/* common */
#hobbyshizuoka_addon {
  position: relative;
}
#hobbyshizuoka_addon img {
  vertical-align: bottom;
}
#hobbyshizuoka_addon .pb24-slide-normal__img {
  min-height: 0;
}

/* sec */
.hobbyshizuoka-addon {
  position: relative;
  background: #fff;
  overflow: hidden;
}
.hobbyshizuoka-addon::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: #0F4DA1;
  content: "";
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
}
.hobbyshizuoka-addon::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: #EF1C22;
  content: "";
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
}
.hobbyshizuoka-addon > * {
  position: relative;
  z-index: 1;
}
.hobbyshizuoka-pc .hobbyshizuoka-addon {
  padding: 20px;
  border-radius: 6px;
}
.hobbyshizuoka-sp .hobbyshizuoka-addon {
  padding: 5.1282vw 4.6153vw;
  border-radius: 2.0512vw;
}

/* head */
.hobbyshizuoka-addon-hdg {
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #fff;
}
.hobbyshizuoka-pc .hobbyshizuoka-addon-hdg {
  gap: 0 10px;
  font-size: 18px;
}
.hobbyshizuoka-pc .hobbyshizuoka-addon-hdg img {
  width: 218px;
}
.hobbyshizuoka-sp .hobbyshizuoka-addon-hdg {
  gap: 0 2.5641vw;
  font-size: 4.6153vw;
}
.hobbyshizuoka-sp .hobbyshizuoka-addon-hdg img {
  width: 55.8974vw;
}

/* body */
.hobbyshizuoka-addon-body {
  background: rgba(255, 255, 255, 0.7);
}
.hobbyshizuoka-pc .hobbyshizuoka-addon-body {
  margin-top: 10px;
  border-radius: 6px;
}
.hobbyshizuoka-sp .hobbyshizuoka-addon-body {
  margin-top: 3.8461vw;
  border-radius: 1.5384vw;
}

/* foot */
.hobbyshizuoka-addon-foot a {
  display: flex;
  align-items: center;
  background: #222121;
  white-space: nowrap;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
}
.hobbyshizuoka-addon-foot a::after {
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='10' viewBox='0 0 9 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.108 4.644L0 1.176L0.744 0L8.7 4.632L0.744 9.264L0.012 8.076L6.108 4.644Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  content: "";
}
.hobbyshizuoka-pc .hobbyshizuoka-addon-foot {
  position: absolute;
  top: 27px;
  right: 20px;
  z-index: 2;
}
.hobbyshizuoka-pc .hobbyshizuoka-addon-foot a {
  gap: 0 10px;
  padding: 0 15px;
  border-radius: 8px;
  height: 41px;
  font-size: 14px;
}
.hobbyshizuoka-pc .hobbyshizuoka-addon-foot a::after {
  width: 9px;
  height: 10px;
}
.hobbyshizuoka-sp .hobbyshizuoka-addon-foot {
  display: flex;
  justify-content: center;
  padding-top: 5.1282vw;
}
.hobbyshizuoka-sp .hobbyshizuoka-addon-foot a {
  gap: 0 2.5641vw;
  padding: 0 3.8461vw;
  border-radius: 2.0512vw;
  height: 10.5128vw;
  font-size: 3.5897vw;
}
.hobbyshizuoka-sp .hobbyshizuoka-addon-foot a::after {
  width: 2.3076vw;
  height: 2.5641vw;
}

/* slide */
.hobbyshizuoka-sp .pb24-slide-normal .swiper-slide {
  width: 36.4102vw;
}