@charset "UTF-8";

.archive{
  border-top: none!important;
}

@font-face {
  font-family: "Noto Sans JP";
  src: url(../font/NotoSansJP-VariableFont_wght.ttf) format("truetype");
  font-weight: normal;
}

/*******************************
FR25090115year
*******************************/
#FR25090115year {
  --color-white: #fff;
  --color-black: #000;
  --color-pink: #DBC2D2;
  --color-brown: #4F110C;
  --font-notosan: "Noto Sans JP", sans-serif;
  --font-amandine: "amandine", sans-serif;
  --font-ja: var(--font-notosan);
  --font-en: var(--font-amandine);
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  overflow: clip;
  background-color: var(--color-pink);
  color: var(--color-brown);
  text-align: center;
  font-feature-settings: "palt";
}

#FR25090115year {
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 490;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio)); /*SP→PC 可変設定*/
  --formula_pc: calc(var(--variable) * 1); /*PC 1400以上は固定*/
}

@media (min-width: 1401px) {
  #FR25090115year {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  #FR25090115year {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}
@media (max-width: 767px) {
  #FR25090115year {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
    /* margin-top: calc(-103*var(--variable)*var(--ratio)); */
  }
}

/*******************************
img setting
*******************************/
#FR25090115year .imgOuter{
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none;
}

#FR25090115year .imgOuter > .outer,
#FR25090115year .imgOuter picture,
#FR25090115year .imgOuter img{
  display: block;
  width: 100%;
  height: auto;
}
#FR25090115year .imgOuter > a{
  display: block;
  width: 100%;
  height: auto;
  pointer-events: auto;
}

/*******************************
Slider
*******************************/
/* スライダー全体を囲むコンテナ */
#FR25090115year .slider-container {
  width: calc(750 * var(--formula));
  overflow: hidden; /* はみ出したスライドを隠す */
  margin: 0 auto;
  margin-top: calc(70 * var(--formula));
}

/* Slickスライダーのデフォルトの余白を調整 */
#FR25090115year .slick-slide {
  margin: 0 calc(9 * var(--formula)); /* スライド間の余白 */
}

/* 各スライドのスタイル */
#FR25090115year .slide-item {
  width: calc(350 * var(--formula));
}

/* 画像のスタイル */
#FR25090115year .slide-item img {
  width: 100%;
  /* height: calc(430 * var(--formula)); */
  object-fit: cover; /* 画像の比率を保ったままトリミング */
  display: block;
}



/*******************************
fadeInSetting
*******************************/
#FR25090115year .fadeInBlock {
  opacity: 0;
  /* transform: translateY(calc(100 * var(--formula))); */
  transition: transform 1.65s ease, opacity 1.65s ease;
}

#FR25090115year .fadeInBlock.active {
  opacity: 1;
  /* transform: translateY(0); */
}

#FR25090115year .delay01 {
  transition-delay: 0.6s;
  animation-delay: 0.6s;
}

#FR25090115year .delay02 {
  transition-delay: 0.8s;
  animation-delay: 0.8s;
}

#FR25090115year .delay03 {
  transition-delay: 1s;
  animation-delay: 1s;
}

/*******************************
lpMainWrap
*******************************/
#FR25090115year .lpMainWrap{
  display: block;
  width: 100%;
}

#FR25090115year .lpMainBlock{
  width: calc(750 * var(--formula));
  margin: 0 auto;
  overflow: clip;
  padding-bottom: calc(325 * var(--formula));
}


@media screen and (min-width:768px){

}

/*******************************
allItemBtn
*******************************/
#FR25090115year .allItemBtn{
  display: block;
  width: calc(288 * var(--formula));
  margin: 0 auto calc(-11* var(--formula));
  position: relative;
}

#FR25090115year .allItemBtn a{
  display: block;
  width: 100%;
}

#FR25090115year .allItemBtn img,
#FR25090115year .allItemBtn picture{
  width: 100%;
  height: auto;
}



/*******************************
overRide
*******************************/
@media screen and (max-width:767px) {
  #FR25090115year .pcView{display: none;}
}

@media screen and (min-width:768px){
  #FR25090115year .spView{display: none;}
}


/*************************************************************
FR25090115year contents
*************************************************************/
#FR25090115year a {
  display: block;
}
#FR25090115year img {
  width: 100%;
  height: auto;
}

/*************************************************************
FR25090115year first_block
*************************************************************/
#FR25090115year .first_block {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
#FR25090115year .first_title {
  width: calc(615 * var(--formula));
  margin: 0 auto;
  padding-top: calc(69 * var(--formula));
}
#FR25090115year .first_subtitle {
  width: calc(213 * var(--formula));
  position: absolute;
  left: calc(270 * var(--formula));
  top: calc(290 * var(--formula));
}
#FR25090115year .first_img {
  width: calc(750 * var(--formula));
  margin: calc(85 * var(--formula)) auto 0;
}
#FR25090115year .first_lead {
  font-family: var(--font-ja);
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.14em;
  font-weight: var(--font-weight-regular);
  text-align: center;
  margin: calc(66 * var(--formula)) auto 0;
}
@media screen and (min-width:768px){
  #FR25090115year .first_subtitle {
      top: calc(291 * var(--formula));
  }
  #FR25090115year .first_img {
      margin: calc(83 * var(--formula)) auto 0;
  }
}

