@charset "UTF-8";
/*------------------------------
 ページ
------------------------------*/
/* fathers
------------------------------*/
.fathers {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN",
    "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro";
  margin: 0 auto 100px;
}
.fathers .sp {
  display: none;
}

.fathers__title .sp {
  display: none;
}

.fathers__content {
  width: 100%;
  background-color: #f6f7f2;
  padding: 45px 50px 30px 50px;
  box-sizing: border-box;
}

/* slider */
.fathers__slider-wrapper,
.fathers__slider-wrapper-031401 {
  position: relative;
  background-color: #ffffff;
  margin-bottom: 62px;
  box-sizing: border-box;
}

.fathers__slider-item-box {
  width: 100%;
  overflow: hidden;
}

.fathers__slider-item {
  width: 100%;
  box-sizing: border-box;
}

.fathers__item-box {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 38px;
}

.fathers__item {
  position: relative;
  width: calc(50% - 25px);
  margin-right: 50px;
}

.fathers__item:first-child::before {
  content: "";
  position: absolute;
  top: 118px;
  right: -36px;
  width: 20px;
  height: 20px;
  background-image: url(/img/usr/event/fathers/icon_plus.png);
  background-size: 100% auto;
  background-position: top left;
  background-repeat: no-repeat;
}

.fathers__item:nth-child(even) {
  margin-right: 0;
}

.fathers__item:first-child::before {
  content: "";
  position: absolute;
  top: 118px;
  right: -36px;
  width: 20px;
  height: 20px;
  background-size: 100% auto;
  background-position: top left;
  background-repeat: no-repeat;
}

.fathers__item-image-box {
  font-size: 0;
  line-height: 0;
  margin-bottom: 12px;
}

.fathers__item-image {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}

img.fathers__item-image {
  width: 190px;
  height: 190px;
}

a.fathers__item-link {
  display: block;
  text-decoration: none;
  font-size: 14px;
}
.fathers__item-image-box a.fathers__item-link {
  width: 100%;
}

.fathers__item-text-box {
  width: 100%;
}

.fathers__item-icon-box {
  display: block;
  margin-bottom: 12px;
}

.fathers__item-icon-box span:not(:first-child) {
  margin-top: 4px;
}

.fathers__item-title {
  color: #555555;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 8px;
}

.fathers__item-price {
  color: #555555;
  font-size: 14px;
  line-height: 17px;
}

.fathers__slider-wrapper .slick-dots {
  position: absolute;
  bottom: -32px;
  left: 50%;
  width: auto;
  font-size: 0;
  line-height: 0;
  text-align: center;
  padding: 0;
  transform: translateX(-50%);
  z-index: 1;
}

.fathers__slider-wrapper .slick-dots li {
  display: inline-block;
  width: auto;
  height: auto;
}

.fathers__slider-wrapper .slick-dots li button {
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  border: 1px solid #555555;
  border-radius: 50%;
  padding: 0;
  margin: 0 7px;
  box-sizing: border-box;
}
.fathers__slider-wrapper .slick-dots li button::before {
  display: none;
}

.fathers__slider-wrapper .slick-dots li.slick-active button,
.fathers__slider-wrapper .slick-dots li button:hover {
  background-color: #555555;
  border: 1px solid #555555;
}

.fathers__slider-wrapper .slide__prev-arrow,
.fathers__slider-wrapper .slide__next-arrow {
  position: absolute;
  top: 239px;
  width: 37px;
  height: 37px;
  font-size: 0;
  line-height: 0;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 1;
}

.fathers__slider-wrapper .slide__prev-arrow {
  left: -19px;
  background-image: url(/img/usr/event/fathers/icon_prev.png);
}

.fathers__slider-wrapper .slide__next-arrow {
  right: -19px;
  background-image: url(/img/usr/event/fathers/icon_next.png);
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

/* button */
.fathers__button {
  width: 332px;
  margin: 0 auto 30px;
}

a.fathers__button-link {
  display: block;
  position: relative;
  width: 100%;
  color: #ffffff;
  font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", "Noto Serif JP",
    "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック体",
    sans-serif, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 62px;
  text-align: center;
  background-color: #871618;
  border-radius: 6px;
  transition: opacity 0.3 ease 0s;
}
a.fathers__button-link:hover {
  opacity: 0.8;
}

.fathers__button-text {
  display: inline-block;
  position: relative;
  padding-left: 49px;
  box-sizing: border-box;
}
.fathers__button-text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 39px;
  height: 42px;
  background-image: url(/img/usr/event/fathers/icon_cart.png);
  background-size: 100% auto;
  background-position: top left;
  background-repeat: no-repeat;
  margin-top: -21px;
}

