@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500&family=Shippori+Mincho+B1:wght@500;700&display=swap');

/* 共通 */
.pane-contents {padding-top: 150px !important;}
@media (max-width: 768px) {
.pane-contents {padding-top: min(180px, calc(180 / 750 * 100vw))}
}

.page-oseibo {
  --c-bg: #F9F5EC;
  --c-beige: #F7ECDA;
  --c-white: #FFFFFF;
  --c-text: #333333;
  --c-black: #000000;
  --c-red: #A4262A;
  --c-recom: #A82E29;
  --c-bar: #333333;
  --c-badge: #E2B43D;
  --c-btn: #CA951F;
  --c-line: #D8D8D8;
  --c-sub-line: #D19294;
  --ff-mincho: "Zen Old Mincho", serif;
  --ff-nijimi: "Shippori Mincho B1", serif;
  position: relative;
  overflow: hidden;
  container-type: inline-size;
  letter-spacing: 0;
  background-color: var(--c-bg);
}

.page-oseibo :where(h1, h2, h3, p, ul, li, figure) {
  margin: 0;
  padding: 0;
}

.page-oseibo :where(ul) {list-style: none;}
.page-oseibo img {
  display: block;
  max-width: none;
  height: auto;
}

.page-oseibo picture {display: block;}
.oseibo-mv,
.oseibo-sec,
.oseibo-bnr {--s: calc(100cqw / 376);}
.oseibo-txt {
  font-size: 15px;
  line-height: 2;
  color: var(--c-text);
}

.oseibo-sec-hdg img {
  margin: 0 auto;
  width: 100%;
}

.br-pc {display: none;}

/* MV */
.oseibo-mv {
  position: relative;
  height: calc(570 * var(--s));
}

.oseibo-mv-deco {
  position: absolute;
  inset: 0;
}

.oseibo-deco {
  position: absolute;
  display: block;
  opacity: 0;
  animation: oseibo-fade 1.2s ease-out forwards;
}

.oseibo-deco img {width: 100%;}
.oseibo-deco--flower {
  display: none;
  animation-delay: 2.2s;
}

.oseibo-deco--cloud {animation-delay: 2.8s;}
.oseibo-deco--gold {animation-delay: 3.4s;}
.oseibo-deco--bird {animation-delay: 4s;}
.oseibo-deco--cloud img {
  animation: oseibo-sway 10s ease-in-out infinite alternate;
  will-change: transform;
}

.oseibo-mv-cloud05 img,
.oseibo-mv-cloud03 img,
.oseibo-mv-cloud02b img {
  animation-duration: 12s;
  animation-direction: alternate-reverse;
}

.oseibo-mv-cloud01 img,
.oseibo-mv-cloud02l img {animation-duration: 14s;}
.oseibo-deco--gold {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 12%, #000 88%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0, #000 12%, #000 88%, transparent 100%);
}

.oseibo-deco--gold img {
  position: relative;
  animation: oseibo-fall 40s linear infinite;
  will-change: transform;
}

.oseibo-deco--gold img + img {
  position: absolute;
  top: 0;
  left: 0;
  animation-name: oseibo-fall-next;
}

.oseibo-mv-gold3 img {animation-duration: 60s;}
.oseibo-deco--bird {
  left: 0;
  right: 0;
}

.oseibo-bird-fly {
  position: absolute;
  top: 0;
  left: calc(var(--w) * -1);
  display: block;
  width: calc(100% + var(--w));
  height: var(--h);
  animation: oseibo-fly linear infinite;
  will-change: transform;
}

.oseibo-bird-wave {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--w);
  height: var(--h);
  display: block;
  animation: oseibo-wave 10s linear infinite;
  will-change: transform;
}

.oseibo-bird-fly img {position: absolute;}

.oseibo-mv-cloud04 {
  top: calc(-142 * var(--s));
  left: calc(-103 * var(--s));
  width: calc(213.5 * var(--s));
}

.oseibo-mv-cloud05 {
  top: calc(-118 * var(--s));
  left: calc(226 * var(--s));
  width: calc(231.5 * var(--s));
}

.oseibo-mv-cloud02l {
  top: calc(267 * var(--s));
  left: calc(45 * var(--s));
  width: calc(121 * var(--s));
}

.oseibo-mv-cloud03 {
  top: calc(274 * var(--s));
  left: calc(-100 * var(--s));
  width: calc(194 * var(--s));
}

.oseibo-mv-cloud01 {
  top: calc(485 * var(--s));
  left: calc(252 * var(--s));
  width: calc(155 * var(--s));
}

.oseibo-mv-cloud02r {
  top: calc(520 * var(--s));
  left: calc(199 * var(--s));
  width: calc(86 * var(--s));
}

.oseibo-mv-cloud02b {display: none;}
.oseibo-mv-gold1 {
  top: calc(248 * var(--s));
  left: calc(-158 * var(--s));
  width: calc(496 * var(--s));
}

.oseibo-mv-gold2 {display: none;}
.oseibo-mv-gold3 {
  top: calc(-150 * var(--s));
  left: calc(-340 * var(--s));
  width: calc(1056 * var(--s));
}

