.sprites-sprite {
  background-image: url('../../vol019/image/sprites-s919d58f9b9.png');
  background-repeat: no-repeat;
}

.sprites-check_ill_01 {
  padding-bottom: 200%;
}
.sprites-check_ill_01:after {
  width: 1059.82906%;
  background-position: 0 1.0652%;
  padding-bottom: 200%;
}

.sprites-check_ill_02 {
  padding-bottom: 89.3617%;
}
.sprites-check_ill_02:after {
  width: 1319.14894%;
  background-position: 0 5.04255%;
  padding-bottom: 89.3617%;
}

.sprites-check_ill_03 {
  padding-bottom: 146.05263%;
}
.sprites-check_ill_03:after {
  width: 1631.57895%;
  background-position: 0 6.70992%;
  padding-bottom: 146.05263%;
}

.sprites-check_img {
  padding-bottom: 114.73214%;
}
.sprites-check_img:after {
  width: 553.57143%;
  background-position: 0 8.99077%;
  padding-bottom: 114.73214%;
}

.sprites-check {
  padding-bottom: 100%;
}
.sprites-check:after {
  width: 2695.65217%;
  background-position: 0 0%;
  padding-bottom: 100%;
}

.sprites-cloud {
  padding-bottom: 31.86813%;
}
.sprites-cloud:after {
  width: 681.31868%;
  background-position: 0 13.05712%;
  padding-bottom: 31.86813%;
}

.sprites-ico_fb {
  padding-bottom: 100%;
}
.sprites-ico_fb:after {
  width: 2583.33333%;
  background-position: 0 14.25885%;
  padding-bottom: 100%;
}

.sprites-ico_tw {
  padding-bottom: 100%;
}
.sprites-ico_tw:after {
  width: 2583.33333%;
  background-position: 0 15.32435%;
  padding-bottom: 100%;
}

.sprites-intro__ill__01 {
  padding-bottom: 79.81366%;
}
.sprites-intro__ill__01:after {
  width: 385.09317%;
  background-position: 0 16.94476%;
  padding-bottom: 79.81366%;
}

.sprites-intro__ill__02 {
  padding-bottom: 112.2449%;
}
.sprites-intro__ill__02:after {
  width: 2530.61224%;
  background-position: 0 20.75294%;
  padding-bottom: 112.2449%;
}

.sprites-intro__ill__03 {
  padding-bottom: 59.67742%;
}
.sprites-intro__ill__03:after {
  width: 2000%;
  background-position: 0 21.86767%;
  padding-bottom: 59.67742%;
}

.sprites-intro__ill__04 {
  padding-bottom: 8.3871%;
}
.sprites-intro__ill__04:after {
  width: 100%;
  background-position: 0 23.00032%;
  padding-bottom: 8.3871%;
}

.sprites-item01_btn {
  padding-bottom: 76.47059%;
}
.sprites-item01_btn:after {
  width: 455.88235%;
  background-position: 0 25.37769%;
  padding-bottom: 76.47059%;
}

.sprites-item01_ill_01 {
  padding-bottom: 192.20183%;
}
.sprites-item01_ill_01:after {
  width: 568.80734%;
  background-position: 0 30.06155%;
  padding-bottom: 192.20183%;
}

.sprites-item01_ill_02 {
  padding-bottom: 76.88172%;
}
.sprites-item01_ill_02:after {
  width: 666.66667%;
  background-position: 0 35.72451%;
  padding-bottom: 76.88172%;
}

.sprites-item02_btn {
  padding-bottom: 69.34866%;
}
.sprites-item02_btn:after {
  width: 475.09579%;
  background-position: 0 38.55017%;
  padding-bottom: 69.34866%;
}

.sprites-item02_ill_01 {
  padding-bottom: 115.42553%;
}
.sprites-item02_ill_01:after {
  width: 659.57447%;
  background-position: 0 42.00869%;
  padding-bottom: 115.42553%;
}

.sprites-item02_ill_02 {
  padding-bottom: 65.51724%;
}
.sprites-item02_ill_02:after {
  width: 2137.93103%;
  background-position: 0 44.54005%;
  padding-bottom: 65.51724%;
}

.sprites-item02_ill_03 {
  padding-bottom: 87.85047%;
}
.sprites-item02_ill_03:after {
  width: 1158.8785%;
  background-position: 0 45.84912%;
  padding-bottom: 87.85047%;
}

.sprites-item03_btn {
  padding-bottom: 89.45313%;
}
.sprites-item03_btn:after {
  width: 484.375%;
  background-position: 0 48.6857%;
  padding-bottom: 89.45313%;
}