/*************************************************************
FR25090115year section_01
*************************************************************/
.section_01 {
  margin-top: calc(150 * var(--formula));
}
.section_01 .section_01_title {
  width: calc(578 * var(--formula));
  margin: 0 auto;
}
.section_01 .section_lead01 {
  font-family: var(--font-ja);
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.14em;
  font-weight: var(--font-weight-regular);
  margin-top: calc(55 * var(--formula));
  padding-left: calc(15 * var(--formula));
}
.section_01 .section_txt_box {
  width: calc(560 * var(--formula));
  margin: 0 auto;
  margin-top: calc(60 * var(--formula));
}
.section_01 .section_txt_box .color_block {
  font-family: var(--font-en);
  font-size: calc(23 * var(--formula));
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: var(--font-weight-medium);
}
.section_01 .section_txt_box .credit_block {
  font-family: var(--font-ja);
  font-size: calc(18 * var(--formula));
  line-height: 2;
  letter-spacing: 0.14em;
  font-weight: var(--font-weight-regular);
  margin-top: calc(39 * var(--formula));
}
.section_01 .all_btn {
  width: calc(350 * var(--formula));
  margin: 0 auto;
  margin-top: calc(50 * var(--formula));
}

@media screen and (min-width:768px){
  .section_01 {
      margin-top: calc(148 * var(--formula));
  }
  #FR25090115year .slider-container {
      margin-top: calc(68 * var(--formula));
  }
  .section_01 .section_txt_box {
      margin-top: calc(61 * var(--formula));
  }
  .section_01 .section_txt_box .credit_block {
      margin-top: calc(37 * var(--formula));
  }
  .section_01 .all_btn {
      margin-top: calc(52 * var(--formula));
  }
}

/*************************************************************
FR25090115year section_02
*************************************************************/
.section_02 {
  margin-top: calc(160 * var(--formula));
}
.section_02 .section_02_title {
  width: calc(583 * var(--formula));
  margin: 0 auto;
}
.section_02 .limited_btn {
  width: calc(350 * var(--formula));
  margin: 0 auto;
  margin-top: calc(48 * var(--formula));
}
.section_02 .section_lead {
  font-family: var(--font-ja);
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.12em;
  font-weight: var(--font-weight-regular);
  margin-top: calc(56 * var(--formula));
}
.section_02 .dot_box {
  width: calc(10 * var(--formula));
  margin: 0 auto;
  margin-top: calc(80 * var(--formula));
}
.section_02 .dot_box .dot:nth-of-type(2) {
  margin-top: calc(20 * var(--formula));
}
.section_02 .dot_box .dot:nth-of-type(3) {
  margin-top: calc(20 * var(--formula));
}

@media only screen and (min-width: 768px) {
  .section_02 {
      margin-top: calc(158 * var(--formula));
  }
  .section_02 .dot_box .dot:nth-of-type(2) {
      margin-top: calc(14 * var(--formula));
  }
  .section_02 .dot_box .dot:nth-of-type(3) {
      margin-top: calc(14 * var(--formula));
  }
}

/*************************************************************
FR25090115year section_03
*************************************************************/
.section_03 {
  margin-top: calc(103 * var(--formula));
  padding-left: calc(5 * var(--formula));
}
.section_03 .section_03_inner {
  position: relative;
}
.section_03 .section_03_title {
  width: calc(537 * var(--formula));
  margin: 0 auto;
}
.section_03 .closing_logo {
  width: calc(245 * var(--formula));
  position: absolute;
  top: calc(222 * var(--formula));
  left: calc(249 * var(--formula));
  animation: ribbon 1s ease-in-out infinite alternate-reverse;
}
@keyframes ribbon {
  0% {
    transform: rotate(-6deg);
  }
  100% {
    transform: rotate(6deg);
  }
}

@media only screen and (min-width: 768px) {
  .section_03 {
      margin-top: calc(97 * var(--formula));
      padding-left: calc(6 * var(--formula));
  }
  .section_03 .closing_logo {
      left: calc(246 * var(--formula));
  }
}

/* アニメーション前の初期状態 */
.anim-page-title path {
  opacity: 0;
  transform: translate3d(0, 10px, 0);
}

/* is-activeクラスが付与されたらアニメーションを開始 */
.anim-page-title.active path {
  -webkit-animation: show-title 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
          animation: show-title 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.anim-page-title.active path:nth-of-type(1) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.anim-page-title.active path:nth-of-type(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.anim-page-title.active path:nth-of-type(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.anim-page-title.active path:nth-of-type(4) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.anim-page-title.active path:nth-of-type(5) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.anim-page-title.active path:nth-of-type(6) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.anim-page-title.active path:nth-of-type(7) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.anim-page-title.active path:nth-of-type(8) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.anim-page-title.active path:nth-of-type(9) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.anim-page-title.active path:nth-of-type(10) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.anim-page-title.active path:nth-of-type(11) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.anim-page-title.active path:nth-of-type(12) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.anim-page-title.active path:nth-of-type(13) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.anim-page-title.active path:nth-of-type(14) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.anim-page-title.active path:nth-of-type(15) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.anim-page-title.active path:nth-of-type(16) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.anim-page-title.active path:nth-of-type(17) {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
}
.anim-page-title.active path:nth-of-type(18) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.anim-page-title.active path:nth-of-type(19) {
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
}
.anim-page-title.active path:nth-of-type(20) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

@-webkit-keyframes show-title {
  0% {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes show-title {
  0% {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}