@charset "UTF-8";
@font-face {
  font-family: 'Lucas-semibold';
  src: url("https://www.nespresso.com/shared_res/agility/commons/fonts/NespressoLucas-SemiBd.woff") format("woff"); }

@font-face {
  font-family: 'Lucas-bold';
  src: url("https://www.nespresso.com/shared_res/agility/commons/fonts/NespressoLucas-Bold.woff") format("woff"); }

@font-face {
  font-family: 'Lucas-exbold';
  src: url("https://www.nespresso.com/shared_res/agility/commons/fonts/NespressoLucas-XtraBd.woff") format("woff"); }

@keyframes waveMove1 {
  0% {
    left: 0;
    top: 0; }
  20% {
    left: -20px; }
  50% {
    top: 30px; }
  80% {
    left: 20px; }
  100% {
    left: 0;
    top: 0; } }

@keyframes waveMove2 {
  0% {
    left: 0;
    top: 0; }
  20% {
    left: -30px; }
  50% {
    top: 20px; }
  80% {
    left: 30px; }
  100% {
    left: 0;
    top: 0; } }

@keyframes waveMove3 {
  0% {
    left: 0;
    top: 0; }
  20% {
    left: -40px; }
  50% {
    top: 10px; }
  80% {
    left: 40px; }
  100% {
    left: 0;
    top: 0; } }

@keyframes waveMove1Sp {
  0% {
    left: 0;
    top: 2; }
  20% {
    left: -5px; }
  50% {
    top: 12px; }
  80% {
    left: 5px; }
  100% {
    left: 0;
    top: 2; } }

@keyframes waveMove2Sp {
  0% {
    left: 0;
    top: 0; }
  20% {
    left: -10px; }
  50% {
    top: 8px; }
  80% {
    left: 10px; }
  100% {
    left: 0;
    top: 0; } }

@keyframes waveMove3Sp {
  0% {
    left: 0;
    top: 0; }
  20% {
    left: -15px; }
  50% {
    top: 4px; }
  80% {
    left: 15px; }
  100% {
    left: 0;
    top: 0; } }

@keyframes kiteMove {
  0% {
    transform: rotate(0); }
  3% {
    transform: rotate(3deg); }
  6% {
    transform: rotate(-2deg); }
  9% {
    transform: rotate(1deg); }
  12% {
    transform: rotate(-1deg); }
  15% {
    transform: rotate(0); }
  100% {
    transform: rotate(0); } }

@keyframes yachtMove {
  0% {
    transform: translateX(0); }
  2% {
    transform: translateX(0); }
  50% {
    transform: translateX(200px); }
  55% {
    transform: translateX(200px); }
  100% {
    transform: translateX(0); } }

@keyframes yachtMoveSp {
  0% {
    transform: translateX(0); }
  2% {
    transform: translateX(0); }
  50% {
    transform: translateX(150px); }
  55% {
    transform: translateX(150px); }
  100% {
    transform: translateX(0); } }

body {
  -webkit-text-size-adjust: 100%; }

#on-ice * {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-weight: normal;
  list-style: none;
  color: #555;
  font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "YuGothic-Medium", "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif; }
#on-ice{ background: #fff;}
#on-ice img {
  width: 100%;
  height: auto;
  display: block; }

#on-ice a {
  display: block; }

#on-ice .cf:before,
#on-ice .cf:after {
  content: " ";
  display: table; }

#on-ice .cf:after {
  clear: both; }

#on-ice .tgt {
  opacity: 0;
  transition: all 0.5s ease-out; }
  #on-ice .tgt.on {
    opacity: 1; }