.oseibo-mv-birds {
  --w: calc(97 * var(--s));
  --h: calc(80 * var(--s));
  top: calc(395 * var(--s));
}

.oseibo-mv-birds .oseibo-bird-fly {
  animation-duration: 33s;
  animation-delay: -6.77s;
}

.page-oseibo .oseibo-bird-fly .oseibo-mv-bird01 {
  top: 0;
  left: 0;
  width: calc(66 * var(--s));
}

.page-oseibo .oseibo-bird-fly .oseibo-mv-bird02 {
  top: calc(56 * var(--s));
  left: calc(69 * var(--s));
  width: calc(28 * var(--s));
  transform: rotate(22deg);
}

.oseibo-h1 {
  position: absolute;
  top: calc(20 * var(--s));
  left: 50%;
  z-index: 1;
  width: calc(301 * var(--s));
  font-size: 0;
  opacity: 0;
  transform: translateX(-50%);
  animation: oseibo-fade 1.8s ease-out 1s forwards;
}

.oseibo-h1 img {width: 100%;}

@keyframes oseibo-fade {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes oseibo-sway {
  0% {transform: translate3d(-2%, 0, 0);}
  100% {transform: translate3d(2%, 0, 0);}
}

@keyframes oseibo-fall {
  0% {transform: translate3d(0, 0, 0);}
  100% {transform: translate3d(0, 100%, 0);}
}

@keyframes oseibo-fall-next {
  0% {transform: translate3d(0, -100%, 0);}
  100% {transform: translate3d(0, 0, 0);}
}

@keyframes oseibo-fly {
  0% {transform: translate3d(100%, 0, 0);}
  100% {transform: translate3d(0, -80%, 0);}
}

@keyframes oseibo-wave {
  0%,
  100% {transform: translate3d(0, 0, 0) rotate(0);}
  5% {transform: translate3d(0, 0.59%, 0) rotate(-1.55deg);}
  10% {transform: translate3d(0, 2.29%, 0) rotate(-2.94deg);}
  15% {transform: translate3d(0, 4.95%, 0) rotate(-4.05deg);}
  20% {transform: translate3d(0, 8.29%, 0) rotate(-4.76deg);}
  25% {transform: translate3d(0, 12%, 0) rotate(-5deg);}
  30% {transform: translate3d(0, 15.71%, 0) rotate(-4.76deg);}
  35% {transform: translate3d(0, 19.05%, 0) rotate(-4.05deg);}
  40% {transform: translate3d(0, 21.71%, 0) rotate(-2.94deg);}
  45% {transform: translate3d(0, 23.41%, 0) rotate(-1.55deg);}
  50% {transform: translate3d(0, 24%, 0) rotate(0);}
  55% {transform: translate3d(0, 23.41%, 0) rotate(1.55deg);}
  60% {transform: translate3d(0, 21.71%, 0) rotate(2.94deg);}
  65% {transform: translate3d(0, 19.05%, 0) rotate(4.05deg);}
  70% {transform: translate3d(0, 15.71%, 0) rotate(4.76deg);}
  75% {transform: translate3d(0, 12%, 0) rotate(5deg);}
  80% {transform: translate3d(0, 8.29%, 0) rotate(4.76deg);}
  85% {transform: translate3d(0, 4.95%, 0) rotate(4.05deg);}
  90% {transform: translate3d(0, 2.29%, 0) rotate(2.94deg);}
  95% {transform: translate3d(0, 0.59%, 0) rotate(1.55deg);}
}

/* intro */
.oseibo-intro {
  position: relative;
  z-index: 1;
  padding-bottom: calc(60 * var(--s));
}

.oseibo-intro-cloud {
  position: absolute;
  top: calc(764 * var(--s));
  left: calc(27 * var(--s));
  width: calc(176.5 * var(--s));
}

.oseibo-intro-cloud img {width: 100%;}
.oseibo-intro-box {
  position: relative;
  width: calc(335 * var(--s));
  padding: calc(254.5 * var(--s)) calc(20 * var(--s)) calc(36 * var(--s));
  box-sizing: border-box;
  background-color: var(--c-white);
}

.oseibo-intro-img {
  position: absolute;
  top: calc(-49 * var(--s));
  left: calc(40 * var(--s));
  width: calc(315 * var(--s));
}

.oseibo-intro-img {aspect-ratio: 1560 / 1256;}
.oseibo-intro-img::before,
.oseibo-intro-img::after {
  position: absolute;
  content: "";
  background-color: var(--c-beige);
}

.oseibo-intro-img::before {
  top: 35.35%;
  left: 10.897%;
  width: 16.538%;
  height: 18.471%;
}

.oseibo-intro-img::after {
  top: 60.51%;
  left: 37.179%;
  width: 10.897%;
  height: 21.019%;
}

.oseibo-intro-img img {position: absolute;}
.oseibo-intro-photo01 {
  top: 0;
  left: 27.436%;
  z-index: 1;
  width: 72.564%;
}

.oseibo-intro-photo02 {
  top: 53.822%;
  left: 0;
  width: 37.179%;
}
.oseibo-intro-ttl {
  position: absolute;
  top: calc(198 * var(--s));
  left: calc(168 * var(--s));
  z-index: 1;
  width: calc(182 * var(--s));
}

.oseibo-intro-ttl img {width: 100%;}
.oseibo-intro-hdg img {width: calc(280.5 * var(--s));}
.oseibo-intro-body .oseibo-txt {margin-top: calc(23 * var(--s));}
.oseibo-intro-hdg + .oseibo-txt {margin-top: calc(25 * var(--s));}

/* gift */
.oseibo-gift {
  position: relative;
  z-index: 1;
  padding: calc(59 * var(--s)) calc(20 * var(--s)) calc(61 * var(--s));
  background: #F5EEE2 url(../../../../img/usr/freepage/oseibo/gift_bg.png) repeat center top / calc(1017 * var(--s)) auto;
}

.oseibo-gift-hdg {
  width: calc(199 * var(--s));
  margin: 0 auto;
}

.oseibo-gift-main {
  margin-top: calc(18.5 * var(--s));
  padding: calc(63 * var(--s)) calc(20 * var(--s)) calc(39 * var(--s));
  background-color: var(--c-white);
}

.oseibo-gift-main--bath {
  margin-top: calc(32 * var(--s));
  padding-top: calc(38 * var(--s));
}

.oseibo-gift-head {position: relative;}
.oseibo-gift-head-img img {width: 100%;}
.oseibo-gift-head-img p{
  margin-top: 20px;
  color: #9A9A9A;
  text-align: center;
  font-size: 12px;
}
.oseibo-gift-main--bath .oseibo-gift-head-img img {
  width: calc(175 * var(--s));
  margin: 0 auto;
}

.oseibo-gift-head-detail {text-align: center;}
.oseibo-gift-badge {
  position: absolute;
  top: calc(-41 * var(--s));
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(80 * var(--s));
  height: calc(80 * var(--s));
  font-family: var(--ff-mincho);
  font-size: 16px;
  line-height: 1;
  color: var(--c-white);
  border-radius: 50%;
  background-color: var(--c-badge);
}

.oseibo-gift-badge-en {
  margin-bottom: 4px;
  font-size: 22px;
}

.oseibo-gift-sub {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 calc(21 * var(--s));
  margin-top: calc(18.5 * var(--s));
  font-family: var(--ff-mincho);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .02em;
  color: var(--c-red);
}

.oseibo-gift-sub::before,
.oseibo-gift-sub::after {
  width: calc(46 * var(--s));
  height: 2px;
  content: "";
  background-color: var(--c-sub-line);
}

.oseibo-gift-main .oseibo-gift-sub,
.oseibo-gift-main .oseibo-gift-head-ttl,
.oseibo-gift-main--bath .oseibo-gift-set-hdg {font-family: var(--ff-nijimi);}
.oseibo-gift-main--bath .oseibo-gift-sub {margin-top: calc(30 * var(--s));}
.oseibo-gift-head-ttl {
  margin-top: calc(18 * var(--s));
  font-family: var(--ff-mincho);
  font-size: 28px;
  font-weight: 500;
  line-height: calc(36 * var(--s));
  color: var(--c-red);
}

.oseibo-gift-main--bath .oseibo-gift-head-ttl {
  margin-top: calc(17 * var(--s));
  line-height: calc(40 * var(--s));
}

.oseibo-gift-head-txt {margin-top: calc(24.5 * var(--s));}
.oseibo-gift-main--bath .oseibo-gift-head-txt {margin-top: calc(21.5 * var(--s));}
.oseibo-gift-head-txt .oseibo-txt + .oseibo-txt {margin-top: calc(23 * var(--s));}
.oseibo-gift-sets {margin-top: calc(32.5 * var(--s));}
.oseibo-gift-main--bath .oseibo-gift-sets {margin-top: calc(34.5 * var(--s));}
.oseibo-gift-set + .oseibo-gift-set {margin-top: calc(40 * var(--s));}
.oseibo-gift-set-hdg {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(51 * var(--s));
  padding: 4px;
  box-sizing: border-box;
  font-family: var(--ff-mincho);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .1em;
  color: var(--c-white);
  border: 1px solid var(--c-bar);
  background-color: var(--c-bar);
  background-clip: content-box;
}

.oseibo-gift-set-num {font-size: 24px;}
.oseibo-gift-main--bath .oseibo-gift-set-hdg {font-size: 18px;}

/* items */
.oseibo-items {
  display: flex;
  flex-wrap: wrap;
  gap: calc(40 * var(--s)) calc(20 * var(--s));
}

.oseibo-items--gift {margin-top: calc(10 * var(--s));}
.oseibo-item {
  display: flex;
  flex-direction: column;
  width: calc((100% - 20 * var(--s)) / 2);
}

.oseibo-item-img {display: block;}
.oseibo-item-img img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.oseibo-item-name {
  display: -webkit-box;
  margin-top: calc(7.5 * var(--s));
  min-height: calc(72 * var(--s));
  overflow: hidden;
  font-size: 15px;
  font-weight: 500;
  line-height: calc(24 * var(--s));
  color: var(--c-text);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.oseibo-item-price {
  margin-top: auto;
  padding-top: calc(12 * var(--s));
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  text-align: right;
  color: var(--c-text);
}

.oseibo-item-tax {
  margin-left: .2em;
  font-size: 12px;
  font-weight: 500;
}

.oseibo-item-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(50 * var(--s));
  margin-top: calc(16 * var(--s));
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--c-white);
  text-decoration: none;
  border-radius: calc(25 * var(--s));
  background-color: var(--c-btn);
}