/* postage */
.fathers__postage {
  text-align: center;
  display: block;
  width: 330px;
}

.fathers__postage-text {
  display: inline-block;
  color: #7e6539;
  font-size: 16px;
  line-height: 24px;
}

.fathers__postage-line {
  display: inline;
  background: linear-gradient(transparent 78%, #fdf2e2 0%);
  padding: 0 2px 0px;
  margin: 0 2px 0 2px;
}

.fathers__postage-line--type2 {
  display: inline;
  background: linear-gradient(transparent 78%, rgba(181, 36, 53, 0.17) 0%);
  padding: 0 2px 0px;
  margin: 0 4px 0 4px;
}

.fathers__text-middle {
  font-size: 23px;
  font-weight: bold;
  line-height: 34px;
}

.fathers__text-large {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
  margin-right: 5px;
}

.fathers__text-middle-after {
  color: #b52435;
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}

.fathers__text-large-after {
  color: #b52435;
  font-size: 53px;
  font-weight: bold;
  line-height: 79px;
  margin: 0 6px 0 7px;
}

/* 既存のタイトルstyle */
.main-contaner {
  width: 980px;
  height: auto;
  margin: 0 auto;
}

/*--------------------------------------------- 
追加コンテンツ  
--------------------------------------------- */
/* fathers */
.fathers__title h2 {
  color: #3D6A83;
  font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", "Noto Serif JP",
    "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック体",
    sans-serif, sans-serif;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 5.85px;
  margin: 40px auto 40px;
}

.fathers__title-sub h3 {
  color: #7e6539;
  font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", "Noto Serif JP",
    "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック体",
    sans-serif, sans-serif;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 20px;
  display: inline-block;
  letter-spacing: 0.2rem;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.fathers__content__anchorlink {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 64px;
}

.fathers__content__anchorlink li:last-child {
  list-style: none;
  padding: 0;
}

.anchorlink-image {
  width: 100%;
}

.anchorlink-image img {
  max-width: 230px;
  height: auto;
}

.anchorlink-image-sp {
  display: none;
}

.fathers__item-tag {
  width: 190px;
  height: 28px;
  text-align: center;
  background-color: #898070;
  line-height: 2;
  border-radius: 100px;
  margin-bottom: 10px;
  color: #ffffff;
  margin-bottom: 10px;
  font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", "Noto Serif JP",
    "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック体",
    sans-serif, sans-serif;
  font-size: 14px;
  letter-spacing: 0.2rem;
}

.fathers__slider-item-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 40px 20px;
}

.fathers__slider-items {
  width: 430px;
  margin-right: 20px;
}

.fathers_deco-text {
  font-size: 0;
  line-height: 0;
  text-align: center;
  margin-bottom: 32px;
}

.fathers_deco-text img {
  display: inline-block;
}

p.fathers__postage-text {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN",
    "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro";
}

p.fathers__postage-text span {
  text-align: start;
  display: inline-block;
  color: #555555;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 50px 0;
}

h2.event_name_img_ {
  font-size: 0;
  line-height: 0;
  margin: 0 auto;
}

.main_read {
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
  margin: 40px auto;
}

.fathers.anchor .fathers__content {
  background: transparent;
  padding: 0;
  padding-top: 4px;
}

/* fathers__column */
.fathers__column {
  margin-top: 90px;
}

.fathers__column-ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.fathers__column-ttl h2 {
  font-family: YuGothic, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", "Noto Serif JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", sans-serif, sans-serif;
  font-size: 35px;
  font-weight: 800;
  color: #3D6A83;
}

.fathers__column-ttl-sm {
  font-size: 24px;
}

.fathers__column-ttl-image1 {
  width: 65px;
  margin-bottom: 12px;
}

.fathers__column-ttl-image2 {
  margin-top: 11px;
  width: 310px;
}

.fathers__column-content {
  margin-top: 50px;
  padding: 41px 0 38px;
  border: solid 20px #E2F0FA;
}

.fathers__column-item {
  margin: 0 auto;
  width: 740px;
  padding-bottom: 45px;
  border-bottom: solid 1px #3D6A83;
}

.fathers__column-item:last-child {
  border: none;
}

.fathers__column-item-ttl {
  font-family: YuGothic, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", "Noto Serif JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", sans-serif, sans-serif;
  font-size: 25px;
  font-weight: 800;
  color: #3D6A83;
  margin-top: 45px;
}

.fathers__column-item-ttl::before {
  content: '';
  display: inline-block;
  margin-right: 11px;
  width: 12px;
  height: 25px;
  background-image: url(/img/usr/event/fathers/icon_column.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
}

.fathers__column-item-txt {
  font-family: "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro";
  margin-top: 36px;
  font-size: 16px;
  line-height: 1.8125;
}
