@charset "UTF-8";
/*
entertainment-boost.css
(C) LY Corporation
version 1.0.2
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  /* stylelint-disable */
  font-size: 100%;
  font: inherit;
  /* stylelint-enable */
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ------------------------ *
    theme color 
 * ------------------------ */
/* ------------------------ *
    background 
 * ------------------------ */
/* ------------------------ *
    system color (obsoleted) 
 * ------------------------ */
/* ------------------------ *
    label color 
 * ------------------------ */
/* ------------------------ *
    text color
 * ------------------------ */
.u-mt-s {
  margin-top: 8px !important;
}

.u-mt-m {
  margin-top: 16px !important;
}

.u-mt-l {
  margin-top: 24px !important;
}

.u-mt-xl {
  margin-top: 32px !important;
}

.u-mt-xxl {
  margin-top: 40px !important;
}

.u-mr-s {
  margin-right: 8px !important;
}

.u-mr-m {
  margin-right: 16px !important;
}

.u-mr-l {
  margin-right: 24px !important;
}

.u-mr-xl {
  margin-right: 32px !important;
}

.u-mr-xxl {
  margin-right: 40px !important;
}

.u-mb-s {
  margin-bottom: 8px !important;
}

.u-mb-m {
  margin-bottom: 16px !important;
}

.u-mb-l {
  margin-bottom: 24px !important;
}

.u-mb-xl {
  margin-bottom: 32px !important;
}

.u-mb-xxl {
  margin-bottom: 40px !important;
}

.u-ml-s {
  margin-left: 8px !important;
}

.u-ml-m {
  margin-left: 16px !important;
}

.u-ml-l {
  margin-left: 24px !important;
}

.u-ml-xl {
  margin-left: 32px !important;
}

.u-ml-xxl {
  margin-left: 40px !important;
}

