@charset "UTF-8";
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* line 12, _normalize.scss */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
/* line 25, _normalize.scss */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
/* line 33, _normalize.scss */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* line 47, _normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
/* line 60, _normalize.scss */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
/* line 70, _normalize.scss */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
/* line 79, _normalize.scss */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 90, _normalize.scss */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
/* line 103, _normalize.scss */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
/* line 113, _normalize.scss */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
/* line 123, _normalize.scss */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/* line 132, _normalize.scss */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 142, _normalize.scss */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
/* line 153, _normalize.scss */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
/* line 161, _normalize.scss */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
/* line 170, _normalize.scss */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
/* line 179, _normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* line 187, _normalize.scss */
sub {
  bottom: -0.25em; }

/* line 191, _normalize.scss */
sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
/* line 202, _normalize.scss */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
/* line 211, _normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
/* line 220, _normalize.scss */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
/* line 228, _normalize.scss */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
/* line 240, _normalize.scss */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/* line 256, _normalize.scss */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 266, _normalize.scss */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
/* line 277, _normalize.scss */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
/* line 288, _normalize.scss */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
/* line 300, _normalize.scss */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
/* line 311, _normalize.scss */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
/* line 322, _normalize.scss */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
/* line 336, _normalize.scss */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
/* line 345, _normalize.scss */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
/* line 354, _normalize.scss */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/* line 364, _normalize.scss */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/* line 374, _normalize.scss */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
/* line 383, _normalize.scss */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
/* line 393, _normalize.scss */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
/* line 406, _normalize.scss */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
/* line 415, _normalize.scss */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
/* line 426, _normalize.scss */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
/* line 434, _normalize.scss */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
/* line 445, _normalize.scss */
[hidden] {
  display: none; }

/* line 1, _base.scss */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

/* line 4, _base.scss */
body {
  padding: 0;
  margin: 0 auto;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 18px;
  color: #555555; }

/* line 11, _base.scss */
img {
  display: block;
  margin: 0 auto;
  touch-callout: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none; }

/* line 21, _base.scss */
a {
  color: #f35353; }
  /* line 23, _base.scss */
  a:visited {
    color: #f35353; }
  /* line 26, _base.scss */
  a:hover {
    opacity: 0.8; }

/* line 30, _base.scss */
ul, ol {
  padding: 0;
  margin: 0;
  list-style: none; }

/* line 35, _base.scss */
#head {
  position: absolute;
  top: 0;
  left: 0; }

@media (min-width: 992px) {
  /* line 42, _base.scss */
  .for-sp {
    display: none; }

  /* line 45, _base.scss */
  body {
    padding: 100px 0 0; }

  /* line 48, _base.scss */
  .anchor {
    position: relative;
    top: -110px; }

  /* line 52, _base.scss */
  ul.has-mark {
    list-style: none;
    padding: 0;
    margin: 1em 0; }
    /* line 56, _base.scss */
    ul.has-mark li {
      padding: 0 0 0 1em;
      text-indent: -1em; }

  /* line 61, _base.scss */
  ul.notice {
    font-size: 14px;
    color: #888;
    margin: -0.5em 0 1em 0; }
    /* line 65, _base.scss */
    ul.notice.indent {
      margin-left: 1em; }

  /* line 69, _base.scss */
  p.pagetop {
    max-width: 1240px;
    min-width: 976px;
    margin: 0 auto;
    padding: 0; }
    /* line 74, _base.scss */
    p.pagetop a {
      background: url("../img/btn-pagetop.png") no-repeat 50% 50%;
      width: 92px;
      height: 92px;
      text-indent: -9999px;
      margin: 0 0 0 auto;
      display: block; }
      /* line 78, _base.scss */
      p.pagetop a:hover {
        opacity: 1;
        background: url("../img/btn-pagetop-on.png") no-repeat 50% 50%;
        width: 92px;
        height: 92px;
        text-indent: -9999px; }
      /* line 82, _base.scss */
      p.pagetop a:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        background: url("../img/btn-pagetop-on.png"); } }
@media (max-width: 991px) {
  /* line 93, _base.scss */
  .for-pc {
    display: none; }

  /* line 96, _base.scss */
  body {
    padding: 60px 0 0; }

  /* line 99, _base.scss */
  .anchor {
    position: relative;
    top: -70px; }

  /* line 103, _base.scss */
  ul.has-mark {
    list-style: none;
    padding: 0;
    margin: 1em 0; }
    /* line 107, _base.scss */
    ul.has-mark li {
      padding: 0 0 0 1em;
      text-indent: -1em; }

  /* line 112, _base.scss */
  ul.notice {
    font-size: 10px;
    color: #888;
    margin: -0.5em 0 1em 0; }
    /* line 116, _base.scss */
    ul.notice.indent {
      margin-left: 1em; }

  /* line 120, _base.scss */
  p.pagetop {
    margin: 0 20px; }
    /* line 122, _base.scss */
    p.pagetop a {
      background: url("../img/btn-pagetop-sp.png") no-repeat 50% 50%;
      background-size: contain;
      width: 51px;
      height: 51px;
      text-indent: -9999px;
      margin: 0 0 0 auto;
      display: block; } }
@media (min-width: 992px) {
  /* line 3, _header.scss */
  #header {
    border-bottom: 1px solid #dddddd;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    background: #fff; }
    /* line 11, _header.scss */
    #header .inner {
      max-width: 1280px;
      margin: 0 auto;
      padding: 20px; }
      /* line 26, _mixin.scss */
      #header .inner:before, #header .inner:after {
        content: " ";
        display: table; }
      /* line 31, _mixin.scss */
      #header .inner:after {
        clear: both; }
      /* line 16, _header.scss */
      #header .inner .logo {
        float: left; }
        /* line 18, _header.scss */
        #header .inner .logo a {
          background: url("../img/logo.png") no-repeat 50% 50%;
          width: 138px;
          height: 40px;
          text-indent: -9999px;
          display: block; }
      /* line 23, _header.scss */
      #header .inner ul.menu {
        float: right; }
        /* line 25, _header.scss */
        #header .inner ul.menu li {
          float: left;
          text-align: center; }
          /* line 28, _header.scss */
          #header .inner ul.menu li a {
            text-decoration: none;
            padding: 10px;
            display: block;
            color: #727171;
            font-size: 15px; }
      /* line 37, _header.scss */
      #header .inner ul.shop {
        float: right; }
        /* line 39, _header.scss */
        #header .inner ul.shop li {
          float: left;
          margin: 0 0 0 20px; }
          /* line 42, _header.scss */
          #header .inner ul.shop li a {
            display: block; }
            /* line 44, _header.scss */
            #header .inner ul.shop li a:hover {
              opacity: 1; }
          /* line 49, _header.scss */
          #header .inner ul.shop li.shop-list a {
            background: url("../img/btn-shop.png") no-repeat 50% 50%;
            width: 90px;
            height: 60px;
            text-indent: -9999px; }
            /* line 51, _header.scss */
            #header .inner ul.shop li.shop-list a:hover {
              background: url("../img/btn-shop-on.png") no-repeat 50% 50%;
              width: 90px;
              height: 60px;
              text-indent: -9999px; }
            /* line 54, _header.scss */
            #header .inner ul.shop li.shop-list a:after {
              content: '';
              display: block;
              width: 0;
              height: 0;
              background: url("../img/btn-shop-on.png"); }
          /* line 64, _header.scss */
          #header .inner ul.shop li.online-shop a {
            background: url("../img/btn-online.png") no-repeat 50% 50%;
            width: 90px;
            height: 60px;
            text-indent: -9999px; }
            /* line 66, _header.scss */
            #header .inner ul.shop li.online-shop a:hover {
              background: url("../img/btn-online-on.png") no-repeat 50% 50%;
              width: 90px;
              height: 60px;
              text-indent: -9999px; }
            /* line 69, _header.scss */
            #header .inner ul.shop li.online-shop a:after {
              content: '';
              display: block;
              width: 0;
              height: 0;
              background: url("../img/btn-online-on.png"); } }