.oseibo-item-btn span {text-align: center;}

/* recommend */
.oseibo-recom {
  position: relative;
  z-index: 1;
  padding: calc(59 * var(--s)) calc(40 * var(--s)) calc(62 * var(--s));
  background: var(--c-recom) url(../../../../img/usr/freepage/oseibo/recommend_bg.png) repeat left top / calc(96 * var(--s)) auto;
}

.oseibo-recom-hdg {
  width: calc(230 * var(--s));
  margin: 0 auto;
}

.oseibo-items--recom {margin-top: calc(24 * var(--s));}
.oseibo-recom .oseibo-item-name {min-height: 0;}
.oseibo-recom .oseibo-item-name,
.oseibo-recom .oseibo-item-price {color: var(--c-white);}

/* banner */
.oseibo-bnr {
  position: relative;
  z-index: 1;
}

.oseibo-bnr img {
  width: 100%;
  height: calc(140 * var(--s));
  object-fit: cover;
}

/* wrapping */
.oseibo-wrapping {
  position: relative;
  padding: calc(108 * var(--s)) 0 calc(123 * var(--s));
}

.oseibo-wrapping-deco,
.oseibo-trivia-deco {
  position: absolute;
  inset: 0;
}

.oseibo-wrapping-deco span,
.oseibo-trivia-deco span {
  position: absolute;
  display: block;
}