#on-ice .hero-content {
  overflow: hidden;
  background: #7bbad2; }
  #on-ice .hero-content .typo-box {
    margin: 0 auto;
    max-width: 1000px; }
    #on-ice .hero-content .typo-box .typo {
      position: absolute;
      transition: top 0.4s ease-in-out; }
      #on-ice .hero-content .typo-box .typo:first-child {
        position: relative; }
      #on-ice .hero-content .typo-box .typo:nth-child(1) {
        transition-delay: 1.1s; }
      #on-ice .hero-content .typo-box .typo:nth-child(2) {
        transition-delay: 1.18s; }
      #on-ice .hero-content .typo-box .typo:nth-child(3) {
        transition-delay: 1.13s; }
      #on-ice .hero-content .typo-box .typo:nth-child(4) {
        transition-delay: 1.11s; }
      #on-ice .hero-content .typo-box .typo:nth-child(5) {
        transition-delay: 1.15s; }
      #on-ice .hero-content .typo-box .typo:nth-child(6) {
        transition-delay: 1.12s; }
      #on-ice .hero-content .typo-box .typo:nth-child(7) {
        transition-delay: 1.16s; }
      #on-ice .hero-content .typo-box .typo:nth-child(8) {
        transition-delay: 1.14s; }
      #on-ice .hero-content .typo-box .typo:nth-child(9) {
        transition-delay: 1.19s; }
      #on-ice .hero-content .typo-box .typo:nth-child(10) {
        transition-delay: 1.17s; }
      #on-ice .hero-content .typo-box .typo:nth-child(11) {
        transition-delay: 1.14s; }
      #on-ice .hero-content .typo-box .typo:nth-child(12) {
        transition-delay: 1.17s; }
      #on-ice .hero-content .typo-box .typo:nth-child(13) {
        transition-delay: 1.13s; }
      #on-ice .hero-content .typo-box .typo:nth-child(14) {
        transition-delay: 1.2s; }
      #on-ice .hero-content .typo-box .typo:nth-child(15) {
        transition-delay: 1.15s; }
      #on-ice .hero-content .typo-box .typo:nth-child(16) {
        transition-delay: 1.12s; }
      #on-ice .hero-content .typo-box .typo:nth-child(17) {
        transition-delay: 1.16s; }
  #on-ice .hero-content .tit {
    top: 10px;
    opacity: 0;
    transition: all 0.3s ease-out 1.8s; }
  #on-ice .hero-content .subtit {
    top: 10px;
    opacity: 0;
    transition: all 0.3s ease-out 1.9s;
    color: #385b96;
    text-align: center;
    font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "游ゴシック Bold", "YoGothic-Bold", "Yu Gothic Bold", "メイリオ Bold", "Meiryo Bold", sans-serif;
    font-weight: bold; }
  #on-ice .hero-content .hero-copy {
    top: 10px;
    opacity: 0;
    transition: all 0.3s ease-out 2s;
    color: #fff;
    font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "游ゴシック Bold", "YoGothic-Bold", "Yu Gothic Bold", "メイリオ Bold", "Meiryo Bold", sans-serif;
    font-weight: bold;
    text-align: center; }
  #on-ice .hero-content .hero-date {
    top: 10px;
    opacity: 0;
    transition: all 0.3s ease-out 2.1s;
    color: #fff;
    font-family: "Lucas-semibold", Helvetica, Arial, sans-serif;
    letter-spacing: 0.05em;
    text-align: center; }
  #on-ice .hero-content .hero-place {
    top: 10px;
    opacity: 0;
    transition: all 0.3s ease-out 2.2s;
    color: #fff;
    font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "游ゴシック Bold", "YoGothic-Bold", "Yu Gothic Bold", "メイリオ Bold", "Meiryo Bold", sans-serif;
    font-weight: bold;
    text-align: center; }
  #on-ice .hero-content .deck {
    position: absolute;
    transition: bottom 0.5s ease-out; }
  #on-ice .hero-content .sand {
    position: absolute;
    transition: bottom 0.5s ease-out 0.1s; }
  #on-ice .hero-content .sea {
    position: absolute;
    transition: bottom 0.5s ease-out 0.2s; }
  #on-ice .hero-content .island_l {
    position: absolute;
    opacity: 0;
    transition: all 0.8s ease-out 0.5s; }
  #on-ice .hero-content .island_r {
    position: absolute;
    opacity: 0;
    transition: all 0.8s ease-out 0.5s; }
  #on-ice .hero-content .product {
    position: absolute;
    opacity: 0;
    transition: all 0.8s ease-out 2.3s; }
  #on-ice .hero-content.on .typo-box .typo {
    top: 0; }
  #on-ice .hero-content.on .tit {
    top: 0;
    opacity: 1; }
  #on-ice .hero-content.on .subtit {
    top: 0;
    opacity: 1; }
  #on-ice .hero-content.on .hero-copy {
    top: 0;
    opacity: 1; }
  #on-ice .hero-content.on .hero-date {
    top: 0;
    opacity: 1; }
  #on-ice .hero-content.on .hero-place {
    top: 0;
    opacity: 1; }