.sprites-item03_ill_01 {
  padding-bottom: 95.25223%;
}
.sprites-item03_ill_01:after {
  width: 367.95252%;
  background-position: 0 53.49484%;
  padding-bottom: 95.25223%;
}

.sprites-item04_btn {
  padding-bottom: 56.18557%;
}
.sprites-item04_btn:after {
  width: 319.58763%;
  background-position: 0 58.09723%;
  padding-bottom: 56.18557%;
}

.sprites-item04_ill_01 {
  padding-bottom: 87.89474%;
}
.sprites-item04_ill_01:after {
  width: 652.63158%;
  background-position: 0 61.42424%;
  padding-bottom: 87.89474%;
}

.sprites-item04_ill_02 {
  padding-bottom: 97.0297%;
}
.sprites-item04_ill_02:after {
  width: 1227.72277%;
  background-position: 0 63.70815%;
  padding-bottom: 97.0297%;
}

.sprites-lineUp__ttl {
  padding-bottom: 100%;
}
.sprites-lineUp__ttl:after {
  width: 1937.5%;
  background-position: 0 65.22149%;
  padding-bottom: 100%;
}

.sprites-logo {
  padding-bottom: 24.75248%;
}
.sprites-logo:after {
  width: 613.86139%;
  background-position: 0 66.39498%;
  padding-bottom: 24.75248%;
}

.sprites-outro_ttl {
  padding-bottom: 17.52577%;
}
.sprites-outro_ttl:after {
  width: 255.6701%;
  background-position: 0 67.86446%;
  padding-bottom: 17.52577%;
}

.sprites-present_btn_android {
  padding-bottom: 33.33333%;
}
.sprites-present_btn_android:after {
  width: 1033.33333%;
  background-position: 0 69.02973%;
  padding-bottom: 33.33333%;
}

.sprites-present_btn_iphone {
  padding-bottom: 33.33333%;
}
.sprites-present_btn_iphone:after {
  width: 1033.33333%;
  background-position: 0 69.9687%;
  padding-bottom: 33.33333%;
}

.sprites-present_frame {
  padding-bottom: 143.63636%;
}
.sprites-present_frame:after {
  width: 375.75758%;
  background-position: 0 76.07455%;
  padding-bottom: 143.63636%;
}

.sprites-present_name_01 {
  padding-bottom: 18.91892%;
}
.sprites-present_name_01:after {
  width: 1675.67568%;
  background-position: 0 78.31983%;
  padding-bottom: 18.91892%;
}

.sprites-present_name_02 {
  padding-bottom: 18.91892%;
}
.sprites-present_name_02:after {
  width: 1675.67568%;
  background-position: 0 78.84975%;
  padding-bottom: 18.91892%;
}

.sprites-present_name_03 {
  padding-bottom: 18.91892%;
}
.sprites-present_name_03:after {
  width: 1675.67568%;
  background-position: 0 79.37968%;
  padding-bottom: 18.91892%;
}

.sprites-present_next {
  padding-bottom: 100%;
}
.sprites-present_next:after {
  width: 2066.66667%;
  background-position: 0 80.48666%;
  padding-bottom: 100%;
}

.sprites-present_prev {
  padding-bottom: 100%;
}
.sprites-present_prev:after {
  width: 2066.66667%;
  background-position: 0 81.74254%;
  padding-bottom: 100%;
}

.sprites-present_ribon {
  padding-bottom: 100%;
}
.sprites-present_ribon:after {
  width: 1148.14815%;
  background-position: 0 83.6286%;
  padding-bottom: 100%;
}

.sprites-present_ttl {
  padding-bottom: 24.77876%;
}
.sprites-present_ttl:after {
  width: 274.33628%;
  background-position: 0 85.7075%;
  padding-bottom: 24.77876%;
}

.sprites-profile_name {
  padding-bottom: 18.18182%;
}
.sprites-profile_name:after {
  width: 1024.79339%;
  background-position: 0 88.49875%;
  padding-bottom: 18.18182%;
}

.sprites-profile {
  padding-bottom: 77.61194%;
}
.sprites-profile:after {
  width: 925.37313%;
  background-position: 0 87.68574%;
  padding-bottom: 77.61194%;
}

.sprites-ribon {
  padding-bottom: 100%;
}
.sprites-ribon:after {
  width: 911.76471%;
  background-position: 0 90.76899%;
  padding-bottom: 100%;
}

.sprites-sub {
  padding-bottom: 8.46154%;
}
.sprites-sub:after {
  width: 953.84615%;
  background-position: 0 91.43169%;
  padding-bottom: 8.46154%;
}