@media (max-width: 991px) {
  /* line 84, _header.scss */
  #header {
    border-bottom: 1px solid #dddddd;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    background: #fff; }
    /* line 92, _header.scss */
    #header .inner {
      padding: 10px 20px; }
      /* line 26, _mixin.scss */
      #header .inner:before, #header .inner:after {
        content: " ";
        display: table; }
      /* line 31, _mixin.scss */
      #header .inner:after {
        clear: both; }
      /* line 95, _header.scss */
      #header .inner .logo {
        float: left;
        margin: 4px 0 0; }
        /* line 98, _header.scss */
        #header .inner .logo a {
          background: url("../img/logo-sp.png") no-repeat 50% 50%;
          background-size: contain;
          width: 96px;
          height: 27.5px;
          text-indent: -9999px;
          display: block; }
      /* line 103, _header.scss */
      #header .inner .toggle-menu {
        float: right;
        margin: 0 0 0 20px; }
        /* line 106, _header.scss */
        #header .inner .toggle-menu a {
          background: url("../img/icon-menu-sp.png") no-repeat 50% 50%;
          background-size: contain;
          width: 35px;
          height: 30px;
          text-indent: -9999px;
          width: 35px;
          height: 40px;
          display: block; }
      /* line 113, _header.scss */
      #header .inner ul.menu {
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: auto;
        background: rgba(255, 255, 255, 0.8);
        display: none; }
        /* line 122, _header.scss */
        #header .inner ul.menu li {
          border-bottom: 1px solid #f5f5f5;
          text-align: center; }
          /* line 125, _header.scss */
          #header .inner ul.menu li a {
            text-decoration: none;
            display: block;
            font-size: 15px;
            color: #fff;
            padding: 18px 10px;
            background: #f89f9f; }
      /* line 135, _header.scss */
      #header .inner ul.shop {
        float: right; }
        /* line 137, _header.scss */
        #header .inner ul.shop li {
          float: left;
          margin: 0 0 0 11px; }
          /* line 140, _header.scss */
          #header .inner ul.shop li a {
            display: block; }
            /* line 142, _header.scss */
            #header .inner ul.shop li a:hover {
              opacity: 1; }
          /* line 147, _header.scss */
          #header .inner ul.shop li.shop-list a {
            background: url("../img/btn-shop-sp.png") no-repeat 50% 50%;
            background-size: contain;
            width: 61px;
            height: 40px;
            text-indent: -9999px; }
          /* line 152, _header.scss */
          #header .inner ul.shop li.online-shop a {
            background: url("../img/btn-online-sp.png") no-repeat 50% 50%;
            background-size: contain;
            width: 61px;
            height: 40px;
            text-indent: -9999px; }

  /* line 160, _header.scss */
  body.show-menu {
    overflow: hidden; }
    /* line 164, _header.scss */
    body.show-menu #header .inner .toggle-menu {
      margin: 0 0 0 20px; }
      /* line 166, _header.scss */
      body.show-menu #header .inner .toggle-menu a {
        background: url("../img/icon-close-sp.png") no-repeat 50% 50%;
        background-size: contain;
        width: 28px;
        height: 28px;
        text-indent: -9999px;
        background-size: 28px 28px;
        width: 35px;
        height: 40px;
        display: block; }
    /* line 174, _header.scss */
    body.show-menu #header .inner ul.menu.for-sp {
      display: block; } }
@media (min-width: 992px) {
  /* line 1, _footer.scss */
  #footer {
    background: #727171;
    color: #fff; }
    /* line 5, _footer.scss */
    #footer .inner {
      max-width: 1280px;
      padding: 25px 20px;
      margin: 0 auto; }
      /* line 26, _mixin.scss */
      #footer .inner:before, #footer .inner:after {
        content: " ";
        display: table; }
      /* line 31, _mixin.scss */
      #footer .inner:after {
        clear: both; }
      /* line 10, _footer.scss */
      #footer .inner .logo {
        float: left;
        margin: 0 20px 0 0; }
        /* line 13, _footer.scss */
        #footer .inner .logo a {
          display: block;
          background: url("../img/logo-footer.png") no-repeat 50% 50%;
          width: 130px;
          height: 36px;
          text-indent: -9999px; }
      /* line 18, _footer.scss */
      #footer .inner p.copyright {
        float: left;
        font-size: 10px;
        margin: 0;
        padding: 26px 17px 0; }
      /* line 24, _footer.scss */
      #footer .inner ul {
        float: right; }
        /* line 26, _footer.scss */
        #footer .inner ul li {
          float: left; }
        /* line 30, _footer.scss */
        #footer .inner ul.link li {
          margin: 0 20px 0 0; }
          /* line 32, _footer.scss */
          #footer .inner ul.link li a {
            line-height: 32px;
            text-decoration: none;
            color: #fff;
            font-size: 14px; }
        /* line 41, _footer.scss */
        #footer .inner ul.sns li {
          margin: 0 0 0 10px; }
          /* line 43, _footer.scss */
          #footer .inner ul.sns li a {
            display: block; }
          /* line 47, _footer.scss */
          #footer .inner ul.sns li.instagram a {
            background: url("../img/icon-is-footer.png") no-repeat 50% 50%;
            width: 32px;
            height: 32px;
            text-indent: -9999px; }
          /* line 52, _footer.scss */
          #footer .inner ul.sns li.facebook a {
            background: url("../img/icon-fb-footer.png") no-repeat 50% 50%;
            width: 32px;
            height: 32px;
            text-indent: -9999px; }
          /* line 57, _footer.scss */
          #footer .inner ul.sns li.twitter a {
            background: url("../img/icon-tw-footer.png") no-repeat 50% 50%;
            width: 32px;
            height: 32px;
            text-indent: -9999px; }
          /* line 62, _footer.scss */
          #footer .inner ul.sns li.cosme a {
            background: url("../img/icon-ac-footer.png") no-repeat 50% 50%;
            width: 100px;
            height: 32px;
            text-indent: -9999px; } }
@media (max-width: 991px) {
  /* line 1, _footer.scss */
  #footer {
    background: #727171;
    color: #fff; }
    /* line 74, _footer.scss */
    #footer .inner {
      max-width: 1280px;
      padding: 25px 20px;
      margin: 0 auto; }
      /* line 26, _mixin.scss */
      #footer .inner:before, #footer .inner:after {
        content: " ";
        display: table; }
      /* line 31, _mixin.scss */
      #footer .inner:after {
        clear: both; }
      /* line 79, _footer.scss */
      #footer .inner .logo {
        float: left;
        clear: left;
        margin: 0 20px 0 0; }
        /* line 83, _footer.scss */
        #footer .inner .logo a {
          display: block;
          background: url("../img/logo-footer.png") no-repeat 50% 50%;
          background-size: contain;
          width: 65px;
          height: 18px;
          text-indent: -9999px; }
      /* line 88, _footer.scss */
      #footer .inner p.copyright {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        float: left;
        font-size: 10px;
        margin: 0;
        padding: 9px 0 0; }
      /* line 97, _footer.scss */
      #footer .inner ul.sns {
        float: right;
        width: 150px; }
        /* line 100, _footer.scss */
        #footer .inner ul.sns li {
          float: left;
          margin: 0 0 14px 14px; }
          /* line 103, _footer.scss */
          #footer .inner ul.sns li a {
            display: block; }
          /* line 107, _footer.scss */
          #footer .inner ul.sns li.instagram a {
            background: url("../img/icon-is-footer-sp.png") no-repeat 50% 50%;
            background-size: contain;
            width: 34px;
            height: 34px;
            text-indent: -9999px; }
          /* line 112, _footer.scss */
          #footer .inner ul.sns li.facebook a {
            background: url("../img/icon-fb-footer-sp.png") no-repeat 50% 50%;
            background-size: contain;
            width: 34px;
            height: 34px;
            text-indent: -9999px; }
          /* line 117, _footer.scss */
          #footer .inner ul.sns li.twitter a {
            background: url("../img/icon-tw-footer-sp.png") no-repeat 50% 50%;
            background-size: contain;
            width: 34px;
            height: 34px;
            text-indent: -9999px; }
          /* line 122, _footer.scss */
          #footer .inner ul.sns li.cosme a {
            background: url("../img/icon-ac-footer-sp.png") no-repeat 50% 50%;
            background-size: contain;
            width: 130px;
            height: 29px;
            text-indent: -9999px; }
      /* line 128, _footer.scss */
      #footer .inner ul.link {
        float: left;
        margin: 0 0 20px; }
        /* line 131, _footer.scss */
        #footer .inner ul.link li {
          margin: 0 0 10px; }
          /* line 133, _footer.scss */
          #footer .inner ul.link li a {
            text-decoration: none;
            color: #fff;
            font-size: 12px; } }

@media (min-width: 992px) {
  /* line 1, _visual.scss */
  .visual {
    margin: 0 auto 80px; }
    /* line 4, _visual.scss */
    .visual .inner {
      max-width: 1600px;
      margin: 0 auto;
      position: relative; }
      /* line 8, _visual.scss */
      .visual .inner:before {
        content: '';
        display: block;
        left: 0;
        top: 0;
        bottom: 0;
        width: 50%;
        background: #a6a6a6;
        position: absolute; }
      /* line 18, _visual.scss */
      .visual .inner .message {
        color: #fff;
        background: #a6a6a6;
        max-width: 1007px;
        margin: 0 auto;
        height: 540px;
        padding: 20px;
        position: relative; }
        /* line 26, _visual.scss */
        .visual .inner .message:after {
          position: absolute;
          right: 0;
          top: 0;
          content: '';
          display: block;
          border-right: 117px solid #fff;
          border-top: 540px solid transparent; }
        /* line 35, _visual.scss */
        .visual .inner .message h1 {
          background: url("../img/ttl-visual.png") no-repeat 50% 50%;
          width: 480px;
          height: 153px;
          text-indent: -9999px; }
        /* line 38, _visual.scss */
        .visual .inner .message > p {
          font-size: 18px;
          line-height: 2; }
        /* line 42, _visual.scss */
        .visual .inner .message .present {
          width: 420px;
          border: 1px solid #fff;
          padding: 17px 17px 17px 90px;
          margin: 25px 0 0;
          background: url("../img/icon-present.png") no-repeat 25px 50%; }
          /* line 48, _visual.scss */
          .visual .inner .message .present p {
            margin: 0;
            font-size: 20px;
            font-weight: bold; }
          /* line 53, _visual.scss */
          .visual .inner .message .present small {
            font-weight: normal;
            font-size: 14px; }
      /* line 59, _visual.scss */
      .visual .inner .pic {
        background: url("../img/top-pic-1280.png") no-repeat 50% 50%;
        width: 630px;
        height: 494px;
        text-indent: -9999px;
        position: absolute;
        right: 0;
        top: 110px; } }
@media (min-width: 992px) and (max-width: 1279px) {
  /* line 69, _visual.scss */
  .visual .inner .pic {
    background: url("../img/top-pic-976.png") no-repeat 50% 50%;
    width: 478px;
    height: 494px;
    text-indent: -9999px; } }
@media (min-width: 1280px) and (max-width: 1599px) {
  /* line 76, _visual.scss */
  .visual .inner .pic {
    background: url("../img/top-pic-1280.png") no-repeat 50% 50%;
    width: 630px;
    height: 494px;
    text-indent: -9999px; } }