#on-ice .copy {
  font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "游ゴシック Bold", "YoGothic-Bold", "Yu Gothic Bold", "メイリオ Bold", "Meiryo Bold", sans-serif;
  font-weight: bold;
  line-height: 2.1;
  text-align: center; }
#on-ice .copy2{font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "YuGothic-Medium", "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
font-weight: normal;}
#on-ice .copy2 span{font-weight: bold;}

#on-ice .content .content-tit {
  font-family: "Lucas-exbold", Helvetica, Arial, sans-serif;
  text-align: center;
  letter-spacing: 0.05em;
  color: #0080c4;
  line-height: 1; }
  #on-ice .content .content-tit .content-subtit {
    font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "YuGothic-Medium", "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
    display: block;
    letter-spacing: normal;
    color: #0080c4; }

#on-ice .content .text {
  font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "游ゴシック Bold", "YoGothic-Bold", "Yu Gothic Bold", "メイリオ Bold", "Meiryo Bold", sans-serif;
  font-weight: bold;
  line-height: 2.1; }
  
  #on-ice .content .text2 {
  font-family:  "HiraKakuProN-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "YuGothic-Medium", "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
  font-weight: normal;
  line-height: 2.1; }
  
  #on-ice .content .text2 span{ font-weight: bold;}
  #on-ice .content .text2 span.ita{ font-style: italic;}

#on-ice .content .box .box-date {
  font-family: "Lucas-bold", Helvetica, Arial, sans-serif;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center; }

#on-ice .content .list-box .list .list-tit {
  font-family: "Lucas-exbold", Helvetica, Arial, sans-serif;
  letter-spacing: 0.05em; }
  #on-ice .content .list-box .list .list-tit .list-subtit {
    margin-top: 3px;
    font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "游ゴシック Bold", "YoGothic-Bold", "Yu Gothic Bold", "メイリオ Bold", "Meiryo Bold", sans-serif;
    display: block;
    letter-spacing: normal;
    font-weight: bold; }

#on-ice .content.exp-content {
  background: #7bbad2; }
  #on-ice .content.exp-content .content-tit {
    color: #fff; }
    #on-ice .content.exp-content .content-tit .content-subtit {
      color: #fff; }
  #on-ice .content.exp-content .list-box .list .list-text-box {
    background: #fff; }
  #on-ice .content.exp-content .list-box .list .list-tit {
    color: #0080c4; }
  #on-ice .content.exp-content .ball {
    position: absolute;
    transition: top 0.5s ease-out; }
  #on-ice .content.exp-content .cloud-1 {
    position: absolute;
    transition: top 0.5s ease-out 0.1s; }
  #on-ice .content.exp-content .cloud-2 {
    position: absolute;
    transition: top 0.5s ease-out 0.2s; }
  #on-ice .content.exp-content .cloud-3 {
    position: absolute;
    transition: top 0.5s ease-out 0.3s; }
  #on-ice .content.exp-content.on .ball {
    top: 0; }
  #on-ice .content.exp-content.on .cloud-1 {
    top: 0; }
  #on-ice .content.exp-content.on .cloud-2 {
    top: 0; }
  #on-ice .content.exp-content.on .cloud-3 {
    top: 0; }

#on-ice .content.loc-content {
  background: #f2f2f2;
  text-align: center; }
  #on-ice .content.loc-content .box-tit {
    font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "游ゴシック Bold", "YoGothic-Bold", "Yu Gothic Bold", "メイリオ Bold", "Meiryo Bold", sans-serif;
    font-weight: bold; }
  #on-ice .content.loc-content .addr {
    font-style: normal;
    line-height: 2; }
  #on-ice .content.loc-content .box-text {
    font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "游ゴシック Bold", "YoGothic-Bold", "Yu Gothic Bold", "メイリオ Bold", "Meiryo Bold", sans-serif;
    font-weight: bold;
    line-height: 2; }

#on-ice .content.product-content .text {
  text-align: center; }

