@charset "utf-8";



/*/////////////////////////////////////////
スタイルリセット
/////////////////////////////////////////*/

#id220121valentine div, #id220121valentine span, #id220121valentine applet, #id220121valentine object, #id220121valentine iframe, #id220121valentine input, #id220121valentine h1, #id220121valentine h2, #id220121valentine h3, #id220121valentine h4, #id220121valentine h5, #id220121valentine h6, #id220121valentine p, #id220121valentine blockquote, #id220121valentine pre, #id220121valentine a, #id220121valentine abbr, #id220121valentine acronym, #id220121valentine address, #id220121valentine big, #id220121valentine cite, #id220121valentine code, #id220121valentine del, #id220121valentine dfn, #id220121valentine em, #id220121valentine img, #id220121valentine ins, #id220121valentine kbd, #id220121valentine q, #id220121valentine s, #id220121valentine samp, #id220121valentine small, #id220121valentine strike, #id220121valentine strong, #id220121valentine sub, #id220121valentine sup, #id220121valentine tt, #id220121valentine var, #id220121valentine b, #id220121valentine u, #id220121valentine i, #id220121valentine center, #id220121valentine dl, #id220121valentine dt, #id220121valentine dd, #id220121valentine ol, #id220121valentine ul, #id220121valentine li, #id220121valentine fieldset, #id220121valentine form, #id220121valentine label, #id220121valentine legend, #id220121valentine table, #id220121valentine caption, #id220121valentine tbody, #id220121valentine tfoot, #id220121valentine thead, #id220121valentine tr, #id220121valentine th, #id220121valentine td, #id220121valentine article, #id220121valentine aside, #id220121valentine canvas, #id220121valentine details, #id220121valentine embed, #id220121valentine figure, #id220121valentine figcaption, #id220121valentine footer, #id220121valentine header, #id220121valentine hgroup, #id220121valentine menu, #id220121valentine nav, #id220121valentine output, #id220121valentine ruby, #id220121valentine section, #id220121valentine summary, #id220121valentine time, #id220121valentine mark, #id220121valentine audio, #id220121valentine video, #id220121valentine button{border: 0 none;font-size: 100%;/*font-weight: normal;*/margin: 0;padding: 0;text-align: inherit;vertical-align: baseline;}
#id220121valentine ol, #id220121valentine ul {list-style: none outside none;}
#id220121valentine blockquote, #id220121valentine q {quotes: none;}
#id220121valentine blockquote:before, #id220121valentine blockquote:after, #id220121valentine #id220121valentine q:before, #id220121valentine q:after {content: none;}
#id220121valentine article, #id220121valentine aside, #id220121valentine details, #id220121valentine figcaption, #id220121valentine figure, #id220121valentine footer, #id220121valentine header, #id220121valentine hgroup, #id220121valentine main, #id220121valentine nav, #id220121valentine section {display: block;}
#id220121valentine audio, #id220121valentine canvas, #id220121valentine video {display: inline-block;}
#id220121valentine  {-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}
#id220121valentine *, #id220121valentine :before, #id220121valentine :after {box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
#id220121valentine img {border: none; -ms-interpolation-mode: bicubic; outline: none; vertical-align: bottom;}
#id220121valentine button, #id220121valentine input, #id220121valentine textarea, #id220121valentine select {background: none; border: none; border-radius: 0; outline: none;}
#id220121valentine button {cursor: pointer; -webkit-appearance: none;}
#id220121valentine input {-webkit-appearance: none;}
#id220121valentine input::-moz-focus-inner, #id220121valentine button::-moz-focus-inner {border: none; outline: none;}
#id220121valentine textarea {-webkit-appearance: none;}
#id220121valentine a, #id220121valentine a.hover {text-decoration: none;}
#id220121valentine a:focus {outline: none;}
#id220121valentine br{line-height: 1;}



/*/////////////////////////////////////////
WEBフォント
/////////////////////////////////////////*/



@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?450a1z2');
  src:  url('fonts/icomoon.eot?450a1z2#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?450a1z2') format('truetype'),
    url('fonts/icomoon.woff?450a1z2') format('woff'),
    url('fonts/icomoon.svg?450a1z2#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

#id220121valentine [class^="icon_"], #id220121valentine [class*=" icon_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



/*/////////////////////////////////////////

/////////////////////////////////////////*/

#id220121valentine {
  background: #B70023;
  color: #000;
  /*font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
  /* font-family: 'Fraunces', serif; */
  font-feature-settings: "palt";
  font-size: 14px;
  line-height: 164%;
  -webkit-text-size-adjust: 100%;
  opacity: 1;
  padding: 0 0 80px;
  transition: opacity .5s .5s;
  min-width: 1280px;
  min-width: 1360px;
}