.oseibo-wrapping-deco img,
.oseibo-trivia-deco img {
  width: 100%;
  animation: oseibo-sway 11s ease-in-out infinite alternate;
  will-change: transform;
}

.oseibo-wrapping-cloud05 img,
.oseibo-trivia-cloud01 img,
.oseibo-trivia-cloud03 img {animation-direction: alternate-reverse;}
.oseibo-wrapping-gold img,
.oseibo-trivia-gold img {animation: none;}
.oseibo-wrapping::before {
  position: absolute;
  top: calc(60 * var(--s));
  left: 0;
  z-index: 1;
  width: calc(335 * var(--s));
  height: calc(240 * var(--s));
  content: "";
  background-color: var(--c-beige);
}

.oseibo-wrapping-cloud04 {
  top: calc(276 * var(--s));
  left: calc(-170 * var(--s));
  width: calc(213.5 * var(--s));
}

.oseibo-wrapping-cloud05 {display: none;}
.oseibo-wrapping-cloud03 {
  top: calc(640 * var(--s));
  left: calc(-110 * var(--s));
  width: calc(194 * var(--s));
}

.oseibo-wrapping-cloud02 {
  top: calc(670 * var(--s));
  left: calc(60 * var(--s));
  width: calc(100 * var(--s));
}

.oseibo-wrapping-cloud01 {
  top: calc(730 * var(--s));
  left: calc(255 * var(--s));
  width: calc(155 * var(--s));
}

.oseibo-wrapping-gold {
  top: calc(700 * var(--s));
  left: calc(0 * var(--s));
  width: calc(300 * var(--s));
}

.oseibo-wrapping-box {
  position: relative;
  z-index: 2;
  margin-left: calc(40 * var(--s));
  padding: calc(283.5 * var(--s)) calc(20 * var(--s)) calc(32.5 * var(--s));
  background-color: var(--c-white);
}

.oseibo-wrapping-ttl {
  position: absolute;
  top: calc(-26 * var(--s));
  left: calc(-31 * var(--s));
  z-index: 1;
  width: calc(202 * var(--s));
}

.oseibo-wrapping-img {
  position: absolute;
  top: calc(42 * var(--s));
  left: calc(26 * var(--s));
  width: calc(292 * var(--s));
}

.oseibo-wrapping-ttl img,
.oseibo-wrapping-img img {width: 100%;}
.oseibo-wrapping-hdg img {display: none;}
.oseibo-wrapping-hdg-txt {
  display: block;
  font-family: var(--ff-mincho);
  font-size: 22px;
  font-weight: 500;
  line-height: calc(35 * var(--s));
  color: var(--c-red);
}

.oseibo-wrapping-body .oseibo-txt {margin-top: calc(23 * var(--s));}
.oseibo-wrapping-hdg + .oseibo-txt {margin-top: calc(22 * var(--s));}

.oseibo-wrapping-note {
  margin-top: calc(16 * var(--s));
  font-size: 12px;
  line-height: 1.7;
  color: var(--c-text);
}

/* trivia */
.oseibo-trivia {
  position: relative;
  padding: 0 calc(20 * var(--s)) calc(66 * var(--s));
}

.oseibo-trivia-cloud07 {
  z-index: 1;
  top: calc(1290 * var(--s));
  left: calc(-68 * var(--s));
  width: calc(136 * var(--s));
}

