@charset "Shift_JIS";
/*  非表示：見出し
    r 画像ver[.m-title04_]
    e 画像ver・re テキストver[.m-title03_]
================================================== */
.wrapper_ .m-title04_,
.wrapper_ .m-title03_ {
  display: none;
}
/* --------------------------------------------------------------------
「ひな人形」トップCSS（SP）
--------------------------------------------------------------------- */
/* --------------------------------------------------------------------
共通設定
--------------------------------------------------------------------- */
/* ページ内リンクのスクロール用 */
html {
  scroll-behavior: smooth;
}

/* フォントサイズ（デフォルト） */
#event_wrapper_top,
#event_wrapper_btm {
  font-size: 1.6rem;
  line-height: 1.4;
}

/* 文字数オーバー時に改行させる */
#event_wrapper_top .inblock,
#event_wrapper_btm .inblock {
  display: inline-block;
}

/* デフォルトボタン（.btn_basic）
================================================== */
/* ボタン 右矢印（＞） */
.hina .btn_basic {
  width: 100%;
  max-width: 400px;
  height: 80px;
  margin: 0 auto;
  background: #fff;
  border-radius: 60px;
  box-shadow: 0px 2px 3px 0px rgba(61, 61, 61, 0.15);
}

.hina .btn_basic a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #fff;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: #222;
  border-radius: 60px;
  font-size: 1.6rem;
  line-height: 1.4;
}

.hina .btn_basic a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  border-right: solid 1px #fff;
  border-bottom: solid 1px #fff;
  transform: translateY(-50%) rotate(-45deg);
}

/* --------------------------------------------------------------------
トップページ（.hina）
--------------------------------------------------------------------- */
.hina .bg {
  position: relative;
  z-index: 0;
  padding: 0 4% 20px 4%;
  background: url("/contents/siblings/hina/2025/img/mv_btm_sp.jpg") top center / 100% auto no-repeat #f4f8e2;
}

.hina .bg::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: -20px;
  right: 0;
  width: 60px;
  height: auto;
  aspect-ratio: 133 / 96;
  background: url("/contents/siblings/hina/2025/img/campaign_icon01.png") 0 0 / contain no-repeat;
}
.hina .bg::after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 10px;
  left: 0;
  width: 60px;
  height: auto;
  aspect-ratio: 132 / 140;
  background: url("/contents/siblings/hina/2025/img/campaign_icon02.png") 0 0 / contain no-repeat;
}

.hina .date {
  font-family: '游明朝', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'ＭＳ 明朝', serif;
  color: #2a4c00;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 10px 0;
  background: #e0f8d1;
}

.hina .date span {
  display: block;
}

.hina .date > span:nth-of-type(2) {
  font-size: 2.0rem;
  padding: 6px 0 0 0;
}

/* キャンペーン(.campaign)
================================================== */
.hina .campaign {
  padding: 15px 10px;
  background: #fff;
}

.hina .campaign .member_only {
  color: #c51256;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 0 0 10px 0;
}

.hina .campaign .campaign_inner {
  width: 100%;
}

.hina .campaign .img {
  display: flex;
  justify-content: center;
  max-width: 500px;
  margin: 0 auto;
}

.hina .campaign .img > p {
  width: calc(100% / 2);
  padding: 0 5px;
}

.hina .campaign .img img {
  width: 100%;
  height: auto;
}

/* テキスト */
.hina .campaign .txt {
  padding: 10px 0 0 0;
  text-align: center;
}

.hina .campaign .txt p {
  font-size: 1.3rem;
  padding: 0 0 5px 0;
}

/* ボタン：新規会員登録 */
.hina .campaign .btn_new_regist {
  height: 60px;
  width: 80%;
}

.hina .campaign .btn_new_regist a {
  color: #e84f8a;
  font-weight: bold;
  background: #fff;
  border: 1px solid #e84f8a;
}

.hina .campaign .btn_new_regist a::after {
  border-color: #e84f8a;
}

/* お届けについて(.topic)
================================================== */
.hina .topic {
  padding: 20px 0;
}

/* ボタン：お届けについて */
.hina .topic .btn_topic {
  position: relative;
  z-index: 0;
  height: 80px;
  width: 80%;
  max-width: 600px;
  border-radius: 6px;
}

.hina .topic .btn_topic::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: -14px;
  left: -14px;
  width: 50px;
  height: auto;
  aspect-ratio: 108 / 112;
  background: url("/contents/siblings/hina/2025/img/topic_icon01.png") 0 0 / contain no-repeat;
}
.hina .topic .btn_topic::after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: -20px;
  right: -15px;
  width: 40px;
  height: auto;
  aspect-ratio: 82 / 109;
  background: url("/contents/siblings/hina/2025/img/topic_icon02.png") 0 0 / contain no-repeat;
}

.hina .topic .btn_topic a {
  color: #333;
  font-weight: bold;
  background: #fff7fc;
  border-radius: 6px;
  border: 1px solid #c7025d;
}

.hina .topic .btn_topic a span {
  display: block;
  text-align: center;
}

.hina .topic .btn_topic a .pink {
  color: #c7025d;
}

.hina .topic .btn_topic a::after {
  border-color: #c7025d;
}