#on-ice .content.product-content .list-box .list-tit {
  font-family: "Lucas-bold", Helvetica, Arial, sans-serif;
  text-align: center; }

#on-ice .content.product-content .list-shakerato .list-tit {
  color: #f0807c; }
  #on-ice .content.product-content .list-shakerato .list-tit .list-subtit {
    color: #f0807c; }

#on-ice .content.product-content .list-salentina .list-tit {
  color: #77b51f; }
  #on-ice .content.product-content .list-salentina .list-tit .list-subtit {
    color: #77b51f; }

#on-ice .content.product-content .list-text {
  line-height: 2; }

#on-ice .bnr-box {
  background: #385b96; }
  
		  #on-ice .note{ font-size: 15px; color: #fff; text-align: center;}

@media screen and (max-width: 767px) {
  #on-ice .br_pc {
    display: none; }
  #on-ice .hero-content .typo-box .typo {
    top: -130px; }
  #on-ice .hero-content .tit {
    margin: 5px auto 0;
    width: 52%; }
  #on-ice .hero-content .subtit {
    margin: 8px auto 12px;
    font-size: 12px; }
  #on-ice .hero-content .hero-copy {
    font-size: 18px; }
  #on-ice .hero-content .hero-date {
    margin: 6px auto 2px;
    font-size: 15px; }
  #on-ice .hero-content .hero-place {
    margin-bottom: 10px;
    font-size: 12px; }
  #on-ice .hero-content .deck {
    left: 0;
    bottom: -370px;
    width: 100%;
    height: 370px;
    background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/hero/deck_sp.png) center bottom no-repeat;
    background-size: contain; }
  #on-ice .hero-content .sand {
    left: 0;
    bottom: -370px;
    width: 100%;
    height: 370px;
    background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/hero/sand_sp.png) center bottom no-repeat;
    background-size: contain; }
  #on-ice .hero-content .sea {
    left: 0;
    bottom: -370px;
    width: 100%;
    height: 370px;
    background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/hero/sea_sp.png) center bottom no-repeat;
    background-size: contain; }
  #on-ice .hero-content .island_l {
    left: -50%;
    bottom: 0;
    width: 100%;
    height: 370px;
    background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/hero/island_l_sp.png) center bottom no-repeat;
    background-size: contain; }
  #on-ice .hero-content .island_r {
    right: -50%;
    bottom: 0;
    width: 100%;
    height: 370px;
    background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/hero/island_r_sp.png) center bottom no-repeat;
    background-size: contain; }
  #on-ice .hero-content .product {
    bottom: 0;
    width: 100%;
    height: 370px; }
    #on-ice .hero-content .product.product-l {
      left: -50%;
      background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/hero/product_l_sp.png) center bottom no-repeat;
      background-size: contain; }
    #on-ice .hero-content .product.product-r {
      right: -50%;
      background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/hero/product_r_sp.png) center bottom no-repeat;
      background-size: contain; }
  #on-ice .hero-content .yacht-sp {
    opacity: 0;
    transition: opacity 0.5s ease-out 3.6s; }
  #on-ice .hero-content.on .deck {
    bottom: 0; }
  #on-ice .hero-content.on .sand {
    bottom: 0; }
  #on-ice .hero-content.on .sea {
    bottom: 0; }
  #on-ice .hero-content.on .island_l {
    left: 0;
    opacity: 1; }
  #on-ice .hero-content.on .island_r {
    right: 0;
    opacity: 1; }
  #on-ice .hero-content.on .yacht-sp {
    opacity: 1;
    animation: yachtMoveSp 40s infinite linear; }
  #on-ice .hero-content.on .product {
    opacity: 1; }
    #on-ice .hero-content.on .product.product-l {
      left: 0; }
    #on-ice .hero-content.on .product.product-r {
      right: 0; }
  #on-ice .copy {
    margin: 30px auto;
    font-size: 13px;
    line-height: 1.75; }
  #on-ice .content {
    overflow: hidden; }
    #on-ice .content .content-tit {
      font-size: 35px; }
      #on-ice .content .content-tit .content-subtit {
        margin-top: 10px;
        font-size: 18px; }
    #on-ice .content .text {
      font-size: 12px;
      line-height: 1.75; }
    #on-ice .content.exp-content {
      padding: 35px 0 0; }
      #on-ice .content.exp-content .content-tit {
        margin-bottom: 25px; }
      #on-ice .content.exp-content .list-box {
        margin: 0 auto 50px;
        width: 84%; }
        #on-ice .content.exp-content .list-box li {
          margin-bottom: 30px; }
          #on-ice .content.exp-content .list-box li .list-text-box .list-text-box-inner {
            padding: 15px 0 20px; }
            #on-ice .content.exp-content .list-box li .list-text-box .list-text-box-inner .list-tit {
              margin-bottom: 10px;
              font-size: 24px;
              line-height: 29px;
              text-align: center; }
            #on-ice .content.exp-content .list-box li .list-text-box .list-text-box-inner .text {
              text-align: center; }
      #on-ice .content.exp-content .ball {
        top: -300px;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/experience/exp_ball_sp.png) center top no-repeat;
        background-size: contain; }
      #on-ice .content.exp-content .cloud-1 {
        top: -750px;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/experience/exp_cloud_r_sp.png) center top no-repeat;
        background-size: contain; }
      #on-ice .content.exp-content .cloud-2 {
        top: -1400px;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/experience/exp_cloud_l_sp.png) center top no-repeat;
        background-size: contain; }
      #on-ice .content.exp-content .wave-box {
        overflow: hidden; }
        #on-ice .content.exp-content .wave-box .wave-1 {
          position: absolute;
          top: 0;
          margin-left: -5%;
          width: 110%;
          height: 100%;
          background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/experience/exp_waves_1_sp.png) center top no-repeat;
          background-size: cover;
          animation: waveMove1Sp 3s infinite linear;
          z-index: 10; }
        #on-ice .content.exp-content .wave-box .wave-2 {
          position: absolute;
          top: 0;
          margin-left: -5%;
          width: 110%;
          height: 100%;
          background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/experience/exp_waves_2_sp.png) center top no-repeat;
          background-size: cover;
          animation: waveMove2Sp 6s infinite linear;
          z-index: 9; }
        #on-ice .content.exp-content .wave-box .wave-3 {
          position: absolute;
          top: 0;
          margin-left: -5%;
          width: 110%;
          height: 100%;
          background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/experience/exp_waves_3_sp.png) center top no-repeat;
          background-size: cover;
          animation: waveMove3Sp 9s infinite linear;
          z-index: 8; }
    #on-ice .content.loc-content {
      padding: 35px 0 20px; }
      #on-ice .content.loc-content .loc-content-inner {
        margin: 0 auto; }
        #on-ice .content.loc-content .loc-content-inner .box .box-inner .content-tit {
          margin-bottom: 25px; }
        #on-ice .content.loc-content .loc-content-inner .box .box-inner .box-tit {
          margin-bottom: 16px;
          font-size: 17px;
          line-height: 1.75; }
        #on-ice .content.loc-content .loc-content-inner .box .box-inner .addr {
          margin-bottom: 12px;
          font-size: 12px;
          line-height: 1.75; }
        #on-ice .content.loc-content .loc-content-inner .box .box-inner .box-text {
          font-size: 12px;
          line-height: 1.75; }
        #on-ice .content.loc-content .loc-content-inner .box-pic {
          margin: 25px auto 0;
          width: 89.33%; }
    #on-ice .content.product-content {
      padding: 35px 0; }
      #on-ice .content.product-content .tit-product {
        margin: 0 auto 25px;
        width: 56.4%; }
      #on-ice .content.product-content .text {
        font-size: 14px; }
      #on-ice .content.product-content .list-box {
        margin: 25px auto 0;
        width: 89.33%;
        max-width: 1000px; }
        #on-ice .content.product-content .list-box li .pic-product {
          margin: 0 auto;
          width: 76.11%; }
        #on-ice .content.product-content .list-box li .list-tit {
          margin: 10px auto 15px;
          font-size: 24px; }
          #on-ice .content.product-content .list-box li .list-tit .list-subtit {
            font-size: 12px; }
        #on-ice .content.product-content .list-box li .list-text {
          font-size: 12px;
          line-height: 1.75; }
        #on-ice .content.product-content .list-box li.list-shakerato {
          z-index: 10; }
        #on-ice .content.product-content .list-box li.list-salentina {
          margin-top: -20px; }
  #on-ice .bnr-box {
    padding: 30px 0; }
    #on-ice .bnr-box .bnr {
      margin: 0 auto 30px;
      width: 83.33%; }
      #on-ice .bnr-box .bnr:last-child {
        margin-bottom: 0; } 
		   #on-ice .note{ font-size: 12px; color: #fff; text-align: center;}
		}