.sprites-tag {
  padding-bottom: 63.88889%;
}
.sprites-tag:after {
  width: 688.88889%;
  background-position: 0 93.42835%;
  padding-bottom: 63.88889%;
}

.sprites-ttl_01 {
  padding-bottom: 19.04762%;
}
.sprites-ttl_01:after {
  width: 656.08466%;
  background-position: 0 94.38536%;
  padding-bottom: 19.04762%;
}

.sprites-ttl_02 {
  padding-bottom: 22.09738%;
}
.sprites-ttl_02:after {
  width: 464.41948%;
  background-position: 0 95.60509%;
  padding-bottom: 22.09738%;
}

.sprites-ttl_03 {
  padding-bottom: 104.7619%;
}
.sprites-ttl_03:after {
  width: 5904.7619%;
  background-position: 0 96.28589%;
  padding-bottom: 104.7619%;
}

.sprites-ttl_04 {
  padding-bottom: 18.37349%;
}
.sprites-ttl_04:after {
  width: 373.49398%;
  background-position: 0 97.53493%;
  padding-bottom: 18.37349%;
}

.sprites-ttl_05 {
  padding-bottom: 104.34783%;
}
.sprites-ttl_05:after {
  width: 5391.30435%;
  background-position: 0 98.23603%;
  padding-bottom: 104.34783%;
}

.sprites-ttl_06 {
  padding-bottom: 29.41176%;
}
.sprites-ttl_06:after {
  width: 607.84314%;
  background-position: 0 99.48195%;
  padding-bottom: 29.41176%;
}

.sprites-txt_share {
  padding-bottom: 26.53061%;
}
.sprites-txt_share:after {
  width: 2530.61224%;
  background-position: 0 100%;
  padding-bottom: 26.53061%;
}

.sprites-check_ill_01, .sprites-check_ill_02, .sprites-check_ill_03, .sprites-check_img, .sprites-check, .sprites-cloud, .sprites-ico_fb, .sprites-ico_tw, .sprites-intro__ill__01, .sprites-intro__ill__02, .sprites-intro__ill__03, .sprites-intro__ill__04, .sprites-item01_btn, .sprites-item01_ill_01, .sprites-item01_ill_02, .sprites-item02_btn, .sprites-item02_ill_01, .sprites-item02_ill_02, .sprites-item02_ill_03, .sprites-item03_btn, .sprites-item03_ill_01, .sprites-item04_btn, .sprites-item04_ill_01, .sprites-item04_ill_02, .sprites-lineUp__ttl, .sprites-logo, .sprites-outro_ttl, .sprites-present_btn_android, .sprites-present_btn_iphone, .sprites-present_frame, .sprites-present_name_01, .sprites-present_name_02, .sprites-present_name_03, .sprites-present_next, .sprites-present_prev, .sprites-present_ribon, .sprites-present_ttl, .sprites-profile_name, .sprites-profile, .sprites-ribon, .sprites-sub, .sprites-tag, .sprites-ttl_01, .sprites-ttl_02, .sprites-ttl_03, .sprites-ttl_04, .sprites-ttl_05, .sprites-ttl_06, .sprites-txt_share {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
}
.sprites-check_ill_01:after, .sprites-check_ill_02:after, .sprites-check_ill_03:after, .sprites-check_img:after, .sprites-check:after, .sprites-cloud:after, .sprites-ico_fb:after, .sprites-ico_tw:after, .sprites-intro__ill__01:after, .sprites-intro__ill__02:after, .sprites-intro__ill__03:after, .sprites-intro__ill__04:after, .sprites-item01_btn:after, .sprites-item01_ill_01:after, .sprites-item01_ill_02:after, .sprites-item02_btn:after, .sprites-item02_ill_01:after, .sprites-item02_ill_02:after, .sprites-item02_ill_03:after, .sprites-item03_btn:after, .sprites-item03_ill_01:after, .sprites-item04_btn:after, .sprites-item04_ill_01:after, .sprites-item04_ill_02:after, .sprites-lineUp__ttl:after, .sprites-logo:after, .sprites-outro_ttl:after, .sprites-present_btn_android:after, .sprites-present_btn_iphone:after, .sprites-present_frame:after, .sprites-present_name_01:after, .sprites-present_name_02:after, .sprites-present_name_03:after, .sprites-present_next:after, .sprites-present_prev:after, .sprites-present_ribon:after, .sprites-present_ttl:after, .sprites-profile_name:after, .sprites-profile:after, .sprites-ribon:after, .sprites-sub:after, .sprites-tag:after, .sprites-ttl_01:after, .sprites-ttl_02:after, .sprites-ttl_03:after, .sprites-ttl_04:after, .sprites-ttl_05:after, .sprites-ttl_06:after, .sprites-txt_share:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 0;
  background-image: url('../../vol019/image/sprites-s919d58f9b9.png');
  background-repeat: no-repeat;
  background-size: 100%;
}