@media (min-width: 1600px) {
  /* line 83, _visual.scss */
  .visual .inner .pic {
    background: url("../img/top-pic.png") no-repeat 50% 50%;
    width: 790px;
    height: 494px;
    text-indent: -9999px; } }
@media (max-width: 991px) {
  /* line 1, _visual.scss */
  .visual {
    margin: 0 auto; }
    /* line 90, _visual.scss */
    .visual .inner {
      position: relative; }
      /* line 92, _visual.scss */
      .visual .inner .message {
        color: #fff;
        background: #a6a6a6;
        margin: 0 auto;
        padding: 25px 10px 70px;
        position: relative; }
        /* line 98, _visual.scss */
        .visual .inner .message h1 {
          background: url("../img/ttl-visual-sp.png") no-repeat 50% 50%;
          background-size: contain;
          width: 344px;
          height: 90.5px;
          text-indent: -9999px;
          max-width: 344px;
          width: auto;
          margin: 0 auto; }
        /* line 104, _visual.scss */
        .visual .inner .message > p {
          font-size: 12px;
          line-height: 2;
          text-align: center; }
        /* line 109, _visual.scss */
        .visual .inner .message .present {
          width: 250px;
          border: 1px solid #fff;
          padding: 9px 9px 9px 50px;
          margin: 15px auto 0;
          background: url("../img/icon-present-sp.png") no-repeat 15px 50%;
          background-size: auto 27px; }
          /* line 116, _visual.scss */
          .visual .inner .message .present p {
            margin: 0;
            font-size: 12px;
            font-weight: bold; }
          /* line 121, _visual.scss */
          .visual .inner .message .present small {
            font-weight: normal;
            font-size: 10px; }
      /* line 127, _visual.scss */
      .visual .inner .pic {
        background: url("../img/top-pic-sp.png") no-repeat 50% 50%;
        background-size: contain;
        width: 364px;
        height: 208px;
        text-indent: -9999px;
        max-width: 364px;
        width: auto;
        margin: -47px 0 0 auto;
        position: relative; } }