#id220121valentine.loading {
  /* opacity: 0; */
}

#id220121valentine a,
#id220121valentine button {
  color: #000;
  transition: opacity .5s;
}

#id220121valentine a.hover,
#id220121valentine button.hover {
  opacity: .5;
}

#id220121valentine .ifPc {display: inline-block;}
#id220121valentine .ifSp {display: none;}

@media (max-width: 750px) {

  #id220121valentine .ifPc {display: none;}
  #id220121valentine .ifSp {display: inline-block;}  
}

#id220121valentine .wrap-01 {margin-left: 40px; margin-right: 40px;}

@media (max-width: 750px) {

  #id220121valentine .wrap-01 {margin-left: 25px; margin-left: 6.66vw; margin-right: 25px; margin-right: 6.66vw;}
}

@media (max-width: 750px) {

  #id220121valentine .wrap-sp-x0 {margin-left: 0; margin-right: 0;}
}

#id220121valentine .wrap--w250 {margin: 0 auto; width: 100%; max-width: 250px;}
#id220121valentine .wrap--w270 {margin: 0 auto; width: 100%; max-width: 270px;}
#id220121valentine .wrap--w280 {margin: 0 auto; width: 100%; max-width: 280px;}
#id220121valentine .wrap--w340 {margin: 0 auto; width: 100%; max-width: 340px;}
#id220121valentine .wrap--w480 {margin: 0 auto; width: 100%; max-width: 480px;}
#id220121valentine .wrap--w630 {margin: 0 auto; width: 100%; max-width: 630px;}
#id220121valentine .wrap--w1000 {margin: 0 auto; width: 100%; max-width: 1000px;}
#id220121valentine .wrap--w1160 {margin: 0 auto; width: 100%; max-width: 1160px;}
#id220121valentine .wrap--w1180 {margin: 0 auto; width: 100%; max-width: 1180px;}
#id220121valentine .wrap--w1200 {margin: 0 auto; width: 100%; max-width: 1200px;}
#id220121valentine .wrap--w1245 {margin: 0 auto; width: 100%; max-width: 1245px;}
#id220121valentine .wrap--w1280 {margin: 0 auto; width: 100%; max-width: 1280px;}

#id220121valentine strong {
  font-weight: bold;
}

#id220121valentine .bg-white {
  background: #fff;
}

#id220121valentine .ta-c {
  text-align: center;
}

#id220121valentine .line {
  background: linear-gradient(transparent 0%, #ffeec1 0%, #ffeec1 100%, transparent 100%);
  color: #EF6E0B;
  font-weight: bold;
}

#id220121valentine .line-white {
  background: linear-gradient(transparent 0%, #fff 0%, #fff 100%, transparent 100%);
  color: #000;
  font-weight: bold;
}

#id220121valentine .line-ivory {
  background: linear-gradient(transparent 0%, #ece8e0 0%, #ece8e0 100%, transparent 100%);
  color: #000;
  font-weight: bold;
}



/**
 * #id220121valentine section
 */

#id220121valentine section {
  padding: 0 40px;
}



#id220121valentine .breadcrumbs {
  background: #fff;
  padding-bottom: 24px;
  padding-top: 33px;
  padding-top: 3px;
  margin: 0 auto;
  width: 100%;
}

#id220121valentine .breadcrumbs > * {
  margin: 0 auto;
  width: 1024px;
}



/**
 * #id220121valentine .mv--01
 */

#id220121valentine .mv--01 {
}

#id220121valentine .mv--01 + .mv--01 {
}

#id220121valentine .mv--01 [class^="wrap--0"],
#id220121valentine .mv--01 [class*=" wrap--0"] {
}

#id220121valentine .mv--01 [class^="wrap--w"],
#id220121valentine .mv--01 [class*=" wrap--w"] {
}

#id220121valentine .mv--01 .mv-contents {
  overflow: hidden;
  padding: 74px 0 0;
  position: relative;
  text-align: center;
  z-index: 1;
}

#id220121valentine .mv--01 .mv-contents img {
  display: inline-block;
  vertical-align: bottom;
  max-width: 100%;
}

#id220121valentine .mv--01 .mv-contents img:nth-of-type(1) {
  visibility: hidden;
}

#id220121valentine .mv--01 .mv-contents img:nth-of-type(2) {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  width: 55.4%;
  z-index: 1;
}

#id220121valentine .mv--01 .mv-contents img:nth-of-type(3) {
  height: auto;
  position: absolute;
  top: 19.3%;
  left: 0%;
  width: 53.1%;
  z-index: 1;
}

#id220121valentine .mv--01 .mv-image {
}

#id220121valentine .mv--01 .mv-image-1 {
  bottom: 4%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0) rotate(-8deg);
  width: 150%;
  z-index: 1;
}