/*******************************
vol019.scss
*******************************/
html, body {
  color: #000;
}

/*******************************
common
*******************************/
.intro {
  position: relative;
  max-width: 1039px;
  padding: 40px 40px 24px;
  margin: 0 auto;
}
.intro__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 472px;
  background-color: #a6c2d0;
}
.intro__top {
  overflow: hidden;
  position: relative;
  height: 564px;
}
.intro__ribon {
  position: absolute;
  top: 0;
  right: 0;
  width: 136px;
}
.intro__ttl-box {
  padding-top: 80px;
  text-align: center;
  font-size: 0;
}
.intro__ttl {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0 7px;
}
.intro__ttl--01 {
  display: block;
  width: 18.17308%;
  margin: 0 auto 28px;
}
.intro__ttl--02 {
  width: 25.67308%;
}
.intro__ttl--03 {
  width: 2.01923%;
}
.intro__ttl--04 {
  width: 31.92308%;
}
.intro__ttl--05 {
  width: 2.21154%;
}
.intro__ttl--06 {
  width: 19.61538%;
}
.intro__logo {
  position: absolute;
  top: 250px;
  left: 0;
  right: 0;
  width: 202px;
  margin: auto;
}
.intro__cloud {
  position: absolute;
  top: 0;
}
.intro__cloud--01 {
  width: 182px;
  top: 48px;
  left: -36px;
}
.intro__cloud--02 {
  width: 178px;
  top: 256px;
  right: 24px;
}
.intro__sub {
  position: absolute;
  top: 12px;
  left: 20px;
  width: 130px;
}
.intro__ill {
  position: absolute;
}
.intro__ill--01 {
  z-index: 1;
  top: 244px;
  left: 54px;
  width: 332px;
}
.intro__ill--02 {
  z-index: 1;
  top: 468px;
  left: 336px;
  width: 49px;
}
.intro__ill--03 {
  z-index: 1;
  top: 478px;
  left: 372px;
  width: 62px;
}
.intro__ill--04 {
  z-index: 0;
  top: auto;
  right: -100px;
  bottom: 92px;
  width: 1240px;
}
.intro__tag {
  position: absolute;
  top: 372px;
  right: 28px;
  width: 180px;
}
.intro__copy {
  color: #cc0033;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 1em;
}
.intro__txt {
  color: #333;
  margin-top: 18px;
  font-size: 14px;
  text-align: center;
  line-height: 1.6em;
}
.intro__credit {
  width: 43.75%;
  margin: 1.875% auto;
}
.intro__cloud--01 {
  -moz-animation: cloud1 1720ms cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
  -webkit-animation: cloud1 1720ms cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
  animation: cloud1 1720ms cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
@-moz-keyframes cloud1 {
  0%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(10px);
    transform: translateY(10px);
  }
}
@-webkit-keyframes cloud1 {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}
@keyframes cloud1 {
  0%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}