.oseibo-trivia-cloud03 {
  top: calc(1300 * var(--s));
  left: calc(-110 * var(--s));
  width: calc(194 * var(--s));
}

.oseibo-trivia-cloud01 {display: none;}
.oseibo-trivia-cloud05 {
  top: calc(1360 * var(--s));
  left: calc(270 * var(--s));
  width: calc(231.5 * var(--s));
}

.oseibo-trivia-gold {
  top: calc(640 * var(--s));
  left: calc(300 * var(--s));
  width: calc(150 * var(--s));
}

.oseibo-trivia-box {
  position: relative;
  z-index: 2;
  padding: calc(38 * var(--s)) calc(20 * var(--s)) calc(49 * var(--s));
  background-color: var(--c-white);
  border-top: 23px solid var(--c-red);
  box-shadow: 0 3px 12px rgba(0, 0, 0, .16);
}

.oseibo-trivia-hdg img {
  margin: 0 auto;
  width: calc(280.5 * var(--s));
}

.oseibo-trivia-txt {
  --lh: 41px;
  --ln: 39px;
  margin-top: calc(24 * var(--s));
  font-size: 16px;
  line-height: var(--lh);
  color: var(--c-black);
  background: linear-gradient(transparent var(--ln), var(--c-line) var(--ln), var(--c-line) calc(var(--ln) + 1px), transparent calc(var(--ln) + 1px)) left top / 100% var(--lh) repeat-y;
}

.oseibo-trivia-txt .oseibo-trivia-txt-gap {margin-top: var(--lh);}

/* scroll fade */
.oseibo-scroll {opacity: 0;}
.oseibo-scroll.is-show {animation: oseibo-fade 1.5s ease-out forwards;}