@media screen and (min-width: 768px) {
  #on-ice .br_sp {
    display: none; }
  #on-ice .hero-content {
    height: 800px; }
    #on-ice .hero-content .yacht-sp {
      display: none; }
    #on-ice .hero-content .typo-box .typo {
      top: -180px; }
    #on-ice .hero-content .tit {
      margin: -8px auto 0;
      top: 10px;
      width: 326px; }
    #on-ice .hero-content .subtit {
      font-size: 18px;
      margin: 20px auto;
      top: 10px; }
    #on-ice .hero-content .hero-copy {
      font-size: 28px;
      top: 10px; }
    #on-ice .hero-content .hero-date {
      margin: 20px auto 10px;
      font-size: 27px;
      top: 10px; }
    #on-ice .hero-content .hero-place {
      font-size: 18px;
      top: 10px; }
    #on-ice .hero-content .deck {
      bottom: -400px;
      width: 100%;
      height: 263px;
      background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/hero/deck.png) center top no-repeat; }
    #on-ice .hero-content .sand {
      bottom: -400px;
      width: 100%;
      height: 279px;
      background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/hero/sand.png) center top no-repeat; }
    #on-ice .hero-content .sea {
      bottom: -400px;
      width: 100%;
      height: 259px;
      background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/hero/sea.png) center top no-repeat; }
    #on-ice .hero-content .island_l {
      margin-left: -1294px;
      left: 0%;
      bottom: 224px;
      width: 853px;
      height: 145px;
      background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/hero/island_l.png) center top no-repeat; }
    #on-ice .hero-content .island_r {
      margin-left: 456px;
      left: 100%;
      bottom: 224px;
      width: 850px;
      height: 163px;
      background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/hero/island_r.png) center top no-repeat; }
    #on-ice .hero-content .yacht {
      position: absolute;
      bottom: 195px;
      left: 50%;
      margin-left: -216px;
      width: 80px;
      height: 52px;
      opacity: 0;
      background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/hero/yacht.png) center top no-repeat;
      transition: opacity 0.5s ease-out 3.6s; }
    #on-ice .hero-content .kite {
      position: absolute;
      margin-left: -834px;
      left: 50%;
      top: -400px;
      width: 281px;
      height: 387px;
      background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/hero/kite.png) center top no-repeat;
      transition: top 0.5s ease-out 3.3s; }
    #on-ice .hero-content .product {
      bottom: 5px;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      max-width: 1038px;
      height: 380px; }
      #on-ice .hero-content .product.product-l {
        left: 40%;
        background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/hero/product_l.png) left top no-repeat; }
      #on-ice .hero-content .product.product-r {
        left: 60%;
        background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/hero/product_r.png) right top no-repeat; }
    #on-ice .hero-content.on .deck {
      bottom: -113px; }
    #on-ice .hero-content.on .sand {
      bottom: -73px; }
    #on-ice .hero-content.on .sea {
      bottom: -15px; }
    #on-ice .hero-content.on .island_l {
      left: 50%;
      opacity: 1; }
    #on-ice .hero-content.on .island_r {
      left: 50%;
      opacity: 1; }
    #on-ice .hero-content.on .kite {
      top: 0;
      transform-origin: center top;
      animation: kiteMove 8s infinite linear; }
    #on-ice .hero-content.on .yacht {
      opacity: 1;
      animation: yachtMove 60s infinite linear; }
    #on-ice .hero-content.on .product {
      opacity: 1; }
      #on-ice .hero-content.on .product.product-l {
        left: 50%; }
      #on-ice .hero-content.on .product.product-r {
        left: 50%; }
  #on-ice .copy {
    margin: 50px auto;
    font-size: 17px; }
  #on-ice .content {
    overflow: hidden; }
    #on-ice .content .content-tit {
      font-size: 52px; }
      #on-ice .content .content-tit .content-subtit {
        margin-top: 5px;
        font-size: 25px; }
    #on-ice .content .text {
      font-size: 17px; }
    #on-ice .content.exp-content {
      padding: 80px 0 0; }
      #on-ice .content.exp-content .content-tit {
        margin-bottom: 90px; }
      #on-ice .content.exp-content .list-box {
        margin: 0 auto 90px;
        width: 95%;
        max-width: 1000px; }
        #on-ice .content.exp-content .list-box li {
          margin-bottom: 50px;
          display: flex;
          flex-direction: row-reverse; }
          #on-ice .content.exp-content .list-box li .list-text-box {
            width: 50%; }
            #on-ice .content.exp-content .list-box li .list-text-box .list-text-box-inner {
              margin-left: 12.6%;
              top: 50%;
              transform: translateY(-50%); }
              #on-ice .content.exp-content .list-box li .list-text-box .list-text-box-inner .list-tit {
                margin-bottom: 30px;
                font-size: 46px;
                line-height: 55px; }
          #on-ice .content.exp-content .list-box li .pic {
            width: 50%; }
          #on-ice .content.exp-content .list-box li:nth-child(even) {
            flex-direction: row; }
          #on-ice .content.exp-content .list-box li.on {
            top: 0; }
      #on-ice .content.exp-content .ball {
        left: 50%;
        transform: translateX(-370px);
        width: 121px;
        height: 268px;
        top: -268px;
        background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/experience/exp_ball.png) no-repeat; }
      #on-ice .content.exp-content .cloud-1 {
        left: 50%;
        transform: translateX(110px);
        width: 724px;
        height: 1468px;
        top: -1468px;
        background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/experience/exp_cloud_r_l.png) no-repeat; }
      #on-ice .content.exp-content .cloud-2 {
        left: 50%;
        transform: translateX(-808px);
        width: 340px;
        height: 1211px;
        top: -1211px;
        background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/experience/exp_cloud_l.png) no-repeat; }
      #on-ice .content.exp-content .cloud-3 {
        left: 50%;
        transform: translateX(340px);
        width: 315px;
        height: 781px;
        top: -781px;
        background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/experience/exp_cloud_r_s.png) no-repeat; }
      #on-ice .content.exp-content .wave-box {
        overflow: hidden;
        height: 165px;
        background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/experience/exp_sea.jpg) center top 30px no-repeat;
        background-size: 200% 100%; }
        #on-ice .content.exp-content .wave-box .sea-sp {
          display: none; }
        #on-ice .content.exp-content .wave-box .wave-1 {
          position: absolute;
          top: 0;
          margin-left: -5%;
          width: 110%;
          height: 165px;
          background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/experience/exp_waves_1.png) center top no-repeat;
          animation: waveMove1 2s infinite linear;
          z-index: 10; }
        #on-ice .content.exp-content .wave-box .wave-2 {
          position: absolute;
          top: 0;
          margin-left: -5%;
          width: 110%;
          height: 165px;
          background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/experience/exp_waves_2.png) center top no-repeat;
          animation: waveMove2 4s infinite linear;
          z-index: 9; }
        #on-ice .content.exp-content .wave-box .wave-3 {
          position: absolute;
          top: 0;
          margin-left: -5%;
          width: 110%;
          height: 165px;
          background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/experience/exp_waves_3.png) center top no-repeat;
          animation: waveMove3 6s infinite linear;
          z-index: 8; }
    #on-ice .content.loc-content .loc-content-inner {
      margin: 0 auto;
      display: flex; }
      #on-ice .content.loc-content .loc-content-inner .box {
        width: 50%; }
        #on-ice .content.loc-content .loc-content-inner .box .box-inner {
          width: 100%;
          max-width: 500px;
          float: right;
          top: 50%;
          transform: translateY(-50%); }
          #on-ice .content.loc-content .loc-content-inner .box .box-inner .content-tit {
            margin-bottom: 65px; }
          #on-ice .content.loc-content .loc-content-inner .box .box-inner .box-tit {
            margin-bottom: 25px;
            font-size: 28px;
            line-height: 1.75; }
          #on-ice .content.loc-content .loc-content-inner .box .box-inner .addr {
            margin-bottom: 14px;
            font-size: 14px; }
          #on-ice .content.loc-content .loc-content-inner .box .box-inner .box-text {
            font-size: 14px; }
      #on-ice .content.loc-content .loc-content-inner .box-pic {
        width: 50%; }
    #on-ice .content.product-content {
      padding: 125px 0 90px; }
      #on-ice .content.product-content .tit-product {
        margin: 0 auto 30px;
        width: 352px;
        height: 126px; }
      #on-ice .content.product-content .list-box {
        margin: 30px auto 0;
        width: 95%;
        max-width: 1000px; }
        #on-ice .content.product-content .list-box li {
          width: 46%; }
          #on-ice .content.product-content .list-box li .pic-product {
            margin: 0 auto;
            max-width: 306px; }
          #on-ice .content.product-content .list-box li .list-tit {
            margin: 10px auto 15px;
            font-size: 30px; }
            #on-ice .content.product-content .list-box li .list-tit .list-subtit {
              font-size: 13px; }
          #on-ice .content.product-content .list-box li .list-text {
            font-size: 14px; }
          #on-ice .content.product-content .list-box li.list-shakerato {
            float: left; }
          #on-ice .content.product-content .list-box li.list-salentina {
            float: right; }
  #on-ice .bnr-box {
    padding: 50px 0; }
    #on-ice .bnr-box .bnr {
      margin: 0 auto 50px;
      width: 95%;
      max-width: 1000px;
      background: #fff; }
      #on-ice .bnr-box .bnr:last-child {
        margin-bottom: 0; }
      #on-ice .bnr-box a.bnr  img {
        transition: opacity 0.5s ease-out; }
      #on-ice .bnr-box a.bnr:hover img {
        opacity: 0.7; } }
		


