@charset "UTF-8";
.text-replace, .global-nav__button, .global-nav__close-button, .global-nav__item, .viewport--fixed .global-nav__close-button, .viewport--fixed .global-nav__item, .header2__logo, .banner__item, .tweet__title, .tweet__about-button, .tweet__about, .tweet__reload-button, .product__hr, .product__title h2, .product-banner__item a, .product__photo, .product-kodawari__title, .product__all-button, .kodawari-item__title, .product-area__title, .sns__item, .sns2__item, .page-top__package-back, .page-top__udon, .page-top__hand, .page-top__person, .page-top__package-front, .page-top__button, .back-button__button, .pagetop-button__button, .close-button__button, .migration__item a, .history-header, .history-header-top, .history-nav__list-item, .history-age__title, .history-age__title--campaign, .product-item__age, .donbeisan__baloon, .cm2__title, .cm2__title2-1, .cm2__title2-2, .cm2__title2-3, .cm2__title2-4, .cm2__title2-5, .cm2__title2-6, .cm2__title2-7, .cm2__item, .cm2__item2, .youtuber2__title, .cooking2__title, .cooking2__title2-1, .cooking2__title2-2, .cooking2__title2-3, .cooking2__title2-4, .cooking2__title3, .cooking2__title4, .shop2__title, .shop2__copy, .shop2__nav-item, .shop2__point-button, .shop2__title2-1, .shop2__title2-2, .shop2__title2-3, .shop2__title2-4, .shop2__title2-5, .shop2__title2-6, .shop2__title2-7, .shop2__title2-8, .shop2__title2-9, .shop2__title2-10, .shop2__title2-11, .shop2__title2-12, .shop2__title2-13, .shop2__title3-1, .shop2__title3-2, .shop2__title3-3, .shop2__title3-4, .shop2__title3-5, .shop2__title3-6, .shop2__title3-7, .shop2__title3-8, .shop2__title3-9, .shop2__title3-10, .shop2__title3-11, .shop2__title3-12, .shop2__title3-13, .shop2__apply-button, .shop2__line, .shop2__page-top-button, .shop2__colocal, .shop2__title4, .shop2__title5, .shop2__item2, .shop2__line2, .shop2__title6, .bocchi-item__btn-10min a, .bocchi-share__button, .bocchi-cm__title, .bocchi-cm__caption, .bocchi-footer__share a, .bocchi__page-top-button a, .donvalentine2__title, .donvalentine2__statement, .donvalentine2__title2, .donvalentine2__title3, .donvalentine2__graph1, .donvalentine2__graph2, .donvalentine2__graph3, .donvalentine2__graph4, .donvalentine2__title4, .donvalentine2__page-top-button a, .donbareya__title, .donbareya__photo, .donbareya__title2, .donbareya__body-wrap, .donbareya__map, .donbareya__info--place, .donbareya__info--hours, .donbareya__info--menu, .kodawari__title, .kodawari__person, .kodawari .men__title, .kodawari .men__body, .kodawari .udon__title, .kodawari .udon__point--1, .kodawari .udon__point--2, .kodawari .udon__photo, .kodawari .soba__title, .kodawari .soba__point--1, .kodawari .soba__point--2, .kodawari .soba__photo, .kodawari .tsuyu__title, .kodawari .tsuyu__body, .kodawari .guzai__title, .kodawari .guzai__body, .kodawari .oage__title, .kodawari .oage__body, .kodawari .tenpura__title, .kodawari .tenpura__body, .giga-header__logo, .giga-header__title, .giga-header__lead, .giga-header__giga, .giga-header__otousan, .giga-item__giga, .giga-item__otousan, .giga-item--1 .giga-item__title, .giga-item--1 .giga-item__end, .giga-item--1 .giga-item__date, .giga-item--1 .giga-item__outline, .giga-item--1 .giga-item__note, .giga-item--2 .giga-item__title, .giga-item--2 .giga-item__date, .giga-item--2 .giga-item__outline, .giga-item--10min .giga-item__title, .giga-item--10min .giga-item__text1, .giga-item--10min .giga-item__banner a, .ew__title, .ew-statement__title, .ew-statement__body, .ew-youtube, .ew-youtube__title, .ew-youtube__body, .ew-hyo__title, .ew-hyo__body, .ew-criterion-list, .ew-criterion__point, .ew-criterion__button, .ew-represent__title, .ew-represent__entry, .ew-represent__button, .ew-present__title, .ew-present-list__item, .ew-present__note, .ew-present__button, .ew-points__title, .ew-points__score .num, .ew-points__score .points, .ew-points__body, .ew-points__button, .ew-rapper__catch, .ew-rapper__title, .ew-rapper-list__item, .ew-kodawari__title, .ew-kodawari-feature__item, .ew-kodawari__catch, .ew-kodawari__pop, .ew-note, .ew-emen__banner, .ew .top-button, .ew-term__title, .ew-term-sec__title, .ew-term__back-button, .onikakiage-header__signature, .onikakiage-header__title, .onikakiage-message__body, .onikakiage-message__signature, .onikakiage-giga__title, .onikakiage-giga__copy, .onikakiage-giga__image, .onikakiage-giga__button, .onikakiage-giga__notice, .onikakiage-download__title, .onikakiage-download__image, .onikakiage-download__button1, .onikakiage-download__button2, .onikakiage-download__button3, .onikakiage-making__title, .onikakiage-making__play, .onikakiage-details__title, .onikakiage-details__button1, .onikakiage-details__image1, .onikakiage-details__button2, .onikakiage-details__image2, .onikakiage-details__button3, .onikakiage-details__image3, .onikakiage-statement__title, .onikakiage-statement__body, .onikakiage-tweet__title, .onikakiage-tweet__body, .onikakiage-lesson__title, .onikakiage-lesson__image, .onikakiage-lesson__lassen, .onikakiage-lesson__body, .onikakiage-lesson__button1, .onikakiage-lesson__image1, .onikakiage-lesson__button2, .onikakiage-lesson__image2, .onikakiage-lesson__button3, .onikakiage-lesson__image3, .onikakiage-lesson__button4, .onikakiage-lesson__image4, .onikakiage-present__title, .onikakiage-present__image, .onikakiage-present__body, .onikakiage-present__button, .onikakiage-footer__product-button, .onikakiage-footer__buy-button, .fdi-loader__logo, .fdi-loader__txt, .fdi__title, .fdi__scroll, .fdi-question__ttl, .fdi-choice__item a, .fdi-tuu__logo, .fdi-tuu__txt, .fdi-howto__ttl, .fdi-howto .fdiProcess .fdiProcess__item div, .fdi-howto__note, .fdi-howto__recommend a, .fdi-howto__note--blank, .fdi-trick__ttl, .fdi-trick #fdiTricksList .trickItem--1 .trickItem__txt, .fdi-trick #fdiTricksList .trickItem--2 .trickItem__txt, .fdi-trick #fdiTricksList .trickItem--3 .trickItem__txt, .fdi-trick #fdiTricksList .trickItem--4 .trickItem__txt, .fdi-trick #fdiTricksList .trickItem--5 .trickItem__txt, .fdi-trick #fdiTricksList .trickItem--6 .trickItem__txt, .fdi-trick #fdiTricksList .trickItem-sns__ttl, .fdi-trick #fdiTricksList .trickItem-sns .sns-list__item a, .fdi-history__ttl, .fdi-history .fdi-hero__item, .fdi-history__catch, .fdi-history .history-contents__wrap .history-contents__ttl, .fdi-history .history-contents__wrap .history-contents__btn a, .fdi-join__ttl, .fdi-join__txt, .fdi-join__btn a, .fdi-event__ttl, .fdi-event__lead, .fdi-footer-img__ttl, .fdi-footer-img__txt, .donbare-end__title, .donbare-end__arrow, .donbare-hero__title, .donbare-hero__copy, .donbare-hero__author, .donbare-statement__title, .donbare-statement__text, .donbare-statement__text2, .donbare-comic__page, .donbare-comic__love, .donbare-comic__call, .donbare-comic__project, .donbare-comic__text, .donbare-comic__text2, .donbare-comic__text3, .donbare-comic__text4, #loader .love-loader__txt, .love-letter__item, .love-ps__title, .love-ps-sticky__item, .love-ps__button a, .love-ps__txt {
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden; }

html:not(.viewport--fixed) {
  -webkit-text-size-adjust: 100%; }

body {
  font-family: sans-serif; }

a {
  color: #0000ff; }

html, body {
  min-width: 980px;
  margin: 0;
  padding: 0; }
  @media only screen and (max-width: 640px) {
    html, body {
      min-width: 0; } }

body.home {
  overflow: hidden; }

#nssCommonFooter_sp {
  height: 420px; 
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#nssCommonFooter_sp #nssFooterBox {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
  position: absolute;
  left: 50%;
  margin-left: -149px !important;
  padding-bottom: 20px;
}

/* .hack_love #nssCommonFooter_sp {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
} */

.hack_love #nssCommonFooter_sp #nssFooterBox {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  position: relative;
  left: auto;
  margin-left: auto !important; 
  padding-bottom: 20px;
}

.global-nav {
  position: relative;
  z-index: 100; }
  .global-nav__button {
    position: absolute;
    top: 10px;
    left: 7px;
    background: transparent url(/images/base/global-nav__button.png) no-repeat;
    width: 74px;
    height: 74px;
    text-indent: 74px;
    cursor: pointer; }
    @media only screen and (max-width: 640px) {
      .global-nav__button {
        top: 0;
        left: 0;
        background-image: url(/images/base/global-nav__button@2x.png);
        -webkit-background-size: cover;
                background-size: cover;
        width: 57px;
        height: 57px; } }
  .global-nav__body {
    display: none;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.9);
    width: 100%;
    height: 100%; }
    @media only screen and (max-width: 640px) {
      .global-nav__body {
        background-color: rgba(0, 0, 0, 0.95);
        width: 100%; } }
  .global-nav__close-button {
    position: fixed;
    top: 21px;
    left: 23px;
    background: transparent url(/images/base/global-nav__close-button.png) no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    width: 37px;
    height: 47px;
    cursor: pointer; }
    @media only screen and (max-width: 640px) {
      .global-nav__close-button {
        position: absolute;
        top: 15px;
        left: 16px;
        background-image: url(/images/base/global-nav__close-button@2x.png);
        -webkit-background-size: cover;
                background-size: cover;
        width: 27px;
        height: 31px; } }
  .global-nav__item-list {
    width: 358px;
    margin: 0 auto;
    padding: 0;
    list-style: none; }
    @media only screen and (max-width: 640px) {
      .global-nav__item-list {
        width: 264px; } }
  .global-nav__item {
    background: transparent none no-repeat center left;
    height: 28px;
    margin-bottom: 35px;
    cursor: pointer; }
    @media only screen and (max-width: 640px) {
      .global-nav__item {
        -webkit-background-size: auto 50%;
                background-size: auto 50%;
        height: 42px;
        margin-bottom: 0; } }
    .global-nav__item--home {
      background-image: url(/images/base/global-nav__item--home.png);
      margin-top: 50px; }
      @media only screen and (max-width: 640px) {
        .global-nav__item--home {
          background-image: url(/images/base/global-nav__item--home@2x.png); } }
    .global-nav__item--youtuber {
      background-image: url(/images/base/global-nav__item--youtuber.png); }
      @media only screen and (max-width: 640px) {
        .global-nav__item--youtuber {
          background-image: url(/images/base/global-nav__item--youtuber@2x.png); } }
    .global-nav__item--cooking {
      background-image: url(/images/base/global-nav__item--cooking.png); }
      @media only screen and (max-width: 640px) {
        .global-nav__item--cooking {
          background-image: url(/images/base/global-nav__item--cooking@2x.png); } }
    .global-nav__item--10min {
      background-image: url(/images/base/global-nav__item--10min.png); }
      @media only screen and (max-width: 640px) {
        .global-nav__item--10min {
          background-image: url(/images/base/global-nav__item--10min@2x.png); } }
    .global-nav__item--shop {
      background-image: url(/images/base/global-nav__item--shop.png); }
      @media only screen and (max-width: 640px) {
        .global-nav__item--shop {
          background-image: url(/images/base/global-nav__item--shop@2x.png); } }
    .global-nav__item--cm {
      background-image: url(/images/base/global-nav__item--cm.png); }
      @media only screen and (max-width: 640px) {
        .global-nav__item--cm {
          background-image: url(/images/base/global-nav__item--cm@2x.png); } }
    .global-nav__item--onikakiage {
      background-image: url(/images/base/global-nav__item--onikakiage.png);
      height: 44px;
      margin-top: -14px; }
      @media only screen and (max-width: 640px) {
        .global-nav__item--onikakiage {
          background-image: url(/images/base/global-nav__item--onikakiage@2x.png);
          height: 63px;
          margin-top: -7px; } }
    .global-nav__item--product {
      background-image: url(/images/base/global-nav__item--product.png); }
      @media only screen and (max-width: 640px) {
        .global-nav__item--product {
          background-image: url(/images/base/global-nav__item--product@2x.png); } }
    .global-nav__item--history {
      background-image: url(/images/base/global-nav__item--history.png); }
      @media only screen and (max-width: 640px) {
        .global-nav__item--history {
          background-image: url(/images/base/global-nav__item--history@2x.png); } }
    .global-nav__item--kodawari {
      background-image: url(/images/base/global-nav__item--kodawari.png); }
      @media only screen and (max-width: 640px) {
        .global-nav__item--kodawari {
          background-image: url(/images/base/global-nav__item--kodawari@2x.png); } }
    .global-nav__item--donbareya {
      background-image: url(/images/base/global-nav__item--donbareya.png); }
      @media only screen and (max-width: 640px) {
        .global-nav__item--donbareya {
          background-image: url(/images/base/global-nav__item--donbareya@2x.png); } }
    .global-nav__item--event {
      background-image: url(/images/base/global-nav__item--event.png); }
      @media only screen and (max-width: 640px) {
        .global-nav__item--event {
          background-image: url(/images/base/global-nav__item--event@2x.png); } }
    .global-nav__item--donvalentine {
      background-image: url(/images/base/global-nav__item--donvalentine.png); }
      @media only screen and (max-width: 640px) {
        .global-nav__item--donvalentine {
          background-image: url(/images/base/global-nav__item--donvalentine@2x.png); } }
    .global-nav__item--kamo {
      background-image: url(/images/base/global-nav__item--kamo.png); }
      @media only screen and (max-width: 640px) {
        .global-nav__item--kamo {
          background-image: url(/images/base/global-nav__item--kamo@2x.png); } }
    .global-nav__item--ew {
      background-image: url(/images/base/global-nav__item--ew.png); }
      @media only screen and (max-width: 640px) {
        .global-nav__item--ew {
          background-image: url(/images/base/global-nav__item--ew@2x.png); } }
    .global-nav__item--fdi {
      background-image: url(/images/base/global-nav__item--fdi.png); }
      @media only screen and (max-width: 640px) {
        .global-nav__item--fdi {
          background-image: url(/images/base/global-nav__item--fdi@2x.png); } }
    .global-nav__item--bocchi-walker {
      background-image: url(/images/base/global-nav__item--bocchi-walker.png); }
      @media only screen and (max-width: 640px) {
        .global-nav__item--bocchi-walker {
          background-image: url(/images/base/global-nav__item--bocchi-walker@2x.png); } }
    .global-nav__item--donbare {
      background-image: url(/images/base/global-nav__item--donbare.png); }
      @media only screen and (max-width: 640px) {
        .global-nav__item--donbare {
          background-image: url(/images/base/global-nav__item--donbare@2x.png); } }
    .global-nav__item--love {
      background-image: url(/images/base/global-nav__item--love.png); }
      @media only screen and (max-width: 640px) {
        .global-nav__item--love {
          background-image: url(/images/base/global-nav__item--love@2x.png); } }
    .global-nav__item--berubara {
      background-image: url(/images/base/global-nav__item--berubara.png); }
      @media only screen and (max-width: 640px) {
        .global-nav__item--berubara {
          background-image: url(/images/base/global-nav__item--berubara@2x.png); } }
    .global-nav__item a {
      position: relative;
      display: block;
      height: 100%; }
  .global-nav__sns {
    margin-top: 50px; }
  .viewport--fixed .global-nav {
    z-index: 1000; }
    .viewport--fixed .global-nav__button {
      overflow: hidden;
      white-space: nowrap;
      position: absolute;
      top: 0;
      left: 0;
      background: transparent url(/images/base/global-nav__button@2x.png) no-repeat;
      width: 114px;
      height: 114px;
      text-indent: 228px; }
    .viewport--fixed .global-nav__body {
      display: none;
      background-color: rgba(0, 0, 0, 0.95);
      width: 640px;
      height: 100%; }
    .viewport--fixed .global-nav__close-button {
      position: absolute;
      top: 32px;
      left: 25px;
      background: transparent url(/images/base/global-nav__close-button@2x.png) no-repeat;
      width: 70px;
      height: 64px; }
    .viewport--fixed .global-nav__wrapper {
      margin-top: 70px; }
    .viewport--fixed .global-nav__item-list {
      width: 528px;
      margin: 0 auto;
      padding: 0;
      list-style: none; }
    .viewport--fixed .global-nav__item {
      height: 84px; }
      .viewport--fixed .global-nav__item--home {
        margin-top: 110px; }

.header {
  position: relative;
  background: #000000 url(/images/base/header__bg.jpg) repeat fixed;
  color: #ffffff; }
  .header--youtuber {
    background: #ffffff none;
    width: 100%;
    height: 252px;
    padding-top: 13px;
    color: #000000; }
  .header--cooking {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent none;
    width: 100%;
    height: 267px;
    color: #000000; }
  .header--shop {
    background: transparent url(/images/individual/shop/shop2__bg.png);
    width: 100%;
    height: 967px;
    color: #ffffff; }
    .header--shop .header__wrapper {
      position: relative;
      width: 960px;
      height: 967px;
      margin: 0 auto; }
  .header--shop-point {
    background: transparent url(/images/individual/shop/shop2__bg.png);
    width: 100%;
    height: 481px;
    padding-top: 21px;
    margin-bottom: 47px;
    color: #ffffff; }

.header2 {
  position: relative;
  background: #000000 url(/images/base/header__bg.jpg) no-repeat;
  color: #ffffff; }
  .header2__logo {
    background: transparent url(/images/base/header2__logo.png) no-repeat;
    width: 980px;
    height: 265px;
    margin: 0 auto !important; }
  @media only screen and (max-width: 640px) {
    .header2 {
      position: relative;
      background: #000000 url(/s/images/base/header__bg.png) no-repeat;
      padding-top: 4.06%;
      padding-bottom: 4.69%;
      color: #ffffff; }
      .header2__logo {
        background: transparent url(/s/images/base/header__logo2.png) no-repeat;
        -webkit-background-size: contain;
                background-size: contain;
        width: 16.41%;
        height: 0;
        padding-top: 17.35%;
        margin: 0 auto; } }

.banner {
  background-color: #000000; }
  .banner__item-list {
    opacity: 0;
    margin: 0;
    padding: 0;
    list-style: none; }
  .banner__item {
    background: transparent none no-repeat;
    -webkit-background-size: contain;
            background-size: contain; }
    @media only screen and (max-width: 640px) {
      .banner__item {
        -webkit-background-size: contain;
                background-size: contain; } }
    .banner__item:after {
      content: "";
      display: block;
      height: 0;
      padding-top: 48.44%; }
      @media only screen and (max-width: 640px) {
        .banner__item:after {
          padding-top: 147.67%; } }
    .banner__item a {
      position: absolute;
      display: block;
      height: 100%; }
    .banner__item--logo {
      background-image: url(/images/individual/home/banner__item--logo.jpg); }
      @media only screen and (max-width: 640px) {
        .banner__item--logo {
          background-image: url(/images/individual/home/banner__item--logo@2x.jpg); } }

.blocks__wrapper {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0; }

.blocks__block {
  position: relative;
  float: left;
  display: inline-block;
  width: 25%;
  overflow: hidden; }
  @media only screen and (max-width: 640px) {
    .blocks__block {
      width: 50%; } }
  .blocks__block:after {
    content: "";
    display: block;
    height: 0;
    padding-top: 100%; }
  .blocks__block--wide {
    width: 50%; }
    @media only screen and (max-width: 640px) {
      .blocks__block--wide {
        width: 100%; } }
    .blocks__block--wide:after {
      padding-top: 50%; }
  .blocks__block a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%; }
    .blocks__block a:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      background: #e60012 url(/images/individual/home/blocks__link-icon.png);
      width: 32px;
      height: 32px; }
    .blocks__block a[target="_blank"]:after {
      background: #e60012 url(/images/individual/home/blocks__link-icon2.png); }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes zoomIn {
  from {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  to {
    -webkit-transform: scale(1.3, 1.3);
            transform: scale(1.3, 1.3); } }

@keyframes zoomIn {
  from {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  to {
    -webkit-transform: scale(1.3, 1.3);
            transform: scale(1.3, 1.3); } }

@-webkit-keyframes zoomOut {
  from {
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@keyframes zoomOut {
  from {
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

.blocks__image {
  -webkit-animation: zoomOut 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
          animation: zoomOut 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  position: absolute;
  background: transparent none no-repeat center center;
  -webkit-background-size: cover;
          background-size: cover;
  width: 100%;
  height: 100%;
  font-size: 0; }
  .blocks__image--10min {
    background-image: url(/images/individual/home/blocks__block--10min.png); }
  .blocks__image--shop {
    background-image: url(/images/individual/home/blocks__block--shop.png); }
  .blocks__image--berubara {
    background-image: url(/images/individual/home/blocks__block--berubara.png); }
  .blocks__image--tantan {
    background-image: url(/images/individual/home/blocks__block--tantan.png); }
  .blocks__image--dashi-syoyu {
    background-image: url(/images/individual/home/blocks__block--dashi-syoyu.png); }
  .blocks__image--history {
    background-image: url(/images/individual/home/blocks__block--history.png); }
  .blocks__image--event {
    background-image: url(/images/individual/home/blocks__block--event.png); }
  .blocks__image--donbareya {
    background-image: url(/images/individual/home/blocks__block--donbareya.png); }
  .blocks__image--donvalentine {
    background-image: url(/images/individual/home/blocks__block--donvalentine.png); }
  .blocks__image--kamo {
    background-image: url(/images/individual/home/blocks__block--kamo.png); }
  .blocks__image--kamo-present {
    background-image: url(/images/individual/home/blocks__block--kamo-present.png); }
  .blocks__image--kamo-soba {
    background-image: url(/images/individual/home/blocks__block--kamo-soba.png); }
  .blocks__image--kamo-soba5 {
    background-image: url(/images/individual/home/blocks__block--kamo-soba5.png); }
  .blocks__image--kamo-zosui {
    background-image: url(/images/individual/home/blocks__block--kamo-zosui.png); }
  .blocks__image--curry-east {
    background-image: url(/images/individual/home/blocks__block--curry-east.png); }
  .blocks__image--curry-west {
    background-image: url(/images/individual/home/blocks__block--curry-west.png); }
  .blocks__image--dododo {
    background-image: url(/images/individual/home/blocks__block--dododo.png); }
  .blocks__image--shiro-tan {
    background-image: url(/images/individual/home/blocks__block--shiro-tan.png); }
  .blocks__image--kin-tan {
    background-image: url(/images/individual/home/blocks__block--kin-tan.png); }
  .blocks__image--onikakiageru {
    background-image: url(/images/individual/home/blocks__block--onikakiageru.png); }
  .blocks__image--gyoza {
    background-image: url(/images/individual/home/blocks__block--gyoza.png); }
  .blocks__image--toridashi {
    background-image: url(/images/individual/home/blocks__block--toridashi.png); }
  .blocks__image--fdi {
    background-image: url(/images/individual/home/blocks__block--fdi.png); }
  .blocks__image--bocchi-walker {
    background-image: url(/images/individual/home/blocks__block--bocchi-walker.png); }
  .blocks__image--carbonara {
    background-image: url(/images/individual/home/blocks__block--carbonara.png); }
  .blocks__image--sukiyaki {
    background-image: url(/images/individual/home/blocks__block--sukiyaki.png); }
  .blocks__image--curry {
    background-image: url(/images/individual/home/blocks__block--curry.png); }
  .blocks__image--tori {
    background-image: url(/images/individual/home/blocks__block--tori.png); }
  .blocks__image--donbare {
    background-image: url(/images/individual/home/blocks__block--donbare.png); }
  .blocks__image--ew {
    background-image: url(/images/individual/home/blocks__block--ew.jpg); }
  .blocks__image--onikaki {
    background-image: url(/images/individual/home/blocks__block--onikaki.jpg); }
  .blocks__image--love {
    background-image: url(/images/individual/home/blocks__block--love.jpg); }
  .blocks__image--cm {
    background-image: url(/images/individual/home/blocks__image--cm.gif); }
  .blocks__image--package {
    background-image: url(/images/individual/home/blocks__image--package.gif); }
  .blocks__image--logo {
    background-image: url(/images/individual/home/blocks__image--logo.gif); }
  .blocks__image--product {
    height: 100%; }

.blocks__hover {
  -webkit-animation: fadeOut 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
          animation: fadeOut 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  position: absolute;
  background-color: rgba(0, 62, 32, 0.8);
  width: 100%;
  height: 100%;
  color: #ffffff;
  vertical-align: middle;
  opacity: 0;
  z-index: 13; }
  @media only screen and (max-width: 640px) {
    .blocks__hover {
      display: none; } }
  .blocks__hover:hover {
    -webkit-animation: fadeIn 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
            animation: fadeIn 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
    .blocks__hover:hover + .blocks__image {
      -webkit-animation: zoomIn 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
              animation: zoomIn 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards; }

.blocks__label {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -17px;
  font-size: 1.5rem;
  text-align: center; }
  .blocks__label:after {
    content: "";
    display: block;
    background: transparent url(/images/individual/home/blocks__hover-icon.png);
    width: 18px;
    height: 34px;
    margin: 26px auto 0; }

.tweet {
  position: relative;
  height: 620px;
  background: #000000 url(/images/base/header__bg.jpg) repeat;
  color: #ffffff; }
  @media only screen and (max-width: 640px) {
    .tweet {
      height: auto;
      padding: 29px 0 54px 0; } }
  .tweet__wrapper {
    position: relative;
    padding-top: 170px; }
    @media only screen and (max-width: 640px) {
      .tweet__wrapper {
        padding-top: 0; } }
  .tweet__title {
    background: transparent url(/images/individual/home/tweet__title.png) no-repeat;
    width: 693px;
    height: 158px;
    margin: 0 auto 143px; }
    @media only screen and (max-width: 640px) {
      .tweet__title {
        background: transparent url(/images/individual/home/tweet__title@2x.png) no-repeat;
        -webkit-background-size: contain;
                background-size: contain;
        width: 112px;
        height: 414px;
        margin: 0 auto 18px; } }
  .tweet__about-button {
    background: transparent url(/images/individual/home/tweet__about-button.png) no-repeat;
    width: 526px;
    height: 79px;
    margin: 0 auto 15px;
    cursor: pointer; }
    @media only screen and (max-width: 640px) {
      .tweet__about-button {
        background: transparent url(/images/individual/home/tweet__about-button@2x.png) no-repeat;
        -webkit-background-size: contain;
                background-size: contain;
        width: 303px;
        height: 75px;
        margin: 0 auto; } }
  .tweet__about {
    display: none;
    background: transparent none no-repeat;
    width: 718px;
    height: 344px;
    margin: -474px auto 35px; }
    .tweet__about--1 {
      background-image: url(/images/individual/home/tweet__about--1.png); }
    .tweet__about--2 {
      background-image: url(/images/individual/home/tweet__about--2.png); }
    .tweet__about--3 {
      background-image: url(/images/individual/home/tweet__about--3.png); }
    .tweet__about--4 {
      background-image: url(/images/individual/home/tweet__about--4.png); }
    .tweet__about--5 {
      background-image: url(/images/individual/home/tweet__about--5.png); }
    .tweet__about--6 {
      background-image: url(/images/individual/home/tweet__about--6.png); }
    .tweet__about--7 {
      background-image: url(/images/individual/home/tweet__about--7.png); }
    .tweet__about--8 {
      background-image: url(/images/individual/home/tweet__about--8.png); }
    .tweet__about--9 {
      background-image: url(/images/individual/home/tweet__about--9.png); }
    .tweet__about--10 {
      background-image: url(/images/individual/home/tweet__about--10.png); }
    .tweet__about--11 {
      background-image: url(/images/individual/home/tweet__about--11.png); }
    .tweet__about--12 {
      background-image: url(/images/individual/home/tweet__about--12.png); }
    .tweet__about--13 {
      background-image: url(/images/individual/home/tweet__about--13.png); }
    .tweet__about--14 {
      background-image: url(/images/individual/home/tweet__about--14.png); }
    .tweet__about--15 {
      background-image: url(/images/individual/home/tweet__about--15.png); }
    .tweet__about--16 {
      background-image: url(/images/individual/home/tweet__about--16.png); }
    .tweet__about--17 {
      background-image: url(/images/individual/home/tweet__about--17.png); }
    .tweet__about--18 {
      background-image: url(/images/individual/home/tweet__about--18.png); }
    .tweet__about--19 {
      background-image: url(/images/individual/home/tweet__about--19.png); }
    .tweet__about--20 {
      background-image: url(/images/individual/home/tweet__about--20.png); }
    @media only screen and (max-width: 640px) {
      .tweet__about {
        display: none;
        position: absolute;
        left: 50%;
        background: transparent none no-repeat;
        -webkit-background-size: contain;
                background-size: contain;
        width: 225px;
        height: 435px;
        margin: -506px 0 0 -112px; }
        .tweet__about--1 {
          background-image: url(/images/individual/home/tweet__about--1@2x.png); }
        .tweet__about--2 {
          background-image: url(/images/individual/home/tweet__about--2@2x.png); }
        .tweet__about--3 {
          background-image: url(/images/individual/home/tweet__about--3@2x.png); }
        .tweet__about--4 {
          background-image: url(/images/individual/home/tweet__about--4@2x.png); }
        .tweet__about--5 {
          background-image: url(/images/individual/home/tweet__about--5@2x.png); }
        .tweet__about--6 {
          background-image: url(/images/individual/home/tweet__about--6@2x.png); }
        .tweet__about--7 {
          background-image: url(/images/individual/home/tweet__about--7@2x.png); }
        .tweet__about--8 {
          background-image: url(/images/individual/home/tweet__about--8@2x.png); }
        .tweet__about--9 {
          background-image: url(/images/individual/home/tweet__about--9@2x.png); }
        .tweet__about--10 {
          background-image: url(/images/individual/home/tweet__about--10@2x.png); }
        .tweet__about--11 {
          background-image: url(/images/individual/home/tweet__about--11@2x.png); }
        .tweet__about--12 {
          background-image: url(/images/individual/home/tweet__about--12@2x.png); }
        .tweet__about--13 {
          background-image: url(/images/individual/home/tweet__about--13@2x.png); }
        .tweet__about--14 {
          background-image: url(/images/individual/home/tweet__about--14@2x.png); }
        .tweet__about--15 {
          background-image: url(/images/individual/home/tweet__about--15@2x.png); }
        .tweet__about--16 {
          background-image: url(/images/individual/home/tweet__about--16@2x.png); }
        .tweet__about--17 {
          background-image: url(/images/individual/home/tweet__about--17@2x.png); }
        .tweet__about--18 {
          background-image: url(/images/individual/home/tweet__about--18@2x.png); }
        .tweet__about--19 {
          background-image: url(/images/individual/home/tweet__about--19@2x.png); }
        .tweet__about--20 {
          background-image: url(/images/individual/home/tweet__about--20@2x.png); } }
  .tweet__reload-button {
    display: none;
    background: transparent url(/images/individual/home/tweet__reload-button.png) no-repeat;
    position: absolute;
    left: 50%;
    width: 381px;
    height: 79px;
    margin: 0 0 0 -190px;
    cursor: pointer; }
    @media only screen and (max-width: 640px) {
      .tweet__reload-button {
        display: none;
        background: transparent url(/images/individual/home/tweet__reload-button@2x.png) no-repeat;
        -webkit-background-size: contain;
                background-size: contain;
        left: 50%;
        width: 164px;
        height: 75px;
        margin: -46px 0 0 -82px; } }

.product {
  position: relative; }
  .product__hr {
    background: url(/images/individual/syohin/kodawari_line-pc.png) no-repeat 100% 0;
    width: 976px;
    height: 6px;
    border: none;
    margin: 50px auto 40px; }
  .product__title {
    height: 572px;
    margin-bottom: 40px;
    background-color: #003f21; }
    .product__title h2 {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      background: url(/images/individual/syohin/product__title--pc.png) no-repeat;
      width: 984px;
      height: 572px;
      margin: auto; }
  .product-banner {
    width: 984px;
    margin: 0 auto;
    padding: 0; }
    .product-banner li {
      list-style: none;
      margin-bottom: 30px; }
      .product-banner li:last-child {
        margin-bottom: 0; }
    .product-banner__item a {
      display: block;
      width: 984px;
      height: 290px;
      margin: auto;
      background-repeat: no-repeat; }
    .product-banner__item--tori a {
      background-image: url(/images/individual/syohin/product__banner--tori-pc.png); }
    .product-banner__item--gyoza a {
      background-image: url(/images/individual/syohin/product__banner--gyoza-pc.png); }
    .product-banner__item--curry {
      overflow: hidden; }
      .product-banner__item--curry a {
        float: left;
        height: 290px; }
        .product-banner__item--curry a.product-banner__item--curry-e {
          width: 328px;
          background: url(/images/individual/syohin/product__banner--curry-e-pc.png) no-repeat; }
        .product-banner__item--curry a.product-banner__item--curry-w {
          width: 327px;
          background: url(/images/individual/syohin/product__banner--curry-w-pc.png) no-repeat; }
        .product-banner__item--curry a.product-banner__item--curry-n {
          width: 329px;
          background: url(/images/individual/syohin/product__banner--curry-n-pc.png) no-repeat; }
  .product__photo {
    background: transparent url(/images/individual/syohin/product__photo.png) no-repeat top center;
    width: 100%;
    height: 819px;
    margin-top: -200px;
    z-index: 1; }
  .product-kodawari {
    width: 984px;
    margin: 0 auto -50px;
    overflow: hidden; }
    .product-kodawari__title {
      background: url(/images/individual/syohin/product__kodawari-button--pc.png) no-repeat 32px 0;
      height: auto;
      margin: 0 auto; }
      .product-kodawari__title a {
        display: block;
        width: 100%;
        height: 170px; }
  .product__item-list {
    width: 984px;
    margin: 0 auto;
    padding: 0 0 10px 20px;
    list-style: none;
    overflow: hidden; }
    .product__item-list--half {
      width: 500px;
      margin: 0;
      padding: 0 0 10px 5px; }
  .product__item {
    float: left;
    width: 236px; }
    .product__item img {
      border: none;
      width: 100%;
      height: auto; }
    .product__item a {
      display: block;
      position: relative; }
    .product__item--new a:after {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      content: "";
      background: transparent url(/images/individual/syohin/product__item--new.png) no-repeat;
      -webkit-background-size: 100% auto;
              background-size: 100% auto;
      width: 63px;
      height: 60px; }
  .product-buy-online {
    margin-top: 30px;
    margin-bottom: 0;
    text-align: center; }
    .product-buy-online img {
      max-width: 80%; }
  .product__all-button {
    background: transparent url(/images/individual/syohin/product__all-button--pc.png) no-repeat;
    width: 458px;
    height: 54px;
    margin: 0 auto; }
    .product__all-button a {
      display: block;
      height: 100%; }
  @media only screen and (max-width: 640px) {
    .product {
      position: relative; }
      .product__hr {
        background: url(/images/individual/syohin/kodawari_line-sp.png) no-repeat 100% 0;
        -webkit-background-size: 100% auto;
                background-size: 100% auto;
        width: 95%;
        height: 0;
        padding-top: 1.8%;
        margin: 25px auto; }
      .product__title {
        height: inherit;
        margin-bottom: 40px; }
        .product__title h2 {
          position: static;
          background: url(/images/individual/syohin/product__title--sp.png) no-repeat;
          -webkit-background-size: 100% auto;
                  background-size: 100% auto;
          width: 100%;
          height: 0;
          margin: 0;
          padding-top: 65.15%; }
      .product-banner {
        width: 92%;
        margin: 0 auto;
        padding: 0; }
        .product-banner__item a {
          width: 100%;
          height: 0;
          margin: auto;
          padding-top: 40.68%;
          background-repeat: no-repeat;
          -webkit-background-size: 100% auto;
                  background-size: 100% auto; }
        .product-banner__item--tori a {
          background-image: url(/images/individual/syohin/product__banner--tori-sp.png); }
        .product-banner__item--gyoza a {
          background-image: url(/images/individual/syohin/product__banner--gyoza-sp.png); }
        .product-banner__item--curry a {
          height: 0; }
          .product-banner__item--curry a.product-banner__item--curry-e {
            width: 33.2203%;
            height: auto;
            background: url(/images/individual/syohin/product__banner--curry-e-sp.png) no-repeat;
            -webkit-background-size: 100% auto;
                    background-size: 100% auto; }
          .product-banner__item--curry a.product-banner__item--curry-w {
            width: 33.5593%;
            height: auto;
            background: url(/images/individual/syohin/product__banner--curry-w-sp.png) no-repeat;
            -webkit-background-size: 100% auto;
                    background-size: 100% auto; }
          .product-banner__item--curry a.product-banner__item--curry-n {
            width: 33.2203%;
            height: auto;
            background: url(/images/individual/syohin/product__banner--curry-n-sp.png) no-repeat;
            -webkit-background-size: 100% auto;
                    background-size: 100% auto; }
      .product__photo {
        -webkit-background-size: 100% auto;
                background-size: 100% auto;
        width: 87.5%;
        margin: 0 auto;
        height: 0;
        padding-top: 83.6%; }
      .product-kodawari {
        width: 100%;
        margin-bottom: 0;
        padding: 0; }
        .product-kodawari__title {
          background: url(/images/individual/syohin/product__kodawari-button--sp.png) no-repeat 0 0;
          -webkit-background-size: 100% auto;
                  background-size: 100% auto;
          margin: 0 auto; }
          .product-kodawari__title a {
            display: block;
            width: 100%;
            height: 0;
            padding-top: 32%; }
      .product__item-list {
        width: 92%;
        margin: 0 auto;
        padding: 0; }
      .product__item {
        float: left;
        width: 50%; }
        .product__item img {
          border: none;
          width: 100%;
          height: auto; }
        .product__item a {
          display: block;
          position: relative; }
        .product__item--new a:after {
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          content: "";
          background: transparent url(/images/individual/syohin/product__item--new.png) no-repeat;
          -webkit-background-size: 100% auto;
                  background-size: 100% auto;
          width: 25%;
          height: 0;
          padding-top: 100%; }
      .product__all-button {
        background: transparent url(/images/individual/syohin/product__all-button--sp.png) no-repeat;
        -webkit-background-size: 100% auto;
                background-size: 100% auto;
        width: 89%;
        height: auto;
        margin: 0 auto; }
        .product__all-button a {
          display: block;
          width: 100%;
          height: 0;
          padding-top: 33.34%; } }

.kodawari-item {
  float: left;
  width: 50%;
  height: 390px; }
  .kodawari-item__body {
    color: #003f21;
    font-size: 1rem;
    margin-left: 40px; }
    .kodawari-item__body .for-sp {
      display: none; }
    .kodawari-item__body a {
      color: #e60012;
      text-decoration: none; }
  .kodawari-item__title {
    width: 100%;
    height: 35px;
    margin: 0; }
    .kodawari-item__title--1 {
      background: url(/images/individual/syohin/product__title2-1--pc.png) no-repeat 40px 0; }
    .kodawari-item__title--2 {
      background: url(/images/individual/syohin/product__title2-2--pc.png) no-repeat 40px 0; }
    .kodawari-item__title--3 {
      background: url(/images/individual/syohin/product__title2-3--pc.png) no-repeat 40px 0; }
    .kodawari-item__title--4 {
      background: url(/images/individual/syohin/product__title2-4--pc.png) no-repeat 40px 0; }
  .kodawari-item__ph {
    width: 90%;
    margin: 0 auto; }
    .kodawari-item__ph img {
      width: 100%;
      height: auto; }
  @media only screen and (max-width: 640px) {
    .kodawari-item {
      float: none;
      width: 100%;
      height: auto;
      margin-bottom: 10px; }
      .kodawari-item__body {
        width: 92%;
        margin: 0 auto 1em;
        color: #666666; }
        .kodawari-item__body .for-pc {
          display: none; }
        .kodawari-item__body .for-sp {
          display: block; }
      .kodawari-item__title {
        display: block;
        float: none;
        width: 92%;
        height: 0;
        padding-top: 17%;
        margin: 0 auto; }
        .kodawari-item__title--1 {
          background: url(/images/individual/syohin/product__title2-1--sp.png) no-repeat 0 center;
          -webkit-background-size: 66.8% auto;
                  background-size: 66.8% auto; }
        .kodawari-item__title--2 {
          background: url(/images/individual/syohin/product__title2-2--sp.png) no-repeat 0 center;
          -webkit-background-size: 67.8% auto;
                  background-size: 67.8% auto; }
        .kodawari-item__title--3 {
          background: url(/images/individual/syohin/product__title2-3--sp.png) no-repeat 0 center;
          -webkit-background-size: 67.8% auto;
                  background-size: 67.8% auto; }
        .kodawari-item__title--4 {
          background: url(/images/individual/syohin/product__title2-4--sp.png) no-repeat 0 center;
          -webkit-background-size: 68.6% auto;
                  background-size: 68.6% auto; } }

.product-area {
  width: 984px;
  margin: 0 auto 0;
  padding-top: 30px;
  padding-bottom: 30px; }
  .product-area__wrap {
    position: relative;
    overflow: hidden;
    width: 984px;
    margin: 0 auto;
    padding-bottom: 20px;
    background: url(/images/individual/syohin/product-area__title--east-west_bg1-pc.png) repeat-y 0 0; }
    .product-area__wrap:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 3px;
      background: url(/images/individual/syohin/product-area__title--east-west_bg2-pc.png) no-repeat 0 0; }
    .product-area__wrap:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 3px;
      background: url(/images/individual/syohin/product-area__title--east-west_bg3-pc.png) no-repeat 0 0; }
    .product-area__wrap .product__hr {
      display: none; }
  .product-area--east {
    float: left;
    width: 482px; }
  .product-area--west {
    float: right;
    width: 482px; }
    .product-area--west .product-buy-online {
      margin-top: 290px; }
      @media only screen and (max-width: 640px) {
        .product-area--west .product-buy-online {
          margin-top: 30px; } }
  .product-area--hokkaido {
    position: relative;
    background: url(/images/individual/syohin/product-area__title--hokkaido_bg1.png) repeat 0 0; }
    .product-area--hokkaido:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 3px;
      background: url(/images/individual/syohin/product-area__title--hokkaido_bg2-pc.png) no-repeat 0 0; }
    .product-area--hokkaido:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 3px;
      background: url(/images/individual/syohin/product-area__title--hokkaido_bg3-pc.png) no-repeat 0 0; }
  .product-area--all, .product-area--fukuro {
    padding: 0; }
  .product-area--other {
    padding: 0 0 100px; }
  .product-area__title {
    margin: 0 auto 5px;
    width: 297px;
    height: 51px; }
    .product-area__title--east {
      background: url(/images/individual/syohin/product-area__title--east.png) no-repeat 0 0;
      -webkit-background-size: 100% auto;
              background-size: 100% auto; }
    .product-area__title--west {
      background: url(/images/individual/syohin/product-area__title--west.png) no-repeat 0 0;
      -webkit-background-size: 100% auto;
              background-size: 100% auto; }
    .product-area__title--hokkaido {
      background: url(/images/individual/syohin/product-area__title--hokkaido.png) no-repeat 0 0;
      -webkit-background-size: 100% auto;
              background-size: 100% auto; }
    .product-area__title--all {
      background: url(/images/individual/syohin/product-area__title--all.png) no-repeat 0 0;
      -webkit-background-size: 100% auto;
              background-size: 100% auto; }
    .product-area__title--fukuro {
      background: url(/images/individual/syohin/product-area__title--fukuro.png) no-repeat 0 0;
      -webkit-background-size: 100% auto;
              background-size: 100% auto; }
    .product-area__title--other {
      background: url(/images/individual/syohin/product-area__title--other.png) no-repeat 0 0;
      -webkit-background-size: 100% auto;
              background-size: 100% auto; }
  .product-area__lead {
    text-align: center;
    color: #003f21;
    font-size: 1rem; }
  @media only screen and (max-width: 640px) {
    .product-area {
      width: 97%; }
      .product-area__wrap {
        width: 100%;
        padding-bottom: 0;
        background: none; }
        .product-area__wrap:before {
          content: normal; }
        .product-area__wrap:after {
          content: normal; }
        .product-area__wrap .product__hr {
          display: block; }
      .product-area__title {
        width: 92.19%;
        height: 0;
        padding-top: 16.95%; }
      .product-area__lead {
        width: 92.19%;
        margin: 0 auto;
        text-align: left; }
      .product-area--east, .product-area--west {
        float: none;
        width: 97%; }
      .product-area--east {
        position: relative;
        background: url(/images/individual/syohin/product-area__title--east_bg1.png) repeat 0 0;
        padding-bottom: 30px; }
        .product-area--east:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 3px;
          background: url(/images/individual/syohin/product-area__title--east_bg2-sp.png) no-repeat 0 0;
          -webkit-background-size: 100% auto;
                  background-size: 100% auto; }
        .product-area--east:after {
          content: "";
          position: absolute;
          bottom: -1px;
          left: 0;
          width: 100%;
          height: 3px;
          background: url(/images/individual/syohin/product-area__title--east_bg3-sp.png) no-repeat 0 0;
          -webkit-background-size: 100% auto;
                  background-size: 100% auto; }
      .product-area--west {
        position: relative;
        background: url(/images/individual/syohin/product-area__title--west_bg1.png) repeat 0 0;
        padding-bottom: 30px; }
        .product-area--west:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 3px;
          background: url(/images/individual/syohin/product-area__title--west_bg2-sp.png) no-repeat 0 0;
          -webkit-background-size: 100% auto;
                  background-size: 100% auto; }
        .product-area--west:after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 3px;
          background: url(/images/individual/syohin/product-area__title--west_bg3-sp.png) no-repeat 0 0;
          -webkit-background-size: 100% auto;
                  background-size: 100% auto; }
      .product-area--hokkaido {
        padding-bottom: 30px; }
        .product-area--hokkaido:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 3px;
          background: url(/images/individual/syohin/product-area__title--hokkaido_bg2-sp.png) no-repeat 0 0;
          -webkit-background-size: 100% auto;
                  background-size: 100% auto; }
        .product-area--hokkaido:after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 3px;
          background: url(/images/individual/syohin/product-area__title--hokkaido_bg3-sp.png) no-repeat 0 100%;
          -webkit-background-size: 100% auto;
                  background-size: 100% auto; }
      .product-area--all, .product-area--fukuro {
        padding-bottom: 30px; }
      .product-area--other {
        padding: 0; } }

.info {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 30px 0.5rem 100px; }
  .info__title {
    font-size: 0.875rem;
    line-height: 1;
    text-align: center; }
  .info__body {
    font-size: 0.875rem;
    line-height: 1;
    text-align: center; }
    .info__body a {
      color: #e60012; }
      .info__body a:hover {
        text-decoration: none; }
  @media only screen and (max-width: 640px) {
    .info {
      margin: 0 auto;
      padding: 0.5rem 25px; }
      .info__title {
        font-size: 1rem;
        text-align: center; }
      .info__body {
        font-size: 1rem;
        text-align: left; } }

.sns {
  background-color: #e5ebe8;
  margin-bottom: 40px; }
  @media only screen and (max-width: 640px) {
    .sns {
      margin-bottom: 0; }
      .global-nav__sns .sns {
        background: transparent none;
        height: auto; }
      .syohin-dir .sns {
        background: #000000 url(/s/images/base/header__bg.png) no-repeat; } }
  .sns__item-list {
    width: 340px;
    margin: 0 auto;
    padding: 35px 0 30px;
    list-style: none;
    overflow: hidden; }
    @media only screen and (max-width: 640px) {
      .sns__item-list {
        width: 293px;
        margin: 0 auto;
        padding: 35px 0;
        list-style: none;
        overflow: hidden; }
        .global-nav__sns .sns__item-list {
          width: 386px;
          margin: 0 auto;
          padding: 0; }
        .syohin-dir .sns__item-list {
          width: 90%;
          padding: 10% 0; } }
  .sns__item {
    float: left;
    display: inline-block;
    background: transparent none no-repeat;
    width: 96px;
    height: 48px;
    margin-right: 26px; }
    @media only screen and (max-width: 640px) {
      .sns__item {
        -webkit-background-size: contain;
                background-size: contain;
        width: 84px;
        height: 42px;
        margin-right: 20px; }
        .global-nav__sns .sns__item {
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 102px;
          height: 50px;
          margin-right: 40px; }
        .syohin-dir .sns__item {
          width: 32%;
          height: 0;
          padding-top: 17%;
          margin-right: 2%;
          -webkit-background-size: 100% auto;
                  background-size: 100% auto; }
          .syohin-dir .sns__item:last-child {
            margin-right: 0; } }
    .sns__item a {
      display: block;
      height: 100%; }
    .sns__item:last-child {
      margin-right: 0; }
    .sns__item--facebook {
      background-image: url(/images/base/sns__item--facebook.png); }
    .sns__item--twitter {
      background-image: url(/images/base/sns__item--twitter.png); }
    .sns__item--google {
      background-image: url(/images/base/sns__item--google.png); }
    @media only screen and (max-width: 640px) {
      .syohin-dir .sns__item--facebook {
        background-image: url(/s/images/base/sns__item--facebook.png); }
      .syohin-dir .sns__item--twitter {
        background-image: url(/s/images/base/sns__item--twitter.png); }
      .syohin-dir .sns__item--google {
        background-image: url(/s/images/base/sns__item--google.png); } }

.sns2 {
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 1; }
  @media only screen and (max-width: 640px) {
    .sns2 {
      display: none; } }
  .sns2__item-list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .sns2__item {
    float: left;
    display: inline-block;
    background: transparent none no-repeat center center;
    width: 24px;
    height: 24px;
    margin-right: 18px; }
    .sns2__item a {
      display: block;
      height: 100%; }
    .sns2__item:last-child {
      margin-right: 0; }
    .sns2__item--facebook {
      background-image: url(/images/individual/home/sns2__item--facebook.png); }
    .sns2__item--twitter {
      background-image: url(/images/individual/home/sns2__item--twitter.png); }
    .sns2__item--google {
      background-image: url(/images/individual/home/sns2__item--google.png); }

.page-top {
  position: relative;
  width: 320px;
  margin: 0 auto 40px;
  padding-top: 334px;
  z-index: 50;
  cursor: pointer; }
  .page-top--inactive {
    opacity: 1 !important;
    cursor: default; }
  .page-top__package-back {
    position: absolute;
    top: 162px;
    left: 53px;
    background: transparent url(/images/individual/home/page-top__package-back.png) no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    width: 234px;
    height: 162px; }
  .page-top__udon {
    position: absolute;
    bottom: 149px;
    left: 143px;
    background: transparent url(/images/individual/home/page-top__udon.png) repeat-y;
    -webkit-background-size: contain;
            background-size: contain;
    width: 32px;
    height: 0; }
  .page-top__hand {
    position: absolute;
    top: -14px;
    left: -46px;
    background: transparent url(/images/individual/home/page-top__hand.png) no-repeat;
    width: 235px;
    height: 313px; }
  .page-top__person {
    display: none;
    position: absolute;
    top: -20px;
    left: 16px;
    background: transparent url(/images/individual/home/page-top__person.png) no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    width: 267px;
    height: 264px; }
  .page-top__package-front {
    position: absolute;
    top: 162px;
    left: 53px;
    background: transparent url(/images/individual/home/page-top__package-front.png) no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    width: 234px;
    height: 162px; }
  .page-top__button {
    background: transparent url(/images/individual/home/page-top__button.png) no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    width: 201px;
    height: 23px;
    margin: 0 auto 16px; }

.footer {
  position: relative; }
  .footer--cooking {
    background-color: #e5ebe8;
    width: 100%;
    padding: 45px 0; }
  .footer__recipe-button-list {
    width: 984px;
    margin: 0 auto;
    padding: 0; }
    .footer__recipe-button-list:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
      font-size: 0; }
  .footer__recipe-button {
    float: left;
    display: inline-block;
    width: 228px;
    height: 173px;
    margin-right: 24px; }
    .footer__recipe-button:nth-child(4n) {
      margin-right: 0; }
    .footer__recipe-button--1 {
      background: transparent url(/images/individual/cooking/footer__recipe-button--1.png); }
    .footer__recipe-button--2 {
      background: transparent url(/images/individual/cooking/footer__recipe-button--2.png); }
    .footer__recipe-button--3 {
      background: transparent url(/images/individual/cooking/footer__recipe-button--3.png); }
    .footer__recipe-button--4 {
      background: transparent url(/images/individual/cooking/footer__recipe-button--4.png); }
    .footer__recipe-button a {
      display: block;
      width: 100%;
      height: 100%; }
  .footer--pc {
    display: block; }
    @media only screen and (max-width: 640px) {
      .footer--pc {
        display: none; } }
  .footer--sp {
    display: none; }
    @media only screen and (max-width: 640px) {
      .footer--sp {
        display: block; } }

.back-button {
  background: #ffffff;
  padding: 42px 0; }
  @media only screen and (max-width: 640px) {
    .back-button {
      padding: 10px 0; } }
  .back-button a {
    display: block;
    width: 609px;
    margin: 0 auto; }
  .back-button__button {
    background: transparent url(/images/base/back-button__button--era.png) no-repeat;
    width: 609px;
    height: 137px;
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 640px) {
      .back-button__button {
        background: transparent url(/s/images/base/back-button__button--era.png) no-repeat;
        width: 606px;
        height: 150px;
        margin: 0 0 0 34px; }
        .back-button--rwd .back-button__button {
          -webkit-background-size: 100% auto;
                  background-size: 100% auto;
          width: 100% !important;
          height: 0;
          margin: 0 auto;
          padding: 30% 0 0; } }
  .back-button--cooking {
    background-color: #003f21;
    padding: 42px 0; }
    .back-button--cooking .back-button__button {
      background: transparent url(/images/base/back-button__button.png) no-repeat;
      width: 139px;
      height: 30px;
      margin: 0 auto;
      position: relative;
      z-index: 2; }
  .back-button--ew {
    background: transparent; }
    .back-button--ew .back-button__button {
      background: transparent url(/images/individual/ew/btn-back--ew.png) no-repeat;
      width: 609px;
      height: 137px;
      margin: 0 auto 20px;
      position: relative;
      z-index: 2; }
  .back-button--fdi {
    background: transparent; }
    .back-button--fdi .back-button__button {
      background: transparent url(/images/individual/fdi/back-button__button--fdi.png) no-repeat;
      width: 609px;
      height: 137px;
      margin: 0 auto 20px;
      position: relative;
      z-index: 2; }
  .back-button--love {
    background: transparent;
    padding: 0;
    margin-bottom: -50px; }
    @media only screen and (max-width: 640px) {
      .back-button--love {
        margin-bottom: 0; } }
    .back-button--love .back-button__button {
      background: transparent url(/images/individual/love/back-button__button--love.png) no-repeat;
      width: 609px;
      height: 137px;
      margin: 0 auto 20px;
      position: relative;
      z-index: 2; }
      @media only screen and (max-width: 640px) {
        .back-button--love .back-button__button {
          -webkit-background-size: 100% auto;
                  background-size: 100% auto;
          width: 100% !important;
          height: 0;
          margin: 0 auto 10px;
          padding: 22% 0 0; } }
  .back-button--onikakiage {
    background: transparent; }
    .back-button--onikakiage .back-button__button {
      background: transparent url(/images/individual/onikakiage/back-button__button--onikakiage.png) no-repeat;
      width: 609px;
      height: 137px;
      margin: 0 auto 20px;
      position: relative;
      z-index: 2; }
    @media only screen and (max-width: 640px) {
      .back-button--onikakiage {
        padding: 0; }
        .back-button--onikakiage a {
          width: 95.15%; }
        .back-button--onikakiage .back-button__button {
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 95.15%;
          height: auto;
          line-height: 0; }
          .back-button--onikakiage .back-button__button:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 22.49%; } }
  .back-button--donbare {
    background: transparent; }
    .back-button--donbare .back-button__button {
      background: transparent url(/images/individual/donbare/back-button__button--donbare.png) no-repeat;
      width: 609px;
      height: 137px;
      margin: 0 auto 20px;
      position: relative;
      z-index: 2; }
    @media only screen and (max-width: 640px) {
      .back-button--donbare {
        padding: 0; }
        .back-button--donbare a {
          width: 95.15%; }
        .back-button--donbare .back-button__button {
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 95.15%;
          height: auto;
          line-height: 0; }
          .back-button--donbare .back-button__button:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 22.49%; } }

.pagetop-button {
  position: absolute;
  width: 83px;
  height: 82px;
  right: 19px;
  bottom: 17px;
  z-index: 2; }
  @media only screen and (max-width: 640px) {
    .pagetop-button {
      width: 12.96875%;
      height: 12.8vw;
      right: 2.96875%;
      bottom: 2.5vw; } }
  .pagetop-button__button {
    background: url(/images/base/page-top__btn.png) no-repeat 0 0;
    width: 83px;
    height: 82px;
    cursor: pointer;
    z-index: 2; }
    @media only screen and (max-width: 640px) {
      .pagetop-button__button {
        width: 100%;
        height: 100%;
        -webkit-background-size: contain;
                background-size: contain; } }

.close-button {
  background: #003f21;
  padding: 65px 0; }
  .close-button__button {
    position: relative;
    background: transparent url(/images/base/close-button__button.png) no-repeat;
    width: 149px;
    height: 32px;
    margin: 0 auto;
    cursor: pointer;
    z-index: 2; }

.migration {
  background-color: #b7c8c0; }
  .migration__item-list {
    width: 880px;
    margin: 0 auto;
    padding: 30px 0;
    list-style: none;
    overflow: hidden; }
    @media only screen and (max-width: 640px) {
      .migration__item-list {
        width: 96%;
        padding: 20px 0 0 0; } }
  .migration__item {
    float: left;
    width: 280px;
    height: 150px;
    margin-right: 20px; }
    @media only screen and (max-width: 640px) {
      .migration__item {
        position: relative;
        width: 48%;
        height: auto;
        margin: 0 4% 20px 0; } }
    .migration__item:after {
      content: "";
      display: block;
      height: 0;
      padding-top: 53.57%; }
    .migration__item a {
      display: block;
      width: 100%;
      height: 100%; }
      @media only screen and (max-width: 640px) {
        .migration__item a {
          position: absolute; } }
    @media only screen and (max-width: 640px) {
      .migration__item:nth-child(even) {
        margin-right: 0; } }
    .migration__item:last-child {
      margin-right: 0; }
    .migration__item--cooking {
      background: url(/images/base/migration__item--cooking.jpg) no-repeat; }
      @media only screen and (max-width: 640px) {
        .migration__item--cooking {
          -webkit-background-size: contain;
                  background-size: contain; } }
    .migration__item--kodawari {
      background: url(/images/base/migration__item--kodawari.jpg) no-repeat; }
      @media only screen and (max-width: 640px) {
        .migration__item--kodawari {
          -webkit-background-size: contain;
                  background-size: contain; } }
    .migration__item--syohin {
      background: url(/images/base/migration__item--syohin.jpg) no-repeat; }
      @media only screen and (max-width: 640px) {
        .migration__item--syohin {
          -webkit-background-size: contain;
                  background-size: contain; } }

.history-header {
  position: relative;
  margin-bottom: 25px;
  padding-top: 46px;
  height: 409px;
  background-color: #003f21;
  text-align: center; }
  .history-header:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 50%;
    margin-right: -568px;
    background: url(/images/individual/history/history-header__bg.jpg) no-repeat;
    width: 1043px;
    height: 479px;
    z-index: 1; }
  .history-header__title {
    position: relative;
    background: url(/images/individual/history/history-header__title.png) no-repeat;
    width: 589px;
    height: 183px;
    margin: 0 auto 43px;
    z-index: 2; }
  .history-header__txt {
    position: relative;
    background: url(/images/individual/history/history-header__txt.png) no-repeat;
    width: 458px;
    height: 145px;
    margin: 0 auto;
    z-index: 2; }

.history-header-top {
  position: relative;
  height: 176px;
  background-color: #003f21;
  text-align: center; }
  .history-header-top__title {
    background: url(/images/individual/history/history__title2.jpg) no-repeat;
    width: 980px;
    height: 176px;
    margin: 0 auto; }
    .history-header-top__title a {
      display: block;
      height: 100%; }

.history__wrap {
  position: relative;
  width: 980px;
  margin: 0 auto;
  z-index: 2; }

.history-nav {
  position: absolute;
  top: 90px;
  left: 0;
  width: 84px;
  padding-bottom: 43px; }
  .history-nav ol {
    margin: 0; }
  .history-nav__year--active {
    opacity: 0.5; }
  .history-nav:after {
    content: "";
    position: absolute;
    right: 1px;
    bottom: -15px;
    width: 64px;
    height: 36px;
    background: url(/images/individual/history/history-nav__cup.jpg) no-repeat 100% 100%; }
  .history-nav__udon {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: url(/images/individual/history/history-nav__udon.png) repeat-y 5px 0; }
    .history-nav__udon .udon__hashi {
      position: relative;
      background: #fff url(/images/individual/history/history-nav__arrow1.png) no-repeat 0 100%;
      width: 31px;
      height: 23px;
      padding-top: 0; }
  .history-nav__list {
    padding: 0; }
  .history-nav__list-item {
    list-style: none;
    margin: 0 0 13px;
    padding: 0;
    width: 50px;
    height: 15px; }
    .history-nav__list-item a {
      display: block;
      width: 50px;
      height: 15px; }
    .history-nav__list-item--1970 a {
      background: url(/images/individual/history/history-nav__year--1970.png) no-repeat; }
    .history-nav__list-item--1980 a {
      background: url(/images/individual/history/history-nav__year--1980.png) no-repeat; }
    .history-nav__list-item--1990 a {
      background: url(/images/individual/history/history-nav__year--1990.png) no-repeat; }
    .history-nav__list-item--1996 a {
      background: url(/images/individual/history/history-nav__year--1996.png) no-repeat; }
    .history-nav__list-item--2000 a {
      background: url(/images/individual/history/history-nav__year--2000.png) no-repeat; }
    .history-nav__list-item--2006 a {
      background: url(/images/individual/history/history-nav__year--2006.png) no-repeat; }
    .history-nav__list-item--2007 a {
      background: url(/images/individual/history/history-nav__year--2007.png) no-repeat; }
    .history-nav__list-item--2008 a {
      background: url(/images/individual/history/history-nav__year--2008.png) no-repeat; }
    .history-nav__list-item--2009 a {
      background: url(/images/individual/history/history-nav__year--2009.png) no-repeat; }
    .history-nav__list-item--2010 a {
      background: url(/images/individual/history/history-nav__year--2010.png) no-repeat; }
    .history-nav__list-item--2011 a {
      background: url(/images/individual/history/history-nav__year--2011.png) no-repeat; }
    .history-nav__list-item--2012 a {
      background: url(/images/individual/history/history-nav__year--2012.png) no-repeat; }
    .history-nav__list-item--2013 a {
      background: url(/images/individual/history/history-nav__year--2013.png) no-repeat; }
    .history-nav__list-item--2014 a {
      background: url(/images/individual/history/history-nav__year--2014.png) no-repeat; }
    .history-nav__list-item--2015 a {
      background: url(/images/individual/history/history-nav__year--2015.png) no-repeat; }
    .history-nav__list-item--2016 a {
      background: url(/images/individual/history/history-nav__year--2016.png) no-repeat; }

.history-age {
  margin-top: -30px;
  padding-top: 125px;
  background: url(/images/individual/history/history-age__bg.png) no-repeat center -375px; }
  .history-age--1970 {
    padding-top: 70px;
    background: url(/images/individual/history/history-age__bg.png) no-repeat center -430px; }
  .history-age--1980, .history-age--1990, .history-age--2000, .history-age--2010 {
    padding-top: 500px;
    background: url(/images/individual/history/history-age__bg.png) no-repeat center 0; }
  .history-age--1980 {
    margin-top: -340px; }
  .history-age--1990 {
    margin-top: -388px; }
  .history-age--2000 {
    margin-top: -320px; }
  .history-age--2010 {
    margin-top: -330px; }
  .history-age__title {
    width: 310px;
    height: 53px;
    margin: 0 auto 60px 265px; }
    .history-age__title--1970 {
      background: url(/images/individual/history/history-1970__title1.png) no-repeat center 10px; }
    .history-age__title--1980 {
      background: url(/images/individual/history/history-1980__title1.png) no-repeat center 10px; }
    .history-age__title--1990 {
      background: url(/images/individual/history/history-1990__title1.png) no-repeat center 10px; }
    .history-age__title--1996 {
      background: url(/images/individual/history/history-1996__title1.png) no-repeat center 10px; }
    .history-age__title--2000 {
      background: url(/images/individual/history/history-2000__title1.png) no-repeat center 10px; }
    .history-age__title--2006 {
      background: url(/images/individual/history/history-2006__title1.png) no-repeat center 10px; }
    .history-age__title--2007 {
      background: url(/images/individual/history/history-2007__title1.png) no-repeat center 10px; }
    .history-age__title--2008 {
      background: url(/images/individual/history/history-2008__title1.png) no-repeat center 10px; }
    .history-age__title--2009 {
      background: url(/images/individual/history/history-2009__title1.png) no-repeat center 10px; }
    .history-age__title--2010 {
      background: url(/images/individual/history/history-2010__title1.png) no-repeat center 10px; }
    .history-age__title--2011 {
      background: url(/images/individual/history/history-2011__title1.png) no-repeat center 10px; }
    .history-age__title--2012 {
      background: url(/images/individual/history/history-2012__title1.png) no-repeat center 10px; }
    .history-age__title--2013 {
      background: url(/images/individual/history/history-2013__title1.png) no-repeat center 10px; }
    .history-age__title--2014 {
      background: url(/images/individual/history/history-2014__title1.png) no-repeat center 10px; }
    .history-age__title--2015 {
      background: url(/images/individual/history/history-2015__title1.png) no-repeat center 10px; }
    .history-age__title--2016 {
      background: url(/images/individual/history/history-2016__title1.png) no-repeat center 10px; }
  .history-age__wrap {
    margin-bottom: 35px;
    padding-top: 20px;
    padding-left: 100px;
    width: 876px;
    background: url(/images/individual/history/history-age__bg2.png) no-repeat 488px 100%; }
  .history-age__title--campaign {
    float: left;
    width: 204px;
    height: 263px;
    background: url(/images/individual/history/history__title--campaign.png) no-repeat 6px 0;
    margin: 0 0 40px 20px; }
    .history-age__title--campaign:first-child {
      margin-left: 0;
      background: url(/images/individual/history/history__title--campaign.png) no-repeat 6px 0; }

.product-item {
  position: relative;
  float: left;
  width: 204px;
  margin-left: 20px;
  padding-top: 21px;
  background: url(/images/individual/history/item__bg1.png) no-repeat 0 0; }
  .product-item__wrap {
    overflow: hidden;
    padding-bottom: 30px; }
  .product-item--campaign {
    background: url(/images/individual/history/item__bg--campaign1.png) no-repeat 0 0; }
  .product-item:first-child {
    margin-left: 0; }
  .product-item__title {
    height: 170px;
    margin: 0;
    text-align: center; }
  .product-item__age {
    position: absolute;
    top: 17px;
    left: 1px;
    width: 41px;
    height: 43px;
    margin: 0; }
    .product-item__age--1976 {
      background: url(/images/individual/history/item__badge--1976.png) no-repeat; }
    .product-item__age--1977 {
      background: url(/images/individual/history/item__badge--1977.png) no-repeat; }
    .product-item__age--1979 {
      background: url(/images/individual/history/item__badge--1979.png) no-repeat; }
    .product-item__age--1981 {
      background: url(/images/individual/history/item__badge--1981.png) no-repeat; }
    .product-item__age--1982 {
      background: url(/images/individual/history/item__badge--1982.png) no-repeat; }
    .product-item__age--1985 {
      background: url(/images/individual/history/item__badge--1985.png) no-repeat; }
    .product-item__age--1986 {
      background: url(/images/individual/history/item__badge--1986.png) no-repeat; }
    .product-item__age--1987 {
      background: url(/images/individual/history/item__badge--1987.png) no-repeat; }
    .product-item__age--1988 {
      background: url(/images/individual/history/item__badge--1988.png) no-repeat; }
    .product-item__age--1989 {
      background: url(/images/individual/history/item__badge--1989.png) no-repeat; }
    .product-item__age--1991 {
      background: url(/images/individual/history/item__badge--1991.png) no-repeat; }
    .product-item__age--1992 {
      background: url(/images/individual/history/item__badge--1992.png) no-repeat; }
    .product-item__age--1994 {
      background: url(/images/individual/history/item__badge--1994.png) no-repeat; }
    .product-item__age--1995 {
      background: url(/images/individual/history/item__badge--1995.png) no-repeat; }
    .product-item__age--1996 {
      background: url(/images/individual/history/item__badge--1996.png) no-repeat; }
    .product-item__age--1997 {
      background: url(/images/individual/history/item__badge--1997.png) no-repeat; }
    .product-item__age--1998 {
      background: url(/images/individual/history/item__badge--1998.png) no-repeat; }
    .product-item__age--1999 {
      background: url(/images/individual/history/item__badge--1999.png) no-repeat; }
    .product-item__age--2000 {
      background: url(/images/individual/history/item__badge--2000.png) no-repeat; }
    .product-item__age--2001 {
      background: url(/images/individual/history/item__badge--2001.png) no-repeat; }
    .product-item__age--2002 {
      background: url(/images/individual/history/item__badge--2002.png) no-repeat; }
    .product-item__age--2003 {
      background: url(/images/individual/history/item__badge--2003.png) no-repeat; }
    .product-item__age--2004 {
      background: url(/images/individual/history/item__badge--2004.png) no-repeat; }
    .product-item__age--2005 {
      background: url(/images/individual/history/item__badge--2005.png) no-repeat; }
    .product-item__age--2006 {
      background: url(/images/individual/history/item__badge--2006.png) no-repeat; }
    .product-item__age--2007 {
      background: url(/images/individual/history/item__badge--2007.png) no-repeat; }
    .product-item__age--2008 {
      background: url(/images/individual/history/item__badge--2008.png) no-repeat; }
    .product-item__age--2009 {
      background: url(/images/individual/history/item__badge--2009.png) no-repeat; }
    .product-item__age--2010 {
      background: url(/images/individual/history/item__badge--2010.png) no-repeat; }
    .product-item__age--2011 {
      background: url(/images/individual/history/item__badge--2011.png) no-repeat; }
    .product-item__age--2012 {
      background: url(/images/individual/history/item__badge--2012.png) no-repeat; }
    .product-item__age--2013 {
      background: url(/images/individual/history/item__badge--2013.png) no-repeat; }
    .product-item__age--2014 {
      background: url(/images/individual/history/item__badge--2014.png) no-repeat; }
    .product-item__age--2015 {
      background: url(/images/individual/history/item__badge--2015.png) no-repeat; }
    .product-item__age--2016 {
      background: url(/images/individual/history/item__badge--2016.png) no-repeat; }
    .product-item--campaign .product-item__age--1978 {
      background: url(/images/individual/history/item__badge-campaign--1978.png) no-repeat; }
    .product-item--campaign .product-item__age--1979 {
      background: url(/images/individual/history/item__badge-campaign--1979.png) no-repeat; }
    .product-item--campaign .product-item__age--1980 {
      background: url(/images/individual/history/item__badge-campaign--1980.png) no-repeat; }
    .product-item--campaign .product-item__age--1982 {
      background: url(/images/individual/history/item__badge-campaign--1982.png) no-repeat; }
    .product-item--campaign .product-item__age--1983 {
      background: url(/images/individual/history/item__badge-campaign--1983.png) no-repeat; }
    .product-item--campaign .product-item__age--1984 {
      background: url(/images/individual/history/item__badge-campaign--1984.png) no-repeat; }
    .product-item--campaign .product-item__age--1985 {
      background: url(/images/individual/history/item__badge-campaign--1985.png) no-repeat; }
    .product-item--campaign .product-item__age--1987 {
      background: url(/images/individual/history/item__badge-campaign--1987.png) no-repeat; }
    .product-item--campaign .product-item__age--1990 {
      background: url(/images/individual/history/item__badge-campaign--1990.png) no-repeat; }
    .product-item--campaign .product-item__age--1991 {
      background: url(/images/individual/history/item__badge-campaign--1991.png) no-repeat; }
    .product-item--campaign .product-item__age--1993 {
      background: url(/images/individual/history/item__badge-campaign--1993.png) no-repeat; }
    .product-item--campaign .product-item__age--1994 {
      background: url(/images/individual/history/item__badge-campaign--1994.png) no-repeat; }
    .product-item--campaign .product-item__age--1999 {
      background: url(/images/individual/history/item__badge-campaign--1999.png) no-repeat; }
    .product-item--campaign .product-item__age--2000 {
      background: url(/images/individual/history/item__badge-campaign--2000.png) no-repeat; }
    .product-item--campaign .product-item__age--2001 {
      background: url(/images/individual/history/item__badge-campaign--2001.png) no-repeat; }
    .product-item--campaign .product-item__age--2002 {
      background: url(/images/individual/history/item__badge-campaign--2002.png) no-repeat; }
    .product-item--campaign .product-item__age--2003 {
      background: url(/images/individual/history/item__badge-campaign--2003.png) no-repeat; }
    .product-item--campaign .product-item__age--2004 {
      background: url(/images/individual/history/item__badge-campaign--2004.png) no-repeat; }
    .product-item--campaign .product-item__age--2006 {
      background: url(/images/individual/history/item__badge-campaign--2006.png) no-repeat; }
    .product-item--campaign .product-item__age--2007 {
      background: url(/images/individual/history/item__badge-campaign--2007.png) no-repeat; }
    .product-item--campaign .product-item__age--2008 {
      background: url(/images/individual/history/item__badge-campaign--2008.png) no-repeat; }
    .product-item--campaign .product-item__age--2009 {
      background: url(/images/individual/history/item__badge-campaign--2009.png) no-repeat; }
    .product-item--campaign .product-item__age--2010 {
      background: url(/images/individual/history/item__badge-campaign--2010.png) no-repeat; }
    .product-item--campaign .product-item__age--2011 {
      background: url(/images/individual/history/item__badge-campaign--2011.png) no-repeat; }
    .product-item--campaign .product-item__age--2012 {
      background: url(/images/individual/history/item__badge-campaign--2012.png) no-repeat; }
    .product-item--campaign .product-item__age--2013 {
      background: url(/images/individual/history/item__badge-campaign--2013.png) no-repeat; }
    .product-item--campaign .product-item__age--2014 {
      background: url(/images/individual/history/item__badge-campaign--2014.png) no-repeat; }
    .product-item--campaign .product-item__age--2015 {
      background: url(/images/individual/history/item__badge-campaign--2015.png) no-repeat; }
    .product-item--campaign .product-item__age--2016 {
      background: url(/images/individual/history/item__badge-campaign--2016.png) no-repeat; }
  .product-item__txt {
    margin-top: 0;
    padding-top: 7px;
    border-top: 1px solid #003f21;
    font-size: 0.75rem;
    line-height: 1.9;
    color: #666666; }
    .product-item--campaign .product-item__txt {
      border-top: 1px solid #e50012; }

.donbeisan {
  position: relative;
  width: 100%; }
  .donbeisan__pic {
    position: absolute;
    z-index: -1; }
  .donbeisan__baloon {
    position: absolute; }
  .donbeisan--1970 {
    height: 436px;
    margin-top: -145px; }
    .donbeisan--1970 .donbeisan__pic {
      width: 315px;
      height: 436px;
      bottom: 0;
      right: -79px;
      background: url(/images/individual/history/donbeisan__photo1.jpg) no-repeat; }
    .donbeisan--1970 .donbeisan__baloon {
      width: 316px;
      height: 163px;
      top: 158px;
      right: 172px;
      background: url(/images/individual/history/donbeisan__baloon1.png) no-repeat; }
  .donbeisan--1980 {
    height: 434px;
    margin-top: -70px; }
    .donbeisan--1980 .donbeisan__pic {
      width: 359px;
      height: 434px;
      bottom: 0;
      right: -79px;
      background: url(/images/individual/history/donbeisan__photo2.jpg) no-repeat; }
    .donbeisan--1980 .donbeisan__baloon {
      width: 351px;
      height: 184px;
      top: 139px;
      right: 186px;
      background: url(/images/individual/history/donbeisan__baloon2.png) no-repeat; }
  .donbeisan--1996 {
    height: 429px;
    margin-top: -150px; }
    .donbeisan--1996 .donbeisan__pic {
      width: 315px;
      height: 429px;
      bottom: 0;
      right: -73px;
      background: url(/images/individual/history/donbeisan__photo3.jpg) no-repeat; }
    .donbeisan--1996 .donbeisan__baloon {
      width: 370px;
      height: 215px;
      top: 137px;
      right: 189px;
      background: url(/images/individual/history/donbeisan__baloon3.png) no-repeat; }
  .donbeisan--2009 {
    height: 435px;
    margin-top: -140px; }
    .donbeisan--2009 .donbeisan__pic {
      width: 315px;
      height: 435px;
      bottom: 0;
      right: -79px;
      background: url(/images/individual/history/donbeisan__photo4.jpg) no-repeat; }
    .donbeisan--2009 .donbeisan__baloon {
      width: 340px;
      height: 207px;
      top: 92px;
      right: 162px;
      background: url(/images/individual/history/donbeisan__baloon4.png) no-repeat; }
  .donbeisan--2016 {
    height: 494px;
    margin-top: -30px; }
    .donbeisan--2016 .donbeisan__pic {
      width: 315px;
      height: 420px;
      bottom: 185px;
      right: -69px;
      background: url(/images/individual/history/donbeisan__photo5.jpg) no-repeat; }
    .donbeisan--2016 .donbeisan__baloon {
      width: 314px;
      height: 194px;
      top: 0;
      right: 184px;
      background: url(/images/individual/history/donbeisan__baloon5.png) no-repeat; }

.home-preloader {
  position: fixed;
  background-color: #000000;
  width: 100%;
  height: 100%;
  z-index: 1000; }
  .home-preloader__wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 144px;
    height: 122px;
    margin: -61px 0 0 -72px;
    overflow: hidden; }
  .home-preloader__bg {
    background: transparent url(/images/individual/home/preloader__bg.png) no-repeat;
    -webkit-background-size: contain;
            background-size: contain;
    width: 144px;
    height: 122px; }
  .home-preloader__bar {
    background: transparent url(/images/individual/home/preloader__bar.png) no-repeat bottom center;
    width: 144px;
    height: 0;
    margin-top: 0; }
  .home-preloader__steam {
    position: absolute;
    top: 50%;
    left: 50%;
    background: transparent url(/images/individual/home/preloader__steam.png) no-repeat bottom center;
    width: 247px;
    height: 161px;
    margin: -139px 0 0 -120px;
    opacity: 0;
    -webkit-transform-origin: bottom center;
        -ms-transform-origin: bottom center;
            transform-origin: bottom center; }
  .home-preloader__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    background: transparent url(/images/individual/home/preloader__logo.png) no-repeat;
    width: 802px;
    height: 562px;
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
    opacity: 0; }
    @media only screen and (max-width: 640px) {
      .home-preloader__logo {
        background-position: center center;
        -webkit-background-size: contain;
                background-size: contain;
        max-width: 90%;
        height: 100%; } }

.cm2 {
  background-color: #000000;
  padding-top: 70px;
  color: #ffffff; }
  .cm2__title {
    background: transparent url(/images/individual/cm/cm2__title.png) no-repeat;
    width: 121px;
    height: 57px;
    margin: 0 auto 15px; }
  .cm2__wrapper {
    background-color: #000000;
    width: 853px;
    margin: 0 auto;
    padding-bottom: 70px; }
  .cm2__title-wrapper {
    margin-top: 140px; }
    .cm2__title-wrapper:first-child {
      margin-top: 0; }
    .cm2__title-wrapper:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
      font-size: 0; }
  .cm2__title2-1 {
    display: inline-block;
    float: left;
    background: transparent url(/images/individual/cm/cm2__title2-1.png) no-repeat;
    width: 368px;
    height: 28px;
    margin: 0 0 20px; }
  .cm2__title2-2 {
    display: inline-block;
    float: left;
    background: transparent url(/images/individual/cm/cm2__title2-2.png) no-repeat;
    width: 148px;
    height: 28px;
    margin: 0 0 20px; }
  .cm2__title2-3 {
    display: inline-block;
    float: left;
    background: transparent url(/images/individual/cm/cm2__title2-3.png) no-repeat;
    width: 256px;
    height: 62px;
    margin: -15px 0 6px; }
  .cm2__title2-4 {
    display: inline-block;
    float: left;
    background: transparent url(/images/individual/cm/cm2__title2-4.png) no-repeat;
    width: 174px;
    height: 29px;
    margin: -15px 0 6px; }
  .cm2__title2-5 {
    display: inline-block;
    float: left;
    background: transparent url(/images/individual/cm/cm2__title2-5.png) no-repeat;
    width: 204px;
    height: 28px;
    margin: -15px 0 6px; }
  .cm2__title2-6 {
    display: inline-block;
    float: left;
    background: transparent url(/images/individual/cm/cm2__title2-6.png) no-repeat;
    width: 179px;
    height: 28px;
    margin: -15px 0 6px; }
  .cm2__title2-7 {
    display: inline-block;
    float: left;
    background: transparent url(/images/individual/cm/cm2__title2-7.png) no-repeat;
    width: 318px;
    height: 62px;
    margin: -15px 0 6px; }
  .cm2__movie {
    position: relative;
    display: none;
    width: 853px;
    padding-top: 56.26%;
    margin: 0 auto 25px; }
    .cm2__movie iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important; }
    .cm2__movie--active {
      display: block; }
  .cm2__item-list {
    float: right;
    height: 18px;
    margin: 0;
    padding: 0;
    list-style: none; }
    .cm2__item-list--3item {
      width: 234px; }
  .cm2__item {
    display: inline-block;
    float: left;
    width: 78px;
    height: 18px;
    margin: 0;
    padding: 0;
    text-align: center;
    opacity: 0.5; }
    .cm2__item:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
      font-size: 0; }
    .cm2__item--active {
      border-bottom: 4px solid #ffffff;
      opacity: 1; }
    .cm2__item--60sec {
      background: transparent url(/images/individual/cm/cm2__item--60sec.png) no-repeat center top; }
    .cm2__item--30sec {
      background: transparent url(/images/individual/cm/cm2__item--30sec.png) no-repeat center top; }
    .cm2__item--15sec {
      background: transparent url(/images/individual/cm/cm2__item--15sec.png) no-repeat center top; }
    .cm2__item--30sec2 {
      background: transparent url(/images/individual/cm/cm2__item--30sec2.png) no-repeat center top;
      width: 202px; }
  .cm2__item2-list {
    width: 100%;
    height: 53px;
    margin: 0;
    padding: 0;
    list-style: none; }
  .cm2__item2 {
    display: inline-block;
    float: left;
    background: transparent none no-repeat center top;
    width: 283px;
    height: 29px;
    margin: 0 0 23px;
    padding: 0 0 10px;
    text-align: center;
    opacity: 0.5; }
    .cm2__item2:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
      font-size: 0; }
    .cm2__item2--active {
      border-bottom: 4px solid #ffffff;
      opacity: 1; }
    .cm2__item2--1 {
      background-image: url(/images/individual/cm/cm2__item2-1.png); }
    .cm2__item2--2 {
      background-image: url(/images/individual/cm/cm2__item2-2.png); }
    .cm2__item2--3 {
      background-image: url(/images/individual/cm/cm2__item2-3.png); }
  .cm2__body {
    display: none;
    padding: 0;
    font-size: 0.874rem;
    line-height: 1.73;
    text-align: justify; }
    .cm2__body--active {
      display: block; }
  .cm2__photo {
    background: transparent none no-repeat center center;
    -webkit-background-size: cover;
            background-size: cover;
    width: 100%;
    height: 720px;
    margin-bottom: 70px; }
    .cm2__photo:last-child {
      margin-bottom: 0; }
    .cm2__photo--1 {
      background-image: url(/images/individual/cm/cm2__photo1.jpg); }
    .cm2__photo--2 {
      background-image: url(/images/individual/cm/cm2__photo2.jpg); }
    .cm2__photo--3 {
      background-image: url(/images/individual/cm/cm2__photo3.jpg); }
    .cm2__photo--4 {
      background-image: url(/images/individual/cm/cm2__photo4.jpg); }
    .cm2__photo--5 {
      background-image: url(/images/individual/cm/cm2__photo5.jpg); }
    .cm2__photo--6 {
      background-image: url(/images/individual/cm/cm2__photo6.jpg); }

.youtuber2 {
  background-color: #000000;
  color: #ffffff; }
  .youtuber2__title {
    background: transparent url(/images/individual/youtuber/youtuber2__title.png) no-repeat 200px 0;
    width: 928px;
    height: 252px;
    margin: 0 auto; }
  .youtuber2__item-list {
    width: 964px;
    margin: 90px auto 0;
    padding: 0 0 60px 0;
    list-style: none; }
    .youtuber2__item-list:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
      font-size: 0; }
  .youtuber2__item {
    position: relative;
    float: left;
    display: inline-block;
    margin-right: 50px;
    padding: 0; }
    .youtuber2__item:nth-child(3n) {
      margin-right: 0; }
    .youtuber2__item--new:after {
      content: " ";
      display: block;
      position: absolute;
      top: -20px;
      left: -20px;
      background: transparent url(/images/individual/youtuber/youtuber2__new.png) no-repeat;
      width: 64px;
      height: 62px; }
    .youtuber2__item a {
      display: block;
      width: 100%;
      height: 100%; }
  .youtuber2__item-thumbnail {
    background: #ffffff none no-repeat center center;
    width: 280px;
    height: 155px;
    border: 0 solid #e60012;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: border-width 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: border-width 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .youtuber2__item-thumbnail:after {
      content: " ";
      display: block;
      position: absolute;
      top: 58px;
      left: 112px;
      background: transparent url(/images/individual/youtuber/youtuber2__play.png) no-repeat;
      width: 57px;
      height: 40px; }
    .youtuber2__item-thumbnail img {
      width: 100%;
      height: auto; }
    .youtuber2__item-thumbnail:hover {
      border: 7px solid #e60012; }
  .youtuber2__item-title {
    width: 280px;
    margin: 1rem 0;
    color: #cccccc;
    font-size: 1rem;
    font-weight: normal;
    text-align: center; }
  .youtuber2__video {
    display: none; }

.cooking2 {
  position: relative;
  background-color: #ffffff;
  padding-top: 14px;
  color: #000000; }
  .cooking2__title {
    background: transparent url(/images/individual/cooking/cooking2__title.png) no-repeat;
    width: 945px;
    height: 300px;
    margin: 0 auto 45px; }
  .cooking2__header-deco {
    position: absolute; }
    .cooking2__header-deco--left {
      background-image: url(/images/individual/cooking/cooking2__header-deco--left.png);
      width: 156px;
      height: 267px; }
    .cooking2__header-deco--right {
      background-image: url(/images/individual/cooking/cooking2__header-deco--right.png);
      width: 155px;
      height: 214px;
      right: 0; }
  .cooking2__wrapper {
    position: relative;
    width: 984px;
    margin: 0 auto; }
    .cooking2__wrapper:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
      font-size: 0; }
  .cooking2__recipe-button-list {
    margin: 0 0 15px 0;
    padding: 0; }
    .cooking2__recipe-button-list:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
      font-size: 0; }
  .cooking2__recipe-button {
    display: inline-block;
    float: left;
    background: transparent none no-repeat;
    width: 457px;
    height: 451px;
    margin: 0 65px 65px 0;
    cursor: pointer; }
    .cooking2__recipe-button:nth-child(2n) {
      margin-right: 0; }
    .cooking2__recipe-button--1 {
      background-image: url(/images/individual/cooking/cooking2__recipe-button--1.png); }
    .cooking2__recipe-button--2 {
      background-image: url(/images/individual/cooking/cooking2__recipe-button--2.png); }
    .cooking2__recipe-button--3 {
      background-image: url(/images/individual/cooking/cooking2__recipe-button--3.png); }
    .cooking2__recipe-button--4 {
      background-image: url(/images/individual/cooking/cooking2__recipe-button--4.png); }
    .cooking2__recipe-button a {
      display: block;
      width: 100%;
      height: 100%; }
  .cooking2__title2-1 {
    background: transparent url(/images/individual/cooking/cooking2__title2-1.png) no-repeat;
    width: 945px;
    height: 67px;
    margin: 0 0 20px 0; }
  .cooking2__title2-2 {
    background: transparent url(/images/individual/cooking/cooking2__title2-2.png) no-repeat;
    width: 945px;
    height: 67px;
    margin: 0 0 20px 0; }
  .cooking2__title2-3 {
    background: transparent url(/images/individual/cooking/cooking2__title2-3.png) no-repeat;
    width: 945px;
    height: 67px;
    margin: 0 0 20px 0; }
  .cooking2__title2-4 {
    background: transparent url(/images/individual/cooking/cooking2__title2-4.png) no-repeat;
    width: 945px;
    height: 67px;
    margin: 0 0 20px 0; }
  .cooking2__title2-2 {
    height: 82px; }
  .cooking2__title2-3 {
    height: 80px; }
  .cooking2__title2-4 {
    height: 47px; }
  .cooking2__photo {
    float: left;
    display: inline-block;
    margin: 0 24px 60px 0; }
  .cooking2__title3 {
    background: transparent url(/images/individual/cooking/cooking2__title3.png) no-repeat;
    width: 150px;
    height: 28px;
    margin: 0 0 16px 0; }
  .cooking2__ingredients {
    width: 344px;
    border-collapse: collapse;
    color: #003f21;
    font-size: 1rem; }
    .cooking2__ingredients th {
      background: transparent url(/images/individual/cooking/cooking2__line.png) no-repeat bottom left;
      padding: 12px 0 8px 0;
      font-weight: normal;
      text-align: left; }
    .cooking2__ingredients td {
      background: transparent url(/images/individual/cooking/cooking2__line.png) no-repeat bottom left;
      text-align: right; }
  .cooking2__title4 {
    background: transparent url(/images/individual/cooking/cooking2__title4.png) no-repeat;
    width: 981px;
    height: 64px;
    margin: 0 0 12px 0; }
  .cooking2__process-list {
    position: relative;
    margin: 0 0 130px 0;
    padding: 0;
    list-style: none;
    z-index: 1; }
    .cooking2__process-list:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
      font-size: 0; }
    .cooking2__process-list--with-person {
      background: transparent url(/images/individual/cooking/cooking2__person.jpg) no-repeat right 53px;
      height: 532px;
      margin: 0; }
  .cooking2__process {
    float: left;
    display: inline-block;
    width: 228px;
    margin-right: 24px;
    color: #003f21;
    font-size: 0.875rem;
    line-height: 1.8; }
    .cooking2__process:nth-child(4) {
      margin-right: 0; }
      .cooking2__process-list--with-person .cooking2__process:nth-child(4) {
        clear: left;
        margin-right: 24px; }
    .cooking2__process:before {
      content: "";
      display: block;
      background: transparent none no-repeat;
      width: 40px;
      height: 40px; }
    .cooking2__process:nth-child(1):before {
      background-image: url(/images/individual/cooking/cooking2__process-marker--1.png); }
    .cooking2__process:nth-child(2):before {
      background-image: url(/images/individual/cooking/cooking2__process-marker--2.png); }
    .cooking2__process:nth-child(3):before {
      background-image: url(/images/individual/cooking/cooking2__process-marker--3.png); }
    .cooking2__process:nth-child(4):before {
      background-image: url(/images/individual/cooking/cooking2__process-marker--4.png); }
  .cooking2__process-photo1-1 {
    background: transparent url(/images/individual/cooking/cooking2__process-photo1-1.jpg);
    width: 228px;
    height: 106px;
    margin: 5px 0; }
  .cooking2__process-photo1-2 {
    background: transparent url(/images/individual/cooking/cooking2__process-photo1-2.jpg);
    width: 228px;
    height: 106px;
    margin: 5px 0; }
  .cooking2__process-photo1-3 {
    background: transparent url(/images/individual/cooking/cooking2__process-photo1-3.jpg);
    width: 228px;
    height: 106px;
    margin: 5px 0; }
  .cooking2__process-photo1-4 {
    background: transparent url(/images/individual/cooking/cooking2__process-photo1-4.jpg);
    width: 228px;
    height: 106px;
    margin: 5px 0; }
  .cooking2__process-photo2-1 {
    background: transparent url(/images/individual/cooking/cooking2__process-photo2-1.jpg);
    width: 228px;
    height: 106px;
    margin: 5px 0; }
  .cooking2__process-photo2-2 {
    background: transparent url(/images/individual/cooking/cooking2__process-photo2-2.jpg);
    width: 228px;
    height: 106px;
    margin: 5px 0; }
  .cooking2__process-photo2-3 {
    background: transparent url(/images/individual/cooking/cooking2__process-photo2-3.jpg);
    width: 228px;
    height: 106px;
    margin: 5px 0; }
  .cooking2__process-photo2-4 {
    background: transparent url(/images/individual/cooking/cooking2__process-photo2-4.jpg);
    width: 228px;
    height: 106px;
    margin: 5px 0; }
  .cooking2__process-photo3-1 {
    background: transparent url(/images/individual/cooking/cooking2__process-photo3-1.jpg);
    width: 228px;
    height: 106px;
    margin: 5px 0; }
  .cooking2__process-photo3-2 {
    background: transparent url(/images/individual/cooking/cooking2__process-photo3-2.jpg);
    width: 228px;
    height: 106px;
    margin: 5px 0; }
  .cooking2__process-photo3-3 {
    background: transparent url(/images/individual/cooking/cooking2__process-photo3-3.jpg);
    width: 228px;
    height: 106px;
    margin: 5px 0; }
  .cooking2__process-photo3-4 {
    background: transparent url(/images/individual/cooking/cooking2__process-photo3-4.jpg);
    width: 228px;
    height: 106px;
    margin: 5px 0; }
  .cooking2__process-photo4-1 {
    background: transparent url(/images/individual/cooking/cooking2__process-photo4-1.jpg);
    width: 228px;
    height: 106px;
    margin: 5px 0; }
  .cooking2__process-photo4-2 {
    background: transparent url(/images/individual/cooking/cooking2__process-photo4-2.jpg);
    width: 228px;
    height: 106px;
    margin: 5px 0; }
  .cooking2__process-photo4-3 {
    background: transparent url(/images/individual/cooking/cooking2__process-photo4-3.jpg);
    width: 228px;
    height: 106px;
    margin: 5px 0; }
  .cooking2__process-photo4-4 {
    background: transparent url(/images/individual/cooking/cooking2__process-photo4-4.jpg);
    width: 228px;
    height: 106px;
    margin: 5px 0; }
  .cooking2__person {
    float: right;
    background: transparent url(/images/individual/cooking/cooking2__person.jpg) no-repeat;
    width: 413px;
    height: 532px;
    margin-top: 43px; }

.shop2 {
  position: relative;
  background-color: #ffffff;
  color: #000000; }
  .shop2__title {
    position: absolute;
    top: 44px;
    left: 247px;
    background: transparent url(/images/individual/shop/shop2__title.png) no-repeat;
    width: 515px;
    height: 387px;
    margin: 0; }
  .shop2__copy {
    position: absolute;
    top: 479px;
    left: 264px;
    background: transparent url(/images/individual/shop/shop2__copy.png) no-repeat;
    width: 427px;
    height: 198px;
    margin: 0; }
  .shop2__nav-item--1 {
    background: transparent url(/images/individual/shop/shop2__nav-item--1.png) no-repeat center top; }
  .shop2__nav-item--2 {
    background: transparent url(/images/individual/shop/shop2__nav-item--2.png) no-repeat center top; }
  .shop2__nav-item--3 {
    background: transparent url(/images/individual/shop/shop2__nav-item--3.png) no-repeat center top; }
  .shop2__nav-item--4 {
    background: transparent url(/images/individual/shop/shop2__nav-item--4.png) no-repeat center top; }
  .shop2__nav-item--5 {
    background: transparent url(/images/individual/shop/shop2__nav-item--5.png) no-repeat center top; }
  .shop2__nav-item--6 {
    background: transparent url(/images/individual/shop/shop2__nav-item--6.png) no-repeat center top; }
  .shop2__nav-item--7 {
    background: transparent url(/images/individual/shop/shop2__nav-item--7.png) no-repeat center top; }
  .shop2__nav-item--8 {
    background: transparent url(/images/individual/shop/shop2__nav-item--8.png) no-repeat center top; }
  .shop2__nav-item--9 {
    background: transparent url(/images/individual/shop/shop2__nav-item--9.png) no-repeat center top; }
  .shop2__nav-item--10 {
    background: transparent url(/images/individual/shop/shop2__nav-item--10.png) no-repeat center top; }
  .shop2__nav-item--11 {
    background: transparent url(/images/individual/shop/shop2__nav-item--11.png) no-repeat center top; }
  .shop2__nav-item--12 {
    background: transparent url(/images/individual/shop/shop2__nav-item--12.png) no-repeat center top; }
  .shop2__nav-item--13 {
    background: transparent url(/images/individual/shop/shop2__nav-item--13.png) no-repeat center top; }
  .shop2__nav-item {
    position: absolute;
    width: 171px;
    height: 182px;
    margin: 0;
    cursor: pointer; }
    .shop2__nav-item a {
      display: block;
      width: 100%;
      height: 100%; }
    .shop2__nav-item--1 {
      top: 53px;
      left: 0; }
    .shop2__nav-item--3 {
      top: 278px;
      left: 0; }
    .shop2__nav-item--4 {
      top: 501px;
      left: 0; }
    .shop2__nav-item--5 {
      top: 53px;
      left: 788px; }
    .shop2__nav-item--6 {
      top: 278px;
      left: 788px; }
    .shop2__nav-item--8 {
      top: 501px;
      left: 788px; }
    .shop2__nav-item--9 {
      top: 725px;
      left: -7px; }
    .shop2__nav-item--10 {
      top: 725px;
      left: 591px; }
    .shop2__nav-item--11 {
      top: 725px;
      left: 792px; }
    .shop2__nav-item--12 {
      top: 725px;
      left: 197px; }
    .shop2__nav-item--13 {
      top: 725px;
      left: 394px; }
  .shop2__wrapper {
    position: relative;
    width: 984px;
    margin: 0 auto; }
    .shop2__wrapper:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
      font-size: 0; }
    .shop2__wrapper--point {
      width: 840px; }
  .shop2__point-button {
    background: transparent url(/images/individual/shop/shop2__point-button.png) no-repeat;
    width: 524px;
    height: 74px;
    margin: 53px auto -30px;
    cursor: pointer; }
    .shop2__point-button a {
      display: block;
      width: 100%;
      height: 100%; }
  .shop2__item {
    position: relative;
    margin: 90px 0 95px 0; }
  .shop2__title2-1 {
    position: relative;
    background: transparent url(/images/individual/shop/shop2__title2-1.png) no-repeat;
    width: 983px;
    height: 103px;
    margin: 0 0 0 16px;
    z-index: 1; }
  .shop2__title2-2 {
    position: relative;
    background: transparent url(/images/individual/shop/shop2__title2-2.png) no-repeat;
    width: 983px;
    height: 103px;
    margin: 0 0 0 16px;
    z-index: 1; }
  .shop2__title2-3 {
    position: relative;
    background: transparent url(/images/individual/shop/shop2__title2-3.png) no-repeat;
    width: 983px;
    height: 103px;
    margin: 0 0 0 16px;
    z-index: 1; }
  .shop2__title2-4 {
    position: relative;
    background: transparent url(/images/individual/shop/shop2__title2-4.png) no-repeat;
    width: 983px;
    height: 103px;
    margin: 0 0 0 16px;
    z-index: 1; }
  .shop2__title2-5 {
    position: relative;
    background: transparent url(/images/individual/shop/shop2__title2-5.png) no-repeat;
    width: 983px;
    height: 103px;
    margin: 0 0 0 16px;
    z-index: 1; }
  .shop2__title2-6 {
    position: relative;
    background: transparent url(/images/individual/shop/shop2__title2-6.png) no-repeat;
    width: 983px;
    height: 103px;
    margin: 0 0 0 16px;
    z-index: 1; }
  .shop2__title2-7 {
    position: relative;
    background: transparent url(/images/individual/shop/shop2__title2-7.png) no-repeat;
    width: 983px;
    height: 103px;
    margin: 0 0 0 16px;
    z-index: 1; }
  .shop2__title2-8 {
    position: relative;
    background: transparent url(/images/individual/shop/shop2__title2-8.png) no-repeat;
    width: 983px;
    height: 103px;
    margin: 0 0 0 16px;
    z-index: 1; }
  .shop2__title2-9 {
    position: relative;
    background: transparent url(/images/individual/shop/shop2__title2-9.png) no-repeat;
    width: 983px;
    height: 103px;
    margin: 0 0 0 16px;
    z-index: 1; }
  .shop2__title2-10 {
    position: relative;
    background: transparent url(/images/individual/shop/shop2__title2-10.png) no-repeat;
    width: 983px;
    height: 103px;
    margin: 0 0 0 16px;
    z-index: 1; }
  .shop2__title2-11 {
    position: relative;
    background: transparent url(/images/individual/shop/shop2__title2-11.png) no-repeat;
    width: 983px;
    height: 103px;
    margin: 0 0 0 16px;
    z-index: 1; }
  .shop2__title2-12 {
    position: relative;
    background: transparent url(/images/individual/shop/shop2__title2-12.png) no-repeat;
    width: 983px;
    height: 103px;
    margin: 0 0 0 16px;
    z-index: 1; }
  .shop2__title2-13 {
    position: relative;
    background: transparent url(/images/individual/shop/shop2__title2-13.png) no-repeat;
    width: 983px;
    height: 103px;
    margin: 0 0 0 16px;
    z-index: 1; }
  .shop2__photo {
    margin: -32px 0 20px 0; }
  .shop2__title3-1 {
    background: transparent url(/images/individual/shop/shop2__title3-1.png) no-repeat 92px 27px;
    width: 800px;
    height: 72px;
    margin: 0 0 27px 0; }
    .shop2__title3-1:before {
      display: block;
      content: "";
      background: transparent url(/images/individual/shop/shop2__title3-icon.png) no-repeat;
      width: 65px;
      height: 72px; }
  .shop2__title3-2 {
    background: transparent url(/images/individual/shop/shop2__title3-2.png) no-repeat 92px 27px;
    width: 800px;
    height: 72px;
    margin: 0 0 27px 0; }
    .shop2__title3-2:before {
      display: block;
      content: "";
      background: transparent url(/images/individual/shop/shop2__title3-icon.png) no-repeat;
      width: 65px;
      height: 72px; }
  .shop2__title3-3 {
    background: transparent url(/images/individual/shop/shop2__title3-3.png) no-repeat 92px 27px;
    width: 800px;
    height: 72px;
    margin: 0 0 27px 0; }
    .shop2__title3-3:before {
      display: block;
      content: "";
      background: transparent url(/images/individual/shop/shop2__title3-icon.png) no-repeat;
      width: 65px;
      height: 72px; }
  .shop2__title3-4 {
    background: transparent url(/images/individual/shop/shop2__title3-4.png) no-repeat 92px 27px;
    width: 800px;
    height: 72px;
    margin: 0 0 27px 0; }
    .shop2__title3-4:before {
      display: block;
      content: "";
      background: transparent url(/images/individual/shop/shop2__title3-icon.png) no-repeat;
      width: 65px;
      height: 72px; }
  .shop2__title3-5 {
    background: transparent url(/images/individual/shop/shop2__title3-5.png) no-repeat 92px 27px;
    width: 800px;
    height: 72px;
    margin: 0 0 27px 0; }
    .shop2__title3-5:before {
      display: block;
      content: "";
      background: transparent url(/images/individual/shop/shop2__title3-icon.png) no-repeat;
      width: 65px;
      height: 72px; }
  .shop2__title3-6 {
    background: transparent url(/images/individual/shop/shop2__title3-6.png) no-repeat 92px 27px;
    width: 800px;
    height: 72px;
    margin: 0 0 27px 0; }
    .shop2__title3-6:before {
      display: block;
      content: "";
      background: transparent url(/images/individual/shop/shop2__title3-icon.png) no-repeat;
      width: 65px;
      height: 72px; }
  .shop2__title3-7 {
    background: transparent url(/images/individual/shop/shop2__title3-7.png) no-repeat 92px 27px;
    width: 800px;
    height: 72px;
    margin: 0 0 27px 0; }
    .shop2__title3-7:before {
      display: block;
      content: "";
      background: transparent url(/images/individual/shop/shop2__title3-icon.png) no-repeat;
      width: 65px;
      height: 72px; }
  .shop2__title3-8 {
    background: transparent url(/images/individual/shop/shop2__title3-8.png) no-repeat 92px 27px;
    width: 800px;
    height: 72px;
    margin: 0 0 27px 0; }
    .shop2__title3-8:before {
      display: block;
      content: "";
      background: transparent url(/images/individual/shop/shop2__title3-icon.png) no-repeat;
      width: 65px;
      height: 72px; }
  .shop2__title3-9 {
    background: transparent url(/images/individual/shop/shop2__title3-9.png) no-repeat 92px 27px;
    width: 800px;
    height: 72px;
    margin: 0 0 27px 0; }
    .shop2__title3-9:before {
      display: block;
      content: "";
      background: transparent url(/images/individual/shop/shop2__title3-icon.png) no-repeat;
      width: 65px;
      height: 72px; }
  .shop2__title3-10 {
    background: transparent url(/images/individual/shop/shop2__title3-10.png) no-repeat 92px 27px;
    width: 800px;
    height: 72px;
    margin: 0 0 27px 0; }
    .shop2__title3-10:before {
      display: block;
      content: "";
      background: transparent url(/images/individual/shop/shop2__title3-icon.png) no-repeat;
      width: 65px;
      height: 72px; }
  .shop2__title3-11 {
    background: transparent url(/images/individual/shop/shop2__title3-11.png) no-repeat 92px 27px;
    width: 800px;
    height: 72px;
    margin: 0 0 27px 0; }
    .shop2__title3-11:before {
      display: block;
      content: "";
      background: transparent url(/images/individual/shop/shop2__title3-icon.png) no-repeat;
      width: 65px;
      height: 72px; }
  .shop2__title3-12 {
    background: transparent url(/images/individual/shop/shop2__title3-12.png) no-repeat 92px 27px;
    width: 800px;
    height: 72px;
    margin: 0 0 27px 0; }
    .shop2__title3-12:before {
      display: block;
      content: "";
      background: transparent url(/images/individual/shop/shop2__title3-icon.png) no-repeat;
      width: 65px;
      height: 72px; }
  .shop2__title3-13 {
    background: transparent url(/images/individual/shop/shop2__title3-13.png) no-repeat 92px 27px;
    width: 800px;
    height: 72px;
    margin: 0 0 27px 0; }
    .shop2__title3-13:before {
      display: block;
      content: "";
      background: transparent url(/images/individual/shop/shop2__title3-icon.png) no-repeat;
      width: 65px;
      height: 72px; }
  .shop2__body {
    color: #003f21;
    font-size: 0.875rem;
    line-height: 2; }
  .shop2__note {
    float: right;
    display: inline-block;
    margin-top: 0;
    color: #e60012;
    font-size: 0.75rem;
    line-height: 2; }
  .shop2__notice {
    color: #003f21;
    font-size: 0.75rem;
    line-height: 2; }
  .shop2__apply-button {
    position: absolute;
    top: 594px;
    right: 32px;
    background: transparent url(/images/individual/shop/shop2__apply-button.png) no-repeat;
    width: 205px;
    height: 198px;
    margin: 0;
    cursor: pointer; }
    .shop2__apply-button a {
      display: block;
      width: 100%;
      height: 100%; }
  .shop2__line {
    position: relative;
    background: transparent url(/images/individual/shop/shop2__line.png) no-repeat;
    width: 957px;
    height: 3px;
    margin: 0 auto;
    overflow: visible !important; }
  .shop2__page-top-button {
    position: absolute;
    top: 50%;
    left: 50%;
    background: transparent url(/images/individual/shop/shop2__page-top-button.png) no-repeat;
    width: 191px;
    height: 51px;
    margin: -25px 0 0 -97px; }
    .shop2__page-top-button a {
      display: block;
      width: 100%;
      height: 100%; }
  .shop2__colocal {
    background: transparent url(/images/individual/shop/shop2__colocal.png) no-repeat;
    width: 983px;
    height: 202px;
    margin: 100px 0 87px 0; }
    .shop2__colocal a {
      display: block;
      width: 100%;
      height: 100%; }
  .shop2__title4 {
    position: absolute;
    background: transparent url(/images/individual/shop/shop2__title4.png) no-repeat 50px top;
    left: 50%;
    width: 830px;
    height: 287px;
    margin: 0 0 0 -382px; }
  .shop2__title5 {
    background: transparent url(/images/individual/shop/shop2__title5.png) no-repeat;
    width: 687px;
    height: 151px;
    margin: 300px auto 0; }
  .shop2__item2 {
    float: left;
    display: inline-block;
    background: transparent none no-repeat center top;
    width: 140px;
    height: 150px;
    margin: 0 0 40px 0; }
    .shop2__item2--1 {
      background-image: url(/images/individual/shop/shop2__item2--1.png); }
    .shop2__item2--2 {
      background-image: url(/images/individual/shop/shop2__item2--2.png); }
    .shop2__item2--3 {
      background-image: url(/images/individual/shop/shop2__item2--3.png); }
    .shop2__item2--4 {
      background-image: url(/images/individual/shop/shop2__item2--4.png); }
    .shop2__item2--5 {
      background-image: url(/images/individual/shop/shop2__item2--5.png); }
    .shop2__item2--6 {
      background-image: url(/images/individual/shop/shop2__item2--6.png); }
    .shop2__item2--7 {
      background-image: url(/images/individual/shop/shop2__item2--7.png); }
    .shop2__item2--8 {
      background-image: url(/images/individual/shop/shop2__item2--8.png); }
    .shop2__item2--9 {
      background-image: url(/images/individual/shop/shop2__item2--9.png); }
    .shop2__item2--10 {
      background-image: url(/images/individual/shop/shop2__item2--10.png); }
    .shop2__item2--11 {
      background-image: url(/images/individual/shop/shop2__item2--11.png); }
    .shop2__item2--12 {
      background-image: url(/images/individual/shop/shop2__item2--12.png); }
    .shop2__item2--13 {
      background-image: url(/images/individual/shop/shop2__item2--13.png); }
  .shop2__line2 {
    background: transparent url(/images/individual/shop/shop2__line2.png) no-repeat;
    width: 955px;
    height: 3px;
    margin: 30px auto; }
  .shop2__title6 {
    background: transparent url(/images/individual/shop/shop2__title6.png) no-repeat;
    width: 338px;
    height: 29px;
    margin: 0 auto; }
  .shop2__table {
    width: 662px;
    margin: 0 auto; }
    .shop2__table th {
      width: 120px;
      color: #e60012;
      text-align: left;
      vertical-align: top; }
    .shop2__table td {
      padding-bottom: 2rem;
      color: #003f21;
      font-size: 0.625rem; }
      .shop2__table td.shop2__important {
        font-size: 0.875rem; }
    .shop2__table ul {
      margin: 0;
      padding: 0 0 0 1rem; }
    .shop2__table a {
      color: #e60012; }
  .shop2__title7 {
    margin: 1rem 0 0.5rem 0;
    color: #003f21;
    font-size: 0.75rem;
    text-align: center; }
  .shop2__contact {
    margin: 0 0 2rem 0;
    color: #003f21;
    font-size: 0.625rem;
    line-height: 1.5;
    text-align: center; }
  .shop2__copyright {
    display: block;
    margin: 1em 0;
    text-align: center; }

.tenmin {
  max-width: 1280px;
  margin: 0 auto;
  text-align: center; }

.tenmin h3 {
  margin: 0;
  text-align: center; }

.tenmin .tenmin__open {
  display: none;
  background: url("/images/individual/10min/bg02.png") left top repeat; }

.tenmin .tenmin__message {
  padding: 4px 4px 0 4px;
  background: url("/images/individual/10min/bg02.png") left top repeat;
  position: relative; }

.tenmin .tenmin__message .tenmin__message-inner {
  background: url("/images/individual/10min/bg01.png") left top repeat;
  padding: 94px 0 60px 0; }

.tenmin .tenmin__message .tenmin__message__donbei-logo {
  position: absolute;
  top: 20px;
  right: 20px; }

.tenmin .tenmin__message .tenmin__message__donbei-logo a:hover {
  opacity: 0.5; }

.tenmin .tenmin__message .tenmin__message__donbei-logo img {
  border-style: none; }

.tenmin .tenmin__message .tenmin__message__title {
  width: 293px;
  margin: 0 auto; }

.tenmin .tenmin__message .tenmin__message__main {
  width: 730px;
  margin: 64px auto 0; }

.tenmin .tenmin__message .tenmin__message__donbei-img {
  width: 250px;
  margin: 36px auto 0; }

.tenmin .tenmin__title {
  background: url("/images/individual/10min/bg02.png") left top repeat;
  padding: 4px 4px 52px 4px;
  position: relative; }

.tenmin .tenmin__title h2 {
  width: 100%;
  margin: 0 auto; }

.tenmin .tenmin__title h2 a {
  display: block;
  background-image: url("/images/individual/10min/main_ttl_read.jpg");
  width: 100%;
  height: 480px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  background-repeat: no-repeat; }

.tenmin .tenmin__title h2 a:hover {
  background-image: url("/images/individual/10min/main_ttl_read-hover.jpg"); }

.tenmin .tenmin__title h2 a.open {
  background-image: url("/images/individual/10min/main_ttl_close.jpg"); }

.tenmin .tenmin__title h2 a.open:hover {
  background-image: url("/images/individual/10min/main_ttl_close-hover.jpg"); }

.tenmin .tenmin__title img {
  width: 100%; }

.tenmin .tenmin__title__submessage {
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
  background: url("/images/individual/10min/bg02.png") left -120px repeat; }

.tenmin .tenmin__title__submessage p {
  margin: 0 0 50px 0; }

.tenmin .tenmin__title__submessage img {
  display: inline-block; }

.tenmin .tenmin__conversation {
  background: url("/images/individual/10min/bg02.png") left top repeat; }

.tenmin .tenmin__conversation .tenmin__conversation__content {
  width: 720px;
  margin: 0 auto;
  position: relative;
  text-align: left; }

.tenmin .tenmin__conversation .tenmin__conversation__content img.tenmin__conversation__content__centerface {
  margin-top: 45px; }

.tenmin .tenmin__conversation .tenmin__conversation__content img.tenmin__conversation__content__centerface2 {
  margin-top: 15px; }

.tenmin .tenmin__conversation .tenmin__conversation__content p {
  margin-left: 10px; }

.tenmin .tenmin__conversation .tenmin__conversation__content.tenmin__conversation__content--2line {
  margin: 10px auto 15px; }

.tenmin .tenmin__conversation .tenmin__conversation__content.tenmin__conversation__content--3line {
  margin: 15px auto 40px; }

.tenmin .tenmin__conversation .tenmin__conversation__content.tenmin__conversation__content--4line {
  margin: 50px auto; }

.tenmin .tenmin__conversation .tenmin__conversation__content.tenmin__conversation__content--onlytop {
  margin: 33px auto 35px; }

.tenmin .tenmin__conversation .tenmin__conversation__content.tenmin__conversation__content--bottom0 {
  padding-bottom: 45px;
  margin-bottom: 0; }

.tenmin .tenmin__conversation .tenmin__conversation__center {
  display: block;
  width: 960px;
  margin: 64px auto 74px;
  text-align: center; }

.tenmin .tenmin__conversation .tenmin__conversation__center.tenmin__conversation__center01 {
  margin: 0 auto 28px; }

.tenmin .tenmin__conversation .tenmin__conversation__center.tenmin__conversation__center03 {
  margin: 38px auto 30px; }

.tenmin .tenmin__conversation .tenmin__conversation__center.tenmin__conversation__center04 {
  margin: 44px auto 20px; }

.tenmin .tenmin__conversation .tenmin__conversation__center.tenmin__conversation__center05 {
  margin: 33px auto 38px; }

.tenmin .tenmin__conversation .tenmin__conversation__center.tenmin__conversation__center06 {
  margin: 0 auto 35px; }

.tenmin .tenmin__conversation .tenmin__conversation__center.tenmin__conversation__center07 {
  margin: 70px auto 35px; }

.tenmin .tenmin__conversation .tenmin__conversation__center.tenmin__conversation__center07 {
  margin: 75px auto 46px; }

.tenmin .tenmin__conversation .tenmin__conversation__center.tenmin__conversation__center08 {
  margin: 30px auto 50px; }

.tenmin .tenmin__conversation .tenmin__conversation__center.tenmin__conversation__center09 {
  margin: 60px auto 0; }

.tenmin .tenmin__conversation .tenmin__conversation__center.tenmin__conversation__center10 {
  margin: 50px auto 20px; }

.tenmin .tenmin__conversation .tenmin__conversation__center.tenmin__conversation__center11 {
  margin: 0 auto 12px; }

.tenmin .tenmin__conversation .tenmin__conversation__underimg {
  margin-bottom: 15px; }

.tenmin .tenmin__conversation p, .tenmin .tenmin__conversation img {
  display: inline-block;
  margin: 0;
  vertical-align: top; }

.tenmin .tenmin__conversation img.tenmin__conversation__picture {
  width: 960px;
  margin: 45px 0 33px 0; }

.tenmin .tenmin__conversation img.tenmin__conversation__picture.tenmin__conversation__picture--notes {
  margin-bottom: 12px; }

.tenmin .tenmin__conversation img.tenmin__conversation__picture.tenmin__conversation__picture--moremargin {
  margin: 66px 0; }

.tenmin .tenmin__conversation img.tenmin__conversation__picture.tenmin__conversation__picture-last {
  margin-bottom: 90px; }

.tenmin .tenmin__conversation.tenmin__conversation--bg2 {
  background: url("/images/individual/10min/bg02.png") left -50px repeat;
  text-align: left; }

.tenmin .tenmin__conversation .tenmin__conversation__innner {
  width: 960px;
  margin: 0 auto; }

.tenmin .tenmin__banner {
  padding: 27px 1px 13px;
  background: url("/images/individual/10min/bg03.png") 0 0 repeat; }

.tenmin .tenmin__banner a {
  width: 692px;
  margin: 0 auto; }

.tenmin .tenmin__banner a:hover {
  opacity: 0.5; }

.tenmin .tenmin__banner img {
  border-style: none; }

.tenmin ul.tenmin__pager {
  margin-top: 76px;
  margin-bottom: 0;
  max-width: 1280px;
  list-style: none;
  text-align: center;
  background: #99B2A6;
  padding: 20px 0; }

.tenmin ul.tenmin__pager.tenmin__pager--nomargin {
  margin-top: 0; }

.tenmin ul.tenmin__pager a {
  text-decoration: none; }

.tenmin ul.tenmin__pager li {
  display: inline-block;
  margin-right: 16px; }

.tenmin ul.tenmin__pager li a {
  width: 32px;
  height: 32px;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; }

.tenmin ul.tenmin__pager li.tenmin__pager-prev a {
  background: url("/images/individual/10min/pager_prev.png") left top no-repeat; }

.tenmin ul.tenmin__pager li.tenmin__pager-prev a:hover {
  background: url("/images/individual/10min/pager_prev-hover.png") left top no-repeat; }

.tenmin ul.tenmin__pager li.tenmin__pager-1--on a {
  background: url("/images/individual/10min/pager_1-on.png") left top no-repeat; }

.tenmin ul.tenmin__pager li.tenmin__pager-1--off a {
  background: url("/images/individual/10min/pager_1.png") left top no-repeat; }

.tenmin ul.tenmin__pager li.tenmin__pager-1--off a:hover {
  background: url("/images/individual/10min/pager_1-hover.png") left top no-repeat; }

.tenmin ul.tenmin__pager li.tenmin__pager-2--on a {
  background: url("/images/individual/10min/pager_2-on.png") left top no-repeat; }

.tenmin ul.tenmin__pager li.tenmin__pager-2--off a {
  background: url("/images/individual/10min/pager_2.png") left top no-repeat; }

.tenmin ul.tenmin__pager li.tenmin__pager-2--off a:hover {
  background: url("/images/individual/10min/pager_2-hover.png") left top no-repeat; }

.tenmin ul.tenmin__pager li.tenmin__pager-3--on a {
  background: url("/images/individual/10min/pager_3-on.png") left top no-repeat; }

.tenmin ul.tenmin__pager li.tenmin__pager-3--off a {
  background: url("/images/individual/10min/pager_3.png") left top no-repeat; }

.tenmin ul.tenmin__pager li.tenmin__pager-3--off a:hover {
  background: url("/images/individual/10min/pager_3-hover.png") left top no-repeat; }

.tenmin ul.tenmin__pager li.tenmin__pager-next a {
  background: url("/images/individual/10min/pager_next.png") left top no-repeat; }

.tenmin ul.tenmin__pager li.tenmin__pager-next a:hover {
  background: url("/images/individual/10min/pager_next-hover.png") left top no-repeat; }

.tenmin .tenmin__endmessage {
  padding-top: 80px; }

.bocchi-header {
  height: 720px;
  background: url(/images/individual/bocchi/bocchi-header__bg.svg);
  background: -webkit-linear-gradient(90deg, #a7000c 0%, #b6000d 47%, #dd4a55 100%);
  background: linear-gradient(0deg, #a7000c 0%, #b6000d 47%, #dd4a55 100%); }
  .bocchi-header__inner {
    background: url(/images/individual/bocchi/bocchi-header__bg--snow.png) center 0 repeat;
    width: 100%;
    height: 100%; }
  .bocchi-header__title {
    width: 798px;
    margin: 0 auto; }
    .bocchi-header__title img {
      margin: 70px auto 0 auto; }
  .bocchi-header__text {
    width: 438px;
    margin: 0 auto; }
    .bocchi-header__text img {
      margin-left: 18px; }

.bocchi__wrap {
  padding-bottom: 30px;
  background: url(/images/individual/bocchi/bocchi__bg.jpg) repeat; }

.bocchi {
  width: 985px;
  margin: 0 auto; }
  .bocchi__title {
    margin: 0;
    padding: 65px 0 0;
    text-align: center;
    line-height: 0; }

.bocchi-item {
  line-height: 0; }
  .bocchi-item--1 {
    padding: 104px 0 85px; }
  .bocchi-item--2 {
    padding: 0 0 65px; }
  .bocchi-item--3 {
    padding: 0 0 55px; }
  .bocchi-item--4 {
    padding: 0 0 55px; }
  .bocchi-item--5 {
    padding: 0 0 75px; }
  .bocchi-item--6 {
    padding: 95px 0 95px; }
  .bocchi-item--7 {
    padding: 0 0 75px; }
  .bocchi-item--8 {
    padding: 0 0 65px; }
  .bocchi-item--9 {
    padding: 0 0 85px; }
  .bocchi-item--10 {
    padding: 0 0 95px; }
  .bocchi-item--11 {
    padding: 0 0 75px; }
  .bocchi-item__body {
    margin: 0; }
  .bocchi-item__btn-10min {
    width: 412px;
    height: 70px;
    margin: 21px auto 0; }
    .bocchi-item__btn-10min a {
      display: block;
      width: 412px;
      height: 70px;
      background: url(/images/individual/bocchi/btn-10min.png) no-repeat; }

.bocchi-share {
  overflow: hidden;
  margin: 0;
  padding: 0;
  text-align: center; }
  .bocchi-share__button {
    display: inline-block;
    margin: 0 6px; }
    .bocchi-share__button--facebook {
      width: 69px;
      height: 72px;
      background: url(/images/individual/bocchi/share-btn__item--facebook.png) no-repeat 0 0; }
    .bocchi-share__button--twitter {
      width: 72px;
      height: 72px;
      background: url(/images/individual/bocchi/share-btn__item--twitter.png) no-repeat 0 1px; }
    .bocchi-share__button a {
      display: block;
      height: 100%; }

.bocchi-cm {
  position: relative;
  padding: 52px 0 57px;
  background: url(/images/individual/bocchi/bocchi-cm__line1.png) no-repeat 1px 0; }
  .bocchi-cm:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: url(/images/individual/bocchi/bocchi-cm__line2.png) no-repeat 1px 0; }
  .bocchi-cm__title {
    width: 420px;
    height: 89px;
    margin: 0 auto;
    padding-bottom: 30px;
    background: url(/images/individual/bocchi/bocchi-cm__title.png) no-repeat; }
  .bocchi-cm__movie {
    position: relative;
    width: 983px;
    padding-top: 56.26%;
    margin: 0 auto 13px; }
    .bocchi-cm__movie iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important; }
  .bocchi-cm__caption {
    width: 165px;
    height: 22px;
    margin: 0;
    background: url(/images/individual/bocchi/bocchi-cm__caption.png) no-repeat; }

.bocchi-footer {
  padding-bottom: 80px;
  text-align: center; }
  .bocchi-footer__title {
    margin: 0 0 19px; }
  .bocchi-footer__body {
    margin: 0 0 16px;
    padding-right: 15px; }
  .bocchi-footer__share {
    width: 526px;
    height: 80px;
    margin: 0 auto;
    padding-left: 12px; }
    .bocchi-footer__share a {
      display: block;
      width: 526px;
      height: 80px;
      background: url(/images/individual/bocchi/bocchi-footer__share--twitter.png) no-repeat; }

.bocchi__page-top-button {
  width: 191px;
  height: 51px;
  margin: 0 auto; }
  .bocchi__page-top-button a {
    display: block;
    width: 191px;
    height: 51px;
    background: url(/images/individual/bocchi/bocchi__page-top-button.png) no-repeat; }

.donvalentine2 {
  position: relative;
  background: #ffffff url(/images/individual/donvalentine/donvalentine2__bg.png) repeat;
  padding-top: 17px;
  color: #000000; }
  .donvalentine2__title {
    background: transparent url(/images/individual/donvalentine/donvalentine2__title.png) no-repeat;
    width: 853px;
    height: 560px;
    margin: 0 auto 63px; }
  .donvalentine2__statement {
    background: transparent url(/images/individual/donvalentine/donvalentine2__statement.png) no-repeat;
    width: 945px;
    height: 915px;
    margin: 0 auto 87px; }
  .donvalentine2__diagram-wrapper {
    position: relative;
    overflow: hidden;
    margin: 0 0 50px 0;
    padding: 0; }
    .donvalentine2__diagram-wrapper:before, .donvalentine2__diagram-wrapper:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      background-color: #ffdbe8;
      width: 120%;
      height: 20%;
      margin: 0 -10%;
      border-radius: 50%; }
    .donvalentine2__diagram-wrapper:after {
      top: auto;
      bottom: 0; }
  .donvalentine2__diagram-inner {
    position: relative;
    background-color: #ffdbe8;
    height: 100%;
    margin: 100px 0;
    padding: 50px 0 0 0;
    z-index: 1; }
  .donvalentine2__diagram {
    display: block;
    width: 856px;
    margin: -100px auto 45px; }
  .donvalentine2__share-button-wrapper {
    width: 160px;
    height: 70px;
    margin: 0 auto; }
  .donvalentine2__share-button {
    display: inline-block;
    float: left;
    background: transparent none no-repeat;
    width: 70px;
    height: 70px;
    margin: 0;
    cursor: pointer; }
    .donvalentine2__share-button--fb {
      background-image: url(/images/individual/donvalentine/donvalentine2__share-button--fb.png);
      margin-right: 20px; }
    .donvalentine2__share-button--tw {
      background-image: url(/images/individual/donvalentine/donvalentine2__share-button--tw.png); }
    .donvalentine2__share-button a {
      display: block;
      height: 100%; }
  .donvalentine2__title2 {
    background: transparent url(/images/individual/donvalentine/donvalentine2__title2.png) no-repeat;
    width: 807px;
    height: 127px;
    margin: 0 auto 43px; }
  .donvalentine2__title3 {
    background: transparent url(/images/individual/donvalentine/donvalentine2__title3.png) no-repeat;
    width: 987px;
    height: 219px;
    margin: 0 auto 63px; }
  .donvalentine2__graph1 {
    background: transparent url(/images/individual/donvalentine/donvalentine2__graph1.png) no-repeat;
    width: 985px;
    height: 533px;
    margin: 0 auto 50px; }
  .donvalentine2__graph2 {
    background: transparent url(/images/individual/donvalentine/donvalentine2__graph2.png) no-repeat;
    width: 985px;
    height: 524px;
    margin: 0 auto 50px; }
  .donvalentine2__graph3 {
    background: transparent url(/images/individual/donvalentine/donvalentine2__graph3.png) no-repeat;
    width: 985px;
    height: 526px;
    margin: 0 auto 50px; }
  .donvalentine2__graph4 {
    background: transparent url(/images/individual/donvalentine/donvalentine2__graph4.png) no-repeat;
    width: 985px;
    height: 524px;
    margin: 0 auto 94px; }
  .donvalentine2__title4 {
    background: transparent url(/images/individual/donvalentine/donvalentine2__title4.png) no-repeat;
    width: 987px;
    height: 195px;
    margin: 0 auto 71px; }
  .donvalentine2__tweet-button-wrapper {
    width: 608px;
    margin: 0 auto 68px; }
    .donvalentine2__tweet-button-wrapper:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
      font-size: 0; }
  .donvalentine2__tweet-button {
    display: inline-block;
    float: left;
    background: transparent none no-repeat;
    width: 278px;
    height: 278px;
    margin: 0;
    cursor: pointer; }
    .donvalentine2__tweet-button--choco {
      background-image: url(/images/individual/donvalentine/donvalentine2__tweet-button--choco.png);
      margin-right: 52px; }
    .donvalentine2__tweet-button--donbei {
      background-image: url(/images/individual/donvalentine/donvalentine2__tweet-button--donbei.png); }
    .donvalentine2__tweet-button a {
      display: block;
      height: 100%; }
  .donvalentine2__page-top-button {
    width: 191px;
    height: 51px;
    margin: 0 auto;
    padding-bottom: 32px; }
    .donvalentine2__page-top-button a {
      display: block;
      width: 191px;
      height: 51px;
      background: url(/images/individual/donvalentine/donvalentine2__page-top-button.png) no-repeat; }

.donbareya {
  background-color: #003e20;
  color: #ffffff;
  padding-top: 66px; }
  .donbareya__title {
    background: transparent url(/images/individual/donbareya/donbareya__title.png) no-repeat;
    width: 673px;
    height: 147px;
    margin: 0 auto 50px; }
  .donbareya__photo {
    background: transparent url(/images/individual/donbareya/donbareya__photo.jpg) no-repeat;
    width: 953px;
    height: 484px;
    margin: 0 auto 28px; }
  .donbareya__title2 {
    background: transparent url(/images/individual/donbareya/close_title.png) no-repeat;
    width: 695px;
    height: 49px;
    margin: 0 auto 50px; }
  .donbareya__body-wrap {
    background: transparent url(/images/individual/donbareya/close_body.png) no-repeat;
    width: 689px;
    height: 431px;
    margin: 0 auto 80px; }
  .donbareya__map {
    background: transparent url(/images/individual/donbareya/donbareya__map.jpg) no-repeat;
    width: 985px;
    height: 573px;
    margin: 0 auto 52px; }
  .donbareya__info {
    width: 985px;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 70px; }
    .donbareya__info--place {
      background: transparent url(/images/individual/donbareya/donbareya__place.png) no-repeat 0 0;
      width: 985px;
      height: 294px;
      margin: 0 auto 62px; }
    .donbareya__info--hours {
      float: left;
      background: transparent url(/images/individual/donbareya/donbareya__hours.png) no-repeat 5px 0;
      width: 489px;
      height: 86px;
      margin: 0 auto; }
    .donbareya__info--menu {
      float: left;
      background: transparent url(/images/individual/donbareya/donbareya__menu.png) no-repeat;
      width: 492px;
      height: 114px;
      margin: 0 auto; }

.kodawari {
  position: relative;
  background-color: #003e20;
  color: #ffffff;
  padding: 40px 0 60px; }
  .kodawari__title {
    position: relative;
    background: transparent url(/images/individual/kodawari/kodawari__title.png) no-repeat 38px 0;
    width: 984px;
    height: 198px;
    margin: 0 auto -55px;
    z-index: 1; }
  .kodawari__person {
    position: absolute;
    background: transparent url(/images/individual/kodawari/kodawari__person.png) no-repeat;
    width: 260px;
    height: 431px;
    top: 70px;
    left: 50%;
    margin-left: -505px;
    z-index: 2; }
  .kodawari .men,
  .kodawari .tsuyu,
  .kodawari .guzai {
    width: 984px;
    margin: 0 auto; }
  .kodawari .men {
    position: relative;
    overflow: hidden;
    background: url(/images/individual/kodawari/men__line.png) no-repeat center 100%;
    z-index: 3; }
    .kodawari .men__title {
      background: transparent url(/images/individual/kodawari/men__title.png) no-repeat;
      width: 461px;
      height: 235px;
      margin: 0 auto 25px 282px; }
    .kodawari .men__body {
      background: transparent url(/images/individual/kodawari/men__body.png) no-repeat;
      width: 602px;
      height: 48px;
      margin: 0 auto 65px; }
  .kodawari .udon {
    float: left;
    width: 50%; }
    .kodawari .udon__title {
      background: transparent url(/images/individual/kodawari/udon__title.png) no-repeat;
      width: 407px;
      height: 100px;
      margin: 0 auto 0 22px; }
    .kodawari .udon ul {
      margin: 0 0 -10px;
      padding: 0; }
    .kodawari .udon__point--1 {
      background: transparent url(/images/individual/kodawari/udon__point--1.png) no-repeat;
      width: 320px;
      height: 138px;
      margin: 0 auto 0 10px; }
    .kodawari .udon__point--2 {
      background: transparent url(/images/individual/kodawari/udon__point--2.png) no-repeat;
      width: 358px;
      height: 132px;
      margin: 0 auto 0 10px; }
    .kodawari .udon__photo {
      background: transparent url(/images/individual/kodawari/udon__photo.png) no-repeat;
      width: 452px;
      height: 239px;
      margin: 0 auto 0 11px; }
  .kodawari .soba {
    float: right;
    width: 50%; }
    .kodawari .soba__title {
      background: transparent url(/images/individual/kodawari/soba__title.png) no-repeat;
      width: 392px;
      height: 100px;
      margin: 0 auto 0 57px; }
    .kodawari .soba ul {
      margin: 0 0 -10px;
      padding: 0; }
    .kodawari .soba__point--1 {
      background: transparent url(/images/individual/kodawari/soba__point--1.png) no-repeat;
      width: 320px;
      height: 138px;
      margin: 0 auto 0 40px; }
    .kodawari .soba__point--2 {
      background: transparent url(/images/individual/kodawari/soba__point--2.png) no-repeat;
      width: 413px;
      height: 132px;
      margin: 0 auto 0 40px; }
    .kodawari .soba__photo {
      background: transparent url(/images/individual/kodawari/soba__photo.png) no-repeat;
      width: 459px;
      height: 193px;
      margin: 0 auto 0 45px; }
  .kodawari .tsuyu {
    margin-bottom: -15px; }
    .kodawari .tsuyu__title {
      background: transparent url(/images/individual/kodawari/tsuyu__title.png) no-repeat;
      width: 457px;
      height: 220px;
      margin: 0 auto 0 276px; }
    .kodawari .tsuyu__body {
      background: transparent url(/images/individual/kodawari/tsuyu__body.png) no-repeat;
      width: 984px;
      height: 1297px;
      margin: 0 auto; }
  .kodawari .guzai {
    overflow: hidden;
    background: url(/images/individual/kodawari/guzai__line.png) no-repeat center 100%;
    padding-bottom: 42px; }
    .kodawari .guzai__title {
      background: transparent url(/images/individual/kodawari/guzai__title.png) no-repeat;
      width: 477px;
      height: 253px;
      margin: 0 auto 27px; }
    .kodawari .guzai__body {
      background: transparent url(/images/individual/kodawari/guzai__body.png) no-repeat;
      width: 709px;
      height: 48px;
      margin: 0 auto 60px; }
  .kodawari .oage {
    float: left;
    width: 50%; }
    .kodawari .oage__title {
      background: transparent url(/images/individual/kodawari/oage__title.png) no-repeat;
      width: 402px;
      height: 132px;
      margin: 0 auto -45px 25px; }
    .kodawari .oage__body {
      background: transparent url(/images/individual/kodawari/oage__body.png) no-repeat;
      width: 482px;
      height: 430px;
      margin: 0 auto 0 0; }
  .kodawari .tenpura {
    float: right;
    width: 50%; }
    .kodawari .tenpura__title {
      background: transparent url(/images/individual/kodawari/tenpura__title.png) no-repeat;
      width: 386px;
      height: 132px;
      margin: 0 auto -67px 80px; }
    .kodawari .tenpura__body {
      background: transparent url(/images/individual/kodawari/tenpura__body.png) no-repeat;
      width: 446px;
      height: 412px;
      margin: 0 auto 0 42px; }

.giga-header {
  position: relative;
  height: 442px;
  padding-top: 38px;
  background: #003e20 url(/images/individual/giga/giga-header__bg.png) no-repeat center 100%; }
  .giga-header__logo {
    background: url(/images/individual/giga/giga-header__logo.png) no-repeat;
    width: 339px;
    height: 48px;
    margin: 0 auto; }
  .giga-header__title {
    background: url(/images/individual/giga/giga-header__title.png) no-repeat;
    width: 796px;
    height: 218px;
    margin: -4px auto 15px; }
  .giga-header__lead {
    background: url(/images/individual/giga/giga-header__lead.png) no-repeat;
    width: 558px;
    height: 83px;
    margin: 0 auto; }
  .giga-header__giga {
    position: absolute;
    background: url(/images/individual/giga/giga-header__giga.png) no-repeat;
    width: 166px;
    height: 161px;
    bottom: 0;
    left: 50%;
    margin-left: -478px; }
  .giga-header__otousan {
    position: absolute;
    background: url(/images/individual/giga/giga-header__otousan.png) no-repeat;
    width: 168px;
    height: 213px;
    bottom: 0;
    right: 50%;
    margin-right: -480px; }

.giga-item {
  padding: 80px 0;
  position: relative; }
  .giga-item__body {
    width: 985px;
    margin: 0 auto; }
  .giga-item__photo {
    text-align: center; }
  .giga-item__giga {
    position: absolute;
    background: url(/images/individual/giga/giga-item__giga.png) no-repeat;
    width: 219px;
    height: 244px;
    top: 425px;
    right: 50%;
    margin-right: -395px; }
  .giga-item__otousan {
    position: absolute;
    background: url(/images/individual/giga/giga-item__otousan.png) no-repeat;
    width: 240px;
    height: 258px;
    top: 205px;
    left: 50%;
    margin-left: -470px; }
  .giga-item__link {
    margin-bottom: 40px;
    text-align: center;
    color: #727171; }
    .giga-item__link a {
      color: #ff0000; }
      .giga-item__link a:hover {
        text-decoration: none; }
    .giga-item__link span {
      display: block;
      padding-top: 3px;
      font-size: 0.8rem; }
  .giga-item--1 {
    padding-bottom: 0; }
    .giga-item--1 .giga-item__title {
      background: url(/images/individual/giga/giga-item--1__title.png) no-repeat;
      width: 740px;
      height: 123px;
      margin: 0 auto 25px; }
    .giga-item--1 .giga-item__photo {
      margin-bottom: -10px; }
    .giga-item--1 .giga-item__end {
      position: absolute;
      background: url(/images/individual/giga/giga-item__end.png) no-repeat;
      width: 629px;
      height: 68px;
      top: 338px;
      right: 0;
      left: 0;
      margin: auto; }
    .giga-item--1 .giga-item__body {
      position: relative; }
    .giga-item--1 .giga-item__date {
      position: absolute;
      top: -162px;
      left: 122px;
      background: url(/images/individual/giga/giga-item--1__date.png) no-repeat;
      width: 194px;
      height: 193px;
      margin: 0; }
    .giga-item--1 .giga-item__outline {
      background: url(/images/individual/giga/giga-item--1__outline.png) no-repeat;
      width: 552px;
      height: 113px;
      margin: 0 auto 15px; }
    .giga-item--1 .giga-item__note {
      background: url(/images/individual/giga/giga-item--1__note.png) no-repeat;
      width: 557px;
      height: 14px;
      margin: 0 auto 10px; }
  .giga-item--2 {
    padding-bottom: 65px; }
    .giga-item--2:after {
      content: "";
      position: absolute;
      width: 1007px;
      height: 10px;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      background: url(/images/individual/giga/giga__line.png) no-repeat 100% 100%; }
    .giga-item--2 .giga-item__title {
      background: url(/images/individual/giga/giga-item--2__title.png) no-repeat;
      width: 808px;
      height: 147px;
      margin: 0 auto 35px; }
    .giga-item--2 .giga-item__photo {
      margin-bottom: 30px; }
    .giga-item--2 .giga-item__body {
      position: relative; }
    .giga-item--2 .giga-item__date {
      position: absolute;
      top: -163px;
      left: 123px;
      background: url(/images/individual/giga/giga-item--2__date.png) no-repeat;
      width: 194px;
      height: 193px;
      margin: 0; }
    .giga-item--2 .giga-item__outline {
      background: url(/images/individual/giga/giga-item--2__outline.png) no-repeat;
      width: 552px;
      height: 155px;
      margin: 0 auto 25px; }
  .giga-item--10min:after {
    content: "";
    position: absolute;
    width: 1007px;
    height: 10px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(/images/individual/giga/giga__line.png) no-repeat 100% 100%; }
  .giga-item--10min .giga-item__title {
    background: url(/images/individual/giga/giga-item--3__title.png) no-repeat;
    width: 739px;
    height: 208px;
    margin: 0 auto; }
  .giga-item--10min .giga-item__movie {
    position: relative;
    width: 740px;
    padding-top: 56.26%;
    margin: 0 auto 40px; }
    .giga-item--10min .giga-item__movie iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important; }
  .giga-item--10min .giga-item__text1 {
    background: url(/images/individual/giga/giga-item--3__text1.png) no-repeat;
    width: 735px;
    height: 404px;
    margin: 0 auto 20px; }
  .giga-item--10min .giga-item__banner {
    width: 552px;
    height: 90px;
    margin: 0 auto; }
    .giga-item--10min .giga-item__banner a {
      display: block;
      width: 552px;
      height: 90px;
      background: url(/images/individual/giga/giga-item__banner.jpg) no-repeat; }

.ew {
  position: relative;
  min-width: 964px;
  padding-bottom: 80px;
  background: url(/images/individual/ew/ew__bg.png) repeat;
  border: 10px solid #003f21; }
  .ew.ew-term-wrap:after {
    content: normal; }
  .ew-header {
    position: relative;
    height: 1161px;
    overflow: hidden;
    margin-bottom: -111px;
    z-index: 2; }
    .ew-header:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 982px;
      background: url(/images/individual/ew/ew-head__bg.png) repeat-x 0 0; }
  .ew__title {
    position: absolute;
    background: url(/images/individual/ew/ew__title.png) no-repeat 0 0;
    width: 1164px;
    height: 1161px;
    margin: 0;
    top: 0;
    left: 50%;
    margin-left: -600px;
    z-index: 4; }
  .ew-statement {
    position: relative;
    padding-top: 132px;
    z-index: 2;
    overflow: hidden; }
    .ew-statement__title {
      position: relative;
      margin: 0 auto 50px;
      width: 964px;
      height: 297px;
      overflow: hidden;
      background: url(/images/individual/ew/ew-statement__title.png) no-repeat 60px 0;
      z-index: 2; }
    .ew-statement__body {
      position: relative;
      margin: 0 auto 80px;
      width: 964px;
      z-index: 2;
      overflow: hidden; }
      .ew-statement__body--1 {
        background: url(/images/individual/ew/ew-statement__body1.png) no-repeat 48px 0;
        height: 163px; }
      .ew-statement__body--2 {
        background: url(/images/individual/ew/ew-statement__body2.png) no-repeat 48px 0;
        height: 146px; }
      .ew-statement__body--3 {
        background: url(/images/individual/ew/ew-statement__body3.png) no-repeat 48px 0;
        height: 87px;
        margin-bottom: 53px; }
      .ew-statement__body--4 {
        background: url(/images/individual/ew/ew-statement__body4.png) no-repeat 48px 0;
        height: 349px;
        margin-bottom: 100px; }
    .ew-statement__paint {
      position: absolute;
      z-index: 1; }
      .ew-statement__paint--1 {
        background: url(/images/individual/ew/ew-statement__paint1.png) no-repeat;
        width: 997px;
        height: 1535px;
        top: 0;
        right: 50%;
        margin-right: -437px; }
      .ew-statement__paint--2 {
        background: url(/images/individual/ew/ew-statement__paint2.png) no-repeat;
        width: 343px;
        height: 202px;
        top: 367px;
        right: 50%;
        margin-right: -485px; }
      .ew-statement__paint--3 {
        background: url(/images/individual/ew/ew-statement__paint3.png) no-repeat;
        width: 210px;
        height: 169px;
        top: 765px;
        right: 50%;
        margin-right: -380px; }
      .ew-statement__paint--4 {
        background: url(/images/individual/ew/ew-statement__paint4.png) no-repeat;
        width: 223px;
        height: 228px;
        top: 1120px;
        right: 50%;
        margin-right: -524px; }
  .ew-youtube {
    position: relative;
    background: url(/images/individual/ew/ew-youtube__bg.gif) no-repeat center center;
    -webkit-background-size: cover;
            background-size: cover;
    width: 100%;
    height: 720px;
    z-index: 3;
    margin-bottom: 85px; }
    .ew-youtube a {
      display: block;
      width: 100%;
      height: 100%; }
      .ew-youtube a dl {
        margin: 0; }
      .ew-youtube a:before {
        position: absolute;
        content: "";
        display: block;
        background: url(/images/individual/ew/ew-youtube__bg2.png) repeat;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
      .ew-youtube a:after {
        position: absolute;
        content: "";
        background: url(/images/individual/ew/ew-youtube__arrow.png) no-repeat;
        width: 240px;
        height: 230px;
        top: 242px;
        margin: 0 auto;
        left: 0;
        right: 0;
        z-index: 4; }
    .ew-youtube__title {
      background: url(/images/individual/ew/ew-youtube__title.png) no-repeat;
      width: 400px;
      height: 142px;
      margin: 0 auto;
      position: absolute;
      top: 85px;
      left: 0;
      right: 0;
      z-index: 5; }
    .ew-youtube__body {
      background: url(/images/individual/ew/ew-youtube__body.png) no-repeat;
      width: 512px;
      height: 187px;
      margin: 0 auto;
      position: absolute;
      bottom: 22px;
      left: 0;
      right: 0;
      z-index: 5; }
  .ew-hyo {
    position: relative;
    padding-top: 74px;
    min-width: 964px;
    margin: 0 auto;
    padding-bottom: 125px;
    overflow: hidden; }
    .ew-hyo:before {
      content: "";
      position: absolute;
      background: url(/images/individual/ew/ew-hyo__bg.png) no-repeat 0 0;
      width: 1007px;
      height: 399px;
      top: 0;
      left: 50%;
      margin-left: -507px; }
    .ew-hyo__title {
      position: relative;
      width: 746px;
      height: 177px;
      margin: 0 auto 12px;
      background: url(/images/individual/ew/ew-hyo__title.png) no-repeat; }
    .ew-hyo__body {
      position: relative;
      width: 752px;
      height: 61px;
      margin: 0 auto 36px;
      background: url(/images/individual/ew/ew-hyo__body.png) no-repeat; }
  .ew-criterion {
    display: none;
    position: relative;
    background-color: #feffed;
    padding: 65px 0 465px;
    width: 100%; }
    .ew-criterion-list {
      width: 710px;
      height: 297px;
      margin: 0 auto;
      background: url(/images/individual/ew/ew-criterion-list.png) no-repeat;
      list-style: none; }
    .ew-criterion__point {
      position: absolute;
      bottom: 0;
      margin: 0; }
      .ew-criterion__point--1 {
        right: 50%;
        width: 347px;
        height: 423px;
        margin-right: -333px;
        background: url(/images/individual/ew/ew-criterion__point--1.png) no-repeat; }
      .ew-criterion__point--2 {
        left: 50%;
        width: 321px;
        height: 403px;
        margin-left: -343px;
        background: url(/images/individual/ew/ew-criterion__point--2.png) no-repeat; }
    .ew-criterion__button {
      position: absolute;
      width: 80px;
      height: 80px;
      top: 0;
      right: 0;
      margin: 0;
      background: url(/images/individual/ew/ew-criterion__button.png) no-repeat; }
  .ew-represent {
    float: left;
    width: 452px; }
    .ew-represent--east {
      float: right; }
    .ew-represent-wrap {
      position: relative;
      width: 944px;
      margin: 0 auto; }
    .ew-represent__title {
      width: 456px;
      height: 109px; }
      .ew-represent__title--west {
        margin: 0 -3px 0 -1px;
        background: url(/images/individual/ew/ew-represent__title--west.png) no-repeat; }
      .ew-represent__title--east {
        margin: 0 -1px 0 -3px;
        background: url(/images/individual/ew/ew-represent__title--east.png) no-repeat 0 1px; }
    .ew-represent__widget {
      background-color: #fff;
      line-height: 0; }
    .ew-represent__entry {
      width: 452px;
      height: 188px;
      margin: 0 auto 60px;
      background: url(/images/individual/ew/ew-represent__entry.png) no-repeat 0 0; }
      .ew-represent__entry a {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0; }
    .ew-represent__button {
      width: 943px;
      height: 138px;
      margin: 0 auto -24px;
      background: url(/images/individual/ew/ew-represent__button.png) no-repeat; }
      .ew-represent__button a {
        display: block;
        width: 100%;
        height: 100%; }
      .ew-represent__button.isOpen {
        background: url(/images/individual/ew/ew-represent__button--open.png) no-repeat; }
  .ew-present-wrap {
    position: relative; }
    .ew-present-wrap:after {
      content: url(/images/individual/ew/ew-present__finish.png);
      position: absolute;
      bottom: 0;
      right: 50%;
      -webkit-transform: translateX(50%);
          -ms-transform: translateX(50%);
              transform: translateX(50%); }
  .ew-present__title {
    width: 765px;
    height: 215px;
    margin: 0 auto 15px;
    background: url(/images/individual/ew/ew-present__title.png) no-repeat; }
  .ew-present-list {
    width: 964px;
    margin: 0 auto; }
    .ew-present-list__item {
      list-style: none;
      width: 964px;
      margin-bottom: -2px; }
      .ew-present-list__item--1 {
        background: url(/images/individual/ew/ew-present__body1.png) no-repeat 90px 0;
        height: 86px; }
      .ew-present-list__item--2 {
        background: url(/images/individual/ew/ew-present__body2.png) no-repeat 90px 0;
        height: 125px; }
      .ew-present-list__item--3 {
        background: url(/images/individual/ew/ew-present__body3.png) no-repeat 90px 0;
        height: 120px; }
  .ew-present__note {
    width: 756px;
    height: 18px;
    margin: 0 auto;
    background: url(/images/individual/ew/ew-present__note.png) no-repeat; }
  .ew-present__button {
    width: 332px;
    height: 24px;
    margin: 0 auto 10px;
    background: url(/images/individual/ew/ew-present__button.png) no-repeat; }
    .ew-present__button a {
      display: block;
      width: 100%;
      height: 100%; }
  .ew-points {
    float: left;
    width: 50%; }
    .ew-points--east {
      float: right; }
    .ew-points-wrap {
      position: relative;
      width: 944px;
      margin: 0 auto; }
    .ew-points__title {
      width: 452px;
      height: 424px;
      margin: 0 auto -100px; }
      .ew-points__title--west {
        background: url(/images/individual/ew/ew-points__title--west.png) no-repeat 71px 53px; }
      .ew-points__title--east {
        background: url(/images/individual/ew/ew-points__title--east.png) no-repeat 10px 0; }
    .ew-points__score {
      text-align: center; }
      .ew-points__score .num {
        display: inline-block;
        margin-left: 5px; }
        .ew-points__score .num--0 {
          width: 45px;
          height: 49px;
          background: url(/images/individual/ew/num--0.png) no-repeat; }
        .ew-points__score .num--1 {
          width: 36px;
          height: 56px;
          background: url(/images/individual/ew/num--1.png) no-repeat; }
        .ew-points__score .num--2 {
          width: 47px;
          height: 52px;
          background: url(/images/individual/ew/num--2.png) no-repeat; }
        .ew-points__score .num--3 {
          width: 53px;
          height: 71px;
          background: url(/images/individual/ew/num--3.png) no-repeat; }
        .ew-points__score .num--4 {
          width: 44px;
          height: 60px;
          background: url(/images/individual/ew/num--4.png) no-repeat; }
        .ew-points__score .num--5 {
          width: 42px;
          height: 52px;
          background: url(/images/individual/ew/num--5.png) no-repeat; }
        .ew-points__score .num--6 {
          width: 41px;
          height: 54px;
          background: url(/images/individual/ew/num--6.png) no-repeat; }
        .ew-points__score .num--7 {
          width: 51px;
          height: 56px;
          background: url(/images/individual/ew/num--7.png) no-repeat; }
        .ew-points__score .num--8 {
          width: 47px;
          height: 52px;
          background: url(/images/individual/ew/num--8.png) no-repeat; }
        .ew-points__score .num--9 {
          width: 42px;
          height: 53px;
          background: url(/images/individual/ew/num--9.png) no-repeat; }
      .ew-points__score .points {
        display: block;
        width: 101px;
        height: 35px;
        margin: 0 auto 15px;
        background: url(/images/individual/ew/num--points.png) no-repeat; }
    .ew-points__body {
      clear: both;
      width: 938px;
      height: 33px;
      margin: 0 auto 20px;
      background: url(/images/individual/ew/ew-points__body.png) no-repeat; }
    .ew-points__button-list {
      position: relative;
      width: 944px;
      margin: 0 auto;
      padding: 0; }
      .ew-points__button-list:after {
        content: "";
        position: absolute;
        top: -80px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
        width: 808px;
        height: 303px;
        background: url(/images/individual/ew/ew-points__finish-vote.png) no-repeat; }
    .ew-points__button {
      float: left;
      width: 452px;
      height: 228px;
      margin: 0 auto; }
      .ew-points__button a {
        display: block;
        width: 100%;
        height: 100%; }
      .ew-points__button--west {
        background: url(/images/individual/ew/ew-points__button--west.png) no-repeat;
        margin-right: 10px; }
      .ew-points__button--east {
        background: url(/images/individual/ew/ew-points__button--east.png) no-repeat; }
  .ew-rapper {
    float: left;
    width: 452px; }
    .ew-rapper--east {
      float: right; }
    .ew-rapper-wrap {
      width: 944px;
      margin: 0 auto;
      padding-bottom: 75px;
      overflow: hidden; }
    .ew-rapper__catch {
      width: 505px;
      height: 118px;
      margin: 0 auto -15px;
      background: url(/images/individual/ew/ew-rapper__catch.png) no-repeat; }
    .ew-rapper__title {
      width: 457px;
      height: 185px;
      margin: 0 auto; }
      .ew-rapper__title--west {
        background: url(/images/individual/ew/ew-rapper__title--west.png) no-repeat; }
      .ew-rapper__title--east {
        background: url(/images/individual/ew/ew-rapper__title--east.png) no-repeat 0 15px; }
    .ew-rapper-list {
      padding: 0;
      margin: 0; }
      .ew-rapper-list__item {
        width: 452px;
        height: 345px;
        margin: 0 auto; }
      .ew-rapper-list--west .ew-rapper-list__item--1 {
        background: url(/images/individual/ew/ew-rapper-list__item1--west.png) no-repeat; }
      .ew-rapper-list--west .ew-rapper-list__item--2 {
        background: url(/images/individual/ew/ew-rapper-list__item2--west.png) no-repeat; }
      .ew-rapper-list--west .ew-rapper-list__item--3 {
        background: url(/images/individual/ew/ew-rapper-list__item3--west.png) no-repeat; }
      .ew-rapper-list--west .ew-rapper-list__item--4 {
        background: url(/images/individual/ew/ew-rapper-list__item4--west.png) no-repeat; }
      .ew-rapper-list--east .ew-rapper-list__item--1 {
        background: url(/images/individual/ew/ew-rapper-list__item1--east.png) no-repeat; }
      .ew-rapper-list--east .ew-rapper-list__item--2 {
        background: url(/images/individual/ew/ew-rapper-list__item2--east.png) no-repeat; }
      .ew-rapper-list--east .ew-rapper-list__item--3 {
        background: url(/images/individual/ew/ew-rapper-list__item3--east.png) no-repeat; }
      .ew-rapper-list--east .ew-rapper-list__item--4 {
        background: url(/images/individual/ew/ew-rapper-list__item4--east.png) no-repeat; }
  .ew-kodawari {
    overflow: hidden;
    width: 944px;
    margin: 0 auto; }
    .ew-kodawari__title {
      width: 412px;
      height: 855px;
      margin: 0 auto -715px;
      background: url(/images/individual/ew/ew-kodawari__title.png) no-repeat; }
    .ew-kodawari-feature {
      width: 884px;
      margin: 0 auto;
      overflow: hidden;
      padding-left: 0; }
      .ew-kodawari-feature__item {
        float: left;
        width: 50%;
        height: 1030px;
        list-style: none; }
        .ew-kodawari-feature__item--west {
          background: url(/images/individual/ew/ew-kodawari-feature__body--west.png) no-repeat 10px 0; }
        .ew-kodawari-feature__item--east {
          background: url(/images/individual/ew/ew-kodawari-feature__body--east.png) no-repeat 100% 0; }
    .ew-kodawari__catch {
      clear: both;
      width: 844px;
      height: 112px;
      margin: 0 auto;
      background: url(/images/individual/ew/ew-kodawari__catch.png) no-repeat; }
    .ew-kodawari__pop {
      width: 501px;
      height: 347px;
      margin: 0 auto 25px;
      background: url(/images/individual/ew/ew-kodawari__pop.png) no-repeat; }
  .ew-note {
    width: 620px;
    height: 264px;
    margin: 0 auto 40px;
    background: url(/images/individual/ew/ew__note.png) no-repeat; }
    .ew-note li {
      list-style: none; }
  .ew-emen a {
    display: block;
    width: 571px;
    height: 246px;
    margin: 0 auto; }
  .ew-emen__banner {
    width: 571px;
    height: 246px;
    background: url(/images/individual/ew/ew-emen__banner.jpg) no-repeat 0 100%;
    -webkit-background-size: contain;
            background-size: contain; }
  .ew .top-button {
    width: 192px;
    height: 51px;
    margin: 0 auto; }
    .ew .top-button a {
      display: block;
      width: 100%;
      height: 100%;
      background: url(/images/individual/ew/btn-top--ew.png) no-repeat; }

/* fadein */
.fadein, .fdi-howto .fdiProcess .fdiProcess__item, .fdi-history .fdi-hero__item {
  display: block;
  opacity: 0;
  padding-top: 70px;
  margin-bottom: -70px; }

.ew-term {
  width: 964px;
  margin: 0 auto;
  padding: 60px 0 0; }
  .ew-term__header {
    width: 840px;
    margin: 0 auto 70px;
    padding-bottom: 20px;
    border-bottom: 2px solid #003f21;
    color: #003f21; }
  .ew-term__title {
    width: 814px;
    height: 104px;
    margin: 0 auto 10px;
    background: url(/images/individual/ew/terms_title.png) no-repeat; }
  .ew-term-sec {
    margin-bottom: 30px;
    padding: 20px;
    color: #003f21;
    background-color: rgba(255, 255, 255, 0.4); }
    .ew-term-sec__title {
      width: 240px;
      height: 29px;
      margin: 0 auto 15px 0; }
      .ew-term-sec__title--1 {
        background: url(/images/individual/ew/terms1.png) no-repeat; }
      .ew-term-sec__title--2 {
        background: url(/images/individual/ew/terms2.png) no-repeat; }
      .ew-term-sec__title--3 {
        background: url(/images/individual/ew/terms3.png) no-repeat; }
      .ew-term-sec__title--4 {
        background: url(/images/individual/ew/terms4.png) no-repeat; }
    .ew-term-sec__body ol, .ew-term-sec__body ul, .ew-term-sec__body p {
      margin: 0; }
    .ew-term-sec__body li {
      margin-bottom: 0.5em; }
    .ew-term-sec__body .no-ls {
      list-style: none; }
    .ew-term-sec__body ol + ul,
    .ew-term-sec__body ul ul {
      margin-top: 15px; }
    .ew-term-sec__body a {
      color: #bc4364;
      text-decoration: none; }
      .ew-term-sec__body a:hover {
        text-decoration: underline; }
  .ew-term-contact {
    margin: 50px 0;
    padding: 30px;
    border: 1px solid #003f21;
    text-align: center;
    color: #003f21;
    background-color: rgba(255, 255, 255, 0.25); }
  .ew-term__back-button {
    width: 192px;
    height: 51px;
    margin: 0 auto;
    background: url(/images/individual/ew/back_btn.png) no-repeat; }
    .ew-term__back-button a {
      display: block;
      width: 100%;
      height: 100%; }

.ew-dir .featherlight .featherlight-close-icon {
  background: url(/images/individual/ew/close.png) no-repeat;
  width: 26px;
  height: 26px; }

.ew-dir .featherlight-content {
  position: relative;
  width: 100vw;
  height: 100vh;
  max-height: none !important;
  margin: 0 !important; }
  .ew-dir .featherlight-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 !important; }

.text-replace, .global-nav__button, .global-nav__close-button, .global-nav__item, .viewport--fixed .global-nav__close-button, .viewport--fixed .global-nav__item, .header2__logo, .banner__item, .tweet__title, .tweet__about-button, .tweet__about, .tweet__reload-button, .product__hr, .product__title h2, .product-banner__item a, .product__photo, .product-kodawari__title, .product__all-button, .kodawari-item__title, .product-area__title, .sns__item, .sns2__item, .page-top__package-back, .page-top__udon, .page-top__hand, .page-top__person, .page-top__package-front, .page-top__button, .back-button__button, .pagetop-button__button, .close-button__button, .migration__item a, .history-header, .history-header-top, .history-nav__list-item, .history-age__title, .history-age__title--campaign, .product-item__age, .donbeisan__baloon, .cm2__title, .cm2__title2-1, .cm2__title2-2, .cm2__title2-3, .cm2__title2-4, .cm2__title2-5, .cm2__title2-6, .cm2__title2-7, .cm2__item, .cm2__item2, .youtuber2__title, .cooking2__title, .cooking2__title2-1, .cooking2__title2-2, .cooking2__title2-3, .cooking2__title2-4, .cooking2__title3, .cooking2__title4, .shop2__title, .shop2__copy, .shop2__nav-item, .shop2__point-button, .shop2__title2-1, .shop2__title2-2, .shop2__title2-3, .shop2__title2-4, .shop2__title2-5, .shop2__title2-6, .shop2__title2-7, .shop2__title2-8, .shop2__title2-9, .shop2__title2-10, .shop2__title2-11, .shop2__title2-12, .shop2__title2-13, .shop2__title3-1, .shop2__title3-2, .shop2__title3-3, .shop2__title3-4, .shop2__title3-5, .shop2__title3-6, .shop2__title3-7, .shop2__title3-8, .shop2__title3-9, .shop2__title3-10, .shop2__title3-11, .shop2__title3-12, .shop2__title3-13, .shop2__apply-button, .shop2__line, .shop2__page-top-button, .shop2__colocal, .shop2__title4, .shop2__title5, .shop2__item2, .shop2__line2, .shop2__title6, .bocchi-item__btn-10min a, .bocchi-share__button, .bocchi-cm__title, .bocchi-cm__caption, .bocchi-footer__share a, .bocchi__page-top-button a, .donvalentine2__title, .donvalentine2__statement, .donvalentine2__title2, .donvalentine2__title3, .donvalentine2__graph1, .donvalentine2__graph2, .donvalentine2__graph3, .donvalentine2__graph4, .donvalentine2__title4, .donvalentine2__page-top-button a, .donbareya__title, .donbareya__photo, .donbareya__title2, .donbareya__body-wrap, .donbareya__map, .donbareya__info--place, .donbareya__info--hours, .donbareya__info--menu, .kodawari__title, .kodawari__person, .kodawari .men__title, .kodawari .men__body, .kodawari .udon__title, .kodawari .udon__point--1, .kodawari .udon__point--2, .kodawari .udon__photo, .kodawari .soba__title, .kodawari .soba__point--1, .kodawari .soba__point--2, .kodawari .soba__photo, .kodawari .tsuyu__title, .kodawari .tsuyu__body, .kodawari .guzai__title, .kodawari .guzai__body, .kodawari .oage__title, .kodawari .oage__body, .kodawari .tenpura__title, .kodawari .tenpura__body, .giga-header__logo, .giga-header__title, .giga-header__lead, .giga-header__giga, .giga-header__otousan, .giga-item__giga, .giga-item__otousan, .giga-item--1 .giga-item__title, .giga-item--1 .giga-item__end, .giga-item--1 .giga-item__date, .giga-item--1 .giga-item__outline, .giga-item--1 .giga-item__note, .giga-item--2 .giga-item__title, .giga-item--2 .giga-item__date, .giga-item--2 .giga-item__outline, .giga-item--10min .giga-item__title, .giga-item--10min .giga-item__text1, .giga-item--10min .giga-item__banner a, .ew__title, .ew-statement__title, .ew-statement__body, .ew-youtube, .ew-youtube__title, .ew-youtube__body, .ew-hyo__title, .ew-hyo__body, .ew-criterion-list, .ew-criterion__point, .ew-criterion__button, .ew-represent__title, .ew-represent__entry, .ew-represent__button, .ew-present__title, .ew-present-list__item, .ew-present__note, .ew-present__button, .ew-points__title, .ew-points__score .num, .ew-points__score .points, .ew-points__body, .ew-points__button, .ew-rapper__catch, .ew-rapper__title, .ew-rapper-list__item, .ew-kodawari__title, .ew-kodawari-feature__item, .ew-kodawari__catch, .ew-kodawari__pop, .ew-note, .ew-emen__banner, .ew .top-button, .ew-term__title, .ew-term-sec__title, .ew-term__back-button, .onikakiage-header__signature, .onikakiage-header__title, .onikakiage-message__body, .onikakiage-message__signature, .onikakiage-giga__title, .onikakiage-giga__copy, .onikakiage-giga__image, .onikakiage-giga__button, .onikakiage-giga__notice, .onikakiage-download__title, .onikakiage-download__image, .onikakiage-download__button1, .onikakiage-download__button2, .onikakiage-download__button3, .onikakiage-making__title, .onikakiage-making__play, .onikakiage-details__title, .onikakiage-details__button1, .onikakiage-details__image1, .onikakiage-details__button2, .onikakiage-details__image2, .onikakiage-details__button3, .onikakiage-details__image3, .onikakiage-statement__title, .onikakiage-statement__body, .onikakiage-tweet__title, .onikakiage-tweet__body, .onikakiage-lesson__title, .onikakiage-lesson__image, .onikakiage-lesson__lassen, .onikakiage-lesson__body, .onikakiage-lesson__button1, .onikakiage-lesson__image1, .onikakiage-lesson__button2, .onikakiage-lesson__image2, .onikakiage-lesson__button3, .onikakiage-lesson__image3, .onikakiage-lesson__button4, .onikakiage-lesson__image4, .onikakiage-present__title, .onikakiage-present__image, .onikakiage-present__body, .onikakiage-present__button, .onikakiage-footer__product-button, .onikakiage-footer__buy-button, .fdi-loader__logo, .fdi-loader__txt, .fdi__title, .fdi__scroll, .fdi-question__ttl, .fdi-choice__item a, .fdi-tuu__logo, .fdi-tuu__txt, .fdi-howto__ttl, .fdi-howto .fdiProcess .fdiProcess__item div, .fdi-howto__note, .fdi-howto__recommend a, .fdi-howto__note--blank, .fdi-trick__ttl, .fdi-trick #fdiTricksList .trickItem--1 .trickItem__txt, .fdi-trick #fdiTricksList .trickItem--2 .trickItem__txt, .fdi-trick #fdiTricksList .trickItem--3 .trickItem__txt, .fdi-trick #fdiTricksList .trickItem--4 .trickItem__txt, .fdi-trick #fdiTricksList .trickItem--5 .trickItem__txt, .fdi-trick #fdiTricksList .trickItem--6 .trickItem__txt, .fdi-trick #fdiTricksList .trickItem-sns__ttl, .fdi-trick #fdiTricksList .trickItem-sns .sns-list__item a, .fdi-history__ttl, .fdi-history .fdi-hero__item, .fdi-history__catch, .fdi-history .history-contents__wrap .history-contents__ttl, .fdi-history .history-contents__wrap .history-contents__btn a, .fdi-join__ttl, .fdi-join__txt, .fdi-join__btn a, .fdi-event__ttl, .fdi-event__lead, .fdi-footer-img__ttl, .fdi-footer-img__txt, .donbare-end__title, .donbare-end__arrow, .donbare-hero__title, .donbare-hero__copy, .donbare-hero__author, .donbare-statement__title, .donbare-statement__text, .donbare-statement__text2, .donbare-comic__page, .donbare-comic__love, .donbare-comic__call, .donbare-comic__project, .donbare-comic__text, .donbare-comic__text2, .donbare-comic__text3, .donbare-comic__text4, #loader .love-loader__txt, .love-letter__item, .love-ps__title, .love-ps-sticky__item, .love-ps__button a, .love-ps__txt {
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden; }

.onikakiage-dir {
  min-width: 984px; }
  @media only screen and (max-width: 640px) {
    .onikakiage-dir {
      min-width: 0; } }
  .onikakiage-dir .contents {
    display: block;
    background-color: #000000; }
  .onikakiage-dir .featherlight .featherlight-content {
    background-color: transparent;
    width: calc(100% - 20px); }
  .onikakiage-dir .featherlight .featherlight-close-icon {
    top: 50px; }
  .onikakiage-dir .featherlight-iframe .featherlight-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    margin-right: auto;
    margin-left: auto; }
  .onikakiage-dir .featherlight-iframe .featherlight-inner {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important; }

.onikakiage {
  position: relative;
  margin: 0 auto;
  overflow: hidden; }
  @media only screen and (max-width: 640px) {
    .onikakiage {
      width: 100%; } }
  .onikakiage-loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    background-color: #000000;
    z-index: 100; }
    .onikakiage-loading__text1 {
      position: absolute;
      left: calc(50% - 99px);
      top: calc(50% - 46px);
      background: transparent url(/images/individual/onikakiage/onikakiage-loading__text1.png) no-repeat;
      width: 198px;
      height: 92px;
      font-size: 0;
      line-height: 0;
      text-indent: 200%;
      overflow: hidden;
      z-index: 1;
      opacity: 0; }
      @media only screen and (max-width: 640px) {
        .onikakiage-loading__text1 {
          left: calc(50% - 62px);
          top: calc(50% - 26px);
          background-image: url(/images/individual/onikakiage/onikakiage-loading__text1@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 124px;
          height: 53px; } }
    .onikakiage-loading__wrapper {
      position: relative;
      left: 0;
      top: 0;
      height: 100%; }
    .onikakiage-loading__cross {
      position: absolute;
      left: calc(50% - 24px);
      top: calc(50% - 24px);
      background: transparent url(/images/individual/onikakiage/onikakiage-loading__cross.png) no-repeat;
      width: 47px;
      height: 47px;
      font-size: 0;
      line-height: 0;
      text-indent: 200%;
      overflow: hidden;
      z-index: 1;
      opacity: 0; }
      @media only screen and (max-width: 640px) {
        .onikakiage-loading__cross {
          left: calc(50% - 14px);
          top: calc(50% - 14px);
          background-image: url(/images/individual/onikakiage/onikakiage-loading__cross@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 28px;
          height: 28px; } }
    .onikakiage-loading__donbei {
      position: absolute;
      left: calc(50% + 113px);
      top: calc(50% - 90px);
      background: transparent url(/images/individual/onikakiage/onikakiage-loading__donbei.png) no-repeat;
      width: 189px;
      height: 180px;
      font-size: 0;
      line-height: 0;
      text-indent: 200%;
      overflow: hidden;
      z-index: 1;
      opacity: 0; }
      @media only screen and (max-width: 640px) {
        .onikakiage-loading__donbei {
          left: calc(50% - 63px);
          top: calc(50% + 50px);
          background-image: url(/images/individual/onikakiage/onikakiage-loading__donbei@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 121px;
          height: 116px; } }
    .onikakiage-loading__lassen {
      position: absolute;
      left: calc(50% - 375px);
      top: calc(50% - 86px);
      background: transparent url(/images/individual/onikakiage/onikakiage-loading__lassen.png) no-repeat;
      width: 287px;
      height: 173px;
      font-size: 0;
      line-height: 0;
      text-indent: 200%;
      overflow: hidden;
      z-index: 1;
      opacity: 0; }
      @media only screen and (max-width: 640px) {
        .onikakiage-loading__lassen {
          left: calc(50% - 88px);
          top: calc(50% - 150px);
          background-image: url(/images/individual/onikakiage/onikakiage-loading__lassen@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 177px;
          height: 111px; } }
    .onikakiage-loading__anime {
      position: absolute;
      left: calc(50% - 150px);
      top: calc(50% - 150px);
      background: transparent url(/images/individual/onikakiage/onikakiage-loading__anime.gif) no-repeat;
      width: 300px;
      height: 300px;
      font-size: 0;
      line-height: 0;
      text-indent: 200%;
      overflow: hidden;
      opacity: 0; }
      @media only screen and (max-width: 640px) {
        .onikakiage-loading__anime {
          left: calc(50% - 75px);
          top: calc(50% - 75px);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 150px;
          height: 150px; } }
  .onikakiage-header {
    position: relative;
    margin-bottom: 44px; }
    @media only screen and (max-width: 640px) {
      .onikakiage-header {
        padding-top: 0;
        margin-bottom: 22px; } }
    .onikakiage-header__wrapper {
      position: relative;
      opacity: 0; }
    .onikakiage-header__image {
      position: relative;
      height: 790px;
      overflow: hidden; }
      .onikakiage-header__image:before {
        content: "";
        display: block;
        padding-top: 110%; }
      .onikakiage-header__image:after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 100%;
        height: 100%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        background-image: url(/images/individual/onikakiage/onikakiage-header__surface.png);
        background-repeat: no-repeat;
        background-position: center top; }
      .onikakiage-header__image > canvas {
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%); }
      @media only screen and (max-width: 640px) {
        .onikakiage-header__image {
          height: auto; }
          .onikakiage-header__image:after {
            background-image: url(/images/individual/onikakiage/onikakiage-header__surface@2x.png);
            -webkit-background-size: cover;
                    background-size: cover; }
          .onikakiage-header__image > canvas {
            width: 100%; } }
    .onikakiage-header__signature {
      position: absolute;
      left: calc(50% + 75px);
      top: 240px;
      background: transparent url(/images/individual/onikakiage/onikakiage-header__signature.png) no-repeat;
      width: 324px;
      height: 101px;
      margin: 0; }
      @media only screen and (max-width: 640px) {
        .onikakiage-header__signature {
          left: 55%;
          top: 40%;
          width: 137px;
          height: 43px;
          background-image: url(/images/individual/onikakiage/onikakiage-header__signature@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          line-height: 0; }
          .onikakiage-header__signature:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 35.5%; } }
    .onikakiage-header__cover {
      position: absolute;
      left: 0;
      bottom: -46px;
      background: transparent url(/images/individual/onikakiage/onikakiage-header__cover.png) repeat-x;
      width: 100%;
      height: 334px;
      margin: 0; }
      @media only screen and (max-width: 640px) {
        .onikakiage-header__cover {
          bottom: -92px;
          height: auto;
          background-image: url(/images/individual/onikakiage/onikakiage-header__cover@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%; }
          .onikakiage-header__cover:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 52.96%; } }
    .onikakiage-header__title {
      position: relative;
      background: transparent url(/images/individual/onikakiage/onikakiage-header__title.png) no-repeat;
      width: 853px;
      height: 210px;
      margin: -200px auto 0;
      z-index: 1;
      opacity: 0; }
      @media only screen and (max-width: 640px) {
        .onikakiage-header__title {
          width: 89%;
          height: auto;
          background-image: url(/images/individual/onikakiage/onikakiage-header__title@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: -30px auto 0;
          line-height: 0; }
          .onikakiage-header__title:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 28.49%; } }
  .onikakiage-picture {
    position: relative;
    z-index: 1; }
    .onikakiage-picture__image {
      background: transparent url(/images/individual/onikakiage/onikakiage-picture__image.jpg) no-repeat;
      width: 100%;
      -webkit-background-size: 100% 100%;
              background-size: 100%;
      opacity: 0;
      -webkit-transform-origin: center 40%;
          -ms-transform-origin: center 40%;
              transform-origin: center 40%; }
      .onikakiage-picture__image:after {
        content: "";
        display: block;
        height: 0;
        padding-top: 66.56%; }
      @media only screen and (max-width: 640px) {
        .onikakiage-picture__image {
          position: relative;
          width: 100%;
          height: auto;
          background-image: url(/images/individual/onikakiage/onikakiage-picture__image@2x.jpg);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          left: 0;
          top: 0;
          margin: 0;
          line-height: 0;
          -webkit-transform-origin: center top;
              -ms-transform-origin: center top;
                  transform-origin: center top; }
          .onikakiage-picture__image:after {
            content: "";
            display: block;
            padding-top: 66.56%; } }
  .onikakiage-message {
    position: relative;
    z-index: 1;
    width: 740px;
    margin: 0 auto 0; }
    @media only screen and (max-width: 640px) {
      .onikakiage-message {
        width: auto; } }
    .onikakiage-message__body {
      position: relative;
      background: transparent url(/images/individual/onikakiage/onikakiage-message__body.png) no-repeat left 0;
      overflow: visible;
      width: 541px;
      height: 505px;
      margin: 150px 0 58px 125px; }
      .onikakiage-message__body:before {
        position: absolute;
        left: -70px;
        top: -95px;
        content: "";
        display: block;
        background: transparent url(/images/individual/onikakiage/onikakiage-message__body-before.png) no-repeat;
        width: 89px;
        height: 73px; }
        @media only screen and (max-width: 640px) {
          .onikakiage-message__body:before {
            background-image: url(/images/individual/onikakiage/onikakiage-message__body-before.png);
            width: 15%;
            -webkit-background-size: 100% 100%;
                    background-size: 100%;
            left: -6%;
            top: -26%; }
            .onikakiage-message__body:before:after {
              content: "";
              display: block;
              height: 0;
              padding-top: 82.02%; } }
      @media only screen and (max-width: 640px) {
        .onikakiage-message__body {
          background-image: url(/images/individual/onikakiage/onikakiage-message__body@2x.png);
          position: relative;
          width: 89%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          left: 0;
          top: 0;
          margin: 19% auto 8%;
          line-height: 0; }
          .onikakiage-message__body:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 95.14%; } }
    .onikakiage-message__frame {
      position: absolute;
      right: 0;
      top: -20px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-message__frame {
          right: 7%;
          top: -8%; } }
    .onikakiage-message__signature {
      position: relative;
      background: transparent url(/images/individual/onikakiage/onikakiage-message__signature.png) no-repeat;
      width: 314px;
      height: 111px;
      margin: 0 0 100px 315px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-message__signature {
          position: static;
          width: 60%;
          height: auto;
          background-image: url(/images/individual/onikakiage/onikakiage-message__signature@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 0 0 14% 39%;
          line-height: 0; }
          .onikakiage-message__signature:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 35.5%; } }
    .onikakiage-message__decoration {
      position: absolute;
      left: 45px;
      top: 553px;
      background: transparent url(/images/individual/onikakiage/onikakiage-message__decoration.png) no-repeat;
      width: 107px;
      height: 1128px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-message__decoration {
          left: 0;
          top: 28%;
          background-image: url(/images/individual/onikakiage/onikakiage-message__decoration@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 47px; } }
  .onikakiage-frame {
    position: relative;
    width: 280px;
    height: 363px;
    z-index: -1; }
    @media only screen and (max-width: 640px) {
      .onikakiage-frame {
        width: 140px;
        height: 181px; } }
    .onikakiage-frame__wrapper--draw .onikakiage-frame__line--top {
      width: 100%; }
    .onikakiage-frame__wrapper--draw .onikakiage-frame__line--bottom {
      width: 100%; }
    .onikakiage-frame__wrapper--draw .onikakiage-frame__line--right {
      height: 100%; }
    .onikakiage-frame__wrapper--draw .onikakiage-frame__line--left {
      height: 100%; }
    .onikakiage-frame__line {
      position: absolute;
      background-color: #292414;
      -webkit-transition: all 0.2s;
              transition: all 0.2s; }
      .onikakiage-frame__line--top {
        width: 0;
        height: 10px;
        top: 0;
        left: 0;
        -webkit-transition-delay: 0s;
                transition-delay: 0s; }
      .onikakiage-frame__line--bottom {
        width: 0;
        height: 10px;
        bottom: 0;
        right: 0;
        -webkit-transition-delay: 0.4s;
                transition-delay: 0.4s; }
      .onikakiage-frame__line--right {
        height: 0;
        width: 10px;
        right: 0;
        top: 0;
        -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s; }
      .onikakiage-frame__line--left {
        height: 0;
        width: 10px;
        left: 0;
        bottom: 0;
        -webkit-transition-delay: 0.6s;
                transition-delay: 0.6s; }
  .onikakiage-giga {
    position: relative;
    z-index: 1;
    width: 740px;
    margin: 0 auto 0; }
    @media only screen and (max-width: 640px) {
      .onikakiage-giga {
        width: auto; } }
    .onikakiage-giga a {
      display: block; }
    .onikakiage-giga__title {
      background: transparent url(/images/individual/onikakiage/onikakiage-giga__title.png) no-repeat;
      width: 560px;
      height: 121px;
      margin: 100px auto 40px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-giga__title {
          background-image: url(/images/individual/onikakiage/onikakiage-giga__title@2x.png);
          position: relative;
          width: 84%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          left: 0;
          top: 0;
          margin-top: 11%;
          margin-bottom: 6%;
          line-height: 0; }
          .onikakiage-giga__title:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 20.664206642066%; } }
    .onikakiage-giga__copy {
      background: transparent url(/images/individual/onikakiage/onikakiage-giga__copy.png) no-repeat;
      width: 456px;
      height: 101px;
      margin: 0 auto 0; }
      @media only screen and (max-width: 640px) {
        .onikakiage-giga__copy {
          background-image: url(/images/individual/onikakiage/onikakiage-giga__copy@2x.png);
          position: relative;
          width: 75%;
          margin: auto;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          line-height: 0; }
          .onikakiage-giga__copy:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 24.58%; } }
    .onikakiage-giga__image {
      background: transparent url(/images/individual/onikakiage/onikakiage-giga__image.jpg) no-repeat;
      width: 740px;
      height: 417px;
      margin: 40px auto 30px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-giga__image {
          background-image: url(/images/individual/onikakiage/onikakiage-giga__image@2x.jpg);
          position: relative;
          width: 89%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin-top: 6%;
          margin-bottom: 0;
          line-height: 0; }
          .onikakiage-giga__image:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 66.96%; } }
    .onikakiage-giga__button {
      background: transparent url(/images/individual/onikakiage/onikakiage-giga__button.png) no-repeat;
      width: 740px;
      height: 70px;
      margin: 0 auto 10px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-giga__button {
          background-image: url(/images/individual/onikakiage/onikakiage-giga__button@2x.png);
          position: relative;
          width: 89%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 3% auto 10px;
          line-height: 0; }
          .onikakiage-giga__button:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 15.53%; } }
    .onikakiage-giga__notice {
      background: transparent url(/images/individual/onikakiage/onikakiage-giga__notice.png) no-repeat;
      width: 502px;
      height: 14px;
      margin: 0 auto 30px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-giga__notice {
          background-image: url(/images/individual/onikakiage/onikakiage-giga__notice@2x.png);
          position: relative;
          width: 89%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin-bottom: 15px;
          line-height: 0; }
          .onikakiage-giga__notice:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 3.37%; } }
  .onikakiage-download {
    position: relative;
    z-index: 1;
    width: 740px;
    margin: 0 auto 100px; }
    @media only screen and (max-width: 640px) {
      .onikakiage-download {
        width: auto;
        margin-bottom: 0; } }
    .onikakiage-download a {
      display: block; }
    .onikakiage-download__title {
      background: transparent url(/images/individual/onikakiage/onikakiage-download__title.png) no-repeat;
      width: 414px;
      height: 120px;
      margin: 100px auto 40px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-download__title {
          background-image: url(/images/individual/onikakiage/onikakiage-download__title@2x.png);
          position: relative;
          width: 66%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 11% auto 5%;
          line-height: 0; }
          .onikakiage-download__title:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 26.24%; } }
    .onikakiage-download__image {
      background: transparent url(/images/individual/onikakiage/onikakiage-download__image.jpg) no-repeat;
      width: 740px;
      height: 417px;
      margin: 40px auto 30px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-download__image {
          background-image: url(/images/individual/onikakiage/onikakiage-download__image@2x.jpg);
          float: left;
          margin: 0 0 0 5.5%;
          width: 36%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          line-height: 0; }
          .onikakiage-download__image:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 184.48%; } }
    .onikakiage-download__wrapper:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
      font-size: 0; }
    .onikakiage-download__button1 {
      float: left;
      background: transparent url(/images/individual/onikakiage/onikakiage-download__button1.png) no-repeat;
      width: 230px;
      height: 70px;
      margin: 0 auto; }
      @media only screen and (max-width: 640px) {
        .onikakiage-download__button1 {
          background-image: url(/images/individual/onikakiage/onikakiage-download__button1@2x.png);
          float: right;
          margin: 0 5.5% 0 0;
          width: 47%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          line-height: 0; }
          .onikakiage-download__button1:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 66.77%; } }
    .onikakiage-download__button2 {
      float: left;
      background: transparent url(/images/individual/onikakiage/onikakiage-download__button2.png) no-repeat;
      width: 230px;
      height: 70px;
      margin: 0 auto 0 25px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-download__button2 {
          background-image: url(/images/individual/onikakiage/onikakiage-download__button2@2x.png);
          float: right;
          margin: 3.5% 5.5% 11%;
          width: 47%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          line-height: 0; }
          .onikakiage-download__button2:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 66.77%; } }
    .onikakiage-download__button3 {
      background: transparent url(/images/individual/onikakiage/onikakiage-download__button3.png) no-repeat;
      float: left;
      width: 230px;
      height: 70px;
      margin: 0 auto 0 25px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-download__button3 {
          display: none; } }
  .onikakiage-making {
    position: relative;
    margin: 0 auto;
    line-height: 0; }
    @media only screen and (max-width: 640px) {
      .onikakiage-making {
        width: auto; } }
    .onikakiage-making__title {
      position: absolute;
      left: calc(50% - 280px);
      top: calc(50% - 165px);
      background: transparent url(/images/individual/onikakiage/onikakiage-making__title.png) no-repeat;
      width: 561px;
      height: 291px;
      z-index: 2; }
      @media only screen and (max-width: 640px) {
        .onikakiage-making__title {
          background-image: url(/images/individual/onikakiage/onikakiage-making__title@2x.png);
          width: 85%;
          position: static;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 11% auto 5%;
          line-height: 0; }
          .onikakiage-making__title:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 20.62%; } }
    .onikakiage-making__wrapper {
      position: relative;
      display: inline-block;
      width: 100%;
      height: 720px;
      margin: 100px 0 -150px 0;
      overflow: hidden; }
      @media only screen and (max-width: 640px) {
        .onikakiage-making__wrapper {
          display: block;
          width: 87.5%;
          height: 166px;
          margin: 0 auto 15px; } }
    .onikakiage-making__frame {
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      background: transparent url(/images/individual/onikakiage/onikakiage-making__frame.png) no-repeat;
      width: 100%;
      height: 720px;
      -webkit-background-size: 100% 100%;
              background-size: 100% 100%;
      margin: 0;
      z-index: 1; }
      @media only screen and (max-width: 640px) {
        .onikakiage-making__frame {
          background-image: url(/images/individual/onikakiage/onikakiage-making__frame@2x.png);
          height: 166px; } }
    .onikakiage-making__movie {
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      background: transparent url(/images/individual/onikakiage/onikakiage-making__movie.gif) no-repeat center center;
      width: 100%;
      height: 99%;
      -webkit-background-size: cover;
              background-size: cover; }
    .onikakiage-making__overlay {
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      background: transparent url(/images/individual/onikakiage/onikakiage-making__overlay.png) repeat;
      width: 100%;
      height: 99%; }
    .onikakiage-making__play {
      background: transparent url(/images/individual/onikakiage/onikakiage-making__play.png) no-repeat;
      width: 112px;
      height: 112px;
      position: absolute;
      -webkit-background-size: 100% 100%;
              background-size: 100%;
      margin-left: calc(50% - 56px);
      z-index: 3;
      top: calc(50% - 56px);
      cursor: pointer; }
      .onikakiage-making__play:after {
        content: "";
        display: block;
        height: 0;
        padding-top: 56.328%; }
      @media only screen and (max-width: 640px) {
        .onikakiage-making__play {
          left: calc(50% - 24px);
          top: calc(50% - 24px);
          background-image: url(/images/individual/onikakiage/onikakiage-making__play@2x.png);
          width: 47px;
          height: 47px;
          margin: 0;
          line-height: 0; }
          .onikakiage-making__play:after {
            padding-top: 100%; } }
    .onikakiage-making__iframe {
      display: none; }
  .onikakiage-details {
    position: relative;
    width: 740px;
    margin: 0 auto; }
    @media only screen and (max-width: 640px) {
      .onikakiage-details {
        width: 100%; } }
    .onikakiage-details__title {
      background: transparent url(/images/individual/onikakiage/onikakiage-details__title.png) no-repeat;
      width: 625px;
      height: 566px;
      margin: 165px 0 70px 130px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-details__title {
          background-image: url(/images/individual/onikakiage/onikakiage-details__title@2x.png);
          width: 93%;
          float: right;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 10% 0 0;
          line-height: 0; }
          .onikakiage-details__title:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 129.47%; } }
    .onikakiage-details__toggle {
      display: none;
      width: 986px;
      margin-left: -123px; }
      .onikakiage-details__toggle:last-child {
        margin-bottom: 50px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-details__toggle {
          display: none;
          width: 100%;
          margin-left: 0; } }
    .onikakiage-details__button1 {
      background: transparent url(/images/individual/onikakiage/onikakiage-details__button1.png) no-repeat;
      width: 740px;
      height: 75px;
      margin: 30px auto 0;
      cursor: pointer; }
      @media only screen and (max-width: 640px) {
        .onikakiage-details__button1 {
          background-image: url(/images/individual/onikakiage/onikakiage-details__button1@2x.png);
          position: relative;
          width: 89%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 0 auto 5%;
          line-height: 0; }
          .onikakiage-details__button1:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 23.21%; } }
      .onikakiage-details__button1--open {
        background-image: url(/images/individual/onikakiage/onikakiage-details__button1--open.png); }
        @media only screen and (max-width: 640px) {
          .onikakiage-details__button1--open {
            background-image: url(/images/individual/onikakiage/onikakiage-details__button1--open@2x.png); } }
    .onikakiage-details__image1 {
      background: transparent url(/images/individual/onikakiage/onikakiage-details__image1.png) no-repeat;
      width: 808px;
      height: 597px;
      margin: 0 0 0 123px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-details__image1 {
          background-image: url(/images/individual/onikakiage/onikakiage-details__image1@2x.png);
          width: 94%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 0 0 8% auto;
          line-height: 0; }
          .onikakiage-details__image1:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 134.27%; } }
    .onikakiage-details__button2 {
      background: transparent url(/images/individual/onikakiage/onikakiage-details__button2.png) no-repeat;
      width: 740px;
      height: 75px;
      margin: 30px auto 0;
      cursor: pointer; }
      @media only screen and (max-width: 640px) {
        .onikakiage-details__button2 {
          background-image: url(/images/individual/onikakiage/onikakiage-details__button2@2x.png);
          width: 89%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 0 auto 5%;
          line-height: 0; }
          .onikakiage-details__button2:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 23.21%; } }
      .onikakiage-details__button2--open {
        background-image: url(/images/individual/onikakiage/onikakiage-details__button2--open.png); }
        @media only screen and (max-width: 640px) {
          .onikakiage-details__button2--open {
            background-image: url(/images/individual/onikakiage/onikakiage-details__button2--open@2x.png); } }
    .onikakiage-details__image2 {
      background: transparent url(/images/individual/onikakiage/onikakiage-details__image2.png) no-repeat;
      width: 876px;
      height: 585px;
      margin-left: 55px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-details__image2 {
          background-image: url(/images/individual/onikakiage/onikakiage-details__image2@2x.png);
          width: 94%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 0 0 8% auto;
          line-height: 0; }
          .onikakiage-details__image2:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 149.66%; } }
    .onikakiage-details__button3 {
      background: transparent url(/images/individual/onikakiage/onikakiage-details__button3.png) no-repeat;
      width: 740px;
      height: 75px;
      margin: 30px auto 100px;
      cursor: pointer; }
      @media only screen and (max-width: 640px) {
        .onikakiage-details__button3 {
          background-image: url(/images/individual/onikakiage/onikakiage-details__button3@2x.png);
          width: 89%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 0 auto 16%;
          line-height: 0; }
          .onikakiage-details__button3:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 23.21%; } }
      .onikakiage-details__button3--open {
        background-image: url(/images/individual/onikakiage/onikakiage-details__button3--open.png);
        margin-bottom: 0; }
        @media only screen and (max-width: 640px) {
          .onikakiage-details__button3--open {
            background-image: url(/images/individual/onikakiage/onikakiage-details__button3--open@2x.png);
            margin-bottom: 5%; } }
    .onikakiage-details__image3 {
      background: transparent url(/images/individual/onikakiage/onikakiage-details__image3.png) no-repeat;
      width: 808px;
      height: 588px;
      margin-left: 123px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-details__image3 {
          background-image: url(/images/individual/onikakiage/onikakiage-details__image3@2x.png);
          width: 94%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 0 0 8% auto;
          line-height: 0; }
          .onikakiage-details__image3:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 137.41%; } }
  .onikakiage-statement {
    position: relative;
    z-index: 1;
    width: 740px;
    margin: 0 auto 0; }
    @media only screen and (max-width: 640px) {
      .onikakiage-statement {
        width: auto; } }
    .onikakiage-statement__title {
      background: transparent url(/images/individual/onikakiage/onikakiage-statement__title.png) no-repeat;
      width: 502px;
      height: 101px;
      margin: 75px auto 0; }
      @media only screen and (max-width: 640px) {
        .onikakiage-statement__title {
          background-image: url(/images/individual/onikakiage/onikakiage-statement__title@2x.png);
          width: 87.96%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 14% auto 0;
          line-height: 0; }
          .onikakiage-statement__title:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 18.47%; } }
    .onikakiage-statement__body {
      background: transparent url(/images/individual/onikakiage/onikakiage-statement__body.png) no-repeat;
      width: 500px;
      height: 253px;
      margin: 60px auto 100px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-statement__body {
          background-image: url(/images/individual/onikakiage/onikakiage-statement__body@2x.png);
          width: 89%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 8% auto 17%;
          line-height: 0; }
          .onikakiage-statement__body:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 47.74%; } }
  .onikakiage-tweet__title {
    background: transparent url(/images/individual/onikakiage/onikakiage-tweet__title.png) no-repeat;
    width: 551px;
    height: 120px;
    margin: 100px auto 35px; }
    @media only screen and (max-width: 640px) {
      .onikakiage-tweet__title {
        width: 80%;
        height: auto;
        background-image: url(/images/individual/onikakiage/onikakiage-tweet__title@2x.png);
        -webkit-background-size: 100% 100%;
                background-size: 100%;
        margin: 10% auto 6%;
        line-height: 0; }
        .onikakiage-tweet__title:after {
          content: "";
          display: block;
          height: 0;
          padding-top: 22.28%; } }
  .onikakiage-tweet__body {
    background: transparent url(/images/individual/onikakiage/onikakiage-tweet__body.png) no-repeat;
    width: 370px;
    height: 66px;
    margin: 0 auto 60px;
    cursor: pointer; }
    @media only screen and (max-width: 640px) {
      .onikakiage-tweet__body {
        width: 66%;
        height: auto;
        background-image: url(/images/individual/onikakiage/onikakiage-tweet__body@2x.png);
        -webkit-background-size: 100% 100%;
                background-size: 100%;
        margin: 0 auto 6%;
        line-height: 0; }
        .onikakiage-tweet__body:after {
          content: "";
          display: block;
          height: 0;
          padding-top: 17.41%; } }
  .onikakiage-tweet__wrapper {
    width: 738px;
    height: 610px;
    margin: 0 auto 100px; }
    @media only screen and (max-width: 640px) {
      .onikakiage-tweet__wrapper {
        width: 280px;
        height: 305px;
        margin: 0 auto 11%; } }
  .onikakiage-tweet__frame {
    position: absolute;
    background: transparent url(/images/individual/onikakiage/onikakiage-tweet__widget-bg.png) no-repeat;
    width: 738px;
    height: 610px;
    margin: 0 auto; }
    @media only screen and (max-width: 640px) {
      .onikakiage-tweet__frame {
        background-image: url(/images/individual/onikakiage/onikakiage-tweet__widget-bg@2x.png);
        -webkit-background-size: 100% 100%;
                background-size: 100%;
        width: 280px;
        height: 305px; } }
  .onikakiage-tweet__widget {
    position: relative;
    padding: 28px 0 0 28px;
    z-index: 1; }
    .onikakiage-tweet__widget--pc {
      display: block; }
    .onikakiage-tweet__widget--sp {
      display: none; }
    @media only screen and (max-width: 640px) {
      .onikakiage-tweet__widget {
        width: auto;
        padding: 15px 0 0 15px; }
        .onikakiage-tweet__widget--pc {
          display: none; }
        .onikakiage-tweet__widget--sp {
          display: block; } }
  .onikakiage-lesson {
    position: relative;
    z-index: 1;
    width: 740px;
    margin: 0 auto; }
    @media only screen and (max-width: 640px) {
      .onikakiage-lesson {
        width: auto; } }
    .onikakiage-lesson__container {
      position: relative; }
    .onikakiage-lesson__toggle {
      display: none;
      width: 986px;
      margin-left: -123px; }
      .onikakiage-lesson__toggle:last-child {
        margin-bottom: 50px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-lesson__toggle {
          display: none;
          width: 100%;
          margin-left: 0; } }
    .onikakiage-lesson__title {
      background: transparent url(/images/individual/onikakiage/onikakiage-lesson__title.png) no-repeat;
      width: 561px;
      height: 231px;
      z-index: 2;
      margin-left: 80px;
      position: absolute;
      top: 442px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-lesson__title {
          background-image: url(/images/individual/onikakiage/onikakiage-lesson__title@2x.png);
          position: absolute;
          width: 86%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          left: 7%;
          top: 36%;
          margin: 0;
          line-height: 0; }
          .onikakiage-lesson__title:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 41.176470588235%; } }
    .onikakiage-lesson__image {
      background: transparent url(/images/individual/onikakiage/onikakiage-lesson__image.png) no-repeat;
      width: 916px;
      height: 527px;
      margin-left: 60px;
      margin-top: 15px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-lesson__image {
          background-image: url(/images/individual/onikakiage/onikakiage-lesson__image@2x.png);
          float: right;
          width: 97%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          right: 0;
          top: 0;
          margin: 0;
          line-height: 0; }
          .onikakiage-lesson__image:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 116%; } }
    .onikakiage-lesson__lassen {
      background: transparent url(/images/individual/onikakiage/onikakiage-lesson__lassen.png) no-repeat;
      width: 414px;
      height: 289px;
      margin: 0 auto;
      position: absolute;
      top: 155px;
      left: 150px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-lesson__lassen {
          background-image: url(/images/individual/onikakiage/onikakiage-lesson__lassen@2x.png);
          position: absolute;
          width: 63%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          left: 18%;
          top: 14%;
          margin: 0;
          line-height: 0; }
          .onikakiage-lesson__lassen:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 69.8%; } }
    .onikakiage-lesson__body {
      background: transparent url(/images/individual/onikakiage/onikakiage-lesson__body.png) no-repeat;
      width: 625px;
      height: 132px;
      margin: 220px auto 100px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-lesson__body {
          background-image: url(/images/individual/onikakiage/onikakiage-lesson__body@2x.png);
          position: relative;
          width: 48%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 0 auto 8%;
          line-height: 0;
          top: 19%; }
          .onikakiage-lesson__body:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 145.95%; } }
    .onikakiage-lesson__button1 {
      background: transparent url(/images/individual/onikakiage/onikakiage-lesson__button1.png) no-repeat;
      width: 740px;
      height: 75px;
      cursor: pointer; }
      @media only screen and (max-width: 640px) {
        .onikakiage-lesson__button1 {
          background-image: url(/images/individual/onikakiage/onikakiage-lesson__button1@2x.png);
          width: 89%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 0 auto;
          line-height: 0; }
          .onikakiage-lesson__button1:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 23.21%; } }
      .onikakiage-lesson__button1--open {
        background-image: url(/images/individual/onikakiage/onikakiage-lesson__button1--open.png); }
        @media only screen and (max-width: 640px) {
          .onikakiage-lesson__button1--open {
            background-image: url(/images/individual/onikakiage/onikakiage-lesson__button1--open@2x.png); } }
    .onikakiage-lesson__image1 {
      background: transparent url(/images/individual/onikakiage/onikakiage-lesson__image1.png) no-repeat;
      width: 985px;
      height: 550px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-lesson__image1 {
          background-image: url(/images/individual/onikakiage/onikakiage-lesson__image1@2x.png);
          width: 87%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 8% 0 8% 5.5%;
          line-height: 0; }
          .onikakiage-lesson__image1:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 137.81%; } }
    .onikakiage-lesson__button2 {
      background: transparent url(/images/individual/onikakiage/onikakiage-lesson__button2.png) no-repeat;
      width: 740px;
      height: 75px;
      margin: 30px auto 0;
      cursor: pointer; }
      @media only screen and (max-width: 640px) {
        .onikakiage-lesson__button2 {
          background-image: url(/images/individual/onikakiage/onikakiage-lesson__button2@2x.png);
          width: 89%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 5% auto 0;
          line-height: 0; }
          .onikakiage-lesson__button2:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 23.21%; } }
      .onikakiage-lesson__button2--open {
        background-image: url(/images/individual/onikakiage/onikakiage-lesson__button2--open.png); }
        @media only screen and (max-width: 640px) {
          .onikakiage-lesson__button2--open {
            background-image: url(/images/individual/onikakiage/onikakiage-lesson__button2--open@2x.png); } }
    .onikakiage-lesson__image2 {
      background: transparent url(/images/individual/onikakiage/onikakiage-lesson__image2.png) no-repeat;
      width: 985px;
      height: 550px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-lesson__image2 {
          background-image: url(/images/individual/onikakiage/onikakiage-lesson__image2@2x.png);
          width: 86.71%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 8% 0 8% 5.5%;
          line-height: 0; }
          .onikakiage-lesson__image2:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 149%; } }
    .onikakiage-lesson__button3 {
      background: transparent url(/images/individual/onikakiage/onikakiage-lesson__button3.png) no-repeat;
      width: 740px;
      height: 75px;
      margin: 30px auto 0;
      cursor: pointer; }
      @media only screen and (max-width: 640px) {
        .onikakiage-lesson__button3 {
          background-image: url(/images/individual/onikakiage/onikakiage-lesson__button3@2x.png);
          width: 89%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 5% auto 0;
          line-height: 0; }
          .onikakiage-lesson__button3:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 23.21%; } }
      .onikakiage-lesson__button3--open {
        background-image: url(/images/individual/onikakiage/onikakiage-lesson__button3--open.png); }
        @media only screen and (max-width: 640px) {
          .onikakiage-lesson__button3--open {
            background-image: url(/images/individual/onikakiage/onikakiage-lesson__button3--open@2x.png); } }
    .onikakiage-lesson__image3 {
      background: transparent url(/images/individual/onikakiage/onikakiage-lesson__image3.png) no-repeat;
      width: 985px;
      height: 550px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-lesson__image3 {
          background-image: url(/images/individual/onikakiage/onikakiage-lesson__image3@2x.png);
          position: relative;
          width: 88.43%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 8% 0 8% 5.5%;
          line-height: 0; }
          .onikakiage-lesson__image3:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 145.93%; } }
    .onikakiage-lesson__button4 {
      background: transparent url(/images/individual/onikakiage/onikakiage-lesson__button4.png) no-repeat;
      width: 740px;
      height: 75px;
      margin: 30px auto 100px;
      cursor: pointer; }
      @media only screen and (max-width: 640px) {
        .onikakiage-lesson__button4 {
          background-image: url(/images/individual/onikakiage/onikakiage-lesson__button4@2x.png);
          width: 89%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 5% auto 13%;
          line-height: 0; }
          .onikakiage-lesson__button4:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 23.21%; } }
      .onikakiage-lesson__button4--open {
        background-image: url(/images/individual/onikakiage/onikakiage-lesson__button4--open.png);
        margin-bottom: 0; }
        @media only screen and (max-width: 640px) {
          .onikakiage-lesson__button4--open {
            background-image: url(/images/individual/onikakiage/onikakiage-lesson__button4--open@2x.png); } }
    .onikakiage-lesson__image4 {
      background: transparent url(/images/individual/onikakiage/onikakiage-lesson__image4.png) no-repeat;
      width: 985px;
      height: 550px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-lesson__image4 {
          background-image: url(/images/individual/onikakiage/onikakiage-lesson__image4@2x.png);
          width: 83.28%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 8% 0 8% 6%;
          line-height: 0; }
          .onikakiage-lesson__image4:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 91.94%; } }
  .onikakiage-present {
    position: relative;
    z-index: 1;
    width: 740px;
    margin: 0 auto 0; }
    @media only screen and (max-width: 640px) {
      .onikakiage-present {
        width: auto; } }
    .onikakiage-present__title {
      background: transparent url(/images/individual/onikakiage/onikakiage-present__title.png) no-repeat;
      width: 583px;
      height: 120px;
      margin: 100px auto 0; }
      @media only screen and (max-width: 640px) {
        .onikakiage-present__title {
          background-image: url(/images/individual/onikakiage/onikakiage-present__title@2x.png);
          position: relative;
          width: 89%;
          height: auto;
          margin-top: 11%;
          margin-bottom: 6%;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          line-height: 0; }
          .onikakiage-present__title:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 19.41%; } }
    .onikakiage-present__image {
      background: transparent url(/images/individual/onikakiage/onikakiage-present__image.png) no-repeat;
      width: 740px;
      height: 443px;
      margin: 50px auto 0; }
      @media only screen and (max-width: 640px) {
        .onikakiage-present__image {
          background-image: url(/images/individual/onikakiage/onikakiage-present__image@2x.jpg);
          position: relative;
          width: 89%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          left: 0;
          top: 0;
          margin: 3% auto 3%;
          line-height: 0; }
          .onikakiage-present__image:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 59.46%; } }
    .onikakiage-present__body {
      background: transparent url(/images/individual/onikakiage/onikakiage-present__body.png) no-repeat;
      width: 524px;
      height: 61px;
      margin: 50px auto 0; }
      @media only screen and (max-width: 640px) {
        .onikakiage-present__body {
          background-image: url(/images/individual/onikakiage/onikakiage-present__body@2x.png);
          width: 89%;
          margin: 0 auto 0;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          line-height: 0; }
          .onikakiage-present__body:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 11.69%; } }
    .onikakiage-present__button {
      background: transparent url(/images/individual/onikakiage/onikakiage-present__button.png) no-repeat;
      width: 740px;
      height: 217px;
      margin: -40px auto 0; }
      @media only screen and (max-width: 640px) {
        .onikakiage-present__button {
          position: static;
          width: 89%;
          height: auto;
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          margin: 0 auto 15px;
          line-height: 0; }
          .onikakiage-present__button:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 29.53%; } }
  .onikakiage-application {
    display: none;
    background: transparent url(/images/individual/onikakiage/onikakiage-application__bg.png) repeat;
    width: 985px;
    margin: 0 auto;
    padding: 110px 0 60px 0;
    line-height: 1.8; }
    @media only screen and (max-width: 640px) {
      .onikakiage-application {
        width: 100%;
        padding-bottom: 35px; } }
    .onikakiage-application__wrapper {
      width: 740px;
      margin: 0 auto; }
      @media only screen and (max-width: 640px) {
        .onikakiage-application__wrapper {
          width: 94%; } }
    .onikakiage-application__title {
      background: transparent url(/images/individual/onikakiage/onikakiage-application__title.png) no-repeat;
      width: 647px;
      height: 151px;
      margin: 0 auto 50px;
      font-size: 0;
      line-height: 0;
      text-indent: 200%;
      overflow: hidden; }
      @media only screen and (max-width: 640px) {
        .onikakiage-application__title {
          background-image: url(/images/individual/onikakiage/onikakiage-application__title@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 90%;
          height: auto;
          margin-bottom: 25px; }
          .onikakiage-application__title:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 23.12%; } }
    .onikakiage-application__body {
      line-height: 1.8; }
      @media only screen and (max-width: 640px) {
        .onikakiage-application__body {
          width: 94%;
          margin: 0 auto;
          font-size: 11px; } }
    .onikakiage-application__image {
      background: transparent url(/images/individual/onikakiage/onikakiage-application__image.png) no-repeat;
      width: 490px;
      height: 277px;
      margin: 30px auto 48px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-application__image {
          background-image: url(/images/individual/onikakiage/onikakiage-application__image@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 88%;
          height: auto;
          margin: 16px auto; }
          .onikakiage-application__image:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 56.44%; } }
    .onikakiage-application__button {
      display: block;
      background: transparent url(/images/individual/onikakiage/onikakiage-application__button.png) no-repeat;
      width: 740px;
      height: 75px;
      margin: 50px auto 77px;
      font-size: 0;
      line-height: 0;
      text-indent: 200%;
      overflow: hidden; }
      @media only screen and (max-width: 640px) {
        .onikakiage-application__button {
          background-image: url(/images/individual/onikakiage/onikakiage-application__button@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 100%;
          height: auto;
          margin: 20px auto 25px; }
          .onikakiage-application__button:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 23.21%; } }
    .onikakiage-application__line {
      width: 190px;
      margin: 0 auto 74px;
      border-top: 2px solid #003e20; }
      @media only screen and (max-width: 640px) {
        .onikakiage-application__line {
          width: 40%;
          margin-bottom: 30px; } }
    .onikakiage-application__title2 {
      background: transparent url(/images/individual/onikakiage/onikakiage-application__title2.png) no-repeat;
      width: 647px;
      height: 104px;
      margin: 0 auto 110px;
      font-size: 0;
      line-height: 0;
      text-indent: 200%;
      overflow: hidden; }
      @media only screen and (max-width: 640px) {
        .onikakiage-application__title2 {
          background-image: url(/images/individual/onikakiage/onikakiage-application__title2@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 90%;
          height: auto;
          margin-bottom: 34px; }
          .onikakiage-application__title2:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 24.18%; } }
    .onikakiage-application__table {
      margin-bottom: -70px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-application__table {
          font-size: 9px;
          margin-bottom: -20px; } }
      .onikakiage-application__table b {
        font-size: 18px;
        font-weight: bold; }
        @media only screen and (max-width: 640px) {
          .onikakiage-application__table b {
            display: block;
            font-size: 10px;
            text-align: center; } }
        .onikakiage-application__table b br {
          display: none; }
          @media only screen and (max-width: 640px) {
            .onikakiage-application__table b br {
              display: block; } }
      .onikakiage-application__table th {
        width: 160px;
        padding-bottom: 90px;
        color: #003e20;
        vertical-align: top; }
        @media only screen and (max-width: 640px) {
          .onikakiage-application__table th {
            display: block;
            width: auto;
            padding-bottom: 16px;
            font-size: 15px;
            text-align: center; } }
      .onikakiage-application__table td {
        padding-bottom: 90px; }
        @media only screen and (max-width: 640px) {
          .onikakiage-application__table td {
            display: block;
            padding-bottom: 30px; } }
    @media only screen and (max-width: 640px) {
      .onikakiage-application__center {
        text-align: center; } }
    .onikakiage-application__terms {
      margin-bottom: 22px;
      padding: 10px;
      border: 2px dotted #000000;
      font-size: 18px;
      font-weight: bold; }
      @media only screen and (max-width: 640px) {
        .onikakiage-application__terms {
          margin-bottom: 9px;
          font-size: 10px; } }
  .onikakiage-footer__image {
    background: transparent url(/images/individual/onikakiage/onikakiage-footer__image.png) no-repeat;
    width: 421px;
    height: 336px;
    margin: -25px auto -30px; }
    @media only screen and (max-width: 640px) {
      .onikakiage-footer__image {
        width: 60.93%;
        height: auto;
        background-image: url(/images/individual/onikakiage/onikakiage-footer__image@2x.png);
        -webkit-background-size: 100% 100%;
                background-size: 100%;
        margin: 0 auto 5%;
        line-height: 0; }
        .onikakiage-footer__image:after {
          content: "";
          display: block;
          height: 0;
          padding-top: 80.05%; } }
  .onikakiage-footer__product-button {
    position: relative;
    background: transparent url(/images/individual/onikakiage/onikakiage-footer__product-button.png) no-repeat;
    width: 370px;
    height: 67px;
    margin: 60px auto 10px; }
    .onikakiage-footer__product-button a {
      display: block;
      height: 100%; }
      @media only screen and (max-width: 640px) {
        .onikakiage-footer__product-button a {
          position: absolute;
          width: 100%;
          height: auto;
          padding-top: 23.51%; } }
    @media only screen and (max-width: 640px) {
      .onikakiage-footer__product-button {
        width: 57.81%;
        height: auto;
        background-image: url(/images/individual/onikakiage/onikakiage-footer__product-button@2x.png);
        -webkit-background-size: 100% 100%;
                background-size: 100%;
        margin: 0 auto 11%;
        line-height: 0; }
        .onikakiage-footer__product-button:after {
          content: "";
          display: block;
          height: 0;
          padding-top: 23.51%; } }
  .onikakiage-footer__buy-button {
    position: relative;
    background: transparent url(/images/individual/onikakiage/onikakiage-footer__buy-button.png) no-repeat;
    width: 280px;
    height: 50px;
    margin: -40px auto 40px; }
    .onikakiage-footer__buy-button a {
      display: block;
      height: 100%; }
      @media only screen and (max-width: 640px) {
        .onikakiage-footer__buy-button a {
          position: absolute;
          width: 100%;
          height: auto;
          padding-top: 17.85%; } }
    @media only screen and (max-width: 640px) {
      .onikakiage-footer__buy-button {
        width: 43.75%;
        height: auto;
        background-image: url(/images/individual/onikakiage/onikakiage-footer__buy-button@2x.png);
        -webkit-background-size: 100% 100%;
                background-size: 100%;
        margin: 11% auto 5%;
        line-height: 0; }
        .onikakiage-footer__buy-button:after {
          content: "";
          display: block;
          height: 0;
          padding-top: 17.85%; } }
  .onikakiage-sns {
    width: 182px;
    margin: 0 auto 100px; }
    .onikakiage-sns:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
      font-size: 0; }
    @media only screen and (max-width: 640px) {
      .onikakiage-sns {
        width: 144px;
        margin: 0 auto 40px; } }
    .onikakiage-sns__facebook, .onikakiage-sns__twitter, .onikakiage-sns__line {
      display: inline-block;
      float: left;
      background: transparent none no-repeat;
      width: 76px;
      height: 76px;
      margin-right: 30px; }
      @media only screen and (max-width: 640px) {
        .onikakiage-sns__facebook, .onikakiage-sns__twitter, .onikakiage-sns__line {
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 38px;
          height: 38px;
          margin-right: 15px; } }
      .onikakiage-sns__facebook a, .onikakiage-sns__twitter a, .onikakiage-sns__line a {
        display: block;
        width: 100%;
        height: 100%; }
    .onikakiage-sns__facebook {
      background-image: url(/images/individual/onikakiage/onikakiage-sns__facebook.png); }
      @media only screen and (max-width: 640px) {
        .onikakiage-sns__facebook {
          background-image: url(/images/individual/onikakiage/onikakiage-sns__facebook@2x.png); } }
    .onikakiage-sns__twitter {
      background-image: url(/images/individual/onikakiage/onikakiage-sns__twitter.png);
      margin-right: 0; }
      @media only screen and (max-width: 640px) {
        .onikakiage-sns__twitter {
          background-image: url(/images/individual/onikakiage/onikakiage-sns__twitter@2x.png);
          margin-right: 15px; } }
    @media only screen and (max-width: 640px) {
      .onikakiage-sns__line {
        background-image: url(/images/individual/onikakiage/onikakiage-sns__line@2x.png);
        margin-right: 0; } }
  .onikakiage-common__pc {
    display: block; }
    @media only screen and (max-width: 640px) {
      .onikakiage-common__pc {
        display: none; } }
  .onikakiage-common__sp {
    display: none; }
    @media only screen and (max-width: 640px) {
      .onikakiage-common__sp {
        display: block; } }
  .onikakiage-common__line {
    width: 195px;
    margin: 0 auto;
    border: 0;
    border-top: 2px solid #cbb364; }
    @media only screen and (max-width: 640px) {
      .onikakiage-common__line {
        width: 36%;
        margin: 0 auto;
        border: 0;
        border-top: 4px solid #cbb364; } }
  .onikakiage-common__blur {
    opacity: 0; }
  .onikakiage-common__fadein {
    opacity: 0; }
  .onikakiage-common__fadein-lassen {
    opacity: 0; }
  .onikakiage-common__wipe {
    position: relative; }
    .onikakiage-common__wipe:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      background-color: #000000;
      width: 100%;
      height: 100%;
      -webkit-transform: scaleX(1);
          -ms-transform: scaleX(1);
              transform: scaleX(1);
      -webkit-transform-origin: right top;
          -ms-transform-origin: right top;
              transform-origin: right top;
      -webkit-transition: all 0.4s cubic-bezier(0.75, 0.1, 0.25, 0.92);
              transition: all 0.4s cubic-bezier(0.75, 0.1, 0.25, 0.92); }
    .onikakiage-common__wipe--enter:before {
      -webkit-transform: scaleX(0);
          -ms-transform: scaleX(0);
              transform: scaleX(0); }
  .onikakiage-common__horizontal-line {
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top; }
  .onikakiage-common__close-button {
    background: transparent url(/images/individual/onikakiage/onikakiage-common__close-button.png) no-repeat;
    width: 45px;
    height: 53px;
    margin: 0 auto;
    cursor: pointer; }
    @media only screen and (max-width: 640px) {
      .onikakiage-common__close-button {
        background-image: url(/images/individual/onikakiage/onikakiage-common__close-button@2x.png);
        width: 9.6875%;
        margin: auto;
        height: auto;
        -webkit-background-size: 100% 100%;
                background-size: 100%;
        line-height: 0; }
        .onikakiage-common__close-button:after {
          content: "";
          display: block;
          height: 0;
          padding-top: 122.58%; } }
  .onikakiage-common__end-bar {
    background: transparent url(/images/individual/onikakiage/onikakiage-common__end-bar.png) no-repeat;
    width: 740px;
    height: 26px;
    margin: 0 auto; }
    @media only screen and (max-width: 640px) {
      .onikakiage-common__end-bar {
        background-image: url(/images/individual/onikakiage/onikakiage-common__end-bar@2x.png);
        width: 89%;
        margin: 3% auto 8%;
        height: auto;
        -webkit-background-size: 100% 100%;
                background-size: 100%;
        line-height: 0; }
        .onikakiage-common__end-bar:after {
          content: "";
          display: block;
          height: 0;
          padding-top: 5.35%; } }

/* fadein */
.fadein, .fdi-howto .fdiProcess .fdiProcess__item, .fdi-history .fdi-hero__item {
  display: block;
  opacity: 0;
  padding-top: 70px;
  margin-bottom: -70px; }

#fdiLoading {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/images/individual/fdi/fdi__bg1.png) repeat 0 0;
  z-index: 101; }
  #fdiLoading #loader {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 382px;
    height: 400px;
    margin-top: -200px;
    margin-left: -191px;
    z-index: 101; }

.fdi {
  position: relative;
  width: 100%;
  background: url(/images/individual/fdi/fdi__bg1.png) repeat 0 0;
  color: #fff;
  z-index: 0; }
  .fdi-loader__logo {
    width: 359px;
    height: 357px;
    margin: 0 auto 30px;
    background: url(/images/individual/fdi/fdi-loaging__img1.png) no-repeat 0 0; }
  .fdi-loader__txt {
    width: 160px;
    height: 19px;
    margin: 0 auto;
    background: url(/images/individual/fdi/fdi-loaging__txt1.png) no-repeat 0 0; }
  .fdi__hr {
    width: 985px;
    height: 10px;
    margin: 70px auto;
    border: none;
    background: url(/images/individual/fdi/fdi__hr1.png) no-repeat 0 0; }
  .fdi-header {
    position: relative; }
  .fdi #fdiMv {
    width: 100%; }
    .fdi #fdiMv .fdiMv__item {
      position: relative; }
      .fdi #fdiMv .fdiMv__item:before {
        content: "";
        position: relative;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 0;
        padding-top: 56.2%;
        z-index: 10; }
      .fdi #fdiMv .fdiMv__item--1 {
        background: url(/images/individual/fdi/fdi-mv__item1.jpg) no-repeat 0 0;
        -webkit-background-size: cover;
                background-size: cover; }
      .fdi #fdiMv .fdiMv__item--2 {
        background: url(/images/individual/fdi/fdi-mv__item2.jpg) no-repeat 0 0;
        -webkit-background-size: cover;
                background-size: cover; }
      .fdi #fdiMv .fdiMv__item--3 {
        background: url(/images/individual/fdi/fdi-mv__item3.jpg) no-repeat 0 0;
        -webkit-background-size: cover;
                background-size: cover; }
      .fdi #fdiMv .fdiMv__item--4 {
        background: url(/images/individual/fdi/fdi-mv__item4.jpg) no-repeat 0 0;
        -webkit-background-size: cover;
                background-size: cover; }
      .fdi #fdiMv .fdiMv__item--5 {
        background: url(/images/individual/fdi/fdi-mv__item5.jpg) no-repeat 0 0;
        -webkit-background-size: cover;
                background-size: cover; }
      .fdi #fdiMv .fdiMv__item .mv-logo {
        position: absolute;
        width: 22.4%;
        height: 40%;
        bottom: 30%;
        background: url(/images/individual/fdi/fdi-mv__logo1.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .fdi #fdiMv .fdiMv__item--1 .mv-logo {
        left: 17%; }
      .fdi #fdiMv .fdiMv__item--1 .animeFdi {
        left: 50.5%;
        bottom: 51%; }
      .fdi #fdiMv .fdiMv__item--2 .mv-logo {
        right: 17%; }
      .fdi #fdiMv .fdiMv__item--2 .animeFdi {
        left: 50.5%;
        bottom: 51%; }
      .fdi #fdiMv .fdiMv__item--3 .mv-logo {
        right: 17%; }
      .fdi #fdiMv .fdiMv__item--3 .animeFdi {
        left: 49.7%;
        bottom: 51%; }
      .fdi #fdiMv .fdiMv__item--4 .mv-logo {
        left: 17%; }
      .fdi #fdiMv .fdiMv__item--4 .animeFdi {
        left: 50%;
        bottom: 51%; }
      .fdi #fdiMv .fdiMv__item--5 .mv-logo {
        left: 17%; }
      .fdi #fdiMv .fdiMv__item--5 .animeFdi {
        left: 50%;
        bottom: 51%; }
      .fdi #fdiMv .fdiMv__item .animeFdi {
        position: absolute;
        z-index: 10; }
        .fdi #fdiMv .fdiMv__item .animeFdi--1 {
          width: 7.7%;
          height: 38%;
          margin-left: -3.85%; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1 div {
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--1 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--1.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--2 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--2.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--3 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--3.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--4 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--4.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--5 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--5.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--6 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--6.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--7 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--7.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--8 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--8.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--9 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--9.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--10 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--10.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--11 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--11.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--12 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--12.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--13 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--13.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--14 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--14.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--15 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--15.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--16 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--16.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--17 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--17.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--18 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--18.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--19 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--19.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--20 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--20.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--21 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--21.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--22 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--22.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--23 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--23.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--24 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--24.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--25 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--25.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--26 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--26.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--27 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--27.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--28 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--28.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--29 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--29.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--30 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--30.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--31 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--31.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--32 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--32.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--33 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--33.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--34 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--34.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--35 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--35.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--36 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--36.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--37 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--37.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--38 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--38.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--39 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--39.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--40 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--40.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--41 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--41.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--42 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--42.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--43 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--43.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--44 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--44.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--45 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--45.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--46 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--46.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--47 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--47.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--48 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--48.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--49 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--49.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--50 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--50.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--51 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--51.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--52 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--52.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--53 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--53.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--54 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--54.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--55 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--55.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--56 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--56.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--1__item--57 {
            background: url(/images/individual/fdi/mov-don2/fdi-don1__item--57.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
        .fdi #fdiMv .fdiMv__item .animeFdi--2 {
          width: 7.5%;
          height: 19.7%;
          margin-left: -3.75%; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2 div {
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--1 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--1.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--2 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--2.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--3 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--3.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--4 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--4.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--5 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--5.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--6 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--6.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--7 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--7.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--8 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--8.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--9 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--9.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--10 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--10.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--11 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--11.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--12 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--12.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--13 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--13.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--14 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--14.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--15 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--15.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--16 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--16.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--17 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--17.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--18 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--18.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--19 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--19.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--20 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--20.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--21 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--21.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--22 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--22.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--23 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--23.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--24 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--24.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--25 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--25.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--26 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--26.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--27 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--27.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--28 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--28.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--29 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--29.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--30 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--30.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--31 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--31.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--32 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--32.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--33 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--33.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--34 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--34.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--35 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--35.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--36 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--36.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--37 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--37.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--38 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--38.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--39 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--39.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--40 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--40.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--41 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--41.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--42 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--42.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--43 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--43.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--44 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--44.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--45 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--45.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
          .fdi #fdiMv .fdiMv__item .animeFdi--2__item--46 {
            background: url(/images/individual/fdi/mov-don3/fdi-don1__item--46.png) no-repeat center 0;
            -webkit-background-size: contain;
                    background-size: contain; }
    .fdi #fdiMv .slick-prev,
    .fdi #fdiMv .slick-next {
      position: absolute;
      width: 40px;
      height: 38px;
      top: 0;
      bottom: 0;
      margin: auto;
      z-index: 1000; }
      .fdi #fdiMv .slick-prev:before,
      .fdi #fdiMv .slick-next:before {
        content: normal; }
    .fdi #fdiMv .slick-prev {
      background: url(/images/individual/fdi/fdi-mv__arrow--prev.png) no-repeat 0 0;
      left: 20px; }
    .fdi #fdiMv .slick-next {
      background: url(/images/individual/fdi/fdi-mv__arrow--next.png) no-repeat 0 0;
      right: 20px; }
  .fdi__title {
    margin: 0;
    height: 0; }
  .fdi__scroll {
    position: absolute;
    width: 106px;
    height: 41px;
    bottom: 22px;
    right: 0;
    left: 0;
    margin: auto;
    background: url(/images/individual/fdi/fdi-mv__txt1.png) no-repeat 0 0;
    line-height: 0;
    z-index: 1000; }
  .fdi-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1001; }
  .fdi #fdiOverlay--1 {
    background: url(/images/individual/fdi/fdi-question__bg1.png) repeat 0 0; }
  .fdi #fdiOverlay--2 {
    background: url(/images/individual/fdi/fdi__bg1.png) repeat 0 0; }
  .fdi-question {
    display: none;
    position: fixed;
    width: 100%;
    height: 614px;
    top: 50%;
    left: 0;
    margin-top: -307px;
    z-index: 1001; }
    .fdi-question__ttl--1 {
      width: 590px;
      height: 92px;
      margin: 0 auto 90px;
      background: url(/images/individual/fdi/fdi-question__txt1.png) no-repeat 0 0; }
    .fdi-question__ttl--2 {
      width: 573px;
      height: 585px;
      margin: 0 auto;
      background: url(/images/individual/fdi/fdi-question__txt4.png) no-repeat 0 116px; }
    .fdi-question__img--1 {
      width: 525px;
      height: 130px;
      margin: 0 auto 65px;
      background: url(/images/individual/fdi/fdi-question__img1.png) no-repeat 0 0; }
    .fdi-question__img--2, .fdi-question__img--3 {
      position: absolute;
      width: 530px;
      height: 124px;
      right: 0;
      bottom: 247px;
      left: 0;
      margin: auto; }
    .fdi-question__img--2 {
      background: url(/images/individual/fdi/fdi-question__img2.png) no-repeat 0 0; }
    .fdi-question__img--3 div {
      width: 100%;
      height: 100%;
      background: url(/images/individual/fdi/fdi-question__img3.png) no-repeat 0 0;
      -webkit-background-size: 100% auto;
              background-size: 100% auto; }
  .fdi-choice {
    width: 640px;
    margin: 0 auto;
    padding: 0; }
    .fdi-choice__item {
      float: left;
      width: 280px;
      margin-right: 40px;
      list-style: none; }
      .fdi-choice__item a {
        position: relative;
        display: block;
        height: 50px;
        margin: 0 0 0 auto; }
      .fdi-choice__item--1 a {
        width: 240px;
        background: url(/images/individual/fdi/fdi-question__txt2.png) no-repeat 90px 0; }
      .fdi-choice__item--2 a {
        width: 230px;
        background: url(/images/individual/fdi/fdi-question__txt3.png) no-repeat 100px 0; }
    .fdi-choice__arrow {
      position: absolute;
      display: block;
      width: 90px;
      height: 40px;
      left: 0;
      top: 5px;
      background: url(/images/individual/fdi/fdi-question__arrow1.png) no-repeat 0 0; }
  .fdi-tuu {
    position: relative;
    height: 1335px;
    padding-top: 60px;
    background: url(/images/individual/fdi/fdi-tuu__bg1.png) no-repeat 0 0;
    -webkit-background-size: cover;
            background-size: cover; }
    .fdi-tuu__logo {
      width: 617px;
      height: 615px;
      margin: 0 auto 10px;
      background-image: url(/images/individual/fdi/fdi__logo2.png); }
    .fdi-tuu__txt {
      position: absolute;
      top: 880px;
      left: 0;
      right: 0;
      width: 687px;
      height: 190px;
      margin: auto;
      background-image: url(/images/individual/fdi/fdi-tuu__txt1.png); }
    .fdi-tuu-mov {
      position: relative;
      width: 640px;
      height: 650px;
      overflow: hidden;
      margin: 0 auto; }
      .fdi-tuu-mov__item {
        position: absolute;
        opacity: 0; }
        .fdi-tuu-mov__item--1 {
          width: 214px;
          height: 240px;
          top: 35px;
          left: 215px;
          background: url(/images/individual/fdi/fdi-tuu__img1.gif) no-repeat 0 0; }
        .fdi-tuu-mov__item--2 {
          width: 99px;
          height: 113px;
          top: 65px;
          left: 95px;
          margin-left: -99px; }
          .fdi-tuu-mov__item--2 div {
            width: 99px;
            height: 113px;
            background: url(/images/individual/fdi/fdi-tuu__img2.png) no-repeat 0 0; }
        .fdi-tuu-mov__item--3 {
          width: 86px;
          height: 84px;
          top: 74px;
          right: 100px;
          margin-right: -100px; }
          .fdi-tuu-mov__item--3 div {
            width: 86px;
            height: 84px;
            background: url(/images/individual/fdi/fdi-tuu__img3.png) no-repeat 0 0; }
        .fdi-tuu-mov__item--4 {
          width: 120px;
          height: 218px;
          bottom: 0;
          left: 250px; }
        .fdi-tuu-mov__item--5 {
          width: 166px;
          height: 248px;
          bottom: 0;
          left: 75px;
          margin-left: -75px;
          background: url(/images/individual/fdi/fdi-tuu__img5.png) no-repeat 0 0; }
        .fdi-tuu-mov__item--6 {
          width: 160px;
          height: 248px;
          bottom: 0;
          right: 80px;
          margin-right: -80px;
          background: url(/images/individual/fdi/fdi-tuu__img6.png) no-repeat 0 0; }
    .fdi-tuu-dryer__item {
      position: absolute; }
      .fdi-tuu-dryer__item--1 {
        width: 120px;
        height: 101px;
        bottom: 3px;
        left: 0;
        background: url(/images/individual/fdi/fdi-tuu__img4.png); }
      .fdi-tuu-dryer__item--2 {
        width: 48px;
        height: 54px;
        bottom: 115px;
        right: 10px; }
        .fdi-tuu-dryer__item--2 div {
          width: 48px;
          height: 54px;
          background: url(/images/individual/fdi/fdi-tuu__img4--a.png) no-repeat 0 100%; }
      .fdi-tuu-dryer__item--3 {
        width: 42px;
        height: 42px;
        bottom: 185px;
        right: 11px; }
        .fdi-tuu-dryer__item--3 div {
          width: 42px;
          height: 42px;
          background: url(/images/individual/fdi/fdi-tuu__img4--b.png) no-repeat 0 100%; }
  .fdi-portrait {
    position: relative;
    width: 100%;
    height: 720px;
    background: url(/images/individual/fdi/fdi-tuu__img7.jpg) no-repeat center 0;
    -webkit-background-size: cover;
            background-size: cover; }
    .fdi-portrait #fdiMovDon1 {
      position: absolute;
      width: 76px;
      height: 166px;
      left: 50%;
      bottom: 65%;
      margin-left: -38px; }
      .fdi-portrait #fdiMovDon1 div {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
      .fdi-portrait #fdiMovDon1__item--1 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--1.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--2 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--2.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--3 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--3.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--4 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--4.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--5 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--5.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--6 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--6.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--7 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--7.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--8 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--8.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--9 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--9.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--10 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--10.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--11 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--11.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--12 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--12.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--13 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--13.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--14 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--14.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--15 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--15.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--16 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--16.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--17 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--17.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--18 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--18.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--19 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--19.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--20 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--20.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--21 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--21.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--22 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--22.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--23 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--23.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--24 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--24.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--25 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--25.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--26 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--26.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--27 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--27.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--28 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--28.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--29 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--29.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--30 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--30.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--31 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--31.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--32 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--32.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--33 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--33.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--34 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--34.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--35 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--35.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--36 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--36.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--37 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--37.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--38 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--38.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--39 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--39.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--40 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--40.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--41 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--41.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--42 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--42.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--43 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--43.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--44 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--44.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--45 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--45.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--46 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--46.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--47 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--47.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--48 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--48.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--49 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--49.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--50 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--50.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--51 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--51.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--52 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--52.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--53 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--53.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--54 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--54.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--55 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--55.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--56 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--56.png) no-repeat 0 0; }
      .fdi-portrait #fdiMovDon1__item--57 {
        background: url(/images/individual/fdi/mov-don1/fdi-don1__item--57.png) no-repeat 0 0; }
  .fdi-howto {
    padding-top: 85px; }
    .fdi-howto__ttl {
      width: 670px;
      height: 163px;
      margin: 0 auto 40px;
      background: url(/images/individual/fdi/fdi-howto__ttl1.png) no-repeat 0 0; }
    .fdi-howto .fdi-howto-mov {
      position: relative;
      width: 640px;
      height: 720px;
      margin: 0 auto 50px;
      overflow: hidden; }
      .fdi-howto .fdi-howto-mov__item {
        position: absolute;
        width: 640px;
        height: 720px;
        top: 0; }
        .fdi-howto .fdi-howto-mov__item--1 {
          left: -640px;
          background-image: url(/images/individual/fdi/fdi-howto__img1.png); }
        .fdi-howto .fdi-howto-mov__item--2 {
          right: -640px;
          background-image: url(/images/individual/fdi/fdi-howto__img2.png); }
      .fdi-howto .fdi-howto-mov #fdiHowtoMov {
        position: relative;
        display: none; }
        .fdi-howto .fdi-howto-mov #fdiHowtoMov div {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0; }
        .fdi-howto .fdi-howto-mov #fdiHowtoMov #fdiHowtoMov--0 {
          background: url(/images/individual/fdi/fdi-howto__img3--0.png) no-repeat 0 0; }
        .fdi-howto .fdi-howto-mov #fdiHowtoMov #fdiHowtoMov--1 {
          background: url(/images/individual/fdi/fdi-howto__img3--1.png) no-repeat 0 0; }
        .fdi-howto .fdi-howto-mov #fdiHowtoMov #fdiHowtoMov--2 {
          background: url(/images/individual/fdi/fdi-howto__img3--2.png) no-repeat 0 0; }
        .fdi-howto .fdi-howto-mov #fdiHowtoMov #fdiHowtoMov--3 {
          background: url(/images/individual/fdi/fdi-howto__img3--3.png) no-repeat 0 0; }
        .fdi-howto .fdi-howto-mov #fdiHowtoMov #fdiHowtoMov--4 {
          background: url(/images/individual/fdi/fdi-howto__img3--4.png) no-repeat 0 0; }
        .fdi-howto .fdi-howto-mov #fdiHowtoMov #fdiHowtoMov--5 {
          background: url(/images/individual/fdi/fdi-howto__img3--5.png) no-repeat 0 0; }
        .fdi-howto .fdi-howto-mov #fdiHowtoMov #fdiHowtoMov--6 {
          background: url(/images/individual/fdi/fdi-howto__img3--6.png) no-repeat 0 0; }
        .fdi-howto .fdi-howto-mov #fdiHowtoMov #fdiHowtoMov--7 {
          background: url(/images/individual/fdi/fdi-howto__img3--7.png) no-repeat 0 0; }
    .fdi-howto .fdiProcess {
      width: 440px;
      height: 260px;
      overflow: hidden;
      margin: 0 auto;
      padding: 0; }
      .fdi-howto .fdiProcess .fdiProcess__item div {
        position: relative;
        float: right;
        width: 195px;
        height: 280px; }
      .fdi-howto .fdiProcess .fdiProcess__item .fdiProcess__arrow {
        display: none;
        position: absolute;
        width: 65px;
        height: 39px;
        top: 36px;
        left: 44px;
        background: url(/images/individual/fdi/fdi-howto__arrow1.png) no-repeat 0 0; }
      .fdi-howto .fdiProcess .fdiProcess__item--3 {
        width: 50px; }
      .fdi-howto .fdiProcess .fdiProcess__item--1 div {
        background: url(/images/individual/fdi/fdi-howto__txt1.png) no-repeat 100% 0; }
      .fdi-howto .fdiProcess .fdiProcess__item--2 div {
        background: url(/images/individual/fdi/fdi-howto__txt2.png) no-repeat 100% 0; }
      .fdi-howto .fdiProcess .fdiProcess__item--3 div {
        background: url(/images/individual/fdi/fdi-howto__txt3.png) no-repeat 100% 0; }
    .fdi-howto__note {
      width: 463px;
      height: 75px;
      margin: 0 auto;
      background: url(/images/individual/fdi/fdi-howto__txt4.png) no-repeat 0 0; }
    .fdi-howto__recommend {
      padding-top: 20px; }
      .fdi-howto__recommend a {
        display: block;
        width: 311px;
        height: 22px;
        margin: 0 auto 10px;
        background: url(/images/individual/fdi/fdi-howto__txt5.png) no-repeat 0 0; }
    .fdi-howto__note--blank {
      display: block;
      width: 162px;
      height: 14px;
      margin: 0 auto;
      background: url(/images/individual/fdi/fdi-howto__txt6.png) no-repeat 0 0; }
  .fdi-trick__ttl {
    width: 670px;
    height: 163px;
    margin: 0 auto 30px;
    background: url(/images/individual/fdi/fdi-trick__ttl1.png) no-repeat 0 0; }
  .fdi-trick .fdiTricksList__wrap {
    width: 966px;
    height: 770px;
    margin: 0 auto;
    background: url(/images/individual/fdi/fdi-trick__bg1.png) no-repeat 0 0; }
  .fdi-trick #fdiTricksList {
    width: 966px;
    margin: 0 auto; }
    .fdi-trick #fdiTricksList .trickItem {
      position: relative;
      height: 770px; }
      .fdi-trick #fdiTricksList .trickItem__bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 966px;
        height: 770px;
        margin: 0 auto; }
      .fdi-trick #fdiTricksList .trickItem img {
        position: relative;
        display: block;
        width: 40.5%;
        height: auto;
        margin: 0 auto;
        z-index: 6; }
      .fdi-trick #fdiTricksList .trickItem__loading {
        position: absolute;
        top: 30%;
        right: 0;
        left: 0;
        width: 100px;
        height: 100px;
        margin: auto;
        background: url(/images/individual/fdi/fdi__loader.gif) no-repeat center center;
        z-index: 5; }
      .fdi-trick #fdiTricksList .trickItem__txt {
        position: absolute;
        width: 425px;
        height: 153px;
        right: 0;
        bottom: 130px;
        left: 0;
        margin: auto;
        z-index: 7; }
      .fdi-trick #fdiTricksList .trickItem--1 .trickItem__bg {
        background: url(/images/individual/fdi/fdi-trick__bg1.png) no-repeat 0 0; }
      .fdi-trick #fdiTricksList .trickItem--1 .trickItem__txt {
        background: url(/images/individual/fdi/fdi-trick__txt1.png) no-repeat 0 0; }
        .fdi-trick #fdiTricksList .trickItem--1 .trickItem__txt span {
          display: block;
          height: 0; }
      .fdi-trick #fdiTricksList .trickItem--2 .trickItem__bg {
        background: url(/images/individual/fdi/fdi-trick__bg2.png) no-repeat 0 0; }
      .fdi-trick #fdiTricksList .trickItem--2 .trickItem__txt {
        background: url(/images/individual/fdi/fdi-trick__txt2.png) no-repeat 0 0; }
        .fdi-trick #fdiTricksList .trickItem--2 .trickItem__txt span {
          display: block;
          height: 0; }
      .fdi-trick #fdiTricksList .trickItem--3 .trickItem__bg {
        background: url(/images/individual/fdi/fdi-trick__bg3.png) no-repeat 0 0; }
      .fdi-trick #fdiTricksList .trickItem--3 .trickItem__txt {
        background: url(/images/individual/fdi/fdi-trick__txt3.png) no-repeat 0 0; }
        .fdi-trick #fdiTricksList .trickItem--3 .trickItem__txt span {
          display: block;
          height: 0; }
      .fdi-trick #fdiTricksList .trickItem--4 .trickItem__bg {
        background: url(/images/individual/fdi/fdi-trick__bg4.png) no-repeat 0 0; }
      .fdi-trick #fdiTricksList .trickItem--4 .trickItem__txt {
        background: url(/images/individual/fdi/fdi-trick__txt4.png) no-repeat 0 0; }
        .fdi-trick #fdiTricksList .trickItem--4 .trickItem__txt span {
          display: block;
          height: 0; }
      .fdi-trick #fdiTricksList .trickItem--5 .trickItem__bg {
        background: url(/images/individual/fdi/fdi-trick__bg5.png) no-repeat 0 0; }
      .fdi-trick #fdiTricksList .trickItem--5 .trickItem__txt {
        background: url(/images/individual/fdi/fdi-trick__txt5.png) no-repeat 0 0; }
        .fdi-trick #fdiTricksList .trickItem--5 .trickItem__txt span {
          display: block;
          height: 0; }
      .fdi-trick #fdiTricksList .trickItem--6 .trickItem__bg {
        background: url(/images/individual/fdi/fdi-trick__bg6.png) no-repeat 0 0; }
      .fdi-trick #fdiTricksList .trickItem--6 .trickItem__txt {
        background: url(/images/individual/fdi/fdi-trick__txt6.png) no-repeat 0 0; }
        .fdi-trick #fdiTricksList .trickItem--6 .trickItem__txt span {
          display: block;
          height: 0; }
      .fdi-trick #fdiTricksList .trickItem-sns {
        position: absolute;
        width: 100%;
        bottom: 30px;
        margin: auto; }
        .fdi-trick #fdiTricksList .trickItem-sns__ttl {
          width: 136px;
          height: 18px;
          margin: 0 auto;
          background: url(/images/individual/fdi/fdi-trick__txt7.png) no-repeat 0 0; }
          .fdi-trick #fdiTricksList .trickItem-sns__ttl span {
            display: block;
            height: 0; }
        .fdi-trick #fdiTricksList .trickItem-sns .sns-list {
          height: 32px;
          padding: 0;
          text-align: center; }
          .fdi-trick #fdiTricksList .trickItem-sns .sns-list__item {
            display: inline-block;
            width: 32px;
            height: 32px; }
            .fdi-trick #fdiTricksList .trickItem-sns .sns-list__item a {
              display: block;
              width: 32px;
              height: 32px; }
            .fdi-trick #fdiTricksList .trickItem-sns .sns-list__item--fb a {
              background: url(/images/individual/fdi/fdi-sns__ico--fb1.png) no-repeat 0 0; }
            .fdi-trick #fdiTricksList .trickItem-sns .sns-list__item--tw {
              margin: 0 10px; }
              .fdi-trick #fdiTricksList .trickItem-sns .sns-list__item--tw a {
                background: url(/images/individual/fdi/fdi-sns__ico--tw1.png) no-repeat 0 0; }
    .fdi-trick #fdiTricksList .slick-prev,
    .fdi-trick #fdiTricksList .slick-next {
      position: absolute;
      width: 43px;
      height: 40px;
      bottom: 85%;
      margin: auto;
      z-index: 1000; }
      .fdi-trick #fdiTricksList .slick-prev:before,
      .fdi-trick #fdiTricksList .slick-next:before {
        content: normal; }
    .fdi-trick #fdiTricksList .slick-prev {
      background-image: url(/images/individual/fdi/fdi-trick__arrow--prev.png);
      left: 210px; }
    .fdi-trick #fdiTricksList .slick-next {
      background-image: url(/images/individual/fdi/fdi-trick__arrow--next.png);
      right: 210px; }
    .fdi-trick #fdiTricksList .slick-dots {
      bottom: 0;
      height: 21px;
      line-height: 0;
      z-index: 1000; }
      .fdi-trick #fdiTricksList .slick-dots li {
        width: 21px;
        height: 21px;
        margin: 0 10px; }
        .fdi-trick #fdiTricksList .slick-dots li button:before {
          width: 21px;
          height: 21px;
          background: url(/images/individual/fdi/fdi-trick__dots.png) no-repeat 0 0; }
      .fdi-trick #fdiTricksList .slick-dots .slick-active button:before {
        background: url(/images/individual/fdi/fdi-trick__dots--active.png) no-repeat 0 0; }
  .fdi-history {
    padding-bottom: 120px;
    background: url(/images/individual/fdi/fdi-history__img5.png) no-repeat 0 100%;
    -webkit-background-size: 100% auto;
            background-size: 100% auto; }
    .fdi-history__ttl {
      width: 669px;
      height: 173px;
      margin: 0 auto 25px;
      background: url(/images/individual/fdi/fdi-history__ttl1.png) no-repeat 0 0; }
    .fdi-history .fdi-hero {
      padding-bottom: 30px;
      text-align: center; }
      .fdi-history .fdi-hero__item {
        display: inline-block;
        width: 280px;
        height: 386px; }
        .fdi-history .fdi-hero__item--1 div {
          width: 280px;
          height: 386px;
          background: url(/images/individual/fdi/fdi-history__img1.png) no-repeat center 0; }
        .fdi-history .fdi-hero__item--2 div {
          width: 280px;
          height: 386px;
          background: url(/images/individual/fdi/fdi-history__img2.png) no-repeat center 0; }
        .fdi-history .fdi-hero__item--3 div {
          width: 280px;
          height: 386px;
          background: url(/images/individual/fdi/fdi-history__img3.png) no-repeat center 0; }
    .fdi-history__hr {
      height: 39px;
      margin: 30px 0;
      border: none;
      background: url(/images/individual/fdi/fdi-history__hr1.png) no-repeat center 0; }
    .fdi-history__catch {
      width: 830px;
      height: 117px;
      margin: 0 auto 15px;
      background: url(/images/individual/fdi/fdi-history__txt1.png) no-repeat 0 0; }
    .fdi-history .history-contents__wrap {
      position: relative;
      padding-bottom: 180px; }
      .fdi-history .history-contents__wrap .history-contents {
        position: relative;
        width: 830px;
        height: 500px;
        margin: 0 auto;
        overflow: hidden; }
        .fdi-history .history-contents__wrap .history-contents__cover {
          position: absolute;
          left: 0;
          bottom: -10px;
          width: 100%;
          height: 229px;
          background: url(/images/individual/fdi/fdi-history__bg1.png) repeat-x 0 0; }
        .fdi-history .history-contents__wrap .history-contents__body {
          display: none;
          padding: 35px 0;
          font-size: 1rem;
          line-height: 2.3; }
          .fdi-history .history-contents__wrap .history-contents__body--1 {
            display: block; }
        .fdi-history .history-contents__wrap .history-contents__ttl {
          position: relative;
          height: 31px;
          margin: 0 auto 50px;
          padding: 55px 80px 0; }
          .fdi-history .history-contents__wrap .history-contents__ttl:before {
            position: absolute;
            display: block;
            content: "";
            width: 101px;
            height: 83px;
            top: 0;
            left: 0;
            background: url(/images/individual/fdi/fdi-history__img4.png) no-repeat 0 0; }
          .fdi-history .history-contents__wrap .history-contents__ttl--1 {
            width: 546px;
            background: url(/images/individual/fdi/fdi-history__ttl2.png) no-repeat center 100%; }
          .fdi-history .history-contents__wrap .history-contents__ttl--2 {
            width: 374px;
            background: url(/images/individual/fdi/fdi-history__ttl3.png) no-repeat center 100%; }
          .fdi-history .history-contents__wrap .history-contents__ttl--3 {
            width: 229px;
            background: url(/images/individual/fdi/fdi-history__ttl4.png) no-repeat center 100%; }
          .fdi-history .history-contents__wrap .history-contents__ttl--4 {
            width: 353px;
            background: url(/images/individual/fdi/fdi-history__ttl5.png) no-repeat center 100%; }
          .fdi-history .history-contents__wrap .history-contents__ttl--5 {
            width: 170px;
            background: url(/images/individual/fdi/fdi-history__ttl6.png) no-repeat center 100%; }
          .fdi-history .history-contents__wrap .history-contents__ttl--6 {
            width: 430px;
            background: url(/images/individual/fdi/fdi-history__ttl7.png) no-repeat center 100%; }
        .fdi-history .history-contents__wrap .history-contents__img {
          width: 830px;
          height: 612px;
          margin: 40px auto 0; }
          .fdi-history .history-contents__wrap .history-contents__img--1 {
            height: 340px;
            background: url(/images/individual/fdi/fdi-history__img6.png) no-repeat center 0; }
          .fdi-history .history-contents__wrap .history-contents__img--2 {
            background: url(/images/individual/fdi/fdi-history__img7.png) no-repeat center 0; }
          .fdi-history .history-contents__wrap .history-contents__img--3 {
            background: url(/images/individual/fdi/fdi-history__img8.png) no-repeat center 0; }
          .fdi-history .history-contents__wrap .history-contents__img--4 {
            background: url(/images/individual/fdi/fdi-history__img9.png) no-repeat center 0; }
          .fdi-history .history-contents__wrap .history-contents__img--5 {
            background: url(/images/individual/fdi/fdi-history__img10.png) no-repeat center 0; }
        .fdi-history .history-contents__wrap .history-contents__btn {
          position: absolute;
          z-index: 11;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          width: 270px;
          height: 150px; }
          .fdi-history .history-contents__wrap .history-contents__btn a {
            display: block; }
          .fdi-history .history-contents__wrap .history-contents__btn .history-contents__arrow {
            position: absolute;
            left: 0;
            right: 0;
            display: block;
            width: 32px;
            height: 44px;
            margin: auto; }
          .fdi-history .history-contents__wrap .history-contents__btn--open a {
            width: 270px;
            height: 80px;
            margin: 0 auto;
            background: url(/images/individual/fdi/fdi-history__txt2.png) no-repeat 0 0; }
          .fdi-history .history-contents__wrap .history-contents__btn--open .history-contents__arrow {
            top: 100px;
            background: url(/images/individual/fdi/fdi-history__arrow--down.png) no-repeat 0 100%; }
          .fdi-history .history-contents__wrap .history-contents__btn--close {
            display: none; }
            .fdi-history .history-contents__wrap .history-contents__btn--close a {
              width: 108px;
              height: 79px;
              margin: 60px auto 0;
              background: url(/images/individual/fdi/fdi-history__txt3.png) no-repeat 0 0; }
            .fdi-history .history-contents__wrap .history-contents__btn--close .history-contents__arrow {
              top: 0;
              background: url(/images/individual/fdi/fdi-history__arrow--up.png) no-repeat 0 100%; }
  .fdi-join {
    position: relative;
    padding-top: 70px;
    padding-bottom: 150px; }
    .fdi-join-img {
      position: relative;
      width: 640px;
      height: 206px;
      margin: 0 auto -17px;
      overflow: hidden; }
      .fdi-join-img__item {
        position: absolute; }
        .fdi-join-img__item--1 {
          width: 266px;
          height: 164px;
          top: -200px;
          left: -266px;
          background: url(/images/individual/fdi/fdi-join__img1.png) no-repeat 0 0; }
        .fdi-join-img__item--2 {
          width: 256px;
          height: 163px;
          top: -200px;
          right: -256px;
          background: url(/images/individual/fdi/fdi-join__img2.png) no-repeat 0 0; }
    .fdi-join__ttl {
      width: 513px;
      height: 159px;
      margin: 0 auto 35px;
      background: url(/images/individual/fdi/fdi-join__ttl1.png) no-repeat 0 0;
      opacity: 0; }
    .fdi-join__txt {
      width: 540px;
      height: 62px;
      margin: 0 auto 40px;
      background: url(/images/individual/fdi/fdi-join__txt1.png) no-repeat 0 0; }
    .fdi-join__btn a {
      display: block;
      width: 519px;
      height: 115px;
      margin: 0 auto 20px;
      background: url(/images/individual/fdi/fdi-join__btn1.png) no-repeat 0 0; }
      .fdi-join__btn a:hover {
        background: url(/images/individual/fdi/fdi-join__btn1--ov.png) no-repeat 0 0; }
    .fdi-join__key {
      width: 192px;
      height: 76px;
      margin: 0 auto; }
      .fdi-join__key div {
        width: 192px;
        height: 76px;
        background: url(/images/individual/fdi/fdi-join__img3.png) no-repeat 0 0; }
  .fdi-event {
    padding-bottom: 70px; }
    .fdi-event__ttl {
      width: 670px;
      height: 185px;
      margin: 0 auto 20px;
      background: url(/images/individual/fdi/fdi-event__ttl1.png) no-repeat 0 0; }
    .fdi-event__lead {
      width: 269px;
      height: 20px;
      margin: 0 auto 20px;
      background: url(/images/individual/fdi/fdi-event__txt1.png) no-repeat 0 0; }
    .fdi-event__widget {
      width: 738px;
      margin: 0 auto;
      border-radius: 3px; }
    .fdi-event #twitter-widget-0 {
      width: 738px !important;
      background-color: #2c2c2c;
      border-radius: 5px; }
  .fdi-footer-img {
    position: relative;
    width: 1163px;
    height: 1590px;
    margin: 0 auto; }
    .fdi-footer-img__ttl {
      position: absolute;
      width: 1021px;
      height: 89px;
      top: 0;
      right: 0;
      left: 0;
      margin: auto;
      background: url(/images/individual/fdi/fdi-footer__txt1.png) no-repeat 0 0;
      z-index: 11; }
    .fdi-footer-img__txt {
      position: absolute;
      width: 1163px;
      height: 284px;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
      background: url(/images/individual/fdi/fdi-footer__txt2.png) no-repeat 0 0;
      z-index: 11; }
    .fdi-footer-img__item {
      position: absolute;
      margin: auto;
      z-index: 10; }
      .fdi-footer-img__item--1 {
        width: 1141px;
        height: 772px;
        bottom: 200px;
        right: 0;
        left: 0;
        background: url(/images/individual/fdi/fdi-footer__img1.png) no-repeat 0 0; }
      .fdi-footer-img__item--2 {
        width: 348px;
        height: 350px;
        top: 80px;
        left: -40px; }
        .fdi-footer-img__item--2 div {
          width: 348px;
          height: 350px;
          background: url(/images/individual/fdi/fdi-footer__img2.png) no-repeat 0 0; }
      .fdi-footer-img__item--3 {
        width: 240px;
        height: 241px;
        top: 150px;
        right: 25px; }
        .fdi-footer-img__item--3 div {
          width: 240px;
          height: 241px;
          background: url(/images/individual/fdi/fdi-footer__img3.png) no-repeat 0 0; }
      .fdi-footer-img__item--4 {
        width: 798px;
        height: 1210px;
        top: -40px;
        right: 0;
        left: 0;
        background: url(/images/individual/fdi/fdi-footer__img4.gif) no-repeat 0 0; }
      .fdi-footer-img__item--5 {
        width: 100px;
        height: 180px;
        top: 635px;
        left: 70px;
        background: url(/images/individual/fdi/fdi-footer__img5.gif) no-repeat 0 0; }
      .fdi-footer-img__item--6 {
        width: 110px;
        height: 160px;
        top: 660px;
        right: 70px;
        background: url(/images/individual/fdi/fdi-footer__img6.gif) no-repeat 0 0; }

.bocchi-walker {
  padding-right: 1rem;
  padding-left: 1rem; }

.bocchi-walker * {
  margin: 0;
  padding: 0; }

.bocchi-walker ul {
  list-style: none; }

.bocchi-walker img {
  max-width: 100%;
  vertical-align: middle; }

.bocchi-walker a img {
  border: 0; }

.bocchi-walker button {
  background-color: transparent;
  border: 0;
  cursor: pointer; }

.bocchi-walker .Bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1; }
  .bocchi-walker .Bg_base {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("/images/individual/bocchi-walker/Bg_base.png");
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover; }
  .bocchi-walker .Bg_blur {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("/images/individual/bocchi-walker/Bg_blur.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    opacity: 0; }
  .bocchi-walker .Bg_snowParticle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .bocchi-walker .Bg_backParticle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("/images/individual/bocchi-walker/Bg_backParticle.png");
    background-position: center top;
    background-repeat: no-repeat;
    opacity: 0; }
  .bocchi-walker .Bg_lightParticle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.bocchi-walker .Logo {
  margin-bottom: 18.75vw;
  padding-top: 4rem;
  text-align: center; }
  @media (min-width: 40rem) {
    .bocchi-walker .Logo {
      margin-bottom: 7.5rem; } }
  .bocchi-walker .Logo img {
    width: 100%; }
    @media (min-width: 40rem) {
      .bocchi-walker .Logo img {
        width: auto; } }

.bocchi-walker .FirstText {
  margin-bottom: 3.125vw;
  text-align: center; }
  @media (min-width: 40rem) {
    .bocchi-walker .FirstText {
      margin-bottom: 2.5rem; } }
  .bocchi-walker .FirstText img {
    width: 100%; }
    @media (min-width: 40rem) {
      .bocchi-walker .FirstText img {
        width: auto; } }

.bocchi-walker .Magazine {
  margin-bottom: 7.8125vw; }
  @media (min-width: 40rem) {
    .bocchi-walker .Magazine {
      margin-bottom: 0; } }
  .bocchi-walker .Magazine_page {
    text-align: center; }
  .bocchi-walker .Magazine_page img {
    width: 90%; }
    @media (min-width: 40rem) {
      .bocchi-walker .Magazine_page img {
        width: auto; } }
  .bocchi-walker .Magazine_pop {
    margin-top: -6.25vw;
    margin-bottom: 4.6875vw;
    text-align: center; }
    @media (min-width: 40rem) {
      .bocchi-walker .Magazine_pop {
        margin-top: -3.5rem;
        margin-bottom: 1rem; } }
  .bocchi-walker .Magazine_pop img {
    width: 50%; }
    @media (min-width: 40rem) {
      .bocchi-walker .Magazine_pop img {
        width: 18rem; } }
  .bocchi-walker .Magazine_text {
    text-align: center; }
    @media (min-width: 40rem) {
      .bocchi-walker .Magazine_text {
        margin-bottom: 2rem; } }
  .bocchi-walker .Magazine_text img {
    width: 100%; }
    @media (min-width: 40rem) {
      .bocchi-walker .Magazine_text img {
        width: auto; } }

.bocchi-walker .Social {
  margin-bottom: 7.8125vw; }
  @media (min-width: 40rem) {
    .bocchi-walker .Social {
      margin-bottom: 30px; } }
  .bocchi-walker .Social ul {
    text-align: center; }
  .bocchi-walker .Social li {
    display: inline-block;
    width: 15%; }
    @media (min-width: 40rem) {
      .bocchi-walker .Social li {
        width: 80px; } }
  .is-desktop .bocchi-walker .Social_line {
    display: none; }

.bocchi-walker .MapSp {
  margin-right: -1rem;
  margin-bottom: 7.8125vw;
  margin-left: -1rem;
  padding: 12.5vw 6.25vw 4.6875vw;
  background-image: url("/images/individual/bocchi-walker/MapSp_bg.png");
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  background-position: center top; }
  @media (min-width: 40rem) {
    .bocchi-walker .MapSp {
      display: none; } }
  .bocchi-walker .MapSp_heading {
    margin-bottom: 6.25vw; }
  .bocchi-walker .MapSp_heading img {
    width: 100%; }
  .bocchi-walker .MapSp_map {
    height: 46.875vw;
    margin-bottom: 4.6875vw; }
  .bocchi-walker .MapSp_sectionHeading {
    margin-bottom: 3.125vw; }
  .bocchi-walker .MapSp_sectionHeading img {
    width: 100%; }
  .bocchi-walker .MapSp_sectionText {
    margin-bottom: 4.6875vw; }
  .bocchi-walker .MapSp_sectionText.-finished {
    position: relative; }
  .bocchi-walker .MapSp_sectionText.-finished:before {
    content: "";
    position: absolute;
    top: -7.8125vw;
    right: 0;
    bottom: -3.125vw;
    left: 0;
    background-image: url("/images/individual/bocchi-walker/MapSp_finish.png");
    -webkit-background-size: contain;
            background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }
  .bocchi-walker .MapSp_sectionText img {
    width: 100%; }

.bocchi-walker .MapLarge {
  display: none; }
  @media (min-width: 40rem) {
    .bocchi-walker .MapLarge {
      display: block;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 984px;
      margin-right: auto;
      margin-bottom: 50px;
      margin-left: auto;
      padding-top: 100px;
      padding-right: 45px;
      padding-left: 50px;
      background-image: url("/images/individual/bocchi-walker/MapLarge_bg.png"); } }
  .bocchi-walker .MapLarge_heading {
    margin-bottom: 30px;
    text-align: center; }
  .bocchi-walker .MapLarge_map {
    height: 300px;
    margin-bottom: 30px; }
  .bocchi-walker .MapLarge_row:after {
    content: "";
    display: block;
    clear: both; }
  .bocchi-walker .MapLarge_col {
    float: left;
    width: 50%;
    text-align: center; }
  .bocchi-walker .MapLarge_sectionHeading {
    margin-bottom: 25px; }
  .bocchi-walker .MapLarge_sectionContent {
    margin-bottom: 40px; }
  .bocchi-walker .MapLarge_sectionContent.-finished {
    position: relative; }
  .bocchi-walker .MapLarge_sectionContent.-finished:before {
    content: "";
    position: absolute;
    top: -25px;
    right: 0;
    bottom: -25px;
    left: 0;
    background-image: url("/images/individual/bocchi-walker/MapLarge_finish.png");
    background-position: center center;
    background-repeat: no-repeat; }

.bocchi-walker .IntroHeading_text {
  margin-bottom: 7.03125vw;
  text-align: center; }
  @media (min-width: 40rem) {
    .bocchi-walker .IntroHeading_text {
      margin-bottom: 35px; } }

.bocchi-walker .IntroHeading_text img {
  width: 100%; }
  @media (min-width: 40rem) {
    .bocchi-walker .IntroHeading_text img {
      width: auto; } }

.bocchi-walker .IntroHeading_operationPc {
  display: none; }

.is-desktop .bocchi-walker .IntroHeading_operationPc {
  display: block;
  margin-bottom: 5.46875vw;
  text-align: center; }
  @media (min-width: 40rem) {
    .is-desktop .bocchi-walker .IntroHeading_operationPc {
      margin-bottom: 35px; } }

.bocchi-walker .IntroHeading_operationSp {
  margin-bottom: 5.46875vw;
  text-align: center; }
  @media (min-width: 40rem) {
    .bocchi-walker .IntroHeading_operationSp {
      margin-bottom: 35px; } }
  .is-desktop .bocchi-walker .IntroHeading_operationSp {
    display: none; }

.bocchi-walker .IntroHeading_arrow {
  margin-bottom: 6.25vw;
  text-align: center; }
  @media (min-width: 40rem) {
    .bocchi-walker .IntroHeading_arrow {
      margin-bottom: 50px; } }

.bocchi-walker .MagazineSection {
  margin-bottom: 7.8125vw;
  padding: 7.8125vw 3.125vw 1.5625vw;
  background-color: #fff; }
  @media (min-width: 40rem) {
    .bocchi-walker .MagazineSection {
      width: 950px;
      margin-right: auto;
      margin-bottom: 50px;
      margin-left: auto;
      padding: 1rem; } }
  .bocchi-walker .MagazineSection_heading {
    margin-bottom: 3.90625vw;
    text-align: center; }
    @media (min-width: 40rem) {
      .bocchi-walker .MagazineSection_heading {
        margin-bottom: 2rem; } }
  .bocchi-walker .MagazineSection_heading img {
    width: 100%; }
    @media (min-width: 40rem) {
      .bocchi-walker .MagazineSection_heading img {
        width: auto; } }
  @media (min-width: 40rem) {
    .bocchi-walker .MagazineSection_heading.-ilumi {
      padding-top: 1rem; } }
  .bocchi-walker .MagazineSection_desc {
    margin-bottom: 7.03125vw;
    text-align: center; }
    @media (min-width: 40rem) {
      .bocchi-walker .MagazineSection_desc {
        margin-bottom: 2rem; } }
  .bocchi-walker .MagazineSection_desc img {
    width: 100%; }
    @media (min-width: 40rem) {
      .bocchi-walker .MagazineSection_desc img {
        width: auto; } }

.bocchi-walker .MagazineViewer {
  margin-bottom: 7.8125vw; }
  @media (min-width: 40rem) {
    .bocchi-walker .MagazineViewer {
      position: relative;
      margin-bottom: 1rem; } }
  .bocchi-walker .MagazineViewer_image {
    display: none; }
  .is-desktop .bocchi-walker .MagazineViewer_image {
    display: block;
    overflow: hidden;
    margin-bottom: 5.46875vw; }
    @media (min-width: 40rem) {
      .is-desktop .bocchi-walker .MagazineViewer_image {
        margin-bottom: 0; } }
  .is-desktop .bocchi-walker .MagazineViewer_image img {
    width: 100%;
    cursor: pointer; }
  .bocchi-walker .MagazineViewer_controller {
    display: none; }
  .is-desktop .bocchi-walker .MagazineViewer_controller {
    display: block;
    text-align: center; }
    @media (min-width: 40rem) {
      .is-desktop .bocchi-walker .MagazineViewer_controller {
        position: absolute;
        top: 200px;
        right: 10px;
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); } }
  .bocchi-walker .MagazineViewer_zoomIn, .bocchi-walker .MagazineViewer_zoomOut {
    width: 15.625vw; }
    @media (min-width: 40rem) {
      .bocchi-walker .MagazineViewer_zoomIn, .bocchi-walker .MagazineViewer_zoomOut {
        display: block;
        width: 60px;
        margin-bottom: 2rem; } }
  .bocchi-walker .MagazineViewer_zoomIn {
    margin-left: 6.25vw; }
    @media (min-width: 40rem) {
      .bocchi-walker .MagazineViewer_zoomIn {
        margin-left: 0; } }
  .bocchi-walker .MagazineViewer_zoomIn img,
  .bocchi-walker .MagazineViewer_zoomOut img {
    width: 100%; }
  .bocchi-walker .MagazineViewer_alt {
    margin-bottom: 5.46875vw; }
    @media (min-width: 40rem) {
      .bocchi-walker .MagazineViewer_alt {
        margin-bottom: 35px; } }
  .is-desktop .bocchi-walker .MagazineViewer_alt {
    display: none; }

.bocchi-walker .OnThePage {
  margin-bottom: 12.5vw;
  text-align: center; }
  @media (min-width: 40rem) {
    .bocchi-walker .OnThePage {
      margin-bottom: 70px; } }
  .bocchi-walker .OnThePage img {
    width: 100%; }
    @media (min-width: 40rem) {
      .bocchi-walker .OnThePage img {
        width: auto; } }

.bocchi-walker .AfterText {
  text-align: center; }
  .bocchi-walker .AfterText img {
    width: 100%; }
    @media (min-width: 40rem) {
      .bocchi-walker .AfterText img {
        width: auto; } }

.bocchi-walker .Product {
  margin: -6.25vw -1rem 7.8125vw;
  text-align: center; }
  @media (min-width: 40rem) {
    .bocchi-walker .Product {
      margin: 0 auto 3rem; } }
  .bocchi-walker .Product img {
    width: 100%; }
    @media (min-width: 40rem) {
      .bocchi-walker .Product img {
        width: auto; } }

.bocchi-walker .BackToHome {
  margin-bottom: 10.15625vw;
  text-align: center; }
  @media (min-width: 40rem) {
    .bocchi-walker .BackToHome {
      margin-bottom: 2rem; } }
  .bocchi-walker .BackToHome img {
    width: 100%; }
    @media (min-width: 40rem) {
      .bocchi-walker .BackToHome img {
        width: auto; } }

.bocchi-walker .BuyOnOnline {
  padding-bottom: 6.25vw;
  text-align: center; }
  @media (min-width: 40rem) {
    .bocchi-walker .BuyOnOnline {
      padding-bottom: 2rem; } }
  .bocchi-walker .BuyOnOnline img {
    width: 45%; }
    @media (min-width: 40rem) {
      .bocchi-walker .BuyOnOnline img {
        width: auto; } }

.bocchi-walker-dir .sns {
  margin-bottom: 0; }

.bocchi-walker-dir .footer--pc {
  padding-top: 40px;
  background-color: #fff; }

.text-replace, .global-nav__button, .global-nav__close-button, .global-nav__item, .viewport--fixed .global-nav__close-button, .viewport--fixed .global-nav__item, .header2__logo, .banner__item, .tweet__title, .tweet__about-button, .tweet__about, .tweet__reload-button, .product__hr, .product__title h2, .product-banner__item a, .product__photo, .product-kodawari__title, .product__all-button, .kodawari-item__title, .product-area__title, .sns__item, .sns2__item, .page-top__package-back, .page-top__udon, .page-top__hand, .page-top__person, .page-top__package-front, .page-top__button, .back-button__button, .pagetop-button__button, .close-button__button, .migration__item a, .history-header, .history-header-top, .history-nav__list-item, .history-age__title, .history-age__title--campaign, .product-item__age, .donbeisan__baloon, .cm2__title, .cm2__title2-1, .cm2__title2-2, .cm2__title2-3, .cm2__title2-4, .cm2__title2-5, .cm2__title2-6, .cm2__title2-7, .cm2__item, .cm2__item2, .youtuber2__title, .cooking2__title, .cooking2__title2-1, .cooking2__title2-2, .cooking2__title2-3, .cooking2__title2-4, .cooking2__title3, .cooking2__title4, .shop2__title, .shop2__copy, .shop2__nav-item, .shop2__point-button, .shop2__title2-1, .shop2__title2-2, .shop2__title2-3, .shop2__title2-4, .shop2__title2-5, .shop2__title2-6, .shop2__title2-7, .shop2__title2-8, .shop2__title2-9, .shop2__title2-10, .shop2__title2-11, .shop2__title2-12, .shop2__title2-13, .shop2__title3-1, .shop2__title3-2, .shop2__title3-3, .shop2__title3-4, .shop2__title3-5, .shop2__title3-6, .shop2__title3-7, .shop2__title3-8, .shop2__title3-9, .shop2__title3-10, .shop2__title3-11, .shop2__title3-12, .shop2__title3-13, .shop2__apply-button, .shop2__line, .shop2__page-top-button, .shop2__colocal, .shop2__title4, .shop2__title5, .shop2__item2, .shop2__line2, .shop2__title6, .bocchi-item__btn-10min a, .bocchi-share__button, .bocchi-cm__title, .bocchi-cm__caption, .bocchi-footer__share a, .bocchi__page-top-button a, .donvalentine2__title, .donvalentine2__statement, .donvalentine2__title2, .donvalentine2__title3, .donvalentine2__graph1, .donvalentine2__graph2, .donvalentine2__graph3, .donvalentine2__graph4, .donvalentine2__title4, .donvalentine2__page-top-button a, .donbareya__title, .donbareya__photo, .donbareya__title2, .donbareya__body-wrap, .donbareya__map, .donbareya__info--place, .donbareya__info--hours, .donbareya__info--menu, .kodawari__title, .kodawari__person, .kodawari .men__title, .kodawari .men__body, .kodawari .udon__title, .kodawari .udon__point--1, .kodawari .udon__point--2, .kodawari .udon__photo, .kodawari .soba__title, .kodawari .soba__point--1, .kodawari .soba__point--2, .kodawari .soba__photo, .kodawari .tsuyu__title, .kodawari .tsuyu__body, .kodawari .guzai__title, .kodawari .guzai__body, .kodawari .oage__title, .kodawari .oage__body, .kodawari .tenpura__title, .kodawari .tenpura__body, .giga-header__logo, .giga-header__title, .giga-header__lead, .giga-header__giga, .giga-header__otousan, .giga-item__giga, .giga-item__otousan, .giga-item--1 .giga-item__title, .giga-item--1 .giga-item__end, .giga-item--1 .giga-item__date, .giga-item--1 .giga-item__outline, .giga-item--1 .giga-item__note, .giga-item--2 .giga-item__title, .giga-item--2 .giga-item__date, .giga-item--2 .giga-item__outline, .giga-item--10min .giga-item__title, .giga-item--10min .giga-item__text1, .giga-item--10min .giga-item__banner a, .ew__title, .ew-statement__title, .ew-statement__body, .ew-youtube, .ew-youtube__title, .ew-youtube__body, .ew-hyo__title, .ew-hyo__body, .ew-criterion-list, .ew-criterion__point, .ew-criterion__button, .ew-represent__title, .ew-represent__entry, .ew-represent__button, .ew-present__title, .ew-present-list__item, .ew-present__note, .ew-present__button, .ew-points__title, .ew-points__score .num, .ew-points__score .points, .ew-points__body, .ew-points__button, .ew-rapper__catch, .ew-rapper__title, .ew-rapper-list__item, .ew-kodawari__title, .ew-kodawari-feature__item, .ew-kodawari__catch, .ew-kodawari__pop, .ew-note, .ew-emen__banner, .ew .top-button, .ew-term__title, .ew-term-sec__title, .ew-term__back-button, .onikakiage-header__signature, .onikakiage-header__title, .onikakiage-message__body, .onikakiage-message__signature, .onikakiage-giga__title, .onikakiage-giga__copy, .onikakiage-giga__image, .onikakiage-giga__button, .onikakiage-giga__notice, .onikakiage-download__title, .onikakiage-download__image, .onikakiage-download__button1, .onikakiage-download__button2, .onikakiage-download__button3, .onikakiage-making__title, .onikakiage-making__play, .onikakiage-details__title, .onikakiage-details__button1, .onikakiage-details__image1, .onikakiage-details__button2, .onikakiage-details__image2, .onikakiage-details__button3, .onikakiage-details__image3, .onikakiage-statement__title, .onikakiage-statement__body, .onikakiage-tweet__title, .onikakiage-tweet__body, .onikakiage-lesson__title, .onikakiage-lesson__image, .onikakiage-lesson__lassen, .onikakiage-lesson__body, .onikakiage-lesson__button1, .onikakiage-lesson__image1, .onikakiage-lesson__button2, .onikakiage-lesson__image2, .onikakiage-lesson__button3, .onikakiage-lesson__image3, .onikakiage-lesson__button4, .onikakiage-lesson__image4, .onikakiage-present__title, .onikakiage-present__image, .onikakiage-present__body, .onikakiage-present__button, .onikakiage-footer__product-button, .onikakiage-footer__buy-button, .fdi-loader__logo, .fdi-loader__txt, .fdi__title, .fdi__scroll, .fdi-question__ttl, .fdi-choice__item a, .fdi-tuu__logo, .fdi-tuu__txt, .fdi-howto__ttl, .fdi-howto .fdiProcess .fdiProcess__item div, .fdi-howto__note, .fdi-howto__recommend a, .fdi-howto__note--blank, .fdi-trick__ttl, .fdi-trick #fdiTricksList .trickItem--1 .trickItem__txt, .fdi-trick #fdiTricksList .trickItem--2 .trickItem__txt, .fdi-trick #fdiTricksList .trickItem--3 .trickItem__txt, .fdi-trick #fdiTricksList .trickItem--4 .trickItem__txt, .fdi-trick #fdiTricksList .trickItem--5 .trickItem__txt, .fdi-trick #fdiTricksList .trickItem--6 .trickItem__txt, .fdi-trick #fdiTricksList .trickItem-sns__ttl, .fdi-trick #fdiTricksList .trickItem-sns .sns-list__item a, .fdi-history__ttl, .fdi-history .fdi-hero__item, .fdi-history__catch, .fdi-history .history-contents__wrap .history-contents__ttl, .fdi-history .history-contents__wrap .history-contents__btn a, .fdi-join__ttl, .fdi-join__txt, .fdi-join__btn a, .fdi-event__ttl, .fdi-event__lead, .fdi-footer-img__ttl, .fdi-footer-img__txt, .donbare-end__title, .donbare-end__arrow, .donbare-hero__title, .donbare-hero__copy, .donbare-hero__author, .donbare-statement__title, .donbare-statement__text, .donbare-statement__text2, .donbare-comic__page, .donbare-comic__love, .donbare-comic__call, .donbare-comic__project, .donbare-comic__text, .donbare-comic__text2, .donbare-comic__text3, .donbare-comic__text4, #loader .love-loader__txt, .love-letter__item, .love-ps__title, .love-ps-sticky__item, .love-ps__button a, .love-ps__txt {
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden; }

.donbare-dir {
  min-width: 980px;
  overflow-x: hidden; }
  @media only screen and (max-width: 980px) {
    .donbare-dir {
      min-width: 0;
      overflow-x: auto; } }
  @media only screen and (max-width: 640px) {
    .donbare-dir {
      min-width: 0;
      overflow-x: hidden; } }
  .donbare-dir .contents {
    display: block;
    background-color: #000000; }

.donbare {
  position: relative;
  background: transparent url(/images/individual/donbare/donbare__bg.png) repeat;
  color: #ffffff; }
  .donbare-wrapper {
    display: none;
    width: 100%;
    margin: 0;
    padding: 216px 0 40px;
    overflow: hidden; }
    @media only screen and (max-width: 640px) {
      .donbare-wrapper {
        width: 100%;
        padding: 67px 0 0; } }
  .donbare-loading {
    position: fixed;
    background: black url(/images/individual/donbare/donbare__bg.png) repeat;
    width: 100%;
    height: 100%;
    z-index: 1; }
    .donbare-loading__title {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent url(/images/individual/donbare/donbare-loading__title.png) no-repeat;
      width: 275px;
      height: 124px;
      margin: auto; }
      @media only screen and (max-width: 640px) {
        .donbare-loading__title {
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 137px;
          height: 62px; } }
    .donbare-loading__donbei {
      position: absolute;
      top: 50%;
      left: 50%;
      background: transparent url(/images/individual/donbare/donbare-loading__donbei.png) no-repeat;
      width: 107px;
      height: 106px;
      margin: -166px 0 0 70px;
      -webkit-animation: loading-donbei 1.8s 0s infinite;
              animation: loading-donbei 1.8s 0s infinite; }
      @media only screen and (max-width: 640px) {
        .donbare-loading__donbei {
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 53px;
          height: 54px;
          margin: -83px 0 0 35px; } }

@-webkit-keyframes loading-donbei {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  5% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  10% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  15% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  20% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  25% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  30% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  35% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  50% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  55% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  60% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  65% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg); }
  100% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg); } }

@keyframes loading-donbei {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  5% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  10% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  15% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  20% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  25% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  30% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  35% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  50% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  55% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  60% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg); }
  65% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg); }
  100% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg); } }
    .donbare-loading__base {
      position: absolute;
      top: 50%;
      left: 50%;
      background-color: #4a4a4a;
      width: 130px;
      height: 4px;
      margin: 97px 0 0 -65px; }
      @media only screen and (max-width: 640px) {
        .donbare-loading__base {
          margin: 49px 0 0 -65px; } }
    .donbare-loading__bar {
      position: absolute;
      top: 50%;
      left: 50%;
      background-color: white;
      width: 130px;
      height: 4px;
      margin: 97px 0 0 -65px;
      -webkit-transform: scaleX(0);
          -ms-transform: scaleX(0);
              transform: scaleX(0);
      -webkit-transform-origin: left center;
          -ms-transform-origin: left center;
              transform-origin: left center; }
      @media only screen and (max-width: 640px) {
        .donbare-loading__bar {
          margin: 49px 0 0 -65px; } }
  .donbare-end {
    opacity: 0; }
    .donbare-end__title {
      background: transparent url(/images/individual/donbare/donbare-end__title.png) no-repeat;
      width: 896px;
      height: 334px;
      margin: 0 auto 218px; }
      @media only screen and (max-width: 640px) {
        .donbare-end__title {
          background-image: url(/images/individual/donbare/donbare-end__title@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 30.15%;
          height: auto;
          margin-bottom: 37px;
          font-size: 0;
          line-height: 0; }
          .donbare-end__title:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 316.58%; } }
    .donbare-end__arrow {
      background: transparent url(/images/individual/donbare/donbare-end__arrow.png) no-repeat;
      width: 95px;
      height: 43px;
      margin: 0 auto 89px;
      -webkit-animation: end-arrow 2s ease-in-out 0s infinite;
              animation: end-arrow 2s ease-in-out 0s infinite; }

@-webkit-keyframes end-arrow {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes end-arrow {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
      @media only screen and (max-width: 640px) {
        .donbare-end__arrow {
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 12.34%;
          height: auto;
          margin-bottom: 15px;
          font-size: 0;
          line-height: 0; }
          .donbare-end__arrow:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 45.56%; } }
  .donbare-hero {
    position: relative;
    width: 980px;
    margin: 0 auto 80px; }
    @media only screen and (max-width: 640px) {
      .donbare-hero {
        width: 100%;
        margin-bottom: 51px; } }
    .donbare-hero__bg {
      background: transparent url(/images/individual/donbare/donbare-hero__bg.png) no-repeat;
      width: 980px;
      height: 1332px;
      opacity: 0; }
      @media only screen and (max-width: 640px) {
        .donbare-hero__bg {
          background-image: url(/images/individual/donbare/donbare-hero__bg@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 100%;
          height: auto; }
          .donbare-hero__bg:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 135.93%; } }
    .donbare-hero__title {
      position: absolute;
      left: 39px;
      top: 34px;
      background: transparent url(/images/individual/donbare/donbare-hero__title.png) no-repeat;
      width: 337px;
      height: 668px;
      margin: 0;
      opacity: 0;
      -webkit-transform: translateY(60px);
          -ms-transform: translateY(60px);
              transform: translateY(60px); }
      @media only screen and (max-width: 640px) {
        .donbare-hero__title {
          left: 4.68%;
          top: 3.55%;
          background-image: url(/images/individual/donbare/donbare-hero__title@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 38%;
          height: auto;
          font-size: 0;
          line-height: 0; }
          .donbare-hero__title:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 272.42%; } }
    .donbare-hero__copy {
      position: absolute;
      left: 56px;
      top: 1022px;
      background: transparent url(/images/individual/donbare/donbare-hero__copy.png) no-repeat;
      width: 701px;
      height: 217px;
      margin: 0;
      opacity: 0;
      -webkit-transform: translateY(60px);
          -ms-transform: translateY(60px);
              transform: translateY(60px); }
      @media only screen and (max-width: 640px) {
        .donbare-hero__copy {
          left: 7.65%;
          top: 76.49%;
          background-image: url(/images/individual/donbare/donbare-hero__copy@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 70.5%;
          height: auto;
          font-size: 0;
          line-height: 0; }
          .donbare-hero__copy:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 31.48%; } }
    .donbare-hero__author {
      position: absolute;
      left: 618px;
      top: 1210px;
      background: transparent url(/images/individual/donbare/donbare-hero__author.png) no-repeat;
      width: 327px;
      height: 94px;
      margin: 0;
      opacity: 0; }
      @media only screen and (max-width: 640px) {
        .donbare-hero__author {
          left: 62.65%;
          top: 90.59%;
          background-image: url(/images/individual/donbare/donbare-hero__author@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 33.75%;
          height: auto;
          font-size: 0;
          line-height: 0; }
          .donbare-hero__author:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 29.62%; } }
  .donbare-statement {
    width: 980px;
    margin: 0 auto 54px; }
    @media only screen and (max-width: 640px) {
      .donbare-statement {
        width: 100%;
        margin-bottom: 30px; } }
    .donbare-statement:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
      font-size: 0; }
    .donbare-statement__title {
      float: right;
      background: transparent url(/images/individual/donbare/donbare-statement__title.png) no-repeat;
      width: 19px;
      height: 187px;
      margin: 0 0 0 60px; }
      @media only screen and (max-width: 640px) {
        .donbare-statement__title {
          float: none;
          background-image: url(/images/individual/donbare/donbare-statement__title@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 43.9%;
          height: auto;
          margin: 0 auto 45px;
          font-size: 0;
          line-height: 0; }
          .donbare-statement__title:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 10.67%; } }
    .donbare-statement__text {
      float: right;
      background: transparent url(/images/individual/donbare/donbare-statement__text.png) no-repeat;
      width: 535px;
      height: 729px;
      margin: 0; }
      @media only screen and (max-width: 640px) {
        .donbare-statement__text {
          float: none;
          background-image: url(/images/individual/donbare/donbare-statement__text@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 88.8%;
          height: auto;
          margin: 0 0 45px 6%;
          font-size: 0;
          line-height: 0; }
          .donbare-statement__text:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 184.68%; } }
    .donbare-statement__text2 {
      background: transparent url(/images/individual/donbare/donbare-statement__text2.png) no-repeat;
      width: 272px;
      height: 609px;
      margin: 0; }
      @media only screen and (max-width: 640px) {
        .donbare-statement__text2 {
          float: none;
          background-image: url(/images/individual/donbare/donbare-statement__text2@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 86.6%;
          height: auto;
          margin: 0 0 0 6%;
          font-size: 0;
          line-height: 0; }
          .donbare-statement__text2:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 67.5%; } }
  .donbare-comic {
    position: relative;
    margin: 0 0 90px; }
    @media only screen and (max-width: 640px) {
      .donbare-comic {
        width: 100%;
        height: auto;
        margin: 0 auto 15px;
        overflow: hidden; } }
    .donbare-comic__page {
      background: transparent none no-repeat;
      width: 980px;
      height: 1397px;
      margin: 0 auto 30px; }
      @media only screen and (max-width: 640px) {
        .donbare-comic__page {
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 100%;
          height: auto;
          margin-bottom: 10px;
          font-size: 0;
          line-height: 0; }
          .donbare-comic__page:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 144.375%; } }
      .donbare-comic__page--1 {
        background-image: url(/images/individual/donbare/donbare-comic__page--1.png); }
        @media only screen and (max-width: 640px) {
          .donbare-comic__page--1 {
            background-image: url(/images/individual/donbare/donbare-comic__page--1@2x.png); } }
      .donbare-comic__page--2 {
        background-image: url(/images/individual/donbare/donbare-comic__page--2.png); }
        @media only screen and (max-width: 640px) {
          .donbare-comic__page--2 {
            background-image: url(/images/individual/donbare/donbare-comic__page--2@2x.png); } }
      .donbare-comic__page--3 {
        background-image: url(/images/individual/donbare/donbare-comic__page--3.png); }
        @media only screen and (max-width: 640px) {
          .donbare-comic__page--3 {
            background-image: url(/images/individual/donbare/donbare-comic__page--3@2x.png); } }
      .donbare-comic__page--4 {
        background-image: url(/images/individual/donbare/donbare-comic__page--4.png); }
        @media only screen and (max-width: 640px) {
          .donbare-comic__page--4 {
            background-image: url(/images/individual/donbare/donbare-comic__page--4@2x.png); } }
      .donbare-comic__page--5 {
        background-image: url(/images/individual/donbare/donbare-comic__page--5.png); }
        @media only screen and (max-width: 640px) {
          .donbare-comic__page--5 {
            background-image: url(/images/individual/donbare/donbare-comic__page--5@2x.png); } }
      .donbare-comic__page--6 {
        background-image: url(/images/individual/donbare/donbare-comic__page--6.png); }
        @media only screen and (max-width: 640px) {
          .donbare-comic__page--6 {
            background-image: url(/images/individual/donbare/donbare-comic__page--6@2x.png); } }
      .donbare-comic__page--7 {
        background-image: url(/images/individual/donbare/donbare-comic__page--7.png); }
        @media only screen and (max-width: 640px) {
          .donbare-comic__page--7 {
            background-image: url(/images/individual/donbare/donbare-comic__page--7@2x.png); } }
      .donbare-comic__page--8 {
        background-image: url(/images/individual/donbare/donbare-comic__page--8.png); }
        @media only screen and (max-width: 640px) {
          .donbare-comic__page--8 {
            background-image: url(/images/individual/donbare/donbare-comic__page--8@2x.png); } }
      .donbare-comic__page--9 {
        background-image: url(/images/individual/donbare/donbare-comic__page--9.png); }
        @media only screen and (max-width: 640px) {
          .donbare-comic__page--9 {
            background-image: url(/images/individual/donbare/donbare-comic__page--9@2x.png); } }
      .donbare-comic__page--10 {
        background-image: url(/images/individual/donbare/donbare-comic__page--10.png); }
        @media only screen and (max-width: 640px) {
          .donbare-comic__page--10 {
            background-image: url(/images/individual/donbare/donbare-comic__page--10@2x.png); } }
      .donbare-comic__page--6 {
        position: relative; }
      @media only screen and (max-width: 640px) {
        .donbare-comic__page--7:after {
          padding-top: 135.47%; } }
      .donbare-comic__page--10 {
        -webkit-background-size: 100% 100%;
                background-size: 100%;
        width: 100%;
        height: auto; }
        .donbare-comic__page--10:after {
          content: "";
          display: block;
          padding-top: 57.43%; }
    .donbare-comic__love {
      position: absolute;
      right: 9px;
      top: 100px;
      background: transparent url(/images/individual/donbare/donbare-comic__love.png) no-repeat;
      width: 49px;
      height: 883px; }
      .donbare-comic__love:hover {
        opacity: 0.6; }
      @media only screen and (max-width: 640px) {
        .donbare-comic__love {
          right: 0.46%;
          top: 4.87%;
          background-image: url(/images/individual/donbare/donbare-comic__love@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 5.625%;
          height: auto;
          font-size: 0;
          line-height: 0; }
          .donbare-comic__love:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 1730.55%; } }
    .donbare-comic__call-wrapper {
      position: relative;
      width: 980px;
      height: 1275px;
      margin: 0 auto; }
      @media only screen and (max-width: 640px) {
        .donbare-comic__call-wrapper {
          width: 100%;
          height: auto; }
          .donbare-comic__call-wrapper:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 179.68%; } }
    .donbare-comic__call {
      position: absolute; }
      .donbare-comic__call--1 {
        left: 750px;
        top: 76px;
        background-image: url(/images/individual/donbare/donbare-comic__call--1.png);
        width: 66px;
        height: 219px; }
        @media only screen and (max-width: 640px) {
          .donbare-comic__call--1 {
            left: 83.12%;
            top: 7.56%;
            background: transparent url(/images/individual/donbare/donbare-comic__call--1@2x.png) no-repeat;
            -webkit-background-size: 100% 100%;
                    background-size: 100%;
            width: 8.59%;
            height: auto;
            font-size: 0;
            line-height: 0; }
            .donbare-comic__call--1:after {
              content: "";
              display: block;
              height: 0;
              padding-top: 323.63%; } }
      .donbare-comic__call--2 {
        left: 460px;
        top: 350px;
        background-image: url(/images/individual/donbare/donbare-comic__call--2.png);
        width: 81px;
        height: 344px; }
        @media only screen and (max-width: 640px) {
          .donbare-comic__call--2 {
            left: 46.4%;
            top: 28.17%;
            background: transparent url(/images/individual/donbare/donbare-comic__call--2@2x.png) no-repeat;
            -webkit-background-size: 100% 100%;
                    background-size: 100%;
            width: 10.62%;
            height: auto;
            font-size: 0;
            line-height: 0; }
            .donbare-comic__call--2:after {
              content: "";
              display: block;
              height: 0;
              padding-top: 408.82%; } }
      .donbare-comic__call--3 {
        left: 170px;
        top: 675px;
        background-image: url(/images/individual/donbare/donbare-comic__call--3.png);
        width: 100px;
        height: 516px; }
        @media only screen and (max-width: 640px) {
          .donbare-comic__call--3 {
            left: 17.5%;
            top: 57.21%;
            background: transparent url(/images/individual/donbare/donbare-comic__call--3@2x.png) no-repeat;
            -webkit-background-size: 100% 100%;
                    background-size: 100%;
            width: 12.81%;
            height: auto;
            font-size: 0;
            line-height: 0; }
            .donbare-comic__call--3:after {
              content: "";
              display: block;
              height: 0;
              padding-top: 507.31%; } }
    .donbare-comic__project-wrapper {
      position: relative;
      width: 980px;
      height: 3120px;
      margin: 0 auto; }
      @media only screen and (max-width: 640px) {
        .donbare-comic__project-wrapper {
          width: 100%;
          height: auto; }
          .donbare-comic__project-wrapper:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 610%; } }
    .donbare-comic__project {
      position: absolute;
      overflow: visible; }
      .donbare-comic__project--1 {
        left: 0;
        top: 553px;
        width: 532px;
        height: 280px; }
        @media only screen and (max-width: 640px) {
          .donbare-comic__project--1 {
            left: 0;
            top: 14.57%;
            width: 83.125%; } }
      .donbare-comic__project--2 {
        left: 580px;
        top: 745px;
        width: 445px;
        height: 271px; }
        @media only screen and (max-width: 640px) {
          .donbare-comic__project--2 {
            left: 41.87%;
            top: 22.51%;
            width: 55.46%; } }
      .donbare-comic__project--3 {
        left: 437px;
        top: 1157px;
        -webkit-background-size: 100% 100%;
                background-size: 100%;
        width: 501px;
        height: 264px;
        z-index: 1; }
        @media only screen and (max-width: 640px) {
          .donbare-comic__project--3 {
            left: 5.31%;
            top: 28.12%;
            width: 63.59%; } }
      .donbare-comic__project--4 {
        left: -30px;
        top: 1386px;
        width: 531px;
        height: 279px; }
        @media only screen and (max-width: 640px) {
          .donbare-comic__project--4 {
            left: 0;
            top: 44.05%;
            width: 65%; } }
      .donbare-comic__project--5 {
        left: 96px;
        top: 1775px;
        width: 565px;
        height: 297px;
        z-index: 1; }
        @media only screen and (max-width: 640px) {
          .donbare-comic__project--5 {
            left: 8.75%;
            top: 49.23%;
            width: 88.28%; } }
      .donbare-comic__project--6 {
        left: -10px;
        top: 2058px;
        width: 506px;
        height: 266px; }
        @media only screen and (max-width: 640px) {
          .donbare-comic__project--6 {
            left: 0;
            top: 73.46%;
            width: 79.06%; } }
      .donbare-comic__project--7 {
        left: 545px;
        top: 2240px;
        width: 480px;
        height: 253px; }
        @media only screen and (max-width: 640px) {
          .donbare-comic__project--7 {
            left: 30.62%;
            top: 79.96%;
            width: 68.12%; } }
    .donbare-comic__project-image {
      width: 100%;
      height: 100%; }
      @media only screen and (max-width: 640px) {
        .donbare-comic__project-image {
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 100%;
          height: auto;
          font-size: 0;
          line-height: 0; }
          .donbare-comic__project-image:after {
            content: "";
            display: block;
            height: 0; } }
      .donbare-comic__project-image--1 {
        background-image: url(/images/individual/donbare/donbare-comic__project.png); }
        @media only screen and (max-width: 640px) {
          .donbare-comic__project-image--1 {
            background-image: url(/images/individual/donbare/donbare-comic__project@2x.png); }
            .donbare-comic__project-image--1:after {
              padding-top: 52.63%; } }
      .donbare-comic__project-image--2 {
        background-image: url(/images/individual/donbare/donbare-comic__project2.png); }
        @media only screen and (max-width: 640px) {
          .donbare-comic__project-image--2 {
            background-image: url(/images/individual/donbare/donbare-comic__project2@2x.png); }
            .donbare-comic__project-image--2:after {
              padding-top: 60.84%; } }
      .donbare-comic__project-image--3 {
        background-image: url(/images/individual/donbare/donbare-comic__project3.png); }
        @media only screen and (max-width: 640px) {
          .donbare-comic__project-image--3 {
            background-image: url(/images/individual/donbare/donbare-comic__project3@2x.png); }
            .donbare-comic__project-image--3:after {
              padding-top: 52.82%; } }
      .donbare-comic__project-image--4 {
        background-image: url(/images/individual/donbare/donbare-comic__project4.png); }
        @media only screen and (max-width: 640px) {
          .donbare-comic__project-image--4 {
            background-image: url(/images/individual/donbare/donbare-comic__project4@2x.png); }
            .donbare-comic__project-image--4:after {
              padding-top: 52.64%; } }
      .donbare-comic__project-image--5 {
        background-image: url(/images/individual/donbare/donbare-comic__project5.png); }
        @media only screen and (max-width: 640px) {
          .donbare-comic__project-image--5 {
            background-image: url(/images/individual/donbare/donbare-comic__project5@2x.png); }
            .donbare-comic__project-image--5:after {
              padding-top: 52.56%; } }
      .donbare-comic__project-image--6 {
        background-image: url(/images/individual/donbare/donbare-comic__project6.png); }
        @media only screen and (max-width: 640px) {
          .donbare-comic__project-image--6 {
            background-image: url(/images/individual/donbare/donbare-comic__project6@2x.png); }
            .donbare-comic__project-image--6:after {
              padding-top: 52.56%; } }
      .donbare-comic__project-image--7 {
        background-image: url(/images/individual/donbare/donbare-comic__project7.png); }
        @media only screen and (max-width: 640px) {
          .donbare-comic__project-image--7 {
            background-image: url(/images/individual/donbare/donbare-comic__project7@2x.png); }
            .donbare-comic__project-image--7:after {
              padding-top: 52.52%; } }
    .donbare-comic__steam {
      background: transparent url(/images/individual/donbare/donbare-comic__steam.png) no-repeat;
      width: 684px;
      height: 440px;
      margin: -340px 0 0 -71px;
      opacity: 0;
      -webkit-animation: steam 1.5s steps(12) 0s 1 forwards;
              animation: steam 1.5s steps(12) 0s 1 forwards;
      -webkit-animation-play-state: paused;
              animation-play-state: paused; }
      .donbare-comic__steam--animate {
        -webkit-animation-play-state: running;
                animation-play-state: running; }
      @media only screen and (max-width: 640px) {
        .donbare-comic__steam {
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 171px;
          height: 110px;
          margin: -25% auto 0;
          -webkit-animation: steam2 1.5s steps(12) 0s 1 forwards;
                  animation: steam2 1.5s steps(12) 0s 1 forwards;
          -webkit-animation-play-state: paused;
                  animation-play-state: paused; }
          .donbare-comic__steam--animate {
            -webkit-animation-play-state: running;
                    animation-play-state: running; }
          .donbare-comic__steam:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 64.32%; } }

@-webkit-keyframes steam {
  to {
    background-position: 0 -5280px; } }

@keyframes steam {
  to {
    background-position: 0 -5280px; } }

@-webkit-keyframes steam2 {
  to {
    background-position: 0 -1320px; } }

@keyframes steam2 {
  to {
    background-position: 0 -1320px; } }
    .donbare-comic__text {
      position: absolute;
      left: 462px;
      top: 73px;
      background: transparent url(/images/individual/donbare/donbare-comic__text.png) no-repeat;
      width: 64px;
      height: 375px; }
      @media only screen and (max-width: 640px) {
        .donbare-comic__text {
          left: 45.62%;
          top: 2.71%;
          background-image: url(/images/individual/donbare/donbare-comic__text@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 10%;
          height: auto;
          font-size: 0;
          line-height: 0;
          z-index: 0; }
          .donbare-comic__text:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 585.93%; } }
    .donbare-comic__text2 {
      position: absolute;
      left: 125px;
      top: 986px;
      background: transparent url(/images/individual/donbare/donbare-comic__text2.png) no-repeat;
      width: 192px;
      height: 295px; }
      @media only screen and (max-width: 640px) {
        .donbare-comic__text2 {
          left: 35.62%;
          top: 35.5%;
          background-image: url(/images/individual/donbare/donbare-comic__text2@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 30%;
          height: auto;
          font-size: 0;
          line-height: 0;
          z-index: 0; }
          .donbare-comic__text2:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 153.64%; } }
    .donbare-comic__text3 {
      position: absolute;
      left: 800px;
      top: 1565px;
      background: transparent url(/images/individual/donbare/donbare-comic__text3.png) no-repeat;
      width: 51px;
      height: 545px; }
      @media only screen and (max-width: 640px) {
        .donbare-comic__text3 {
          left: 46.71%;
          top: 58.37%;
          background-image: url(/images/individual/donbare/donbare-comic__text3@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 7.96%;
          height: auto;
          font-size: 0;
          line-height: 0;
          z-index: 0; }
          .donbare-comic__text3:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 1068.62%; } }
    .donbare-comic__text4 {
      position: absolute;
      left: 464px;
      top: 2562px;
      background: transparent url(/images/individual/donbare/donbare-comic__text4.png) no-repeat;
      width: 71px;
      height: 411px; }
      @media only screen and (max-width: 640px) {
        .donbare-comic__text4 {
          left: 45.31%;
          top: 87.67%;
          background-image: url(/images/individual/donbare/donbare-comic__text4@2x.png);
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 10.93%;
          height: auto;
          font-size: 0;
          line-height: 0;
          z-index: 0; }
          .donbare-comic__text4:after {
            content: "";
            display: block;
            height: 0;
            padding-top: 585.71%; } }
  .donbare-sns {
    width: 182px;
    margin: 0 auto 100px; }
    .donbare-sns:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
      font-size: 0; }
    @media only screen and (max-width: 640px) {
      .donbare-sns {
        width: 144px;
        margin: 0 auto 40px; } }
    .donbare-sns__facebook, .donbare-sns__twitter, .donbare-sns__line {
      display: inline-block;
      float: left;
      background: transparent none no-repeat;
      width: 76px;
      height: 76px;
      margin-right: 30px; }
      @media only screen and (max-width: 640px) {
        .donbare-sns__facebook, .donbare-sns__twitter, .donbare-sns__line {
          -webkit-background-size: 100% 100%;
                  background-size: 100%;
          width: 38px;
          height: 38px;
          margin-right: 15px; } }
      .donbare-sns__facebook a, .donbare-sns__twitter a, .donbare-sns__line a {
        display: block;
        width: 100%;
        height: 100%; }
    .donbare-sns__facebook {
      background-image: url(/images/individual/onikakiage/onikakiage-sns__facebook.png); }
      @media only screen and (max-width: 640px) {
        .donbare-sns__facebook {
          background-image: url(/images/individual/onikakiage/onikakiage-sns__facebook@2x.png); } }
    .donbare-sns__twitter {
      background-image: url(/images/individual/onikakiage/onikakiage-sns__twitter.png);
      margin-right: 0; }
      @media only screen and (max-width: 640px) {
        .donbare-sns__twitter {
          background-image: url(/images/individual/onikakiage/onikakiage-sns__twitter@2x.png);
          margin-right: 15px; } }
    @media only screen and (max-width: 640px) {
      .donbare-sns__line {
        background-image: url(/images/individual/onikakiage/onikakiage-sns__line@2x.png);
        margin-right: 0; } }
  .donbare-js__fade-in, .donbare-js__scale-in, .donbare-js__blur-in {
    opacity: 0; }
  .donbare-js__statement {
    opacity: 0; }
  .donbare-js__page {
    opacity: 0; }
  .donbare-js__shake-page {
    opacity: 0; }
  .donbare-js__last-page {
    opacity: 0;
    -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
            transform-origin: center top; }

#loveLoading {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/images/individual/love/bg--pc.jpg) no-repeat center center;
  -webkit-background-size: cover;
          background-size: cover;
  z-index: 101; }
  @media only screen and (max-width: 640px) {
    #loveLoading {
      background: url(/images/individual/love/bg--sp.jpg) no-repeat center center; } }

#loader {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 373px;
  height: 346px;
  margin-top: -158px;
  margin-left: -160px;
  z-index: 101; }
  @media only screen and (max-width: 640px) {
    #loader {
      width: 58.28125%;
      height: 0;
      padding-top: 54.0625%;
      margin-top: -27.03125%;
      margin-left: -29.140625%; } }
  #loader .love-loader__letter {
    position: absolute;
    width: 373px;
    height: 253px;
    top: 0;
    left: 0;
    margin: 0;
    background: url(/images/individual/love/love-loaging__img1.png) no-repeat center center;
    -webkit-background-size: contain;
            background-size: contain;
    -webkit-animation: animeLoveLoaderLetter 1s ease infinite;
            animation: animeLoveLoaderLetter 1s ease infinite; }
    @media only screen and (max-width: 640px) {
      #loader .love-loader__letter {
        width: 100%;
        height: 0;
        padding-top: 67.8284182306%; } }
  #loader .love-loader__txt {
    position: absolute;
    width: 100%;
    height: 86px;
    bottom: 0;
    left: 0;
    margin: 0;
    background: url(/images/individual/love/love-loaging__txt1.png) no-repeat center center;
    -webkit-background-size: contain;
            background-size: contain;
    -webkit-animation: animeLoveLoaderTxt 1s ease infinite;
            animation: animeLoveLoaderTxt 1s ease infinite; }
    @media only screen and (max-width: 640px) {
      #loader .love-loader__txt {
        height: 0;
        padding-top: 23.0563002681%; } }

@-webkit-keyframes animeLoveLoaderLetter {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  37% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px); }
  45% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px); }
  53% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px); }
  70% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px); }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes animeLoveLoaderLetter {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  37% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px); }
  45% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px); }
  53% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px); }
  70% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px); }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes animeLoveLoaderTxt {
  0% {
    opacity: 0.8;
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    opacity: 0.8;
    -webkit-transform: scale(1);
            transform: scale(1); }
  35% {
    opacity: 1;
    -webkit-transform: scale(1.03);
            transform: scale(1.03); }
  70% {
    opacity: 0.8; }
  90% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0.8;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes animeLoveLoaderTxt {
  0% {
    opacity: 0.8;
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    opacity: 0.8;
    -webkit-transform: scale(1);
            transform: scale(1); }
  35% {
    opacity: 1;
    -webkit-transform: scale(1.03);
            transform: scale(1.03); }
  70% {
    opacity: 0.8; }
  90% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0.8;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.love {
  position: relative;
  padding-bottom: 85px;
  background-color: #140025;
  z-index: 0;
  /* fadein */ }
  .love + .sns {
    position: relative;
    z-index: 10; }
  .love .fadein, .love .fdi-howto .fdiProcess .fdiProcess__item, .fdi-howto .fdiProcess .love .fdiProcess__item, .love .fdi-history .fdi-hero__item, .fdi-history .love .fdi-hero__item {
    display: block;
    opacity: 0;
    padding-top: 70px;
    margin-bottom: -70px; }
  .love__bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(/images/individual/love/bg--pc.jpg) no-repeat center center;
    -webkit-background-size: cover;
            background-size: cover;
    z-index: 1; }
    @media only screen and (max-width: 640px) {
      .love__bg {
        background: url(/images/individual/love/bg--sp.jpg) no-repeat center center; } }

.love-letter {
  position: relative;
  width: 700px;
  margin: 0 auto 70px;
  padding: 30px 0 0;
  z-index: 1;
  list-style: none; }
  @media only screen and (max-width: 640px) {
    .love-letter {
      width: 96%;
      margin: 0 auto 8%;
      padding: 60px 0 0; } }
  .love-letter__item {
    width: 700px;
    height: 980px;
    margin: 0 auto 10px; }
    @media only screen and (max-width: 640px) {
      .love-letter__item {
        width: 100%;
        height: 0;
        padding-top: 140%;
        margin: 0 auto 1%; } }
    .love-letter__item--1 {
      background: url(/images/individual/love/love-letter--1.png) no-repeat 0 0;
      -webkit-background-size: contain;
              background-size: contain; }
    .love-letter__item--2 {
      background: url(/images/individual/love/love-letter--2.png) no-repeat 0 0;
      -webkit-background-size: contain;
              background-size: contain; }
    .love-letter__item--3 {
      background: url(/images/individual/love/love-letter--3.png) no-repeat 0 0;
      -webkit-background-size: contain;
              background-size: contain; }
    .love-letter__item--4 {
      background: url(/images/individual/love/love-letter--4.png) no-repeat 0 0;
      -webkit-background-size: contain;
              background-size: contain; }
    .love-letter__item--5 {
      background: url(/images/individual/love/love-letter--5.png) no-repeat 0 0;
      -webkit-background-size: contain;
              background-size: contain; }
    .love-letter__item--6 {
      background: url(/images/individual/love/love-letter--6.png) no-repeat 0 0;
      -webkit-background-size: contain;
              background-size: contain; }
    .love-letter__item--7 {
      background: url(/images/individual/love/love-letter--7.png) no-repeat 0 0;
      -webkit-background-size: contain;
              background-size: contain; }
    .love-letter__item--8 {
      background: url(/images/individual/love/love-letter--8.png) no-repeat 0 0;
      -webkit-background-size: contain;
              background-size: contain; }
    .love-letter__item--9 {
      background: url(/images/individual/love/love-letter--9.png) no-repeat 0 0;
      -webkit-background-size: contain;
              background-size: contain; }
    .love-letter__item--10 {
      background: url(/images/individual/love/love-letter--10.png) no-repeat 0 0;
      -webkit-background-size: contain;
              background-size: contain; }
    .love-letter__item--11 {
      background: url(/images/individual/love/love-letter--11.png) no-repeat 0 0;
      -webkit-background-size: contain;
              background-size: contain; }

.love-ps {
  position: relative;
  z-index: 1; }
  .love-ps__title {
    width: 480px;
    height: 416px;
    margin: 0 auto;
    background: url(/images/individual/love/love-ps__title1.png) no-repeat 0 0;
    -webkit-background-size: contain;
            background-size: contain;
    cursor: pointer; }
    @media only screen and (max-width: 640px) {
      .love-ps__title {
        width: 75%;
        height: 0;
        padding-top: 70%; } }
  .love-ps__wrap {
    display: none;
    margin: 30px 0; }
    @media only screen and (max-width: 1100px) {
      .love-ps__wrap {
        width: 640px;
        margin: 0 auto; } }
    @media only screen and (max-width: 640px) {
      .love-ps__wrap {
        width: 100%; } }
  .love-ps-sticky {
    position: relative;
    width: 1100px;
    height: 3520px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden; }
    @media only screen and (max-width: 1100px) {
      .love-ps-sticky {
        width: 640px;
        height: 0;
        padding-top: 906.25%; } }
    @media only screen and (max-width: 640px) {
      .love-ps-sticky {
        width: 100%; } }
    .love-ps-sticky__item {
      position: absolute;
      list-style: none;
      z-index: 20; }
      .love-ps-sticky__item--1 {
        background: url(/images/individual/love/love-ps__sticky--1.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--2 {
        background: url(/images/individual/love/love-ps__sticky--2.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--3 {
        background: url(/images/individual/love/love-ps__sticky--3.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--4 {
        background: url(/images/individual/love/love-ps__sticky--4.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--5 {
        background: url(/images/individual/love/love-ps__sticky--5.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--6 {
        background: url(/images/individual/love/love-ps__sticky--6.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--7 {
        background: url(/images/individual/love/love-ps__sticky--7.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--8 {
        background: url(/images/individual/love/love-ps__sticky--8.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--9 {
        background: url(/images/individual/love/love-ps__sticky--9.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--10 {
        background: url(/images/individual/love/love-ps__sticky--10.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--11 {
        background: url(/images/individual/love/love-ps__sticky--11.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--12 {
        background: url(/images/individual/love/love-ps__sticky--12.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--13 {
        background: url(/images/individual/love/love-ps__sticky--13.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--14 {
        background: url(/images/individual/love/love-ps__sticky--14.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--15 {
        background: url(/images/individual/love/love-ps__sticky--15.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--16 {
        background: url(/images/individual/love/love-ps__sticky--16.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--17 {
        background: url(/images/individual/love/love-ps__sticky--17.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--18 {
        background: url(/images/individual/love/love-ps__sticky--18.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--19 {
        background: url(/images/individual/love/love-ps__sticky--19.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--20 {
        background: url(/images/individual/love/love-ps__sticky--20.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--21 {
        background: url(/images/individual/love/love-ps__sticky--21.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--22 {
        background: url(/images/individual/love/love-ps__sticky--22.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--23 {
        background: url(/images/individual/love/love-ps__sticky--23.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--24 {
        background: url(/images/individual/love/love-ps__sticky--24.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--25 {
        background: url(/images/individual/love/love-ps__sticky--25.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--26 {
        background: url(/images/individual/love/love-ps__sticky--26.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--27 {
        background: url(/images/individual/love/love-ps__sticky--27.png) no-repeat 0 0;
        -webkit-background-size: contain;
                background-size: contain; }
      .love-ps-sticky__item--1 {
        width: 325px;
        height: 412px;
        top: 5px;
        left: 0; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--1 {
            width: 50.78125%;
            height: 0;
            padding-top: 64.375%;
            top: 0%;
            left: 0.9375%;
            z-index: 19; } }
      .love-ps-sticky__item--2 {
        width: 334px;
        height: 418px;
        top: 13px;
        left: 356px; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--2 {
            width: 52.1875%;
            height: 0;
            padding-top: 65.3125%;
            top: 0.5%;
            left: 47.1875%;
            z-index: 18; } }
      .love-ps-sticky__item--3 {
        width: 438px;
        height: 431px;
        top: 0;
        left: 670px;
        z-index: 22; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--3 {
            width: 68.4375%;
            height: 0;
            padding-top: 67.34375%;
            top: 6.1206896552%;
            left: 0%;
            z-index: 20; } }
      .love-ps-sticky__item--4 {
        width: 352px;
        height: 460px;
        top: 432px;
        left: 0; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--4 {
            width: 55%;
            height: 0;
            padding-top: 71.875%;
            top: 11.3448275862%;
            left: 42.8125%;
            z-index: 17; } }
      .love-ps-sticky__item--5 {
        width: 371px;
        height: 478px;
        top: 423px;
        left: 359px;
        z-index: 21; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--5 {
            float: right;
            width: 57.96875%;
            height: 0;
            padding-top: 74.6875%;
            top: 19.5344827586%;
            left: 41.5625%;
            z-index: 17; } }
      .love-ps-sticky__item--6 {
        width: 376px;
        height: 336px;
        top: 408px;
        left: 719px;
        z-index: 21; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--6 {
            width: 58.75%;
            height: 0;
            padding-top: 52.5%;
            top: 25.224137931%;
            left: 0%;
            z-index: 16; } }
      .love-ps-sticky__item--7 {
        width: 519px;
        height: 311px;
        top: 887px;
        left: 0;
        z-index: 21; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--7 {
            width: 81.09375%;
            height: 0;
            padding-top: 48.59375%;
            top: 29.1206896552%;
            left: 17.34375%;
            z-index: 15; } }
      .love-ps-sticky__item--8 {
        width: 342px;
        height: 448px;
        top: 853px;
        left: 487px; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--8 {
            width: 53.4375%;
            height: 0;
            padding-top: 70%;
            top: 34.6724137931%;
            left: 46.25%;
            z-index: 15; } }
      .love-ps-sticky__item--9 {
        width: 328px;
        height: 414px;
        top: 716px;
        left: 778px;
        z-index: 19; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--9 {
            width: 51.25%;
            height: 0;
            padding-top: 64.6875%;
            top: 33.0689655172%;
            left: 0.46875%;
            z-index: 14; } }
      .love-ps-sticky__item--10 {
        width: 325px;
        height: 434px;
        top: 1195px;
        left: 0; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--10 {
            width: 50.78125%;
            height: 0;
            padding-top: 67.8125%;
            top: 43.7068965517%;
            left: 0.15625%;
            z-index: 15; } }
      .love-ps-sticky__item--11 {
        width: 412px;
        height: 363px;
        top: 1263px;
        left: 319px;
        z-index: 19; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--11 {
            width: 64.375%;
            height: 0;
            padding-top: 56.71875%;
            top: 42%;
            left: 35.46875%;
            z-index: 14; } }
      .love-ps-sticky__item--12 {
        width: 339px;
        height: 423px;
        top: 1214px;
        left: 751px;
        z-index: 19; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--12 {
            width: 52.96875%;
            height: 0;
            padding-top: 66.09375%;
            top: 47.6724137931%;
            left: 46.40625%;
            z-index: 13; } }
      .love-ps-sticky__item--13 {
        width: 412px;
        height: 405px;
        top: 1621px;
        left: 0;
        z-index: 21; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--13 {
            width: 64.375%;
            height: 0;
            padding-top: 63.28125%;
            top: 52.6551724138%;
            left: 0%;
            z-index: 12; } }
      .love-ps-sticky__item--14 {
        width: 322px;
        height: 409px;
        top: 1627px;
        left: 383px; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--14 {
            width: 50.3125%;
            height: 0;
            padding-top: 63.90625%;
            top: 55.6551724138%;
            left: 49.0625%;
            z-index: 11; } }
      .love-ps-sticky__item--16 {
        width: 412px;
        height: 405px;
        top: 1674px;
        left: 690px;
        z-index: 18; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--16 {
            width: 64.375%;
            height: 0;
            padding-top: 63.28125%;
            top: 64.4655172414%;
            left: 35.3125%;
            z-index: 9; } }
      .love-ps-sticky__item--17 {
        width: 327px;
        height: 607px;
        top: 2042px;
        left: -10px; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--17 {
            width: 51.09375%;
            height: 0;
            padding-top: 94.84375%;
            top: 67.1724137931%;
            left: 0%;
            z-index: 10; } }
      .love-ps-sticky__item--19 {
        width: 355px;
        height: 445px;
        top: 2125px;
        left: 731px; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--19 {
            width: 55.46875%;
            height: 0;
            padding-top: 69.53125%;
            top: 77.8103448276%;
            left: 0%;
            z-index: 8; } }
      .love-ps-sticky__item--20 {
        width: 334px;
        height: 418px;
        top: 2643px;
        left: 21px; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--20 {
            width: 52.1875%;
            height: 0;
            padding-top: 65.3125%;
            top: 79.3448275862%;
            left: 48.125%;
            z-index: 7; } }
      .love-ps-sticky__item--21 {
        width: 326px;
        height: 411px;
        top: 2503px;
        left: 364px; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--21 {
            position: absolute;
            width: 50.9375%;
            height: 0;
            padding-top: 64.21875%;
            top: 16.224137931%;
            left: 0%;
            z-index: 18; } }
      .love-ps-sticky__item--22 {
        width: 442px;
        height: 261px;
        top: 2632px;
        left: 659px;
        z-index: 19; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--22 {
            width: 69.0625%;
            height: 0;
            padding-top: 40.78125%;
            top: 61.0517241379%;
            left: 1.25%;
            z-index: 10; } }
      .love-ps-sticky__item--24 {
        width: 410px;
        height: 409px;
        top: 3000px;
        left: 20px;
        z-index: 21; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--24 {
            width: 64.0625%;
            height: 0;
            padding-top: 63.90625%;
            top: 84.3275862069%;
            left: 0%;
            z-index: 6; } }
      .love-ps-sticky__item--25 {
        width: 323px;
        height: 410px;
        top: 2962px;
        left: 758px; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--25 {
            width: 50.46875%;
            height: 0;
            padding-top: 64.0625%;
            top: 92.2586206897%;
            left: 4.6875%;
            z-index: 3; } }
      .love-ps-sticky__item--26 {
        width: 322px;
        height: 490px;
        top: 2931px;
        left: 423px; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--26 {
            width: 50.3125%;
            height: 0;
            padding-top: 76.5625%;
            top: 88.8103448276%;
            left: 48.75%;
            z-index: 5; } }
      .love-ps-sticky__item--27 {
        width: 323px;
        height: 410px;
        top: 2071px;
        left: 370px; }
        @media only screen and (max-width: 1100px) {
          .love-ps-sticky__item--27 {
            width: 50.46875%;
            height: 0;
            padding-top: 64.0625%;
            top: 71.7413793103%;
            left: 46.5625%;
            z-index: 9; } }
  .love-ps__button a {
    display: block;
    width: 235px;
    height: 130px;
    margin: 0 auto;
    background: url(/images/individual/love/love-ps__button--close.png) no-repeat 0 0;
    -webkit-background-size: contain;
            background-size: contain; }
    @media only screen and (max-width: 640px) {
      .love-ps__button a {
        width: 36%;
        height: 0;
        padding-top: 21%; } }
  .love-ps__txt {
    width: 937px;
    height: 242px;
    margin: 0 auto 130px;
    padding-top: 120px;
    background: url(/images/individual/love/love-ps__text1--pc.png) no-repeat 0 120px;
    -webkit-background-size: contain;
            background-size: contain; }
    @media only screen and (max-width: 640px) {
      .love-ps__txt {
        width: 90%;
        height: 0;
        margin: 10% auto 17%;
        padding-top: 63%;
        background: url(/images/individual/love/love-ps__text1--sp.png) no-repeat center 0;
        -webkit-background-size: contain;
                background-size: contain; } }

/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.3.4 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  .featherlight {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background: #333;
    background: transparent; }
  .featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8); }
  .featherlight:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em; }
  .featherlight .featherlight-content {
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    min-width: 30%;
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    background: #fff;
    cursor: auto;
    white-space: normal; }
  .featherlight .featherlight-inner {
    display: block; }
  .featherlight .featherlight-close-icon {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    line-height: 25px;
    width: 25px;
    cursor: pointer;
    text-align: center;
    font-family: Arial,sans-serif;
    background: #fff;
    background: rgba(255, 255, 255, 0.3);
    color: #000; }
  .featherlight .featherlight-image {
    width: 100%; }
  .featherlight-iframe .featherlight-content {
    border-bottom: 0;
    padding: 0; }
  .featherlight iframe {
    border: 0; } }

@media only screen and (max-width: 1024px) {
  .featherlight .featherlight-content {
    margin-left: 10px;
    margin-right: 10px;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent; } }

/*
Animate.css - http://daneden.me/animate
Licensed under the ☺ license (http://licence.visualidiot.com/)

Copyright (c) 2012 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
body {
  /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
  -webkit-backface-visibility: hidden; }

.animated {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px); } }

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); } }

.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0); } }

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
            transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
            transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
            transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0); } }

.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center; }
  20% {
    -webkit-transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
      transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%); } }

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
            transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
            transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
            transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
            transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
            transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); } }

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
            transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
            transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
            transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
            transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) scale(1);
            transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; } }

.flip {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flip;
          animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
            transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
            transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
            transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
            transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
            transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInY;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
          animation-name: flipInY; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
            transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipOutY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipOutY;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
            transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
            transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
            transform: translateY(2000px); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
            transform: translateX(2000px); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
            transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
            transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
            transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3); } }

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3); } }

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
            transform: translateY(2000px); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
            transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
            transform: translateX(2000px); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(-200deg);
            transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(200deg);
            transform: rotate(200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
            transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
            transform: translateY(700px);
    opacity: 0; } }

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
            transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg); } }

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
            transform: translateX(100%) rotate(120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
            transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
            transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
            transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
            transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

.animated.lightSpeedIn {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s; }

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
            transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
            transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

.animated.lightSpeedOut {
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s; }

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg); }
  10% {
    -webkit-transform: skewX(-8deg); }
  20% {
    -webkit-transform: skewX(7deg); }
  30% {
    -webkit-transform: skewX(-6deg); }
  40% {
    -webkit-transform: skewX(5deg); }
  50% {
    -webkit-transform: skewX(-4deg); }
  60% {
    -webkit-transform: skewX(3deg); }
  70% {
    -webkit-transform: skewX(-2deg); }
  80% {
    -webkit-transform: skewX(1deg); }
  90% {
    -webkit-transform: skewX(0deg); }
  100% {
    -webkit-transform: skewX(0deg); } }

@keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
            transform: skewX(9deg); }
  10% {
    -webkit-transform: skewX(-8deg);
            transform: skewX(-8deg); }
  20% {
    -webkit-transform: skewX(7deg);
            transform: skewX(7deg); }
  30% {
    -webkit-transform: skewX(-6deg);
            transform: skewX(-6deg); }
  40% {
    -webkit-transform: skewX(5deg);
            transform: skewX(5deg); }
  50% {
    -webkit-transform: skewX(-4deg);
            transform: skewX(-4deg); }
  60% {
    -webkit-transform: skewX(3deg);
            transform: skewX(3deg); }
  70% {
    -webkit-transform: skewX(-2deg);
            transform: skewX(-2deg); }
  80% {
    -webkit-transform: skewX(1deg);
            transform: skewX(1deg); }
  90% {
    -webkit-transform: skewX(0deg);
            transform: skewX(0deg); }
  100% {
    -webkit-transform: skewX(0deg);
            transform: skewX(0deg); } }

.wiggle {
  -webkit-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

.animated.wiggle {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff slick-image-url("ajax-loader.gif") center center no-repeat; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.featherlight:last-of-type {
  background: rgba(0, 0, 0, 0.93); }

.featherlight .featherlight-content {
  border-bottom: none;
  padding: 0;
  overflow: auto; }

.featherlight .featherlight-close-icon {
  position: fixed;
  right: 30px;
  top: 30px;
  background: transparent url(/images/base/featherlight__close-button.png) no-repeat;
  width: 48px;
  height: 48px;
  font-size: 0; }

.featherlight .featherlight-image {
  max-width: 100%; }

.slick-slide:focus, .slick-slide a {
  outline: none; }

.slick-slider {
  margin-bottom: 0; }

.slick-dots {
  bottom: 48px;
  height: 14px;
  margin: 0; }
  .slick-dots li {
    width: 14px;
    height: 14px;
    margin: 0 8px; }
    .slick-dots li button {
      width: 14px;
      height: 14px; }
      .slick-dots li button:before {
        width: 14px;
        height: 14px;
        background-color: #dadada;
        border-radius: 50%;
        color: transparent;
        opacity: 1;
        -webkit-box-shadow: 1px 1px 1px 0 rgba(4, 0, 0, 0.75) inset;
                box-shadow: 1px 1px 1px 0 rgba(4, 0, 0, 0.75) inset; }
    .slick-dots li.slick-active button:before {
      background-color: #d82304;
      color: transparent;
      opacity: 1;
      -webkit-box-shadow: 1px 1px 1px 0 rgba(4, 0, 0, 0.75) inset;
              box-shadow: 1px 1px 1px 0 rgba(4, 0, 0, 0.75) inset; }

.header2--rwd,
.product__to-history--sp {
  display: none; }