@media (min-width: 992px) {
  /* line 2, _present.scss */
  section.present {
    background: #fff1f1;
    padding: 70px 0 130px;
    position: relative;
    overflow: hidden;
    max-width: 1600px;
    margin: 0 auto; }
    /* line 10, _present.scss */
    section.present:after {
      content: '';
      display: block;
      border-top: 170px solid #fff1f1;
      border-left: 800px solid #fff;
      border-right: 800px solid #fff;
      position: absolute;
      left: 50%;
      bottom: 0;
      margin-left: -800px; }
    /* line 21, _present.scss */
    section.present > .inner {
      max-width: 976px;
      margin: 0 auto;
      line-height: 2;
      font-size: 16px;
      text-align: center; }
      /* line 27, _present.scss */
      section.present > .inner > h2 {
        background: url("../img/ttl-present.png") no-repeat 50% 50%;
        width: 929px;
        height: 197px;
        text-indent: -9999px;
        margin: 0 auto 20px; }
      /* line 32, _present.scss */
      section.present > .inner ul.term li {
        margin: 0 0 18px; }
        /* line 34, _present.scss */
        section.present > .inner ul.term li.term0 {
          background: url("../img/txt-present-term.png") no-repeat 50% 50%;
          width: 976px;
          height: 32px;
          text-indent: -9999px; }
      /* line 39, _present.scss */
      section.present > .inner > p {
        margin: 30px 0 35px; }
      /* line 42, _present.scss */
      section.present > .inner dl.example {
        border: 1px solid #98c5e7;
        width: 440px;
        margin: 40px auto; }
        /* line 46, _present.scss */
        section.present > .inner dl.example dt {
          color: #fff;
          background: #98c5e7; }
        /* line 50, _present.scss */
        section.present > .inner dl.example dd {
          margin: 0;
          padding: 18px 10px 18px 80px;
          text-align: left;
          background: url("../img/icon-tw.png") no-repeat 20px 20px #fff;
          min-height: 83px;
          line-height: 1.7;
          font-size: 15px; }
          /* line 58, _present.scss */
          section.present > .inner dl.example dd span {
            color: #73b0df;
            font-weight: bold; }
      /* line 64, _present.scss */
      section.present > .inner > section {
        border: 1px solid #f89f9f;
        padding: 50px;
        position: relative;
        margin: 85px auto; }
        /* line 69, _present.scss */
        section.present > .inner > section .head {
          position: absolute;
          left: 0;
          right: 0;
          top: -30px;
          text-align: center; }
          /* line 75, _present.scss */
          section.present > .inner > section .head h3 {
            position: relative;
            margin: 0 auto; }
            /* line 78, _present.scss */
            section.present > .inner > section .head h3:before {
              display: block;
              content: '';
              background: #fff1f1;
              position: absolute;
              left: -20px;
              top: 0;
              bottom: 0;
              width: 20px; }
            /* line 88, _present.scss */
            section.present > .inner > section .head h3:after {
              display: block;
              content: '';
              background: #fff1f1;
              position: absolute;
              right: -20px;
              top: 0;
              bottom: 0;
              width: 20px; }
        /* line 100, _present.scss */
        section.present > .inner > section.present-product {
          padding: 50px 50px 30px; }
          /* line 102, _present.scss */
          section.present > .inner > section.present-product h3 {
            background: url("../img/subttl-present.png") no-repeat 50% 50%;
            width: 134px;
            height: 53px;
            text-indent: -9999px;
            background-color: #fff1f1; }
          /* line 106, _present.scss */
          section.present > .inner > section.present-product ul.product {
            margin: 20px 0 30px; }
            /* line 26, _mixin.scss */
            section.present > .inner > section.present-product ul.product:before, section.present > .inner > section.present-product ul.product:after {
              content: " ";
              display: table; }
            /* line 31, _mixin.scss */
            section.present > .inner > section.present-product ul.product:after {
              clear: both; }
            /* line 109, _present.scss */
            section.present > .inner > section.present-product ul.product li {
              float: left;
              background: #fff;
              padding: 10px;
              position: relative;
              height: 86px; }
              /* line 115, _present.scss */
              section.present > .inner > section.present-product ul.product li:nth-child(1) {
                width: 55%;
                font-size: 18px;
                font-weight: bold; }
                /* line 119, _present.scss */
                section.present > .inner > section.present-product ul.product li:nth-child(1):before {
                  background: url("../img/pic-present-01.png") no-repeat 50% 50%;
                  width: 22px;
                  height: 62px;
                  text-indent: -9999px;
                  height: 66px;
                  content: '';
                  display: inline-block;
                  vertical-align: middle;
                  margin: 0 5px 0 0; }
                /* line 127, _present.scss */
                section.present > .inner > section.present-product ul.product li:nth-child(1) span {
                  white-space: nowrap; }
                /* line 130, _present.scss */
                section.present > .inner > section.present-product ul.product li:nth-child(1) span.num {
                  background: url("../img/txt-present-01.png") no-repeat 50% 50%;
                  width: 84px;
                  height: 26px;
                  text-indent: -9999px;
                  display: inline-block;
                  vertical-align: middle;
                  margin: -3px 0 0 20px; }
              /* line 137, _present.scss */
              section.present > .inner > section.present-product ul.product li:nth-child(2) {
                width: 45%;
                font-size: 17px;
                border-left: 30px solid #fff1f1;
                padding: 12px 10px 12px 110px;
                text-align: left;
                line-height: 1.7; }
                /* line 144, _present.scss */
                section.present > .inner > section.present-product ul.product li:nth-child(2) span {
                  background: url("../img/icon-wchance.png") no-repeat 50% 50%;
                  width: 70px;
                  height: 70px;
                  text-indent: -9999px;
                  display: block;
                  position: absolute;
                  left: 20px;
                  top: 8px; }
                /* line 151, _present.scss */
                section.present > .inner > section.present-product ul.product li:nth-child(2) small {
                  font-size: 14px; }
          /* line 159, _present.scss */
          section.present > .inner > section.present-product ul.term li:nth-child(1) {
            background: url("../img/txt-present-term-order1.png") no-repeat 50% 50%;
            width: 876px;
            height: 30px;
            text-indent: -9999px; }
          /* line 162, _present.scss */
          section.present > .inner > section.present-product ul.term li:nth-child(2) {
            background: url("../img/txt-present-term-order2.png") no-repeat 50% 50%;
            width: 876px;
            height: 30px;
            text-indent: -9999px; }
        /* line 168, _present.scss */
        section.present > .inner > section.how-to {
          font-size: 16px;
          padding: 40px 40px 0; }
          /* line 171, _present.scss */
          section.present > .inner > section.how-to h3 {
            background: url("../img/subttl-howto.png") no-repeat 50% 50%;
            width: 270px;
            height: 58px;
            text-indent: -9999px;
            background-color: #fff1f1; }
          /* line 176, _present.scss */
          section.present > .inner > section.how-to ol > li {
            border-top: 1px dashed #f89f9f;
            padding: 40px 0 30px 105px;
            position: relative;
            text-align: left; }
            /* line 26, _mixin.scss */
            section.present > .inner > section.how-to ol > li:before, section.present > .inner > section.how-to ol > li:after {
              content: " ";
              display: table; }
            /* line 31, _mixin.scss */
            section.present > .inner > section.how-to ol > li:after {
              clear: both; }
            /* line 182, _present.scss */
            section.present > .inner > section.how-to ol > li .step {
              position: absolute;
              left: 5px;
              top: 30px; }
            /* line 187, _present.scss */
            section.present > .inner > section.how-to ol > li > p {
              margin: 0 0 20px; }
            /* line 190, _present.scss */
            section.present > .inner > section.how-to ol > li:nth-child(1) {
              border-top: none; }
              /* line 192, _present.scss */
              section.present > .inner > section.how-to ol > li:nth-child(1) .step {
                background: url("../img/step1.png") no-repeat 50% 50%;
                width: 72px;
                height: 72px;
                text-indent: -9999px; }
              /* line 195, _present.scss */
              section.present > .inner > section.how-to ol > li:nth-child(1) ul {
                float: right;
                width: 370px;
                margin: 0; }
                /* line 199, _present.scss */
                section.present > .inner > section.how-to ol > li:nth-child(1) ul li {
                  position: relative;
                  padding: 0 0 0 60px;
                  margin: 0 0 10px; }
                  /* line 203, _present.scss */
                  section.present > .inner > section.how-to ol > li:nth-child(1) ul li:before {
                    content: '';
                    display: block;
                    border-right: 10px solid #fff;
                    border-top: 10px solid transparent;
                    border-bottom: 10px solid transparent;
                    position: absolute;
                    left: 52px;
                    top: 10px; }
                  /* line 213, _present.scss */
                  section.present > .inner > section.how-to ol > li:nth-child(1) ul li .icon-tw {
                    background: url("../img/icon-tw.png") no-repeat 50% 50%;
                    width: 40px;
                    height: 40px;
                    text-indent: -9999px;
                    position: absolute;
                    left: 0;
                    top: 0; }
                  /* line 219, _present.scss */
                  section.present > .inner > section.how-to ol > li:nth-child(1) ul li .icon-is {
                    background: url("../img/icon-is.png") no-repeat 50% 50%;
                    width: 40px;
                    height: 40px;
                    text-indent: -9999px;
                    position: absolute;
                    left: 0;
                    top: 0; }
                  /* line 225, _present.scss */
                  section.present > .inner > section.how-to ol > li:nth-child(1) ul li .txt {
                    background: #fff;
                    border-radius: 5px;
                    padding: 0 15px;
                    line-height: 40px; }
                    /* line 230, _present.scss */
                    section.present > .inner > section.how-to ol > li:nth-child(1) ul li .txt a {
                      font-weight: bold; }
              /* line 236, _present.scss */
              section.present > .inner > section.how-to ol > li:nth-child(1) p {
                margin: 0;
                float: left;
                width: 380px; }
            /* line 243, _present.scss */
            section.present > .inner > section.how-to ol > li:nth-child(2) .step {
              background: url("../img/step2.png") no-repeat 50% 50%;
              width: 72px;
              height: 72px;
              text-indent: -9999px; }
            /* line 246, _present.scss */
            section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap {
              float: left;
              width: 50%; }
              /* line 249, _present.scss */
              section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div {
                padding: 25px;
                background: #fff;
                border-radius: 5px;
                height: 224px;
                position: relative; }
                /* line 255, _present.scss */
                section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div > span:first-child {
                  display: block;
                  padding: 8px 0 0 60px;
                  height: 48px;
                  margin-right: -10px; }
                /* line 261, _present.scss */
                section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div a.btn {
                  border-radius: 5px;
                  text-align: center;
                  display: block;
                  line-height: 40px;
                  color: #fff;
                  margin: 14px 0 17px;
                  text-decoration: none; }
                /* line 270, _present.scss */
                section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.twitter {
                  margin-right: 12px;
                  font-size: 16px; }
                  /* line 273, _present.scss */
                  section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.twitter:before {
                    background: url("../img/icon-tw-share.png") no-repeat 50% 50%;
                    width: 48px;
                    height: 48px;
                    text-indent: -9999px;
                    content: '';
                    display: block;
                    position: absolute;
                    left: 25px;
                    top: 25px; }
                  /* line 281, _present.scss */
                  section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.twitter a.btn {
                    background: #1da1f2;
                    font-size: 18px; }
                  /* line 285, _present.scss */
                  section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.twitter .retweet {
                    font-size: 14px;
                    line-height: 1.7;
                    border-top: 1px dashed #ddd;
                    padding: 17px 0 0; }
                    /* line 290, _present.scss */
                    section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.twitter .retweet a {
                      float: right;
                      color: #1da1f2;
                      border: 2px solid #1da1f2;
                      text-decoration: none;
                      padding: 8px 13px;
                      margin: 0;
                      border-radius: 3px;
                      font-weight: bold; }
                /* line 302, _present.scss */
                section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.instagram {
                  margin-left: 12px; }
                  /* line 304, _present.scss */
                  section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.instagram:before {
                    background: url("../img/icon-is-share.png") no-repeat 50% 50%;
                    width: 48px;
                    height: 48px;
                    text-indent: -9999px;
                    content: '';
                    display: block;
                    position: absolute;
                    left: 25px;
                    top: 25px; }
                  /* line 320, _present.scss */
                  section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.instagram p {
                    margin: 9px 0; }
                  /* line 323, _present.scss */
                  section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.instagram .copy-wrap {
                    border: 1px solid #e5e5e5;
                    background: #f5f5f5;
                    font-size: 12px;
                    padding: 7px 70px 5px 12px;
                    position: relative;
                    height: 50px;
                    line-height: 1.5;
                    font-weight: bold; }
                    /* line 332, _present.scss */
                    section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.instagram .copy-wrap .copy {
                      width: 60px;
                      position: absolute;
                      right: -1px;
                      top: -1px;
                      bottom: -1px;
                      text-align: center;
                      line-height: 50px;
                      color: #fff;
                      background: #df2a74;
                      text-decoration: none;
                      font-size: 14px; }
                      /* line 344, _present.scss */
                      section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.instagram .copy-wrap .copy:hover {
                        opacity: 0.8; }
                    /* line 348, _present.scss */
                    section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.instagram .copy-wrap + p {
                      margin: 5px 0 0; }
                      /* line 350, _present.scss */
                      section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.instagram .copy-wrap + p small {
                        font-size: 12px; }
            /* line 358, _present.scss */
            section.present > .inner > section.how-to ol > li:nth-child(2) .copy {
              cursor: pointer;
              color: #f35353;
              text-decoration: underline;
              background: url("../img/icon-blank.png") no-repeat 0 50%;
              display: inline-block; }
            /* line 366, _present.scss */
            section.present > .inner > section.how-to ol > li:nth-child(3) {
              background: url("../img/pic-present-step.png") no-repeat 95% 50%;
              padding: 35px 400px 30px 105px; }
              /* line 369, _present.scss */
              section.present > .inner > section.how-to ol > li:nth-child(3) .step {
                background: url("../img/step3.png") no-repeat 50% 50%;
                width: 72px;
                height: 72px;
                text-indent: -9999px; }
              /* line 372, _present.scss */
              section.present > .inner > section.how-to ol > li:nth-child(3) p + p {
                font-size: 12px;
                padding-left: 1em;
                text-indent: -1em;
                line-height: 1.5; } }
@media (max-width: 991px) {
  /* line 2, _present.scss */
  section.present {
    background: #fff1f1;
    padding: 50px 0 65px;
    position: relative;
    overflow: hidden;
    margin: 0 auto; }
    /* line 391, _present.scss */
    section.present:after {
      content: '';
      display: block;
      border-top: 100px solid #fff1f1;
      border-left: 500px solid #fff;
      border-right: 500px solid #fff;
      position: absolute;
      left: 50%;
      bottom: 0;
      margin-left: -500px; }
    /* line 402, _present.scss */
    section.present > .inner {
      margin: 0 auto;
      padding: 0 20px;
      line-height: 2;
      font-size: 12px; }
      /* line 407, _present.scss */
      section.present > .inner > h2 {
        margin: 0 -15px; }
        /* line 409, _present.scss */
        section.present > .inner > h2 span {
          background: url("../img/ttl-present-sp.png") no-repeat 50% 50%;
          background-size: contain;
          width: 355px;
          height: 247px;
          text-indent: -9999px;
          max-width: 355px;
          width: auto;
          margin: 0 auto 13px;
          display: block; }
        /* line 416, _present.scss */
        section.present > .inner > h2 + ul {
          margin: 0 0 35px; }
      /* line 421, _present.scss */
      section.present > .inner ul.term li {
        margin: 0 0 18px; }
        /* line 423, _present.scss */
        section.present > .inner ul.term li.term0 {
          background: url("../img/txt-present-term-sp.png") no-repeat 50% 50%;
          background-size: contain;
          width: 344px;
          height: 30.5px;
          text-indent: -9999px;
          max-width: 344px;
          width: auto;
          margin: 0 auto; }
      /* line 431, _present.scss */
      section.present > .inner dl.example {
        border: 1px solid #98c5e7;
        max-width: 440px;
        margin: 35px auto; }
        /* line 435, _present.scss */
        section.present > .inner dl.example dt {
          color: #fff;
          background: #98c5e7;
          text-align: center; }
        /* line 440, _present.scss */
        section.present > .inner dl.example dd {
          margin: 0;
          padding: 12px 8px 12px 60px;
          text-align: left;
          background: url("../img/icon-tw-sp.png") no-repeat 15px 15px #fff;
          background-size: 34px 34px;
          min-height: 65px;
          line-height: 1.7; }
          /* line 448, _present.scss */
          section.present > .inner dl.example dd span {
            color: #73b0df; }
      /* line 453, _present.scss */
      section.present > .inner > section {
        border: 1px solid #f89f9f;
        padding: 25px;
        position: relative;
        margin: 55px auto 40px; }
        /* line 458, _present.scss */
        section.present > .inner > section .head {
          position: absolute;
          left: 0;
          right: 0;
          top: -15px;
          text-align: center; }
          /* line 464, _present.scss */
          section.present > .inner > section .head h3 {
            position: relative;
            margin: 0 auto; }
            /* line 467, _present.scss */
            section.present > .inner > section .head h3:before {
              display: block;
              content: '';
              background: #fff1f1;
              position: absolute;
              left: -20px;
              top: 0;
              bottom: 0;
              width: 20px; }
            /* line 477, _present.scss */
            section.present > .inner > section .head h3:after {
              display: block;
              content: '';
              background: #fff1f1;
              position: absolute;
              right: -20px;
              top: 0;
              bottom: 0;
              width: 20px; }
        /* line 490, _present.scss */
        section.present > .inner > section.present-product h3 {
          background: url("../img/subttl-present-sp.png") no-repeat 50% 50%;
          background-size: contain;
          width: 82px;
          height: 34.5px;
          text-indent: -9999px;
          background-color: #fff1f1; }
        /* line 494, _present.scss */
        section.present > .inner > section.present-product ul.product {
          margin: 20px auto 0;
          max-width: 292px; }
          /* line 26, _mixin.scss */
          section.present > .inner > section.present-product ul.product:before, section.present > .inner > section.present-product ul.product:after {
            content: " ";
            display: table; }
          /* line 31, _mixin.scss */
          section.present > .inner > section.present-product ul.product:after {
            clear: both; }
          /* line 498, _present.scss */
          section.present > .inner > section.present-product ul.product li {
            background: #fff;
            padding: 10px;
            position: relative;
            margin: 0 0 20px; }
            /* line 503, _present.scss */
            section.present > .inner > section.present-product ul.product li:nth-child(1) {
              font-size: 13px;
              font-weight: bold;
              padding: 15px 5px 15px 45px; }
              /* line 507, _present.scss */
              section.present > .inner > section.present-product ul.product li:nth-child(1):before {
                background: url("../img/pic-present-01-sp.png") no-repeat 50% 50%;
                background-size: contain;
                width: 21.5px;
                height: 61.5px;
                text-indent: -9999px;
                content: '';
                display: block;
                position: absolute;
                top: 10px;
                left: 15px; }
              /* line 515, _present.scss */
              section.present > .inner > section.present-product ul.product li:nth-child(1) span {
                white-space: nowrap;
                display: inline-block; }
              /* line 519, _present.scss */
              section.present > .inner > section.present-product ul.product li:nth-child(1) span.num {
                background: url("../img/txt-present-01-sp.png") no-repeat 50% 50%;
                background-size: contain;
                width: 71.5px;
                height: 20px;
                text-indent: -9999px;
                display: block;
                margin: 10px 9px 0 auto; }
            /* line 525, _present.scss */
            section.present > .inner > section.present-product ul.product li:nth-child(2) {
              font-size: 13px;
              padding: 10px 15px 10px 65px;
              text-align: left;
              line-height: 1.7; }
              /* line 530, _present.scss */
              section.present > .inner > section.present-product ul.product li:nth-child(2) span {
                background: url("../img/icon-wchance-sp.png") no-repeat 50% 50%;
                background-size: contain;
                width: 42.5px;
                height: 43px;
                text-indent: -9999px;
                display: block;
                position: absolute;
                left: 14px;
                top: 8px; }
              /* line 537, _present.scss */
              section.present > .inner > section.present-product ul.product li:nth-child(2) small {
                font-size: 11px; }
        /* line 545, _present.scss */
        section.present > .inner > section.present-product ul.term li:nth-child(1) {
          background: url("../img/txt-present-term-order1-sp.png") no-repeat 50% 50%;
          background-size: contain;
          width: 292px;
          height: 70px;
          text-indent: -9999px;
          max-width: 292px;
          width: auto;
          margin: 0 auto 20px; }
        /* line 551, _present.scss */
        section.present > .inner > section.present-product ul.term li:nth-child(2) {
          background: url("../img/txt-present-term-order2-sp.png") no-repeat 50% 50%;
          background-size: contain;
          width: 292px;
          height: 70px;
          text-indent: -9999px;
          max-width: 292px;
          width: auto;
          margin: 0 auto; }
        /* line 560, _present.scss */
        section.present > .inner > section.how-to {
          font-size: 12px;
          padding: 40px 25px 0; }
          /* line 564, _present.scss */
          section.present > .inner > section.how-to .head > h3 {
            background: url("../img/subttl-howto-sp.png") no-repeat 50% 50%;
            background-size: contain;
            width: 153px;
            height: 34.5px;
            text-indent: -9999px;
            background-color: #fff1f1; }
          /* line 570, _present.scss */
          section.present > .inner > section.how-to ol > li {
            border-top: 1px dashed #f89f9f;
            padding: 20px 0 15px 55px;
            position: relative;
            text-align: left;
            line-height: 1.7; }
            /* line 576, _present.scss */
            section.present > .inner > section.how-to ol > li .step {
              position: absolute;
              left: 0;
              top: 20px; }
            /* line 581, _present.scss */
            section.present > .inner > section.how-to ol > li > p {
              margin: 0 0 20px; }
            /* line 584, _present.scss */
            section.present > .inner > section.how-to ol > li:nth-child(1) {
              border-top: none;
              margin-top: -15px; }
              /* line 587, _present.scss */
              section.present > .inner > section.how-to ol > li:nth-child(1) .step {
                background: url("../img/step1-sp.png") no-repeat 50% 50%;
                background-size: contain;
                width: 43.5px;
                height: 43.5px;
                text-indent: -9999px; }
              /* line 590, _present.scss */
              section.present > .inner > section.how-to ol > li:nth-child(1) > p {
                min-height: 44px; }
              /* line 593, _present.scss */
              section.present > .inner > section.how-to ol > li:nth-child(1) ul {
                margin: 12px 0 12px -55px; }
                /* line 595, _present.scss */
                section.present > .inner > section.how-to ol > li:nth-child(1) ul li {
                  position: relative;
                  padding: 0 0 0 46px;
                  margin: 0 0 10px; }
                  /* line 599, _present.scss */
                  section.present > .inner > section.how-to ol > li:nth-child(1) ul li:before {
                    content: '';
                    display: block;
                    border-right: 10px solid #fff;
                    border-top: 10px solid transparent;
                    border-bottom: 10px solid transparent;
                    position: absolute;
                    left: 40px;
                    top: 8px; }
                  /* line 609, _present.scss */
                  section.present > .inner > section.how-to ol > li:nth-child(1) ul li .icon-tw {
                    background: url("../img/icon-tw-sp.png") no-repeat 50% 50%;
                    background-size: contain;
                    width: 34px;
                    height: 34px;
                    text-indent: -9999px;
                    position: absolute;
                    left: 0;
                    top: 0; }
                  /* line 615, _present.scss */
                  section.present > .inner > section.how-to ol > li:nth-child(1) ul li .icon-is {
                    background: url("../img/icon-is-sp.png") no-repeat 50% 50%;
                    background-size: contain;
                    width: 34px;
                    height: 34px;
                    text-indent: -9999px;
                    position: absolute;
                    left: 0;
                    top: 0; }
                  /* line 621, _present.scss */
                  section.present > .inner > section.how-to ol > li:nth-child(1) ul li .txt {
                    background: #fff;
                    border-radius: 5px;
                    padding: 0 15px;
                    line-height: 34px;
                    font-weight: bold; }
              /* line 630, _present.scss */
              section.present > .inner > section.how-to ol > li:nth-child(1) p {
                margin: 0; }
            /* line 635, _present.scss */
            section.present > .inner > section.how-to ol > li:nth-child(2) .step {
              background: url("../img/step2-sp.png") no-repeat 50% 50%;
              background-size: contain;
              width: 43.5px;
              height: 43.5px;
              text-indent: -9999px; }
            /* line 638, _present.scss */
            section.present > .inner > section.how-to ol > li:nth-child(2) > p {
              min-height: 44px; }
            /* line 641, _present.scss */
            section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap {
              margin: 0 0 0 -55px; }
              /* line 643, _present.scss */
              section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div {
                padding: 20px;
                background: #fff;
                border-radius: 5px;
                position: relative; }
                /* line 648, _present.scss */
                section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div > span:first-child {
                  display: block;
                  padding: 3px 0 0 35px;
                  min-height: 27px;
                  margin-right: -5px; }
                /* line 654, _present.scss */
                section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div a.btn {
                  border-radius: 5px;
                  text-align: center;
                  display: block;
                  line-height: 30px;
                  color: #fff;
                  text-decoration: none; }
                /* line 662, _present.scss */
                section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.twitter {
                  font-size: 12px;
                  margin: 0 0 20px; }
                  /* line 665, _present.scss */
                  section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.twitter:before {
                    background: url("../img/icon-tw-share-sp.png") no-repeat 50% 50%;
                    background-size: contain;
                    width: 26px;
                    height: 26px;
                    text-indent: -9999px;
                    content: '';
                    display: block;
                    position: absolute;
                    left: 20px;
                    top: 20px; }
                  /* line 673, _present.scss */
                  section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.twitter a.btn {
                    background: #1da1f2;
                    margin: 14px 0;
                    font-size: 12px;
                    font-weight: bold; }
                  /* line 679, _present.scss */
                  section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.twitter .retweet {
                    font-size: 11px;
                    line-height: 1.7;
                    border-top: 1px dashed #ddd;
                    padding: 14px 0 0;
                    font-weight: bold; }
                    /* line 26, _mixin.scss */
                    section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.twitter .retweet:before, section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.twitter .retweet:after {
                      content: " ";
                      display: table; }
                    /* line 31, _mixin.scss */
                    section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.twitter .retweet:after {
                      clear: both; }
                    /* line 686, _present.scss */
                    section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.twitter .retweet a {
                      font-size: 12px;
                      float: right;
                      color: #1da1f2;
                      border: 2px solid #1da1f2;
                      text-decoration: none;
                      padding: 3px 13px;
                      margin: 0 0 0 5px;
                      border-radius: 3px; }
                /* line 699, _present.scss */
                section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.instagram:before {
                  background: url("../img/icon-is-share-sp.png") no-repeat 50% 50%;
                  background-size: contain;
                  width: 26px;
                  height: 26px;
                  text-indent: -9999px;
                  content: '';
                  display: block;
                  position: absolute;
                  left: 20px;
                  top: 20px; }
                /* line 707, _present.scss */
                section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.instagram a.btn {
                  background: #df2a74;
                  font-size: 12px;
                  margin: 14px 0 24px; }
                  /* line 711, _present.scss */
                  section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.instagram a.btn span {
                    background: url("../img/icon-blank-sp.png") no-repeat 50% 50%;
                    background-size: contain;
                    width: 13.5px;
                    height: 12px;
                    text-indent: -9999px;
                    display: inline-block;
                    margin: 0 0 0 5px; }
                /* line 717, _present.scss */
                section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.instagram p {
                  margin: 15px 0 8px; }
                /* line 720, _present.scss */
                section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.instagram .copy-wrap {
                  border: 1px solid #e5e5e5;
                  background: #f5f5f5;
                  font-size: 10px;
                  padding: 9px 53px 5px 8px;
                  position: relative;
                  height: 49px;
                  line-height: 1.5;
                  font-weight: bold; }
                  /* line 729, _present.scss */
                  section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.instagram .copy-wrap .copy {
                    width: 52px;
                    position: absolute;
                    right: -1px;
                    top: -1px;
                    bottom: -1px;
                    text-align: center;
                    line-height: 50px;
                    color: #fff;
                    background: #df2a74;
                    text-decoration: none;
                    font-size: 11px; }
                  /* line 742, _present.scss */
                  section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.instagram .copy-wrap + p {
                    margin: 10px 0 0; }
                    /* line 744, _present.scss */
                    section.present > .inner > section.how-to ol > li:nth-child(2) .sns-wrap > div.instagram .copy-wrap + p small {
                      font-size: 10px; }
            /* line 752, _present.scss */
            section.present > .inner > section.how-to ol > li:nth-child(2) .copy {
              cursor: pointer;
              color: #f35353;
              text-decoration: underline;
              background: image-url-sp("icon-blank-sp.png") no-repeat 0 50%;
              display: inline-block; }
            /* line 761, _present.scss */
            section.present > .inner > section.how-to ol > li:nth-child(3):after {
              background: url("../img/pic-present-step-sp.png") no-repeat 50% 50%;
              background-size: contain;
              width: 228px;
              height: 107.5px;
              text-indent: -9999px;
              content: '';
              display: block;
              margin: 18px 0 15px -55px;
              width: auto; }
            /* line 768, _present.scss */
            section.present > .inner > section.how-to ol > li:nth-child(3) .step {
              background: url("../img/step3-sp.png") no-repeat 50% 50%;
              background-size: contain;
              width: 43.5px;
              height: 43.5px;
              text-indent: -9999px; }
            /* line 771, _present.scss */
            section.present > .inner > section.how-to ol > li:nth-child(3) p {
              margin: 0 0 10px; }
            /* line 774, _present.scss */
            section.present > .inner > section.how-to ol > li:nth-child(3) p + p {
              font-size: 10px;
              padding-left: 1em;
              text-indent: -1em;
              line-height: 1.5; }
      /* line 785, _present.scss */
      section.present > .inner div.terms {
        position: relative;
        z-index: 5; }
        /* line 788, _present.scss */
        section.present > .inner div.terms h2 {
          background: url("../img/ttl-terms-sp.png") no-repeat 50% 50%;
          background-size: contain;
          width: 68px;
          height: 15px;
          text-indent: -9999px;
          margin: 0 auto 15px; }
        /* line 792, _present.scss */
        section.present > .inner div.terms .inner {
          border: 1px solid #dddddd;
          max-width: 292px;
          margin: 0 auto;
          padding: 13px;
          height: 365px;
          overflow: auto;
          background: #fff;
          font-size: 11px; }
          /* line 801, _present.scss */
          section.present > .inner div.terms .inner section {
            padding: 0 8px;
            margin: 0 0 15px; }
            /* line 804, _present.scss */
            section.present > .inner div.terms .inner section h3 {
              padding: 2px 10px;
              margin: 0 -8px 10px;
              color: #fff;
              background: #f89f9f;
              font-size: 13px; } }

@media (min-width: 992px) {
  /* line 1, _about.scss */
  section.about {
    background: #f8f8f8;
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden;
    padding: 178px 0 0;
    text-align: center;
    line-height: 2; }
    /* line 11, _about.scss */
    section.about:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      right: 0;
      border-top: 178px solid #fff;
      border-left: 1600px solid #f8f8f8;
      margin-left: -800px; }
    /* line 22, _about.scss */
    section.about .inner {
      max-width: 976px;
      margin: 0 auto;
      padding: 30px 0; }
      /* line 26, _about.scss */
      section.about .inner h2 {
        border-bottom: 1px solid #727171;
        margin: 0 0 40px;
        padding: 0 0 20px; }
        /* line 30, _about.scss */
        section.about .inner h2 span {
          background: url("../img/ttl-about.png") no-repeat 50% 50%;
          width: 481px;
          height: 38px;
          text-indent: -9999px;
          margin: 0 auto;
          display: block; }
      /* line 36, _about.scss */
      section.about .inner strong {
        color: #73b0df; }
    /* line 40, _about.scss */
    section.about section.lotion {
      background: #f0f0f0;
      position: relative;
      padding: 145px 0 145px; }
      /* line 44, _about.scss */
      section.about section.lotion:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        right: 0;
        border-top: 210px solid #f8f8f8;
        border-right: 1600px solid #f0f0f0;
        margin-left: -800px;
        z-index: 1; }
      /* line 56, _about.scss */
      section.about section.lotion:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        right: 0;
        border-top: 170px solid #f0f0f0;
        border-right: 1600px solid #fff;
        margin-left: -800px;
        z-index: 1; }
      /* line 68, _about.scss */
      section.about section.lotion .inner {
        max-width: 976px;
        padding: 0 360px 90px 0;
        margin: -60px auto;
        font-size: 16px;
        text-align: left;
        position: relative;
        z-index: 2; }
        /* line 76, _about.scss */
        section.about section.lotion .inner:after {
          background: url("../img/pic-about.png") no-repeat 50% 50%;
          width: 244px;
          height: 676px;
          text-indent: -9999px;
          content: '';
          display: block;
          position: absolute;
          right: 30px;
          top: -90px;
          z-index: 5; }
        /* line 85, _about.scss */
        section.about section.lotion .inner h3 {
          background: url("../img/txt-balloon.png") no-repeat 50% 50%;
          width: 611px;
          height: 130px;
          text-indent: -9999px;
          margin: 0 0 40px; }
        /* line 89, _about.scss */
        section.about section.lotion .inner p.catch {
          background: url("../img/txt-about.png") no-repeat 50% 50%;
          width: 611px;
          height: 70px;
          text-indent: -9999px;
          margin: 20px 0 30px; }
        /* line 93, _about.scss */
        section.about section.lotion .inner dl {
          margin: 30px 0; }
          /* line 95, _about.scss */
          section.about section.lotion .inner dl dt {
            font-size: 20px;
            font-weight: bold;
            border-bottom: 1px solid #727171;
            padding: 0 0 5px; }
          /* line 101, _about.scss */
          section.about section.lotion .inner dl dd {
            font-size: 12px;
            margin: 15px 0 0; }
            /* line 104, _about.scss */
            section.about section.lotion .inner dl dd p.more {
              margin: 2em 0; }
              /* line 106, _about.scss */
              section.about section.lotion .inner dl dd p.more a {
                display: inline-block;
                border: 1px solid #727171;
                font-size: 15px;
                padding: 4px 30px;
                border-radius: 5px;
                text-decoration: none;
                color: inherit;
                font-weight: bold; } }
@media (max-width: 991px) {
  /* line 1, _about.scss */
  section.about {
    background: #f8f8f8;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding: 80px 0 0;
    text-align: center;
    line-height: 2; }
    /* line 130, _about.scss */
    section.about:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      right: 0;
      border-top: 80px solid #fff;
      border-left: 1000px solid #f8f8f8;
      margin-left: -500px; }
    /* line 141, _about.scss */
    section.about .inner {
      margin: 0 auto;
      padding: 0 20px 20px; }
      /* line 144, _about.scss */
      section.about .inner h2 {
        border-bottom: 1px solid #727171;
        margin: 0 0 20px;
        padding: 0 0 12px; }
        /* line 148, _about.scss */
        section.about .inner h2 span {
          background: url("../img/ttl-about-sp.png") no-repeat 50% 50%;
          background-size: contain;
          width: 253px;
          height: 20px;
          text-indent: -9999px;
          margin: 0 auto;
          display: block; }
      /* line 154, _about.scss */
      section.about .inner p {
        font-size: 12px;
        text-align: left; }
      /* line 158, _about.scss */
      section.about .inner strong {
        color: #73b0df; }
    /* line 162, _about.scss */
    section.about section.lotion {
      background: #f0f0f0;
      position: relative;
      padding: 90px 0 120px; }
      /* line 166, _about.scss */
      section.about section.lotion:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        right: 0;
        border-top: 100px solid #f8f8f8;
        border-right: 1000px solid #f0f0f0;
        margin-left: -500px;
        z-index: 1;
        width: 1px;
        height: 1px; }
      /* line 180, _about.scss */
      section.about section.lotion:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        right: 0;
        border-top: 100px solid #f0f0f0;
        border-right: 1000px solid #fff;
        margin-left: -500px;
        z-index: 1;
        width: 1px;
        height: 1px; }
      /* line 194, _about.scss */
      section.about section.lotion .inner {
        padding: 0 20px;
        margin: -60px auto;
        font-size: 16px;
        text-align: left;
        position: relative;
        z-index: 2; }
        /* line 201, _about.scss */
        section.about section.lotion .inner:after {
          background: url("../img/pic-about-sp.png") no-repeat 50% 50%;
          background-size: contain;
          width: 66px;
          height: 178.5px;
          text-indent: -9999px;
          content: '';
          display: block;
          position: absolute;
          right: 20px;
          left: 250px;
          width: auto;
          top: -50px;
          z-index: 5; }
        /* line 212, _about.scss */
        section.about section.lotion .inner h3 {
          background: url("../img/txt-balloon-sp.png") no-repeat 50% 50%;
          background-size: contain;
          width: 224px;
          height: 94.5px;
          text-indent: -9999px;
          margin: 0 0 60px 10px; }
        /* line 216, _about.scss */
        section.about section.lotion .inner p.catch {
          background: url("../img/txt-about-sp.png") no-repeat 50% 50%;
          background-size: contain;
          width: 263px;
          height: 77.5px;
          text-indent: -9999px;
          margin: 20px auto 27px; }
        /* line 220, _about.scss */
        section.about section.lotion .inner dl {
          margin: 30px 0; }
          /* line 222, _about.scss */
          section.about section.lotion .inner dl dt {
            font-size: 12px;
            font-weight: bold;
            border-bottom: 1px solid #727171;
            padding: 0 0 5px;
            text-align: center; }
          /* line 229, _about.scss */
          section.about section.lotion .inner dl dd {
            font-size: 10px;
            margin: 15px 0 0; }
            /* line 232, _about.scss */
            section.about section.lotion .inner dl dd p.more {
              margin: 1.5em 0;
              text-align: center; }
              /* line 235, _about.scss */
              section.about section.lotion .inner dl dd p.more a {
                display: inline-block;
                border: 1px solid #727171;
                font-size: 12px;
                padding: 4px 30px;
                border-radius: 5px;
                text-decoration: none;
                color: inherit;
                font-weight: bold; } }

@media (min-width: 992px) {
  /* line 2, _tie-up.scss */
  section.tie-up {
    padding: 45px 0 40px; }
    /* line 4, _tie-up.scss */
    section.tie-up .inner {
      max-width: 976px;
      margin: 0 auto;
      font-size: 18px;
      text-align: center;
      line-height: 2; }
      /* line 10, _tie-up.scss */
      section.tie-up .inner .ribbon {
        background: url("../img/ribbon-tieup.png") no-repeat 50% 50%;
        width: 320px;
        height: 52px;
        text-indent: -9999px;
        margin: 0 auto 40px; }
      /* line 14, _tie-up.scss */
      section.tie-up .inner h2 {
        background: url("../img/ttl-tieup.png") no-repeat 50% 50%;
        width: 963px;
        height: 60px;
        text-indent: -9999px;
        margin: 0 auto 40px; }
      /* line 18, _tie-up.scss */
      section.tie-up .inner p.voce {
        font-size: 13px;
        color: #888888;
        line-height: 1;
        margin: 25px 0; }
      /* line 24, _tie-up.scss */
      section.tie-up .inner > section {
        border: 1px solid #727171;
        padding: 40px 50px;
        margin: 80px auto;
        text-align: left; }
        /* line 29, _tie-up.scss */
        section.tie-up .inner > section h3 + p {
          font-size: 14px;
          padding: 10px 30px;
          width: 525px;
          line-height: 1.9;
          position: relative;
          border: 1px solid #727171;
          background: #fff; }
          /* line 37, _tie-up.scss */
          section.tie-up .inner > section h3 + p:before {
            content: '';
            display: block;
            position: absolute;
            left: 10px;
            right: 10px;
            top: -1px;
            height: 1px;
            z-index: 1;
            background: #fff; }
          /* line 48, _tie-up.scss */
          section.tie-up .inner > section h3 + p:after {
            content: '';
            display: block;
            position: absolute;
            left: 10px;
            right: 10px;
            bottom: -1px;
            height: 1px;
            z-index: 1;
            background: #fff; }
        /* line 60, _tie-up.scss */
        section.tie-up .inner > section section {
          font-size: 16px;
          width: 525px;
          line-height: 1.9; }
        /* line 65, _tie-up.scss */
        section.tie-up .inner > section.takahashi {
          background: url("../img/pic-tieup-01.png") no-repeat 100% 100%; }
          /* line 67, _tie-up.scss */
          section.tie-up .inner > section.takahashi h3 {
            background: url("../img/subttl-tieup-01.png") no-repeat 50% 50%;
            width: 628px;
            height: 60px;
            text-indent: -9999px;
            margin: 0 auto 30px -70px; }
          /* line 71, _tie-up.scss */
          section.tie-up .inner > section.takahashi h4 {
            background: url("../img/txt-tieup-01.png") no-repeat 50% 50%;
            width: 371px;
            height: 28px;
            text-indent: -9999px;
            margin: 40px 0 25px; }
        /* line 76, _tie-up.scss */
        section.tie-up .inner > section.iriyama {
          background: url("../img/pic-tieup-02.png") no-repeat 0 100%; }
          /* line 78, _tie-up.scss */
          section.tie-up .inner > section.iriyama h3 {
            background: url("../img/subttl-tieup-02.png") no-repeat 50% 50%;
            width: 628px;
            height: 60px;
            text-indent: -9999px;
            margin: 0 -70px 30px auto; }
            /* line 81, _tie-up.scss */
            section.tie-up .inner > section.iriyama h3 + p {
              margin: 0 0 0 auto; }
          /* line 85, _tie-up.scss */
          section.tie-up .inner > section.iriyama h4 {
            background: url("../img/txt-tieup-02.png") no-repeat 50% 50%;
            width: 360px;
            height: 27px;
            text-indent: -9999px;
            margin: 40px 0 25px; }
          /* line 89, _tie-up.scss */
          section.tie-up .inner > section.iriyama section {
            margin: 0 0 0 auto; } }
@media (max-width: 991px) {
  /* line 99, _tie-up.scss */
  section.tie-up .inner {
    margin: 0 auto;
    font-size: 12px;
    text-align: center;
    line-height: 2;
    padding: 0 20px 17px; }
    /* line 105, _tie-up.scss */
    section.tie-up .inner .ribbon {
      background: url("../img/ribbon-tieup-sp.png") no-repeat 50% 50%;
      background-size: contain;
      width: 160px;
      height: 26px;
      text-indent: -9999px;
      margin: 0 auto 17px; }
    /* line 109, _tie-up.scss */
    section.tie-up .inner h2 {
      background: url("../img/ttl-tieup-sp.png") no-repeat 50% 50%;
      background-size: contain;
      width: 333px;
      height: 74.5px;
      text-indent: -9999px;
      margin: 0 auto 35px;
      max-width: 333px;
      width: auto; }
    /* line 115, _tie-up.scss */
    section.tie-up .inner p.voce {
      font-size: 11px;
      color: #888888;
      margin: 15px 0 -5px; }
    /* line 120, _tie-up.scss */
    section.tie-up .inner > section {
      border: 1px solid #727171;
      padding: 20px 25px 0;
      margin: 40px auto;
      text-align: left; }
      /* line 125, _tie-up.scss */
      section.tie-up .inner > section h3 + p {
        font-size: 11px;
        padding: 6px 15px;
        line-height: 1.9;
        position: relative;
        border: 1px solid #727171;
        background: #fff; }
        /* line 132, _tie-up.scss */
        section.tie-up .inner > section h3 + p:before {
          content: '';
          display: block;
          position: absolute;
          left: 5px;
          right: 5px;
          top: -1px;
          height: 1px;
          z-index: 1;
          background: #fff; }
        /* line 143, _tie-up.scss */
        section.tie-up .inner > section h3 + p:after {
          content: '';
          display: block;
          position: absolute;
          left: 5px;
          right: 5px;
          bottom: -1px;
          height: 1px;
          z-index: 1;
          background: #fff; }
      /* line 155, _tie-up.scss */
      section.tie-up .inner > section section {
        font-size: 12px;
        line-height: 1.9; }
      /* line 160, _tie-up.scss */
      section.tie-up .inner > section.takahashi:after {
        background: url("../img/pic-tieup-01-sp.png") no-repeat 50% 50%;
        background-size: contain;
        width: 342px;
        height: 202px;
        text-indent: -9999px;
        content: '';
        display: block;
        width: auto;
        max-width: 342px;
        background-position: 50% 100%;
        margin: 0 -25px; }
      /* line 169, _tie-up.scss */
      section.tie-up .inner > section.takahashi h3 {
        background: url("../img/subttl-tieup-01-sp.png") no-repeat 50% 50%;
        background-size: contain;
        width: 328px;
        height: 31px;
        text-indent: -9999px;
        max-width: 328px;
        background-size: auto 31px;
        background-position: 0 50%;
        width: auto;
        margin: 0 -36px 20px -36px; }
      /* line 177, _tie-up.scss */
      section.tie-up .inner > section.takahashi h4 {
        background: url("../img/txt-tieup-01-sp.png") no-repeat 50% 50%;
        background-size: contain;
        width: 239.5px;
        height: 17.5px;
        text-indent: -9999px;
        max-width: 239.5px;
        width: auto;
        margin: 20px 0 18px; }
      /* line 185, _tie-up.scss */
      section.tie-up .inner > section.iriyama:after {
        background: url("../img/pic-tieup-02-sp.png") no-repeat 50% 50%;
        background-size: contain;
        width: 342px;
        height: 202px;
        text-indent: -9999px;
        content: '';
        display: block;
        width: auto;
        max-width: 342px;
        background-position: 50% 100%;
        margin: 0 -25px; }
      /* line 194, _tie-up.scss */
      section.tie-up .inner > section.iriyama h3 {
        background: url("../img/subttl-tieup-02-sp.png") no-repeat 50% 50%;
        background-size: contain;
        width: 328px;
        height: 31px;
        text-indent: -9999px;
        max-width: 328px;
        background-size: auto 31px;
        background-position: 0 50%;
        width: auto;
        margin: 0 -36px 20px -36px; }
      /* line 202, _tie-up.scss */
      section.tie-up .inner > section.iriyama h4 {
        background: url("../img/txt-tieup-02-sp.png") no-repeat 50% 50%;
        background-size: contain;
        width: 240.5px;
        height: 17px;
        text-indent: -9999px;
        margin: 20px 0 18px;
        max-width: 240.5px;
        width: auto; } }
@media (min-width: 992px) {
  /* line 1, _everyone.scss */
  section.everyone {
    margin: 95px auto 10px;
    max-width: 990px; }
    /* line 6, _everyone.scss */
    section.everyone .inner h2 {
      background: url("../img/ttl-everyone.png") no-repeat 50% 50%;
      width: 886px;
      height: 73px;
      text-indent: -9999px;
      margin: 0 auto 80px; }
    /* line 10, _everyone.scss */
    section.everyone .inner ul.pic {
      padding: 0;
      margin: 0 -10px 0 0; }
      /* line 26, _mixin.scss */
      section.everyone .inner ul.pic:before, section.everyone .inner ul.pic:after {
        content: " ";
        display: table; }
      /* line 31, _mixin.scss */
      section.everyone .inner ul.pic:after {
        clear: both; }
      /* line 14, _everyone.scss */
      section.everyone .inner ul.pic li {
        float: left;
        margin: 0 10px 10px 0; }
        /* line 17, _everyone.scss */
        section.everyone .inner ul.pic li a {
          display: block; }
        /* line 20, _everyone.scss */
        section.everyone .inner ul.pic li img {
          border: 1px solid #dddddd;
          width: 240px;
          height: 240px; }
    /* line 27, _everyone.scss */
    section.everyone .inner ul.sns {
      margin: 60px 0 0; }
      /* line 26, _mixin.scss */
      section.everyone .inner ul.sns:before, section.everyone .inner ul.sns:after {
        content: " ";
        display: table; }
      /* line 31, _mixin.scss */
      section.everyone .inner ul.sns:after {
        clear: both; }
      /* line 30, _everyone.scss */
      section.everyone .inner ul.sns li {
        float: left;
        width: 50%; }
        /* line 33, _everyone.scss */
        section.everyone .inner ul.sns li a {
          display: block;
          border-radius: 5px;
          font-size: 18px;
          text-align: center;
          line-height: 46px;
          width: 360px;
          font-weight: bold;
          text-decoration: none;
          background: url("../img/icon-sns-blank.png") no-repeat 95% 50%; }
        /* line 45, _everyone.scss */
        section.everyone .inner ul.sns li.twitter a {
          margin: 0 20px 0 auto;
          color: #1da1f2;
          border: 1px solid #1da1f2; }
        /* line 52, _everyone.scss */
        section.everyone .inner ul.sns li.instagram a {
          margin: 0 auto 0 20px;
          color: #df2a74;
          border: 1px solid #df2a74; } }
@media (max-width: 991px) {
  /* line 1, _everyone.scss */
  section.everyone {
    margin: 30px auto;
    overflow: hidden; }
    /* line 65, _everyone.scss */
    section.everyone .inner {
      max-width: 355px;
      padding: 0 5px;
      margin: 0 auto; }
      /* line 69, _everyone.scss */
      section.everyone .inner h2 {
        background: url("../img/ttl-everyone-sp.png") no-repeat 50% 50%;
        background-size: contain;
        width: 339px;
        height: 28px;
        text-indent: -9999px;
        max-width: 339px;
        width: auto;
        margin: 0 auto 40px; }
      /* line 75, _everyone.scss */
      section.everyone .inner ul.pic {
        padding: 0;
        margin: 0 -5px; }
        /* line 26, _mixin.scss */
        section.everyone .inner ul.pic:before, section.everyone .inner ul.pic:after {
          content: " ";
          display: table; }
        /* line 31, _mixin.scss */
        section.everyone .inner ul.pic:after {
          clear: both; }
        /* line 79, _everyone.scss */
        section.everyone .inner ul.pic li {
          float: left;
          padding: 0 5px;
          margin: 0 0 10px;
          width: 50%; }
          /* line 84, _everyone.scss */
          section.everyone .inner ul.pic li a {
            display: block; }
          /* line 87, _everyone.scss */
          section.everyone .inner ul.pic li img {
            border: 1px solid #dddddd;
            width: 100%;
            display: block; }
      /* line 94, _everyone.scss */
      section.everyone .inner ul.sns {
        margin: 10px 0 40px; }
        /* line 26, _mixin.scss */
        section.everyone .inner ul.sns:before, section.everyone .inner ul.sns:after {
          content: " ";
          display: table; }
        /* line 31, _mixin.scss */
        section.everyone .inner ul.sns:after {
          clear: both; }
        /* line 97, _everyone.scss */
        section.everyone .inner ul.sns li {
          margin: 0 0 14px; }
          /* line 99, _everyone.scss */
          section.everyone .inner ul.sns li a {
            display: block;
            border-radius: 5px;
            margin: 0 auto;
            font-size: 13px;
            text-align: center;
            line-height: 38px;
            font-weight: bold;
            text-decoration: none;
            background: url("../img/icon-sns-blank-sp.png") no-repeat 95% 50%;
            background-size: auto 12px; }
          /* line 112, _everyone.scss */
          section.everyone .inner ul.sns li.twitter a {
            color: #1da1f2;
            border: 1px solid #1da1f2; }
          /* line 118, _everyone.scss */
          section.everyone .inner ul.sns li.instagram a {
            color: #df2a74;
            border: 1px solid #df2a74; } }

@media (min-width: 992px) {
  /* line 2, _modal.scss */
  .modal-wrap {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 200;
    padding: 50px 0;
    overflow: auto;
    display: none; }
    /* line 13, _modal.scss */
    .modal-wrap .modal {
      max-width: 900px;
      background: #fff;
      border-radius: 10px;
      position: relative;
      margin: 0 auto;
      padding: 50px 40px 40px;
      font-size: 16px; }
      /* line 21, _modal.scss */
      .modal-wrap .modal .modal-close {
        position: absolute;
        right: -20px;
        top: -20px; }
        /* line 25, _modal.scss */
        .modal-wrap .modal .modal-close a {
          background: url("../img/icon-close-modal.png") no-repeat 50% 50%;
          width: 62px;
          height: 62px;
          text-indent: -9999px;
          display: block; }
          /* line 28, _modal.scss */
          .modal-wrap .modal .modal-close a:hover {
            opacity: 1; }
      /* line 33, _modal.scss */
      .modal-wrap .modal h2 {
        background: url("../img/ttl-terms.png") no-repeat 50% 50%;
        width: 142px;
        height: 31px;
        text-indent: -9999px;
        margin: 0 auto 30px; }
      /* line 37, _modal.scss */
      .modal-wrap .modal .inner {
        height: 730px;
        overflow: auto;
        padding: 20px;
        border: 1px solid #ddd;
        line-height: 1.7; }
        /* line 43, _modal.scss */
        .modal-wrap .modal .inner h3 {
          color: #fff;
          background: #f89f9f;
          font-size: 16px;
          padding: 4px 20px;
          margin: 0 -20px 15px; }
        /* line 50, _modal.scss */
        .modal-wrap .modal .inner section {
          padding: 0 20px;
          margin: 0 0 30px; }

  /* line 57, _modal.scss */
  body.show-modal {
    overflow: hidden; }
    /* line 59, _modal.scss */
    body.show-modal .modal-wrap {
      display: block; } }
@media (max-width: 350px) {
  /* line 3, _small-device.scss */
  #header .inner {
    padding: 10px !important; }
    /* line 5, _small-device.scss */
    #header .inner .toggle-menu {
      margin: 0 0 0 10px !important; }

  /* line 11, _small-device.scss */
  section.about .inner {
    padding: 0 10px 20px !important; }
  /* line 14, _small-device.scss */
  section.about section.lotion .inner h3 {
    margin: 0 0 60px 0 !important; }

  /* line 18, _small-device.scss */
  section.present > .inner {
    padding: 0 10px !important; }
    /* line 20, _small-device.scss */
    section.present > .inner > section {
      padding-left: 5px !important;
      padding-right: 5px !important; }
      /* line 23, _small-device.scss */
      section.present > .inner > section.how-to ol > li .sns-wrap > div {
        padding-left: 5px !important;
        padding-right: 5px !important; }
        /* line 26, _small-device.scss */
        section.present > .inner > section.how-to ol > li .sns-wrap > div:before {
          left: 5px !important; }

  /* line 32, _small-device.scss */
  section.tie-up .inner > section h3 {
    background-position: -25px 50% !important; }

  /* line 35, _small-device.scss */
  #footer .inner {
    padding: 15px 10px !important; }

  /* line 38, _small-device.scss */
  p.pagetop {
    margin: 0 15px; } }