@media screen and (min-width: 768px) and (max-width: 960px) {
  #on-ice .copy {
    font-size: 15px; }
  #on-ice .content .text {
    font-size: 15px; }
  #on-ice .content.exp-content .list-box li .list-text-box .list-text-box-inner {
    margin-left: 7%; }
    #on-ice .content.exp-content .list-box li .list-text-box .list-text-box-inner .list-tit {
      margin-bottom: 20px; }
  #on-ice .content.loc-content .loc-content-inner .box .box-inner .content-tit {
    margin-bottom: 25px; }
  #on-ice .content.loc-content .loc-content-inner .box .box-inner .box-tit {
    margin-bottom: 20px;
    font-size: 25px; }
  #on-ice .content.loc-content .loc-content-inner .box .box-inner .addr {
    margin-bottom: 12px;
    font-size: 12px; }
  #on-ice .content.loc-content .loc-content-inner .box .box-inner .box-text {
    font-size: 12px; }
  #on-ice .content.product-content .list-box li {
    width: 47.5%; } 
	  #on-ice .note{ font-size: 15px; color: #fff; text-align: center;}
	}

@media screen and (min-width: 1200px) {
  #on-ice .content.loc-content .loc-content-inner .box .box-inner .inner {
    display: inline-block;
    float: left;
    left: 2%; }
  #on-ice .content.product-content {
    background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/product/bg_product_l_pc.png) left -100px top repeat-y, url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/product/bg_product_r_pc.png) right -100px top repeat-y; } }

@media screen and (min-width: 1440px) {
  #on-ice .content.product-content {
    background: url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/product/bg_product_l_pc.png) left top repeat-y, url(https://www.nespresso.com/shared_res/mos/free_html/jp/icedcoffee2018/imgs/product/bg_product_r_pc.png) right top repeat-y; } }

@media screen and (min-width: 1474px) {
  #on-ice .hero-content .sea {
    background-size: cover; } }

@media screen and (min-width: 1490px) {
  #on-ice .hero-content .sand {
    background-size: cover; } }

@media screen and (min-width: 1526px) {
  #on-ice .hero-content .deck {
    background-size: cover; } }

@media screen and (min-width: 1900px) {
  #on-ice .content.exp-content .wave-box .wave-1 {
    background-size: cover; }
  #on-ice .content.exp-content .wave-box .wave-2 {
    background-size: cover; }
  #on-ice .content.exp-content .wave-box .wave-3 {
    background-size: cover; } }