.u-mv-s {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.u-mv-m {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.u-mv-l {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.u-mv-xl {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.u-mv-xxl {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.u-mh-s {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.u-mh-m {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.u-mh-l {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.u-mh-xl {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.u-mh-xxl {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.u-ma-s {
  margin: 8px !important;
}

.u-ma-m {
  margin: 16px !important;
}

.u-ma-l {
  margin: 24px !important;
}

.u-ma-xl {
  margin: 32px !important;
}

.u-ma-xxl {
  margin: 40px !important;
}

.u-pt-s {
  padding-top: 8px !important;
}

.u-pt-m {
  padding-top: 16px !important;
}

.u-pt-l {
  padding-top: 24px !important;
}

.u-pt-xl {
  padding-top: 32px !important;
}

.u-pt-xxl {
  padding-top: 40px !important;
}

.u-pr-s {
  padding-right: 8px !important;
}

.u-pr-m {
  padding-right: 16px !important;
}

.u-pr-l {
  padding-right: 24px !important;
}

.u-pr-xl {
  padding-right: 32px !important;
}

.u-pr-xxl {
  padding-right: 40px !important;
}

.u-pb-s {
  padding-bottom: 8px !important;
}

.u-pb-m {
  padding-bottom: 16px !important;
}

.u-pb-l {
  padding-bottom: 24px !important;
}

.u-pb-xl {
  padding-bottom: 32px !important;
}

.u-pb-xxl {
  padding-bottom: 40px !important;
}

.u-pl-s {
  padding-left: 8px !important;
}

.u-pl-m {
  padding-left: 16px !important;
}

.u-pl-l {
  padding-left: 24px !important;
}

.u-pl-xl {
  padding-left: 32px !important;
}

.u-pl-xxl {
  padding-left: 40px !important;
}

.u-pv-s {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.u-pv-m {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.u-pv-l {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.u-pv-xl {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.u-pv-xxl {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.u-ph-s {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.u-ph-m {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.u-ph-l {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.u-ph-xl {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.u-ph-xxl {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.u-pa-s {
  padding: 8px !important;
}

.u-pa-m {
  padding: 16px !important;
}

.u-pa-l {
  padding: 24px !important;
}

.u-pa-xl {
  padding: 32px !important;
}

.u-pa-xxl {
  padding: 40px !important;
}

.l-contentHeader {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.l-contentFooter {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.l-main {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
}

.l-sub {
  padding: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
}

.is-2column .l-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.is-2column .l-main {
  width: auto;
}
.is-2column .l-sub {
  width: auto;
}

body {
  color: #2F2C2B;
  line-height: 1.3;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

a {
  color: #0260EA;
  text-decoration: none;
}
a:link {
  color: #0260EA;
  text-decoration: none;
}
a:hover {
  color: #0260EA;
  text-decoration: underline;
}
a:active {
  color: #0260EA;
  text-decoration: none;
}
a:visited {
  color: #0260EA;
  text-decoration: none;
}

em {
  font-style: normal;
}

.Frame {
  padding: 16px;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
}
.PageTopNav__link {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  margin: 16px 16px 16px auto;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.36);
  text-indent: -9999px;
  overflow: hidden;
}
.PageTopNav__link:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  width: 16px;
  height: 4px;
  margin-left: -3px;
  margin-top: -7px;
  background: #FFFFFF;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 2px 2px;
          transform-origin: 2px 2px;
}
.PageTopNav__link:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  width: 16px;
  height: 4px;
  margin-left: -3px;
  margin-top: -7px;
  background: #fff;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transform-origin: 2px 2px;
          transform-origin: 2px 2px;
}
.PageTopNav__link:hover {
  background: #6C6A69;
  background: rgba(67, 32, 24, 0.54);
}

/**
 * vw計算
 *
 * @param {Number} $size     - 基準デザイン上のサイズ（px値）
 * @param {Number} $viewport - デザインカンプの横幅 (デフォルト: 750px)
 * @param {Number} $pc_size  - PC での基準横幅 (デフォルト: 580px)
 *
 * 仕様:
 * - モバイル画面幅では $size を vw に変換して返します
 * - PC 画面幅以上では、基準比で算出した px 値を上限／下限として返します
 * - 正の値なら「min()」で上限を設ける
 * - 負の値なら「max()」で下限を設ける（マイナスマージン等に対応）
 */
/*
* パス
**************************/
/*
* 色変数
**************************/
.Header--miniapp {
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  padding: 8px;
  border-bottom: 1px solid #FE8E76;
  background: #fff;
  z-index: 1000;
}
.Header--miniapp__button {
  display: block;
  width: 36px;
  height: 36px;
  background: url(../img/icon_back.svg) center no-repeat;
}

.KeyVisual {
  background-color: #fff6e4;
  padding-bottom: min(2.6666666667vw, 15.4666666667px);
}
.KeyVisual__title img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.KeyVisual__notes {
  font-size: min(2.4vw, 13.92px);
  margin: 0 min(6.6666666667vw, 38.6666666667px);
  text-align: left;
  color: #7d6a44;
}

.Sell {
  background-color: #ffc343;
  background-image: url(../img/section_separate1.png), url(../img/section_separate2.png);
  background-repeat: no-repeat, no-repeat;
  background-position: top center, bottom center;
  background-size: contain;
  padding: min(5.3333333333vw, 30.9333333333px) 0;
}
.Sell__title img, .Sell__items img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.Sell__notes {
  font-size: min(2.4vw, 13.92px);
  margin: 0 min(4vw, 23.2px);
  text-align: left;
  color: #7d6a44;
}

.Campaign {
  background-color: #fff6e4;
  padding-top: min(8vw, 46.4px);
}
.Campaign__title img, .Campaign__items img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.Campaign__items {
  position: relative;
  width: min(100vw, 580px);
  height: min(100vw, 580px);
}
.Campaign__button {
  display: block;
  position: absolute;
  width: min(61.3333333333vw, 355.7333333333px);
  height: min(26.6666666667vw, 154.6666666667px);
  left: min(5.3333333333vw, 30.9333333333px);
  bottom: min(13.3333333333vw, 77.3333333333px);
}
.Campaign__notes {
  font-size: min(2.4vw, 13.92px);
  margin: min(1.3333333333vw, 7.7333333333px) min(4vw, 23.2px) 0;
  text-align: left;
  color: #7d6a44;
}

.Coupon {
  background-color: #fff6e4;
  padding-top: min(8vw, 46.4px);
}
.Coupon__title img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.Coupon__items {
  position: relative;
  width: min(100vw, 580px);
  height: min(206.6666666667vw, 1198.6666666667px);
  padding-top: min(13.3333333333vw, 77.3333333333px);
}
.Coupon__items--01 {
  display: block;
  position: absolute;
  width: 100%;
  height: auto;
  left: min(0vw, 0px);
  top: min(13.3333333333vw, 77.3333333333px);
}
.Coupon__items--02 {
  display: block;
  position: absolute;
  width: min(41.0666666667vw, 238.1866666667px);
  height: min(27.4666666667vw, 159.3066666667px);
  left: min(2.6666666667vw, 15.4666666667px);
  top: min(8vw, 46.4px);
}
.Coupon__button {
  display: block;
  position: absolute;
  width: min(61.3333333333vw, 355.7333333333px);
  height: min(26.6666666667vw, 154.6666666667px);
}
.Coupon__button--01 {
  right: min(4vw, 23.2px);
  top: min(73.3333333333vw, 425.3333333333px);
}
.Coupon__button--02 {
  left: min(4vw, 23.2px);
  top: min(132vw, 765.6px);
}
.Coupon__button img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.Coupon__notes {
  font-size: min(2.4vw, 13.92px);
  margin: 0 min(4vw, 23.2px);
  text-align: left;
  color: #7d6a44;
}

.Confidence {
  background-color: #fee8bd;
  padding-top: min(8vw, 46.4px);
  text-align: center;
}
.Confidence__title img, .Confidence__headline img, .Confidence__items img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.Confidence__text {
  margin: min(2.6666666667vw, 15.4666666667px) auto;
}
.Confidence__headline--02 {
  margin: min(8vw, 46.4px) auto min(5.3333333333vw, 30.9333333333px);
}
.Confidence__items--01, .Confidence__items--02 {
  position: relative;
  width: min(100vw, 580px);
  height: min(40vw, 232px);
}
.Confidence__button {
  display: block;
  position: absolute;
  width: min(58.6666666667vw, 340.2666666667px);
  height: min(13.3333333333vw, 77.3333333333px);
  left: min(20.6666666667vw, 119.8666666667px);
  top: min(20vw, 116px);
}
.Confidence__notes {
  font-size: min(2.4vw, 13.92px);
  margin: 0 min(4vw, 23.2px);
  text-align: left;
  color: #7d6a44;
}

.Item {
  background-color: #ffc343;
  background-image: url(../img/section_separate3.png), url(../img/image_item2.png);
  background-repeat: no-repeat, no-repeat;
  background-position: top center, bottom center;
  background-size: contain;
  padding: min(26.6666666667vw, 154.6666666667px) 0 min(93.3333333333vw, 541.3333333333px);
}
.Item__title img, .Item__headline img, .Item__items img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.Item__items {
  position: relative;
  width: min(100vw, 580px);
  height: min(102.6666666667vw, 595.4666666667px);
}
.Item__button {
  display: block;
  position: absolute;
  width: min(61.3333333333vw, 355.7333333333px);
  height: min(26.6666666667vw, 154.6666666667px);
  right: min(5.3333333333vw, 30.9333333333px);
  bottom: max(-18.6666666667vw, -108.2666666667px);
}
.Item__notes {
  font-size: min(2.4vw, 13.92px);
  margin: 0 min(4vw, 23.2px);
  text-align: left;
  color: #7d6a44;
}

.CloseNotice__text {
  box-sizing: border-box;
  width: 100%;
  padding: min(2.1333333333vw, 12.3733333333px) 0;
  background: #f1f1f1;
  text-align: center;
  color: #e9173d;
  font-weight: 700;
}

.FixedAppDownload {
  display: block;
  position: fixed;
  opacity: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  z-index: 1000;
}
.FixedAppDownload.is-show {
  opacity: 1;
}
.FixedAppDownload__inner.is-active {
  display: block;
}
.FixedAppDownload__innerBody {
  padding: 2vw 0;
}
.FixedAppDownload__body {
  height: 18vw;
}
.FixedAppDownload__body--smartphone {
  display: -webkit-box;
  display: flex;
}
.FixedAppDownload__body--smartphone .FixedAppDownload__button {
  width: 50vw;
  font-size: 5vw;
  margin: 0 1vw;
}
.FixedAppDownload__button {
  display: block;
  width: 74vw;
  height: 14vw;
  margin: 0 auto;
  color: #fff !important;
  background-color: #df2f25;
  border-radius: 7vw;
  text-align: center;
  font-size: 6vw;
  line-height: 14vw;
  border: 4px solid #292929;
}
.FixedAppDownload__button--websell {
  background-color: #fe7604;
}

.AppDownload {
  display: none;
}

.sellPCmodule {
  display: none;
}

/*
* ページ全体
**************************/
body {
  position: relative;
  counter-reset: section;
}

/** コンテンツの影が重ならないようにレイヤーを上げる */
.l-header {
  position: relative;
  padding-bottom: min(0.1333333333vw, 0.7733333333px);
  background-color: #fff;
  z-index: 1;
}

/*
* レイアウト
**************************/
.l-content {
  display: block;
  position: relative;
  background-color: #fff;
  color: #7d6a44;
  font-size: min(3.2vw, 18.56px);
  line-height: 1.35;
}
.l-content a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}
.l-content a:hover {
  text-decoration: none;
  -webkit-filter: brightness(1.3);
          filter: brightness(1.3);
}
.l-content img {
  vertical-align: bottom;
}

.l-contentHeader {
  overflow: hidden;
}

.l-contentHeader,
.l-contentBody,
.l-contentFooter {
  max-width: 580px;
  margin: 0 auto;
}

.l-contentHeader {
  background-color: #fff;
}

.l-main {
  position: relative;
  padding: 0 0 1px;
}

.l-footer {
  position: relative;
  background: #fff;
}
/*
* EMGなどのモジュール
**************************/
.EMG__inner > table {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.EMG__inner br {
  display: none;
}
.EMG__inner td {
  padding: 2px !important;
}

.PageTopNav {
  display: block;
  overflow: hidden;
  background-color: #fff;
}

/**
 * ユーティリティクラス
 */

@media all and (max-width: 750px) {
  .is-2column .l-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .is-2column .l-main {
    width: auto;
  }
  .is-2column .l-sub {
    width: auto;
  }
  .PageTopNav {
    display: none;
  }
}

@media all and (min-width: 751px) and (max-width: 990px) {
  .is-2column .l-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .is-2column .l-main {
    width: calc(100% - 344px);
  }
  .is-2column .l-sub {
    flex-shrink: 0;
    width: 280px;
  }
}

@media all and (min-width: 991px) {
  .is-2column .l-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .is-2column .l-main {
    width: 666px;
  }
  .is-2column .l-sub {
    width: 280px;
  }
}

@media (min-width: 1000px) {
  .FixedAppDownload {
    display: none;
  }
  .AppDownload {
    height: 100%;
    display: block;
    margin-bottom: 0px;
    padding: 0px;
  }
  .AppDownload__inner {
    width: 250px;
    max-width: 250px;
    border: none;
    background-color: #fff;
    border-radius: 30px;
    padding: 20px 0;
    position: fixed;
    top: 300px;
    right: -4px;
    border: 4px solid #292929;
  }
  .AppDownload__title img {
    width: 200px;
    height: 24px;
    margin: 0 auto;
    background-size: 100% auto;
    padding-left: 20px;
  }
  .AppDownload__body {
    display: block;
  }
  .AppDownload__iphone img, .AppDownload__android img, .AppDownload__qr img {
    display: block;
    margin: 5px auto 0;
  }
  .AppDownload__iphone img, .AppDownload__android img {
    margin: 15px auto 0;
  }
  .AppDownload__movecontents {
    position: absolute;
    top: -215px;
    right: -300px;
  }
  .AppDownload__movecontents .AppDownload__inner {
    border-radius: 30px 0 0 30px;
  }
  .sellPCmodule {
    height: 100%;
    display: block;
    margin-bottom: 0px;
    padding: 0px;
  }
  .sellPCmodule__inner {
    width: 250px;
    max-width: 250px;
    border: none;
    border-radius: 30px;
    padding: 20px 0;
    position: fixed;
    top: 150px;
    right: 10px;
  }
  .sellPCmodule__title img {
    width: 250px;
    height: 345px;
  }
  .sellPCmodule__button img {
    width: 250px;
    height: 65px;
  }
}

@media (min-width: 584px) {
  .l-content {
    background-image: url(../img/bg.png);
    background-position: 50% 0, 0 0, 0 0;
    background-repeat: repeat-x, repeat-x, no-repeat;
    background-attachment: fixed, fixed, scroll;
  }
  .l-contentHeader,
  .l-contentBody,
  .l-contentFooter {
    border-right: 4px solid #292929;
    border-left: 4px solid #292929;
  }
  .l-contentBody {
    background-color: #fff;
  }
}

@media screen and (max-width: 767px) {
  .u-hidden--sp {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .u-hidden--pc {
    display: none;
  }
}