@media (prefers-reduced-motion: reduce) {
  .page-oseibo *,
  .page-oseibo .oseibo-scroll {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* PC */
@media screen and (min-width: 769px) {
  .oseibo-mv,
  .oseibo-sec,
  .oseibo-bnr {--u: clamp(.6px, calc((100cqw - 40px) / 1200), 1px);}
  .oseibo-txt {
    font-size: max(12px, calc(16 * var(--u)));
    line-height: 2;
  }

  .br-pc {display: inline;}
  .br-sp {display: none;}

  /* MV */
  .oseibo-mv {height: calc(854 * var(--u));}
  .oseibo-deco--flower {display: block;}
  .oseibo-deco--flower img {opacity: .5;}
  .oseibo-mv-cloud04 {
    top: calc(-193 * var(--u));
    left: calc(50% - 1030 * var(--u));
    width: calc(641 * var(--u));
  }

  .oseibo-mv-cloud05 {
    top: calc(-158 * var(--u));
    left: calc(50% + 351 * var(--u));
    width: calc(695 * var(--u));
  }

  .oseibo-mv-cloud01 {
    top: calc(415 * var(--u));
    left: calc(50% + 433 * var(--u));
    width: calc(466 * var(--u));
  }

  .oseibo-mv-cloud02r {
    top: calc(581 * var(--u));
    left: calc(50% + 331 * var(--u));
    width: calc(287 * var(--u));
  }

  .oseibo-mv-cloud02l {
    top: calc(644 * var(--u));
    left: calc(50% - 659 * var(--u));
    width: calc(445 * var(--u));
  }

  .oseibo-mv-cloud03 {
    top: calc(664 * var(--u));
    left: calc(50% - 1028 * var(--u));
    width: calc(583 * var(--u));
  }

  .oseibo-mv-cloud02b {
    display: block;
    top: calc(1188 * var(--u));
    left: calc(50% + 798 * var(--u));
    width: calc(431 * var(--u));
  }

  .oseibo-mv-flower-l {
    top: calc(385 * var(--u));
    left: calc(50% - 628 * var(--u));
    width: calc(235 * var(--u));
  }

  .oseibo-mv-flower-r {
    top: calc(143 * var(--u));
    left: calc(50% + 396 * var(--u));
    width: calc(235 * var(--u));
  }

  .oseibo-mv-gold1 {display: none;}
  .oseibo-mv-gold2 {
    display: block;
    top: calc(121 * var(--u));
    left: calc(50% - 1199 * var(--u));
    width: calc(1054 * var(--u));
  }

  .oseibo-mv-gold3 {
    top: calc(114 * var(--u));
    left: calc(50% - 438 * var(--u));
    width: calc(1920 * var(--u));
  }

  .oseibo-mv-birds {
    --w: calc(221 * var(--u));
    --h: calc(180 * var(--u));
    top: calc(693 * var(--u));
  }

  .oseibo-mv-birds .oseibo-bird-fly {
    animation-duration: 68s;
    animation-delay: -6.77s;
  }

  .page-oseibo .oseibo-bird-fly .oseibo-mv-bird01 {width: calc(140 * var(--u));}
  .page-oseibo .oseibo-bird-fly .oseibo-mv-bird02 {
    top: calc(113 * var(--u));
    left: calc(144 * var(--u));
    width: calc(77 * var(--u));
  }

  .oseibo-h1 {
    top: calc(96 * var(--u));
    width: calc(620 * var(--u));
  }

  /* intro */
  .oseibo-intro {padding-bottom: calc(152 * var(--u));}
  .oseibo-intro-cloud {
    top: calc(419 * var(--u));
    left: calc(50% - 616 * var(--u));
    width: calc(530 * var(--u));
  }

  .oseibo-intro-box {
    width: calc(50% + 600 * var(--u));
    padding: calc(76 * var(--u)) 0 calc(75.5 * var(--u)) calc(50% + 44 * var(--u));
  }

  .oseibo-intro-img {
    top: calc(-63 * var(--u));
    left: calc(50cqw - 876 * var(--u));
    width: calc(780 * var(--u));
  }

  .oseibo-intro-ttl {
    top: calc(-59 * var(--u));
    left: calc(50cqw + 219 * var(--u));
    width: calc(520 * var(--u));
  }

  .oseibo-intro-hdg img {width: calc(500.5 * var(--u));}
  .oseibo-intro-body .oseibo-txt {margin-top: calc(22 * var(--u));}
  .oseibo-intro-hdg + .oseibo-txt {margin-top: calc(20 * var(--u));}

  /* gift */
  .oseibo-gift {
    padding: calc(75 * var(--u)) 0 calc(80 * var(--u));
    background-repeat: repeat-y;
    background-size: max(100%, calc(1920 * var(--u))) auto;
  }

  .oseibo-gift-hdg {width: calc(346 * var(--u));}
  .oseibo-gift-main {
    width: calc(1200 * var(--u));
    margin: calc(32 * var(--u)) auto 0;
    padding: calc(64 * var(--u)) calc(75 * var(--u));
    box-sizing: border-box;
  }

  .oseibo-gift-main--bath {margin-top: calc(41 * var(--u));}
  .oseibo-gift-head {
    display: flex;
    align-items: flex-start;
  }

  .oseibo-gift-head-img {
    flex-shrink: 0;
    width: calc(535 * var(--u));
  }

  .oseibo-gift-main--bath .oseibo-gift-head-img {padding-top: calc(30 * var(--u));}
  .oseibo-gift-main--bath .oseibo-gift-head-img img {width: calc(318 * var(--u));}
  .oseibo-gift-head-detail {
    width: calc(440 * var(--u));
    margin-left: calc(36 * var(--u));
    padding-top: calc(29 * var(--u));
  }

  .oseibo-gift-main--bath .oseibo-gift-head-detail {padding-top: calc(30 * var(--u));}
  .oseibo-gift-sub {
    gap: 0 calc(22 * var(--u));
    margin-top: 0;
    font-size: max(14px, calc(20 * var(--u)));
  }

  .oseibo-gift-sub::before,
  .oseibo-gift-sub::after {width: calc(45 * var(--u));}
  .oseibo-gift-main--bath .oseibo-gift-sub {margin-top: 0;}

  .oseibo-gift-badge {
    top: 0;
    width: calc(100 * var(--u));
    height: calc(100 * var(--u));
    font-size: max(12px, calc(20 * var(--u)));
  }

  .oseibo-gift-badge-en {
    margin-bottom: calc(5 * var(--u));
    font-size: max(16px, calc(28 * var(--u)));
  }

  .oseibo-gift-head-ttl {
    margin-top: calc(18 * var(--u));
    font-size: max(22px, calc(40 * var(--u)));
    line-height: calc(48 * var(--u));
  }

  .oseibo-gift-main--bath .oseibo-gift-head-ttl {
    margin-top: calc(16 * var(--u));
    font-size: max(20px, calc(36 * var(--u)));
    line-height: calc(48 * var(--u));
  }

  .oseibo-gift-head-txt {margin-top: calc(34 * var(--u));}
  .oseibo-gift-main--bath .oseibo-gift-head-txt {margin-top: calc(30 * var(--u));}

  .oseibo-gift-head-txt .oseibo-txt + .oseibo-txt {margin-top: calc(22 * var(--u));}
  .oseibo-gift-sets {
    display: flex;
    gap: calc(56 * var(--u));
    margin-top: calc(59 * var(--u));
  }

  .oseibo-gift-main--bath .oseibo-gift-sets {margin-top: calc(80 * var(--u));}

  .oseibo-gift-set {width: calc((100% - 56 * var(--u)) / 2);}
  .oseibo-gift-set + .oseibo-gift-set {margin-top: 0;}
  .oseibo-gift-set-hdg {
    height: calc(64 * var(--u));
    font-size: max(12px, calc(18 * var(--u)));
  }

  .oseibo-gift-set-num {font-size: max(16px, calc(28 * var(--u)));}
  .oseibo-gift-main--bath .oseibo-gift-set-hdg {
    font-size: max(16px, calc(23 * var(--u)));
    font-weight: 700;
  }

  /* items */
  .oseibo-items {gap: calc(40 * var(--u)) calc(20 * var(--u));}
  .oseibo-items--gift {
    flex-wrap: nowrap;
    gap: calc(30 * var(--u));
    margin-top: calc(20 * var(--u));
    padding: 0 calc(8.5 * var(--u));
  }

  .oseibo-items--gift .oseibo-item {width: calc((100% - 30 * var(--u)) / 2);}
  .oseibo-item-name {
    display: block;
    min-height: calc(63 * var(--u));
    margin-top: calc(12 * var(--u));
    font-size: max(11px, calc(13 * var(--u)));
    line-height: calc(21 * var(--u));
  }

  .oseibo-item-price {
    padding-top: calc(12 * var(--u));
    font-size: max(14px, calc(20 * var(--u)));
  }

  .oseibo-item-tax {font-size: max(11px, calc(14 * var(--u)));}
  .oseibo-item-btn {
    height: calc(50 * var(--u));
    margin-top: calc(18 * var(--u));
    font-size: max(11px, calc(14 * var(--u)));
    border-radius: calc(25 * var(--u));
    transition: opacity .3s ease;
  }

  .oseibo-gift-main--bath .oseibo-item-btn {font-size: max(11px, calc(14 * var(--u)));}
  .oseibo-item-img {transition: opacity .3s ease;}

  /* recommend */
  .oseibo-recom {
    padding: calc(99 * var(--u)) 0 calc(100 * var(--u));
    background-size: calc(96 * var(--u)) auto;
  }

  .oseibo-recom-hdg {width: calc(400 * var(--u));}
  .oseibo-items--recom {
    flex-wrap: nowrap;
    width: calc(1200 * var(--u));
    margin: calc(42 * var(--u)) auto 0;
  }

  .oseibo-items--recom .oseibo-item {width: calc(285 * var(--u));}
  .oseibo-recom .oseibo-item-name {
    margin-top: calc(16 * var(--u));
    font-size: max(12px, calc(16 * var(--u)));
    line-height: calc(24 * var(--u));
  }

  .oseibo-recom .oseibo-item-price {
    padding-top: calc(14 * var(--u));
    font-size: max(16px, calc(24 * var(--u)));
  }

  .oseibo-recom .oseibo-item-tax {font-size: max(11px, calc(14 * var(--u)));}
  .oseibo-recom .oseibo-item-btn {
    width: calc(280 * var(--u));
    font-size: max(12px, calc(16 * var(--u)));
    margin-top: calc(19 * var(--u));
  }

  /* banner */
  .oseibo-bnr img {height: auto;}

  /* wrapping */
  .oseibo-wrapping {padding: calc(248 * var(--u)) 0 calc(121 * var(--u));}
  .oseibo-wrapping::before {
    top: calc(143 * var(--u));
    width: calc(50% + 600 * var(--u));
    height: calc(362 * var(--u));
  }

  .oseibo-wrapping-cloud04 {
    top: calc(338 * var(--u));
    left: calc(50% - 1063 * var(--u));
    width: calc(641 * var(--u));
  }

  .oseibo-wrapping-cloud05 {
    display: block;
    top: calc(493 * var(--u));
    left: calc(50% + 327 * var(--u));
    width: calc(695 * var(--u));
  }

  .oseibo-wrapping-cloud03,
  .oseibo-wrapping-cloud02,
  .oseibo-wrapping-cloud01,
  .oseibo-wrapping-gold {display: none;}
  .oseibo-wrapping-box {
    margin-left: calc(50% - 600 * var(--u));
    padding: calc(92 * var(--u)) 0 calc(63 * var(--u)) calc(76 * var(--u));
    min-height: calc(327 * var(--u));
    box-sizing: border-box;
  }

  .oseibo-wrapping-ttl {
    top: calc(-105 * var(--u));
    left: calc(-180 * var(--u));
    width: calc(404 * var(--u));
  }

  .oseibo-wrapping-img {
    top: calc(-31 * var(--u));
    left: calc(705 * var(--u));
    width: calc(427 * var(--u));
  }

  .oseibo-wrapping-hdg img {
    display: block;
    width: calc(472 * var(--u));
    margin-left: calc(2 * var(--u));
  }

  .oseibo-wrapping-hdg-txt {display: none;}
  .oseibo-wrapping-body {width: calc(580 * var(--u));}
  .oseibo-wrapping-body .oseibo-txt {margin-top: calc(12 * var(--u));}
  .oseibo-wrapping-hdg + .oseibo-txt {margin-top: calc(39 * var(--u));}

  .oseibo-wrapping-note {
    margin-top: calc(16 * var(--u));
    font-size: max(11px, calc(13 * var(--u)));
  }

  /* trivia */
  .oseibo-trivia {padding: 0 0 calc(121 * var(--u));}
  .oseibo-trivia-cloud07 {
    top: calc(471 * var(--u));
    left: calc(50% - 1029 * var(--u));
    width: calc(547 * var(--u));
  }

  .oseibo-trivia-cloud03 {
    top: calc(489 * var(--u));
    left: calc(50% - 663 * var(--u));
    width: calc(326.5 * var(--u));
  }

  .oseibo-trivia-cloud01 {
    display: block;
    top: calc(374 * var(--u));
    left: calc(50% + 463 * var(--u));
    width: calc(606 * var(--u));
  }

  .oseibo-trivia-cloud05,
  .oseibo-trivia-gold {display: none;}
  .oseibo-trivia-box {
    width: calc(1200 * var(--u));
    margin: 0 auto;
    padding: calc(32 * var(--u)) calc(55 * var(--u)) calc(49 * var(--u));
    box-sizing: border-box;
  }

  .oseibo-trivia-hdg img {width: calc(280.5 * var(--u));}
  .oseibo-trivia-txt {
    --lh: calc(41 * var(--u));
    --ln: calc(39 * var(--u));
    margin-top: calc(29 * var(--u));
    font-size: max(12px, calc(16 * var(--u)));
  }
  .oseibo-gift-head-img p{margin-top: 26px;}
}

.oseibo-gift-head-desc{
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
  margin-top: 16px;    
}

.oseibo-gift-head-desc dt p{
  border: solid 1px #A4262A;
  color: #A4262A;
  padding: 0 10px 2px;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--ff-nijimi);
  letter-spacing: 0.03em;
}

.oseibo-gift-head-desc dd{
  font-size: 14px;
  color: #A4262A;
  font-family: var(--ff-nijimi);
  font-weight: 600;  
}

/* PC narrow */
@media screen and (min-width: 769px) and (max-width: 1180px) {
  .oseibo-txt .br-pc {display: none;}
}

/* PC hover */
@media (hover: hover) and (min-width: 769px) {
  .oseibo-item-btn:hover,
  .oseibo-item-img:hover {opacity: .7;}
}

/* fureika */
.oseibo-gift-main--fureika {margin-top: calc(32 * var(--s));}
.oseibo-gift-main--fureika .oseibo-gift-set-hdg {
  font-family: var(--ff-nijimi);
  font-size: 18px;
}

.oseibo-gift-main--fureika .oseibo-items--gift {justify-content: center;}
.oseibo-gift-main--fureika .oseibo-item {width: 80%;}
.oseibo-gift-main--fureika .oseibo-item-name {min-height: 0;}
.oseibo-gift-main--fureika .oseibo-item-img img {
  aspect-ratio: auto;
  object-fit: fill;
}

.oseibo-gift-main--fureika .oseibo-item-tags {
  display: flex;
  flex-wrap: wrap;
  gap: calc(6 * var(--s));
  margin-top: calc(10 * var(--s));
}

.oseibo-gift-main--fureika .oseibo-item-tags li {
  padding: 2px 8px;
  font-family: var(--ff-mincho);
  font-size: 11px;
  line-height: 1.5;
  color: var(--c-text);
  border: 1px solid var(--c-text);
  white-space: nowrap;
  font-weight: 500;
  border-radius: 4px;
}

@media screen and (min-width: 769px) {
  .oseibo-gift-main--fureika {margin-top: calc(41 * var(--u));}
  .oseibo-gift-main--fureika .oseibo-gift-sets {margin-top: calc(40 * var(--u));}
  .oseibo-gift-main--fureika .oseibo-gift-set-hdg {
    font-size: max(16px, calc(23 * var(--u)));
    font-weight: 700;
  }

  .oseibo-gift-main--fureika .oseibo-item {
    align-items: center;
    width: 100%;
  }

  .oseibo-gift-main--fureika .oseibo-item-img {width: calc(274 * var(--u));}
  .oseibo-gift-main--fureika .oseibo-item-name {
    min-height: 0;
    text-align: center;
  }

  .oseibo-gift-main--fureika .oseibo-item-price {text-align: center;}
  .oseibo-gift-main--fureika .oseibo-item-btn {width: calc(230 * var(--u));}

   .oseibo-gift-main--fureika .oseibo-item-tags {
    justify-content: center;
    gap: calc(8 * var(--u));
    margin-top: calc(12 * var(--u));
  }

  .oseibo-gift-main--fureika .oseibo-item-tags li {
    padding: calc(2 * var(--u)) calc(10 * var(--u));
    font-size: max(11px, calc(13 * var(--u)));
  }
}

/* 追加要素 */
  .page-oseibo .oseibo-mv-bnr-sp{display: block;}
  .page-oseibo .oseibo-mv-bnr-pc{display: none;}

  .page-oseibo .oseibo-mv-bnr-sp{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(310 * var(--s));
    opacity: 0;
    animation: oseibo-fade 1.8s ease-out 1s forwards;        
  }  


@media screen and (min-width: 769px) {
  .page-oseibo .oseibo-mv-bnr-sp{display: none;}
  .page-oseibo .oseibo-mv-bnr-pc{display: block;}
  
  .page-oseibo .oseibo-mv-free{
    position: absolute;
    left: calc(50% + 412 * var(--u));
    top: calc(450 * var(--u));
    opacity: 0;
    animation: oseibo-fade 2.5s ease-out 1s forwards;
  }

  .page-oseibo .oseibo-mv-bnr-pc .oseibo-mv-free img{width: calc(201 * var(--u));}
  .page-oseibo .oseibo-mv-bnr-pc .oseibo-mv-data{
    position: absolute;
    left: 50%;
    top: calc(603 * var(--u));
    transform: translateX(-50%);
    opacity: 0;
    animation: oseibo-fade 2.5s ease-out 1s forwards;
  }
}