.intro__cloud--02 {
  -moz-animation: cloud2 1720ms cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
  -webkit-animation: cloud2 1720ms cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
  animation: cloud2 1720ms cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
@-moz-keyframes cloud2 {
  0%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-webkit-keyframes cloud2 {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes cloud2 {
  0%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
.intro__ill--04 {
  -moz-animation: wave 3600ms ease-in-out infinite;
  -webkit-animation: wave 3600ms ease-in-out infinite;
  animation: wave 3600ms ease-in-out infinite;
}
@-moz-keyframes wave {
  0%, 100% {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -moz-transform: translateX(-32px);
    transform: translateX(-32px);
  }
}
@-webkit-keyframes wave {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-32px);
    transform: translateX(-32px);
  }
}
@keyframes wave {
  0%, 100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -moz-transform: translateX(-32px);
    -ms-transform: translateX(-32px);
    -webkit-transform: translateX(-32px);
    transform: translateX(-32px);
  }
}
.intro__ttl, .intro__logo, .intro__tag, .intro__ill--01 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.intro__ttl.show, .intro__logo.show, .intro__tag.show, .intro__ill--01.show {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.intro__ill--01 {
  -moz-transition: opacity 200ms ease-in;
  -o-transition: opacity 200ms ease-in;
  -webkit-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
}
.intro__ill--02 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.intro__ill--02.show {
  -moz-animation: sandal 520ms ease-in-out;
  -webkit-animation: sandal 520ms ease-in-out;
  animation: sandal 520ms ease-in-out;
  -moz-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.intro__ill--03 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.intro__ill--03.show {
  -moz-animation: sandal 440ms ease-in-out 200ms;
  -webkit-animation: sandal 440ms ease-in-out 200ms;
  animation: sandal 440ms ease-in-out 200ms;
  -moz-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-moz-keyframes sandal {
  0% {
    opacity: 0;
    -moz-transform: translateY(-32px) rotate(-20deg);
    transform: translateY(-32px) rotate(-20deg);
  }
  47% {
    -moz-transform: translateY(0) rotate(-20deg);
    transform: translateY(0) rotate(-20deg);
  }
  73% {
    -moz-transform: translateY(-8px) rotate(-12deg);
    transform: translateY(-8px) rotate(-12deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
}
@-webkit-keyframes sandal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-32px) rotate(-20deg);
    transform: translateY(-32px) rotate(-20deg);
  }
  47% {
    -webkit-transform: translateY(0) rotate(-20deg);
    transform: translateY(0) rotate(-20deg);
  }
  73% {
    -webkit-transform: translateY(-8px) rotate(-12deg);
    transform: translateY(-8px) rotate(-12deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
}
@keyframes sandal {
  0% {
    opacity: 0;
    -moz-transform: translateY(-32px) rotate(-20deg);
    -ms-transform: translateY(-32px) rotate(-20deg);
    -webkit-transform: translateY(-32px) rotate(-20deg);
    transform: translateY(-32px) rotate(-20deg);
  }
  47% {
    -moz-transform: translateY(0) rotate(-20deg);
    -ms-transform: translateY(0) rotate(-20deg);
    -webkit-transform: translateY(0) rotate(-20deg);
    transform: translateY(0) rotate(-20deg);
  }
  73% {
    -moz-transform: translateY(-8px) rotate(-12deg);
    -ms-transform: translateY(-8px) rotate(-12deg);
    -webkit-transform: translateY(-8px) rotate(-12deg);
    transform: translateY(-8px) rotate(-12deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
}
.intro__ttl--02 {
  -moz-transition: opacity 320ms ease-in 200ms;
  -o-transition: opacity 320ms ease-in 200ms;
  -webkit-transition: opacity 320ms ease-in;
  -webkit-transition-delay: 200ms;
  transition: opacity 320ms ease-in 200ms;
}
.intro__ttl--04 {
  -moz-transition: opacity 320ms ease-in 460ms;
  -o-transition: opacity 320ms ease-in 460ms;
  -webkit-transition: opacity 320ms ease-in;
  -webkit-transition-delay: 460ms;
  transition: opacity 320ms ease-in 460ms;
}
.intro__ttl--06 {
  -moz-transition: opacity 320ms ease-in 720ms;
  -o-transition: opacity 320ms ease-in 720ms;
  -webkit-transition: opacity 320ms ease-in;
  -webkit-transition-delay: 720ms;
  transition: opacity 320ms ease-in 720ms;
}
.intro__ttl--03, .intro__ttl--05 {
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
  -moz-transition: all 320ms ease-in;
  -o-transition: all 320ms ease-in;
  -webkit-transition: all 320ms ease-in;
  transition: all 320ms ease-in;
}
.intro__ttl--03.show, .intro__ttl--05.show {
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.intro__ttl--01, .intro__tag, .intro__logo {
  -moz-transition: opacity 320ms ease-in-out;
  -o-transition: opacity 320ms ease-in-out;
  -webkit-transition: opacity 320ms ease-in-out;
  transition: opacity 320ms ease-in-out;
}

.lineUp {
  overflow: hidden;
  position: relative;
  max-width: 960px;
  height: 1788px;
  padding: 24px 40px 0;
  margin: 0 auto;
}
.lineUp:before {
  z-index: 1;
  content: ' ';
  display: block;
  position: absolute;
  top: 24px;
  left: 40px;
  right: 40px;
  border-top: 1px solid #bfbfbf;
}
.lineUp__ttl {
  position: absolute;
  padding-top: 8px;
  width: 64px;
}
.lineUp__img, .lineUp__btn, .lineUp__ill {
  position: absolute;
}
.lineUp__btn {
  z-index: 2;
}
.lineUp__item {
  position: absolute;
  left: 0;
  right: 0;
  width: 900px;
  margin: 0 auto;
}
.lineUp__item--01 {
  top: 0;
  height: 368px;
}
.lineUp__item--01 .lineUp__img {
  top: 20px;
  right: -12px;
  width: 467px;
}
.lineUp__item--01 .lineUp__btn {
  top: 72px;
  left: 236px;
  width: 272px;
}
.lineUp__item--01 .lineUp__ill--01 {
  top: 42px;
  right: 116px;
  width: 218px;
}
.lineUp__item--01 .lineUp__ill--02 {
  top: 36px;
  left: -22px;
  width: 234px;
}
.lineUp__item--02 {
  top: 368px;
  height: 396px;
}
.lineUp__item--02 .lineUp__img {
  top: -60px;
  left: -20px;
  width: 466px;
}
.lineUp__item--02 .lineUp__btn {
  top: 118px;
  right: 224px;
  width: 261px;
}
.lineUp__item--02 .lineUp__ill--01 {
  top: -10px;
  left: 128px;
  width: 188px;
}
.lineUp__item--02 .lineUp__ill--02 {
  top: 48px;
  left: 350px;
  width: 58px;
}
.lineUp__item--02 .lineUp__ill--03 {
  top: 272px;
  left: -28px;
  width: 107px;
}
.lineUp__item--03 {
  top: 764px;
  height: 400px;
}
.lineUp__item--03 .lineUp__img {
  z-index: -1;
  top: -174px;
  right: -36px;
  width: 617px;
}
.lineUp__item--03 .lineUp__btn {
  top: 64px;
  left: 152px;
  width: 256px;
}
.lineUp__item--03 .lineUp__ill--01 {
  top: -74px;
  right: 130px;
  width: 337px;
}
.lineUp__item--04 {
  top: 1164px;
  height: 624px;
}
.lineUp__item--04:after {
  display: none;
}
.lineUp__item--04 .lineUp__img {
  top: -32px;
  left: -54px;
  width: 501px;
}
.lineUp__item--04 .lineUp__btn {
  top: -8px;
  right: 60px;
  width: 388px;
}
.lineUp__item--04 .lineUp__ill--01 {
  top: -38px;
  left: 74px;
  width: 190px;
}
.lineUp__item--04 .lineUp__ill--02 {
  top: -206px;
  left: 56px;
  width: 107px;
}
.lineUp__check {
  position: absolute;
  left: 408px;
  right: 0;
  bottom: 80px;
  margin: 0 auto;
  width: 384px;
  height: 288px;
  border: 4px solid #ded39c;
  padding-bottom: 22px;
  box-sizing: border-box;
}
.lineUp__check__img, .lineUp__check__ill, .lineUp__check__ico, .lineUp__check__txt {
  position: absolute;
}
.lineUp__check__img {
  width: 224px;
  top: -32px;
  left: 20px;
}
.lineUp__check__ill--01 {
  right: -16px;
  bottom: -38px;
  width: 117px;
}
.lineUp__check__ill--02 {
  top: -24px;
  right: 48px;
  width: 94px;
}
.lineUp__check__ill--03 {
  top: 104px;
  left: 68px;
  width: 76px;
}
.lineUp__check__ico {
  width: 46px;
  top: 3px;
  left: 3px;
}
.lineUp__check__txt {
  left: 26px;
  bottom: 18px;
  color: #666;
  font-size: 11px;
}
.lineUp__ill--01 {
  -webkit-tap-highlight-color: transparent;
  z-index: 2;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.lineUp__ill--01.show {
  -moz-animation: bounceUp 520ms ease-in-out;
  -webkit-animation: bounceUp 520ms ease-in-out;
  animation: bounceUp 520ms ease-in-out;
  -moz-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-moz-keyframes bounceUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(120px);
    transform: translateY(120px);
  }
  67% {
    opacity: 1;
    -moz-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes bounceUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
  }
  67% {
    opacity: 1;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(120px);
    -ms-transform: translateY(120px);
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
  }
  67% {
    opacity: 1;
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.lineUp__ill--01.fix {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.lineUp__ill--01.fix.animate {
  -moz-animation: bounceUpDown 320ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-animation: bounceUpDown 320ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: bounceUpDown 320ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-moz-keyframes bounceUpDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes bounceUpDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceUpDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.lineUp__item--02 .lineUp__ill--02 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-animation: fallout 2800ms cubic-bezier(0.12, 0, 0.88, 1) infinite;
  -webkit-animation: fallout 2800ms cubic-bezier(0.12, 0, 0.88, 1) infinite;
  animation: fallout 2800ms cubic-bezier(0.12, 0, 0.88, 1) infinite;
  -moz-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-moz-keyframes fallout {
  0% {
    opacity: 0;
    -moz-transform: translate(-40px, -100px) rotate(-6deg);
    transform: translate(-40px, -100px) rotate(-6deg);
  }
  20% {
    opacity: 1;
  }
  36% {
    -moz-transform: translate(-4px, -2px) rotate(0);
    transform: translate(-4px, -2px) rotate(0);
  }
  44% {
    -moz-transform: translate(4px, 2px) rotate(0);
    transform: translate(4px, 2px) rotate(0);
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    -moz-transform: translate(40px, 100px) rotate(-8deg);
    transform: translate(40px, 100px) rotate(-8deg);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fallout {
  0% {
    opacity: 0;
    -webkit-transform: translate(-40px, -100px) rotate(-6deg);
    transform: translate(-40px, -100px) rotate(-6deg);
  }
  20% {
    opacity: 1;
  }
  36% {
    -webkit-transform: translate(-4px, -2px) rotate(0);
    transform: translate(-4px, -2px) rotate(0);
  }
  44% {
    -webkit-transform: translate(4px, 2px) rotate(0);
    transform: translate(4px, 2px) rotate(0);
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    -webkit-transform: translate(40px, 100px) rotate(-8deg);
    transform: translate(40px, 100px) rotate(-8deg);
  }
  100% {
    opacity: 0;
  }
}
@keyframes fallout {
  0% {
    opacity: 0;
    -moz-transform: translate(-40px, -100px) rotate(-6deg);
    -ms-transform: translate(-40px, -100px) rotate(-6deg);
    -webkit-transform: translate(-40px, -100px) rotate(-6deg);
    transform: translate(-40px, -100px) rotate(-6deg);
  }
  20% {
    opacity: 1;
  }
  36% {
    -moz-transform: translate(-4px, -2px) rotate(0);
    -ms-transform: translate(-4px, -2px) rotate(0);
    -webkit-transform: translate(-4px, -2px) rotate(0);
    transform: translate(-4px, -2px) rotate(0);
  }
  44% {
    -moz-transform: translate(4px, 2px) rotate(0);
    -ms-transform: translate(4px, 2px) rotate(0);
    -webkit-transform: translate(4px, 2px) rotate(0);
    transform: translate(4px, 2px) rotate(0);
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    -moz-transform: translate(40px, 100px) rotate(-8deg);
    -ms-transform: translate(40px, 100px) rotate(-8deg);
    -webkit-transform: translate(40px, 100px) rotate(-8deg);
    transform: translate(40px, 100px) rotate(-8deg);
  }
  100% {
    opacity: 0;
  }
}
.lineUp__check__ill--01 {
  -webkit-tap-highlight-color: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.lineUp__check__ill--01.show {
  -moz-animation: run 240ms ease-in-out;
  -webkit-animation: run 240ms ease-in-out;
  animation: run 240ms ease-in-out;
  -moz-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-moz-keyframes run {
  0% {
    opacity: 0;
    -moz-transform: translateX(60px);
    transform: translateX(60px);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes run {
  0% {
    opacity: 0;
    -webkit-transform: translateX(60px);
    transform: translateX(60px);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes run {
  0% {
    opacity: 0;
    -moz-transform: translateX(60px);
    -ms-transform: translateX(60px);
    -webkit-transform: translateX(60px);
    transform: translateX(60px);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.lineUp__check.animate .lineUp__check__ill--02 > div {
  -moz-animation: check1 2400ms steps(1);
  -webkit-animation: check1 2400ms steps(1);
  animation: check1 2400ms steps(1);
}
@-moz-keyframes check1 {
  0%, 30%, 60% {
    -moz-transform: rotate(30deg);
    transform: rotate(30deg);
  }
  15%, 45%, 75%, 100% {
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes check1 {
  0%, 30%, 60% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }
  15%, 45%, 75%, 100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes check1 {
  0%, 30%, 60% {
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }
  15%, 45%, 75%, 100% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
.lineUp__check.animate .lineUp__check__ill--03 > div {
  -moz-animation: check2 2400ms steps(1);
  -webkit-animation: check2 2400ms steps(1);
  animation: check2 2400ms steps(1);
}
@-moz-keyframes check2 {
  0%, 30%, 60% {
    -moz-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }
  15%, 45%, 75%, 100% {
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes check2 {
  0%, 30%, 60% {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }
  15%, 45%, 75%, 100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes check2 {
  0%, 30%, 60% {
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }
  15%, 45%, 75%, 100% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
.present {
  position: relative;
  max-width: 1040px;
  height: 492px;
  margin: 0 auto;
}
.present__bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../image/present_bg.jpg");
}
.present__ribon {
  position: absolute;
  top: 0;
  right: 0;
  width: 108px;
}
.present__ttl {
  position: absolute;
  top: 62px;
  left: 428px;
  right: 0;
  width: 452px;
  margin: 0 auto;
}
.present__txt {
  position: absolute;
  top: 192px;
  left: 436px;
  right: 0;
  width: 452px;
  margin: 0 auto;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5em;
  letter-spacing: -0.08em;
}
.present__slider {
  position: absolute;
  left: 0;
  right: 488px;
  bottom: 0;
  width: 384px;
  margin: 0 auto;
}
.present__slider__img-box {
  overflow-x: hidden;
  position: absolute;
  top: 89px;
  left: 0;
  right: 0;
  width: 226px;
  margin: 0 auto;
}
.present__slider__img-box__wrap {
  -moz-transition: all 320ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 320ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transition: all 320ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 320ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  width: 300%;
  height: 100%;
}
.present__slider__img {
  float: left;
  width: 33.33333%;
}
.present__frame {
  width: 330px;
  margin: 0 auto;
}
.present__name-box {
  position: absolute;
  right: 80px;
  bottom: 24px;
  width: 74px;
}
.present__name {
  display: none;
}
.present__nav {
  z-index: 2;
  position: absolute;
  top: 212px;
  width: 60px;
}
.present__nav--prev {
  left: 0;
}
.present__nav--next {
  right: 0;
}
.present__btn-box {
  display: none;
  position: absolute;
  top: 256px;
  left: 432px;
  right: 0;
  width: 452px;
  margin: 0 auto;
}
.present__btn {
  float: left;
  width: 26.5625%;
  margin-left: 12px;
}
.present__btn:first-child {
  margin-left: 0;
}
.present--01 .present__bg-box {
  left: 0;
}
.present--01 .present__slider__img-box__wrap {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.present--01 .present__name--01 {
  display: block;
}
.present--01 .present__btn-box--01 {
  display: block;
}
.present--02 .present__bg-box__wrap {
  left: -100%;
}
.present--02 .present__slider__img-box__wrap {
  -moz-transform: translateX(-33.33333%);
  -ms-transform: translateX(-33.33333%);
  -webkit-transform: translateX(-33.33333%);
  transform: translateX(-33.33333%);
}
.present--02 .present__name--02 {
  display: block;
}
.present--02 .present__btn-box--02 {
  display: block;
}
.present--03 .present__bg-box__wrap {
  left: -200%;
}
.present--03 .present__slider__img-box__wrap {
  -moz-transform: translateX(-66.66667%);
  -ms-transform: translateX(-66.66667%);
  -webkit-transform: translateX(-66.66667%);
  transform: translateX(-66.66667%);
}
.present--03 .present__name--03 {
  display: block;
}
.present--03 .present__btn-box--03 {
  display: block;
}
.present__bottom {
  width: 94.6875%;
  margin: 10px auto 0;
  padding-bottom: 30px;
}
.present__explain {
  position: absolute;
  top: 332px;
  left: 444px;
  right: 0;
  width: 460px;
  margin: 0 auto;
  color: #FFF;
  font-size: 12px;
  line-height: 1.6em;
}

.profile {
  position: relative;
  width: 800px;
  margin: 100px auto 0;
  padding: 26px 0 34px;
  border-top: 2px solid #000;
  border-bottom: 1px solid #e3e3e3;
}
.profile:after {
  content: ' ';
  display: block;
  clear: both;
}
.profile__img {
  float: left;
  width: 134px;
  margin-left: -12px;
}
.profile__right {
  float: left;
  width: 612px;
  margin-left: 22px;
}
.profile__name {
  width: 121px;
}
.profile__txt {
  margin-top: 12px;
  color: #333;
  font-size: 12px;
  line-height: 1.6em;
}
.profile__txt a {
  color: #cc0033;
}

.outro {
  position: relative;
  margin-top: 104px;
  padding-top: 200px;
}
.outro__bg {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  max-width: 1600px;
  height: 219px;
  margin: 0 auto;
  background-image: url(../image/outro_bg.png);
  background-position: top center;
  background-repeat: no-repeat;
}
.outro__cont {
  position: relative;
  padding-top: 78px;
  margin-top: -78px;
  padding-bottom: 60px;
  background-color: #ded692;
}
.outro__ttl {
  position: relative;
  z-index: 2;
  width: 485px;
  margin: 0 auto;
}
.outro__share-box {
  margin-top: 40px;
  text-align: center;
  font-size: 0;
}
.outro__share__ttl {
  width: 49px;
  margin: 0 auto 12px;
}
.outro__share__btn {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 48px;
  margin: 0 4px;
}

.cookingArchives {
  margin-top: 80px;
}