#id220121valentine .mv--01 .mv-image-1 svg {
  display: block;
  height: initial;
  width: 100%;
}

#id220121valentine .mv--01 .mv-image-2 {
  margin: 0 auto;
  position: relative;
  z-index: 1;
  max-width: 1261px;
}

#id220121valentine .mv--01 .mv-image-3 {
  margin: 7.8% 0 0 0;
  position: absolute;
  right: 4.2%;
  top: 0;
  width: 17.2%;
  z-index: 1;
}



/**
 * #id220121valentine .boxx--01
 */

#id220121valentine .boxx--01 {
}

#id220121valentine .boxx--01 + .boxx--01 {
}

#id220121valentine .boxx--01 [class^="wrap--0"],
#id220121valentine .boxx--01 [class*=" wrap--0"] {
}

#id220121valentine .boxx--01 [class^="wrap--w"],
#id220121valentine .boxx--01 [class*=" wrap--w"] {
}

#id220121valentine .boxx--01 .boxx-contents {
  color: #FFFFFF;
  font-size: 24px;
  /* letter-spacing: .03rem; */
  line-height: calc(52 / 24);
  position: relative;
  z-index: 1;
}

#id220121valentine .boxx--01 a {
  left: 17.2%;
  margin: 30.5% 0 0;
  position: absolute;
  top: 0;
  z-index: 1;
}

#id220121valentine .boxx--01 .boxx-contents img {
  display: inline-block;
  vertical-align: bottom;
  max-width: 100%;
}



/**
 * #id220121valentine .boxx--02
 */

#id220121valentine .boxx--02 {
}

#id220121valentine .boxx--02 + .boxx--02 {
}

#id220121valentine .boxx--02 [class^="wrap--0"],
#id220121valentine .boxx--02 [class*=" wrap--0"] {
}

#id220121valentine .boxx--02 [class^="wrap--w"],
#id220121valentine .boxx--02 [class*=" wrap--w"] {
}

#id220121valentine .boxx--02 .boxx-contents {
  align-items: stretch;
  display: flex;
  justify-content: space-between;
}

#id220121valentine .boxx--02 .boxx-item {
  /* background: #F6E0E4; */
  padding: 0 0 30px;
  position: relative;
  width: calc(50% - 50px);
  z-index: 1;
}

#id220121valentine .boxx--02 .boxx-item:nth-child(1) {
}

#id220121valentine .boxx--02 .boxx-item:nth-child(2) {
}

#id220121valentine .boxx--02 .boxx-item:before {
  background: #F6E0E4;
  bottom: 0;
  content: "";
  display: block;
  height: calc(100% - 50px);
  left: 50%;
  position: absolute;
  /* top: 0; */
  transform: translate(-50%, 0);
  width: calc(100% - 60px);
  z-index: -1;
}

#id220121valentine .boxx--02 .boxx-image {
  display: inline-block;
  margin: 28px 0 0;
  padding: 0 55px 0 75px;
  vertical-align: bottom;
  max-width: 100%;
}

#id220121valentine .boxx--02 .boxx-image img {
  display: inline-block;
  vertical-align: bottom;
  max-width: 100%;
}

#id220121valentine .boxx--02 .boxx-title,
#id220121valentine .boxx--02 .boxx-title * {
  display: inline-block;
  text-align: left;
}

#id220121valentine .boxx--02 .boxx-title {
  align-items: center;
  /* border: 1px solid #fff; */
  display: flex;
  height: 178px;
  justify-content: center;
  position: relative;
  width: 100%;
  z-index: 1;
}

#id220121valentine .boxx--02 .boxx-title > * {
  color: #fff;
  font-size: 30px;
  letter-spacing: .05rem;
  line-height: calc(52 / 30);
  position: relative;
  top: 20px;
  /* padding: 40px 0 0; */
  /* margin: 10px 0 0; */
  /* align-items: center; */
  /* display: flex; */
  /* justify-content: center; */
}

#id220121valentine .boxx--02 .boxx-title img {
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}

#id220121valentine .boxx--02 .boxx-sentence {
  color: #66000F;
  font-size: 24px;
  letter-spacing: .06rem;
  line-height: 160%;
  margin: 25px 0 0;
  padding: 0 80px;
  text-align: center;
}

#id220121valentine .boxx--02 .boxx-sentence small {
  font-size: 20px;
}

#id220121valentine .boxx--02 .boxx-remarks {
  color: #66000F;
  /* display: inline-block; */
  font-size: 24px;
  /* letter-spacing: .01rem; */
  /* line-height: 100%; */
  margin: 12px 0 0;
  padding: 0 80px;
  text-align: center;
}

#id220121valentine .boxx--02 .boxx-remarks span {
  border: 2px solid #66000F;
  border-radius: 100px;
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .18rem;
  margin: 7px 0 0;
  padding: 10px 27px 8px;
}

#id220121valentine .boxx--02 .boxx-remarks small {
  display: inline-block;
  font-size: 15px;
  letter-spacing: .05rem;
  margin: 12px 0 0;
}

#id220121valentine .boxx--02 .boxx-anchor {
  margin: 30px 0 0;
  padding: 0 75px;
}

#id220121valentine .boxx--02 .boxx-anchor a {
  align-items: center;
  border-radius: 100px;
  background: #E53952;
  color: #fff;
  display: flex;
  font-size: 18px;
  /* font-weight: bold; */
  height: 80px;
  line-height: 110%;
  justify-content: center;
  padding: 0 30px;
}

#id220121valentine .boxx--02 .boxx-anchor a span {
  font-weight: 700;
  letter-spacing: .05rem;
  margin: 0 38px 0 22px;
  white-space: nowrap;
}

#id220121valentine .boxx--02 .boxx-list {
  margin: 25px 0 0;
  margin: 15px 0 0;
  padding: 0 75px;
}

/* 左 */
#id220121valentine .boxx--02 .boxx-item:nth-child(1) .boxx-image {
  margin: 28px 0 0;
}

#id220121valentine .boxx--02 .boxx-item:nth-child(1) .boxx-anchor {
  margin: 68px 0 0;
  margin: 28px 0 0;
}

/* 右 */
#id220121valentine .boxx--02 .boxx-item:nth-child(2) .boxx-remarks {
  margin-top: 0;
}

#id220121valentine .boxx--02 .boxx-item:nth-child(2) .boxx-image {
  margin-top: 18px;
  margin-top: 8px;
  position: relative;
  z-index: 1;
}

#id220121valentine .boxx--02 .boxx-item:nth-child(2) .boxx-image span {
  color: #66000F;
  font-family: 'Anton', sans-serif;
  font-size: 54px;
  font-weight: 400;
  letter-spacing: .06rem;
  position: absolute;
  right: 138px;
  top: 47px;
  z-index: 1;
}

#id220121valentine .boxx--02 .boxx-item:nth-child(2) .boxx-anchor {
  margin-top: 20px;
}

#id220121valentine .boxx--02 .boxx-item:nth-child(2) .boxx-anchor a span {
  margin-left: auto;
  margin-right: auto;
  transform: translate(7px, 0);
}



/**
 * #id220121valentine .list--01
 */

#id220121valentine .list--01 {
}

#id220121valentine .list--01 .list-title {
  border-top: 1px solid #66000F;
  color: #66000F;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: calc(24 / 20);
  padding: 25px 0 10px;
  text-align: center;
}

#id220121valentine .list--01 li {
  color: #66000F;
  display: flex;
  font-size: 16px;
  line-height: calc(24 / 16);
}

#id220121valentine .list--01 li:before {
  content: "※";
  display: inline-block;
  margin: 0 4px 0 0;
}

#id220121valentine .list--01 li + li {
 margin-top: 5px;
}



/**
 * #id220121valentine .section-
 */

#id220121valentine .section-1 {
}

#id220121valentine .section-1 .boxx--01 {
  margin-top: 105px;
}

#id220121valentine .section-1 .boxx--02 {
  margin-top: 100px;
}



/**
 * .unveil
 */

/* フェードインだけ */
.mv--01 .mv-image-2 img {
  opacity: 0;
}

.mv--01.unveil-run .mv-image-2 img {
  animation: fadeIn-1 1s cubic-bezier(0.25, 1, 0.5, 1) both;
}

.mv--01.unveil-run .mv-image-2 img:nth-of-type(2) {
  animation-delay: 1.3s;
}

.mv--01.unveil-run .mv-image-2 img:nth-of-type(3) {
  animation-delay: 1s;
}/* /フェードインだけ */


/* フェードイン、下から移動 */
.boxx--01,
.boxx--02 .boxx-item {
  opacity: 0;
}

.boxx--01.unveil-run,
.boxx--02 .boxx-item.unveil-run {
  animation: fadeIn-2 .8s cubic-bezier(0.25, 1, 0.5, 1) both;
}

.section-1 .boxx--01.unveil-run {
  animation-delay: .5s;
  opacity: 1;
}

.section-1 .boxx--02 .boxx-item.unveil-run {
  animation-delay: .5s;
  opacity: 1;
}



@keyframes fadeIn-1 {

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn-2 {

  0% {
    opacity: 0;
    transform: translate(0, 20px);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}



#new-contents {
  opacity: 0;
  transition: opacity .5s .5s;
}

.footer {
  margin-top: 0;
  border: none;
}

#info_box_top,
.footer_info,
.footer_general {
  min-width: 1360px;
}

.pagetop {
  margin: 0;
}