@charset "UTF-8";
/* ===================================================================
CSS information
 file name  : style.css
 style info : 
=================================================================== */
@keyframes show_loading {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* 正接(tan)計算 
 *
 * $angle:   角度(弧度法)
 * $degrees: $angleが度数かどうか
 * 
 * @return: tan($angle)
 * 
 * 例: $angle=45, $degrees=true => @return=1
 */
@keyframes show_loading {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

body {
  overflow-x: hidden;
  overflow-y: visible; }

body {
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: 'palt' 1;
  font-feature-settings: 'palt' 1; }

a {
  color: #000000; }

li {
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

/* Small Devices, Tablets */
/* PC */
@-webkit-keyframes wave {
  0% {
    -webkit-transform: translate3d(-50%, 0%, 0);
    transform: translate3d(-50%, 0%, 0);
    opacity: 0; }
  40% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; }
  60% {
    -webkit-transform: translate3d(20%, 0%, 0);
    transform: translate3d(20%, 0%, 0);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(80%, 0%, 0);
    transform: translate3d(80%, 0%, 0);
    opacity: 0; } }

@-moz-keyframes wave {
  0% {
    -webkit-transform: translate3d(-50%, 0%, 0);
    transform: translate3d(-50%, 0%, 0);
    opacity: 0; }
  40% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; }
  60% {
    -webkit-transform: translate3d(20%, 0%, 0);
    transform: translate3d(20%, 0%, 0);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(80%, 0%, 0);
    transform: translate3d(80%, 0%, 0);
    opacity: 0; } }

@keyframes wave {
  0% {
    -webkit-transform: translate3d(-50%, 0%, 0);
    transform: translate3d(-50%, 0%, 0);
    opacity: 0; }
  40% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; }
  60% {
    -webkit-transform: translate3d(20%, 0%, 0);
    transform: translate3d(20%, 0%, 0);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(80%, 0%, 0);
    transform: translate3d(80%, 0%, 0);
    opacity: 0; } }

@-webkit-keyframes waverl {
  0% {
    -webkit-transform: translate3d(50%, 0%, 0);
    transform: translate3d(50%, 0%, 0);
    opacity: 0; }
  50% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(-50%, 0%, 0);
    transform: translate3d(-50%, 0%, 0);
    opacity: 0; } }

@-moz-keyframes waverl {
  0% {
    -webkit-transform: translate3d(50%, 0%, 0);
    transform: translate3d(50%, 0%, 0);
    opacity: 0; }
  50% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(-50%, 0%, 0);
    transform: translate3d(-50%, 0%, 0);
    opacity: 0; } }

@keyframes waverl {
  0% {
    -webkit-transform: translate3d(50%, 0%, 0);
    transform: translate3d(50%, 0%, 0);
    opacity: 0; }
  50% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(-50%, 0%, 0);
    transform: translate3d(-50%, 0%, 0);
    opacity: 0; } }

#preload_imgs {
  position: fixed;
  top: 0px;
  left: 0px; }
  #preload_imgs img {
    position: absolute;
    opacity: 0; }

.space {
  height: 300px;
  display: block;
  width: 100%; }

#main {
  position: relative;
  top: 0;
  background: url(../img/main/bg_main.jpg);
  background-position: center;
  background-repeat: repeat-y;
  background-size: 100% auto; }
  #main p.img_direction {
    -webkit-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
    transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -webkit-transition-delay: 0.8s; }
  #main .wrap_island {
    -webkit-transition: opacity 0.6s ease 0s, transform 0.6s ease 0s;
    transition: opacity 0.6s ease 0s, transform 0.6s ease 0s;
    position: relative; }
  #main .list_island .island:nth-child(1) .wrap_island {
    transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s; }
  #main .list_island .island:nth-child(2) .wrap_island {
    transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s; }
  #main .list_island .island:nth-child(3) .wrap_island {
    transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s; }
  #main .list_island .island:nth-child(4) .wrap_island {
    transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s; }
  #main .list_island .island:nth-child(5) .wrap_island {
    transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s; }
  #main .list_island .island:nth-child(6) .wrap_island {
    transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s; }
  #main .list_island .island:nth-child(7) .wrap_island {
    transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s; }
  #main .list_island .island:nth-child(8) .wrap_island {
    transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -webkit-transition-delay: 0.8s; }
  #main .list_island .island:nth-child(9) .wrap_island {
    transition-delay: 0.9s;
    -moz-transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s; }
  #main .list_island .island:nth-child(10) .wrap_island {
    transition-delay: 1s;
    -moz-transition-delay: 1s;
    -webkit-transition-delay: 1s; }
  #main.loading p.img_direction {
    opacity: 0; }
  #main.loading .wrap_island {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  #main #loading {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0px; }
    #main #loading p {
      position: absolute;
      top: 0px;
      width: 0%;
      height: 2px;
      background: #fff;
      -webkit-transition: width 0.1s linear;
      transition: width 0.1s linear; }
    #main #loading.hide p {
      left: auto;
      right: 0px;
      width: 0px !important;
      -webkit-transition: width 0.6s ease;
      transition: width 0.6s ease; }
  #main p.img_direction {
    position: absolute;
    display: none;
    background: url(../img/main/img_direction.svg) top left no-repeat;
    background-size: cover; }
  #main #bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px; }
  #main .waves {
    z-index: -1; }
    #main .waves span {
      ;-webkit-animation: wave 3s linear 0s infinite;
      -moz-animation: wave 3s linear 0s infinite;
      animation: wave 3s linear 0s infinite; }
  #main .waves span.rl {
    ;-webkit-animation: waverl 3s linear 0s infinite;
    -moz-animation: waverl 3s linear 0s infinite;
    animation: waverl 3s linear 0s infinite; }
  #main .waves {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden; }
    #main .waves .w {
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top left; }
      #main .waves .w.wave0 {
        width: 31px;
        height: 8px;
        background-image: url(../img/main/wave0.png); }
      #main .waves .w.wave1 {
        width: 40px;
        height: 7px;
        background-image: url(../img/main/wave1.png); }
  #main .list_island {
    padding-top: 20px;
    padding-bottom: 25px; }
    #main .list_island li.island {
      width: 100%;
      position: relative; }
      #main .list_island li.island a {
        display: block;
        position: relative; }
      #main .list_island li.island figure.img_island {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat; }
      #main .list_island li.island p.img_island {
        width: 100%;
        height: 100%;
        position: absolute;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 2; }
        #main .list_island li.island p.img_island:before, #main .list_island li.island p.img_island:after {
          content: "";
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0%;
          display: block;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat; }
      #main .list_island li.island .name_category,
      #main .list_island li.island .name_category02 {
        position: absolute;
        z-index: 3; }
        #main .list_island li.island .name_category h4,
        #main .list_island li.island .name_category02 h4 {
          margin: 0px;
          position: absolute;
          width: 100%;
          height: 100%;
          background-size: 100% auto;
          background-repeat: no-repeat;
          background-position: top left;
          display: block;
          text-indent: -100000px;
          font-size: 0px; }
      #main .list_island li.island ul.serial {
        position: absolute;
        z-index: 3;
        top: 0px; }
        #main .list_island li.island ul.serial li {
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          display: block;
          position: absolute;
          opacity: 0; }
          #main .list_island li.island ul.serial li.active {
            opacity: 1; }
      #main .list_island li.island#island_hoshinoya {
        overflow: hidden;
        text-align: right; }
        #main .list_island li.island#island_hoshinoya a {
          width: 90.4%;
          height: 0px;
          padding-bottom: 107.86%;
          display: inline-block; }
        #main .list_island li.island#island_hoshinoya .name_category.l_ja {
          width: 14.15%;
          padding-bottom: 4.42%;
          top: 7.5%;
          left: 29%; }
          #main .list_island li.island#island_hoshinoya .name_category.l_ja h4 {
            background-image: url(../img/main/hoshinoya/name/hy_ja.svg); }
        #main .list_island li.island#island_hoshinoya .name_category.l_en {
          width: 19.4%;
          padding-bottom: 8.6%;
          top: 5.4%;
          left: 26.8%; }
          #main .list_island li.island#island_hoshinoya .name_category.l_en h4 {
            background-image: url(../img/main/hoshinoya/name/hy_en.svg); }
        #main .list_island li.island#island_hoshinoya .name_category.l_ch {
          width: 16.5%;
          padding-bottom: 7.4%;
          top: 6%;
          left: 28%; }
          #main .list_island li.island#island_hoshinoya .name_category.l_ch h4 {
            background-image: url(../img/main/hoshinoya/name/hy_cn.svg); }
        #main .list_island li.island#island_hoshinoya .name_category.l_zh {
          width: 16.5%;
          padding-bottom: 7.4%;
          top: 6%;
          left: 28%; }
          #main .list_island li.island#island_hoshinoya .name_category.l_zh h4 {
            background-image: url(../img/main/hoshinoya/name/hy_tw.svg); }
        #main .list_island li.island#island_hoshinoya .name_category.l_kr {
          width: 16.5%;
          padding-bottom: 7%;
          top: 6%;
          left: 27.8%; }
          #main .list_island li.island#island_hoshinoya .name_category.l_kr h4 {
            background-image: url(../img/main/hoshinoya/name/hy_kr.svg); }
        #main .list_island li.island#island_hoshinoya p.img_island:after {
          background-image: url(../img/main/hoshinoya/img_island.png); }
        #main .list_island li.island#island_hoshinoya .airplane {
          width: 100%;
          height: 0px;
          padding-bottom: 9.29%;
          position: absolute;
          top: 2%;
          left: 0px;
          opacity: 0; }
        #main .list_island li.island#island_hoshinoya p.img_plane {
          position: absolute;
          width: 6.36%;
          height: 0;
          padding-bottom: 6.55%;
          display: block;
          background: url(../img/main/hoshinoya/img_plane.png) top left no-repeat;
          background-size: cover;
          left: 0%; }
        #main .list_island li.island#island_hoshinoya p.img_cloud {
          position: absolute;
          width: 107%;
          height: 0px;
          padding-bottom: 91.69%;
          display: block;
          background: url(../img/main/hoshinoya/img_cloud.png) top left no-repeat;
          background-size: cover;
          top: 18%;
          left: -14%;
          z-index: 3; }
        #main .list_island li.island#island_hoshinoya ul.serial {
          width: 100%;
          height: 0;
          padding-bottom: 119.1%;
          bottom: 0%;
          right: 1%; }
          #main .list_island li.island#island_hoshinoya ul.serial li {
            width: 100%;
            height: 100%;
            bottom: 0%;
            right: 0%; }
          #main .list_island li.island#island_hoshinoya ul.serial li:nth-child(1) {
            background-image: url(../img/main/hoshinoya/img0.png); }
          #main .list_island li.island#island_hoshinoya ul.serial li:nth-child(2) {
            background-image: url(../img/main/hoshinoya/img1.png); }
          #main .list_island li.island#island_hoshinoya ul.serial li:nth-child(3) {
            background-image: url(../img/main/hoshinoya/img2.png); }
          #main .list_island li.island#island_hoshinoya ul.serial li:nth-child(4) {
            background-image: url(../img/main/hoshinoya/img3.png); }
          #main .list_island li.island#island_hoshinoya ul.serial li:nth-child(5) {
            background-image: url(../img/main/hoshinoya/img4.png); }
          #main .list_island li.island#island_hoshinoya ul.serial li:nth-child(6) {
            background-image: url(../img/main/hoshinoya/img5.png); }
          #main .list_island li.island#island_hoshinoya ul.serial li:nth-child(7) {
            background-image: url(../img/main/hoshinoya/img6.png); }
          #main .list_island li.island#island_hoshinoya ul.serial li:nth-child(8) {
            background-image: url(../img/main/hoshinoya/img7.png); }
          #main .list_island li.island#island_hoshinoya ul.serial li:nth-child(9) {
            background-image: url(../img/main/hoshinoya/img8.png); }
          #main .list_island li.island#island_hoshinoya ul.serial li:nth-child(10) {
            background-image: url(../img/main/hoshinoya/img9.png); }
          #main .list_island li.island#island_hoshinoya ul.serial li:nth-child(11) {
            background-image: url(../img/main/hoshinoya/img10.png); }
          #main .list_island li.island#island_hoshinoya ul.serial li:nth-child(12) {
            background-image: url(../img/main/hoshinoya/img11.png); }
          #main .list_island li.island#island_hoshinoya ul.serial li:nth-child(13) {
            background-image: url(../img/main/hoshinoya/img12.png); }
          #main .list_island li.island#island_hoshinoya ul.serial li:nth-child(14) {
            background-image: url(../img/main/hoshinoya/img13.png); }
          #main .list_island li.island#island_hoshinoya ul.serial li:nth-child(15) {
            background-image: url(../img/main/hoshinoya/img14.png); }
          #main .list_island li.island#island_hoshinoya ul.serial li:nth-child(16) {
            background-image: url(../img/main/hoshinoya/img15.png); }
          #main .list_island li.island#island_hoshinoya ul.serial li:nth-child(17) {
            background-image: url(../img/main/hoshinoya/img16.png); }
          #main .list_island li.island#island_hoshinoya ul.serial li:nth-child(18) {
            background-image: url(../img/main/hoshinoya/img17.png); }
          #main .list_island li.island#island_hoshinoya ul.serial li:nth-child(19) {
            background-image: url(../img/main/hoshinoya/img18.png); }
          #main .list_island li.island#island_hoshinoya ul.serial li:nth-child(20) {
            background-image: url(../img/main/hoshinoya/img19.png); }
        #main .list_island li.island#island_hoshinoya .waves .w:nth-of-type(1) {
          top: 0%;
          left: 10%; }
        #main .list_island li.island#island_hoshinoya .waves .w:nth-of-type(2) {
          top: 0%;
          left: 50%;
          animation-delay: .5s; }
        #main .list_island li.island#island_hoshinoya .waves .w:nth-of-type(3) {
          top: 10%;
          right: 1%;
          animation-delay: 1s; }
        #main .list_island li.island#island_hoshinoya .waves .w:nth-of-type(4) {
          bottom: 12%;
          left: 5%;
          animation-delay: 0s; }
        #main .list_island li.island#island_hoshinoya .waves .w:nth-of-type(5) {
          bottom: 6%;
          left: 40%;
          animation-delay: 2s; }
      #main .list_island li.island#island_kai {
        margin-top: -30%;
        left: -3%; }
        #main .list_island li.island#island_kai a {
          width: 91.2%;
          height: 0px;
          padding-bottom: 123.86%; }
        #main .list_island li.island#island_kai p.img_island {
          top: 0%;
          left: 0%; }
          #main .list_island li.island#island_kai p.img_island:after {
            background-image: url(../img/main/kai/img_island.png); }
        #main .list_island li.island#island_kai ul.serial {
          width: 100%;
          height: 100%;
          top: 0%;
          left: 0%; }
          #main .list_island li.island#island_kai ul.serial li {
            width: 100%;
            height: 100%;
            top: 0%;
            right: 0%; }
          #main .list_island li.island#island_kai ul.serial li:nth-child(1) {
            background-image: url(../img/main/kai/img0.png); }
          #main .list_island li.island#island_kai ul.serial li:nth-child(2) {
            background-image: url(../img/main/kai/img1.png); }
          #main .list_island li.island#island_kai ul.serial li:nth-child(3) {
            background-image: url(../img/main/kai/img2.png); }
          #main .list_island li.island#island_kai ul.serial li:nth-child(4) {
            background-image: url(../img/main/kai/img3.png); }
          #main .list_island li.island#island_kai ul.serial li:nth-child(5) {
            background-image: url(../img/main/kai/img4.png); }
          #main .list_island li.island#island_kai ul.serial li:nth-child(6) {
            background-image: url(../img/main/kai/img5.png); }
          #main .list_island li.island#island_kai ul.serial li:nth-child(7) {
            background-image: url(../img/main/kai/img6.png); }
          #main .list_island li.island#island_kai ul.serial li:nth-child(8) {
            background-image: url(../img/main/kai/img7.png); }
          #main .list_island li.island#island_kai ul.serial li:nth-child(9) {
            background-image: url(../img/main/kai/img8.png); }
          #main .list_island li.island#island_kai ul.serial li:nth-child(10) {
            background-image: url(../img/main/kai/img9.png); }
          #main .list_island li.island#island_kai ul.serial li:nth-child(11) {
            background-image: url(../img/main/kai/img10.png); }
          #main .list_island li.island#island_kai ul.serial li:nth-child(12) {
            background-image: url(../img/main/kai/img11.png); }
          #main .list_island li.island#island_kai ul.serial li:nth-child(13) {
            background-image: url(../img/main/kai/img12.png); }
          #main .list_island li.island#island_kai ul.serial li:nth-child(14) {
            background-image: url(../img/main/kai/img13.png); }
          #main .list_island li.island#island_kai ul.serial li:nth-child(15) {
            background-image: url(../img/main/kai/img14.png); }
          #main .list_island li.island#island_kai ul.serial li:nth-child(16) {
            background-image: url(../img/main/kai/img15.png); }
          #main .list_island li.island#island_kai ul.serial li:nth-child(17) {
            background-image: url(../img/main/kai/img16.png); }
          #main .list_island li.island#island_kai ul.serial li:nth-child(18) {
            background-image: url(../img/main/kai/img17.png); }
          #main .list_island li.island#island_kai ul.serial li:nth-child(19) {
            background-image: url(../img/main/kai/img18.png); }
          #main .list_island li.island#island_kai ul.serial li:nth-child(20) {
            background-image: url(../img/main/kai/img19.png); }
        #main .list_island li.island#island_kai .name_category.l_ja {
          width: 9.94%;
          padding-bottom: 9.64%;
          top: 31.2%;
          left: 22%; }
          #main .list_island li.island#island_kai .name_category.l_ja h4 {
            background-image: url(../img/main/kai/name/kai_ja.svg); }
        #main .list_island li.island#island_kai .name_category.l_en {
          width: 11%;
          padding-bottom: 9.2%;
          top: 31%;
          left: 21%; }
          #main .list_island li.island#island_kai .name_category.l_en h4 {
            background-image: url(../img/main/kai/name/kai_en.svg); }
        #main .list_island li.island#island_kai .name_category.l_ch {
          width: 9%;
          padding-bottom: 9.3%;
          top: 31%;
          left: 22%; }
          #main .list_island li.island#island_kai .name_category.l_ch h4 {
            background-image: url(../img/main/kai/name/kai_cn.svg); }
        #main .list_island li.island#island_kai .name_category.l_zh {
          width: 9%;
          padding-bottom: 9.3%;
          top: 31%;
          left: 22%; }
          #main .list_island li.island#island_kai .name_category.l_zh h4 {
            background-image: url(../img/main/kai/name/kai_tw.svg); }
        #main .list_island li.island#island_kai .name_category.l_kr {
          width: 9%;
          padding-bottom: 9.3%;
          top: 31.2%;
          left: 22%; }
          #main .list_island li.island#island_kai .name_category.l_kr h4 {
            background-image: url(../img/main/kai/name/kai_kr.svg); }
        #main .list_island li.island#island_kai .waves .w:nth-of-type(1) {
          top: 50%;
          right: 10%; }
        #main .list_island li.island#island_kai .waves .w:nth-of-type(2) {
          top: 35%;
          right: 20%;
          animation-delay: 2s; }
        #main .list_island li.island#island_kai .waves .w:nth-of-type(3) {
          bottom: 0%;
          left: 10%;
          animation-delay: 3s; }
      #main .list_island li.island#island_daytrip {
        text-align: right;
        margin-top: -25%;
        z-index: 2; }
        #main .list_island li.island#island_daytrip a {
          width: 57.33%;
          height: 0px;
          padding-bottom: 77.33%;
          margin-right: 4.66%;
          display: inline-block; }
        #main .list_island li.island#island_daytrip .name_category {
          top: -36%;
          right: 0%; }
          #main .list_island li.island#island_daytrip .name_category.l_ja {
            width: 18%;
            padding-bottom: 15.6%;
            top: 12.5%;
            right: 11%; }
            #main .list_island li.island#island_daytrip .name_category.l_ja h4 {
              background-image: url(../img/main/daytrip/name/dt_ja.svg); }
          #main .list_island li.island#island_daytrip .name_category.l_en {
            width: 28.8%;
            padding-bottom: 10%;
            top: 14%;
            right: 6.2%; }
            #main .list_island li.island#island_daytrip .name_category.l_en h4 {
              background-image: url(../img/main/daytrip/name/dt_en.svg); }
          #main .list_island li.island#island_daytrip .name_category.l_ch {
            width: 23.5%;
            padding-bottom: 13.2%;
            top: 13.5%;
            right: 8.5%; }
            #main .list_island li.island#island_daytrip .name_category.l_ch h4 {
              background-image: url(../img/main/daytrip/name/dt_cn.svg); }
          #main .list_island li.island#island_daytrip .name_category.l_zh {
            width: 23.5%;
            padding-bottom: 13.2%;
            top: 13.5%;
            right: 8.5%; }
            #main .list_island li.island#island_daytrip .name_category.l_zh h4 {
              background-image: url(../img/main/daytrip/name/dt_tw.svg); }
          #main .list_island li.island#island_daytrip .name_category.l_kr {
            width: 23.5%;
            padding-bottom: 13.2%;
            top: 13%;
            right: 8.5%; }
            #main .list_island li.island#island_daytrip .name_category.l_kr h4 {
              background-image: url(../img/main/daytrip/name/dt_kr.svg); }
        #main .list_island li.island#island_daytrip .p {
          position: absolute;
          height: 0px;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: top left; }
        #main .list_island li.island#island_daytrip p.img_island {
          bottom: 0%;
          left: 0px; }
          #main .list_island li.island#island_daytrip p.img_island:after {
            background-image: url(../img/main/daytrip/img_island.png); }
        #main .list_island li.island#island_daytrip ul.serial {
          width: 100%;
          height: 100%;
          top: 0%;
          left: 0%; }
          #main .list_island li.island#island_daytrip ul.serial li {
            width: 100%;
            height: 100%;
            top: 0%;
            right: 0%; }
          #main .list_island li.island#island_daytrip ul.serial li:nth-child(1) {
            background-image: url(../img/main/daytrip/img0.png); }
          #main .list_island li.island#island_daytrip ul.serial li:nth-child(2) {
            background-image: url(../img/main/daytrip/img1.png); }
          #main .list_island li.island#island_daytrip ul.serial li:nth-child(3) {
            background-image: url(../img/main/daytrip/img2.png); }
          #main .list_island li.island#island_daytrip ul.serial li:nth-child(4) {
            background-image: url(../img/main/daytrip/img3.png); }
          #main .list_island li.island#island_daytrip ul.serial li:nth-child(5) {
            background-image: url(../img/main/daytrip/img4.png); }
          #main .list_island li.island#island_daytrip ul.serial li:nth-child(6) {
            background-image: url(../img/main/daytrip/img5.png); }
          #main .list_island li.island#island_daytrip ul.serial li:nth-child(7) {
            background-image: url(../img/main/daytrip/img6.png); }
          #main .list_island li.island#island_daytrip ul.serial li:nth-child(8) {
            background-image: url(../img/main/daytrip/img7.png); }
          #main .list_island li.island#island_daytrip ul.serial li:nth-child(9) {
            background-image: url(../img/main/daytrip/img8.png); }
          #main .list_island li.island#island_daytrip ul.serial li:nth-child(10) {
            background-image: url(../img/main/daytrip/img9.png); }
          #main .list_island li.island#island_daytrip ul.serial li:nth-child(11) {
            background-image: url(../img/main/daytrip/img10.png); }
          #main .list_island li.island#island_daytrip ul.serial li:nth-child(12) {
            background-image: url(../img/main/daytrip/img11.png); }
          #main .list_island li.island#island_daytrip ul.serial li:nth-child(13) {
            background-image: url(../img/main/daytrip/img12.png); }
          #main .list_island li.island#island_daytrip ul.serial li:nth-child(14) {
            background-image: url(../img/main/daytrip/img13.png); }
          #main .list_island li.island#island_daytrip ul.serial li:nth-child(15) {
            background-image: url(../img/main/daytrip/img14.png); }
          #main .list_island li.island#island_daytrip ul.serial li:nth-child(16) {
            background-image: url(../img/main/daytrip/img15.png); }
          #main .list_island li.island#island_daytrip ul.serial li:nth-child(17) {
            background-image: url(../img/main/daytrip/img16.png); }
          #main .list_island li.island#island_daytrip ul.serial li:nth-child(18) {
            background-image: url(../img/main/daytrip/img17.png); }
          #main .list_island li.island#island_daytrip ul.serial li:nth-child(19) {
            background-image: url(../img/main/daytrip/img18.png); }
          #main .list_island li.island#island_daytrip ul.serial li:nth-child(20) {
            background-image: url(../img/main/daytrip/img19.png); }
        #main .list_island li.island#island_daytrip .waves .w:nth-of-type(1) {
          top: 55%;
          left: 45%; }
        #main .list_island li.island#island_daytrip .waves .w:nth-of-type(2) {
          bottom: 0%;
          right: 5%;
          animation-delay: 2s; }
      #main .list_island li.island#island_resonare {
        z-index: 2; }
        #main .list_island li.island#island_resonare a {
          width: 88.66%;
          height: 0px;
          padding-bottom: 97.33%;
          left: 9.4%;
          display: block; }
        #main .list_island li.island#island_resonare .p {
          position: absolute;
          height: 0px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover; }
        #main .list_island li.island#island_resonare p.img_island {
          bottom: 0px;
          height: 100%;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
          #main .list_island li.island#island_resonare p.img_island:after {
            background-image: url(../img/main/resonare/img_island.png); }
        #main .list_island li.island#island_resonare .fireworks {
          width: 100%;
          height: 100%;
          top: 0px;
          position: absolute;
          z-index: 4; }
        #main .list_island li.island#island_resonare .wrap_island {
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
        #main .list_island li.island#island_resonare p.img_firework0 {
          width: 21.8%;
          padding-bottom: 19.68%;
          left: 4.1%;
          top: -9%;
          background-image: url(../img/main/resonare/img_firework0.png);
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
        #main .list_island li.island#island_resonare p.img_firework1 {
          width: 21.8%;
          padding-bottom: 21.4%;
          left: 26%;
          top: -8%;
          background-image: url(../img/main/resonare/img_firework1.png);
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
        #main .list_island li.island#island_resonare .name_category.l_ja {
          width: 16%;
          padding-bottom: 7.2%;
          top: 9%;
          right: 8%; }
          #main .list_island li.island#island_resonare .name_category.l_ja h4 {
            background-image: url(../img/main/resonare/name/rn_ja.svg); }
        #main .list_island li.island#island_resonare .name_category.l_en {
          width: 17.8%;
          padding-bottom: 9.4%;
          top: 9.2%;
          right: 7.4%; }
          #main .list_island li.island#island_resonare .name_category.l_en h4 {
            background-image: url(../img/main/resonare/name/rn_en.svg); }
        #main .list_island li.island#island_resonare .name_category.l_ch {
          width: 17.8%;
          padding-bottom: 9.4%;
          top: 9.2%;
          right: 7.4%; }
          #main .list_island li.island#island_resonare .name_category.l_ch h4 {
            background-image: url(../img/main/resonare/name/rn_cn.svg); }
        #main .list_island li.island#island_resonare .name_category.l_zh {
          width: 17.8%;
          padding-bottom: 9.4%;
          top: 9.2%;
          right: 7.4%; }
          #main .list_island li.island#island_resonare .name_category.l_zh h4 {
            background-image: url(../img/main/resonare/name/rn_tw.svg); }
        #main .list_island li.island#island_resonare .name_category.l_kr {
          width: 16%;
          padding-bottom: 9%;
          top: 9%;
          right: 8.4%; }
          #main .list_island li.island#island_resonare .name_category.l_kr h4 {
            background-image: url(../img/main/resonare/name/rn_kr.svg); }
        #main .list_island li.island#island_resonare ul.serial {
          width: 100%;
          height: 100%; }
          #main .list_island li.island#island_resonare ul.serial li {
            width: 100%;
            height: 100%;
            bottom: 0%;
            right: 0%; }
          #main .list_island li.island#island_resonare ul.serial li:nth-child(1) {
            background-image: url(../img/main/resonare/img0.png); }
          #main .list_island li.island#island_resonare ul.serial li:nth-child(2) {
            background-image: url(../img/main/resonare/img1.png); }
          #main .list_island li.island#island_resonare ul.serial li:nth-child(3) {
            background-image: url(../img/main/resonare/img2.png); }
          #main .list_island li.island#island_resonare ul.serial li:nth-child(4) {
            background-image: url(../img/main/resonare/img3.png); }
          #main .list_island li.island#island_resonare ul.serial li:nth-child(5) {
            background-image: url(../img/main/resonare/img4.png); }
          #main .list_island li.island#island_resonare ul.serial li:nth-child(6) {
            background-image: url(../img/main/resonare/img5.png); }
          #main .list_island li.island#island_resonare ul.serial li:nth-child(7) {
            background-image: url(../img/main/resonare/img6.png); }
          #main .list_island li.island#island_resonare ul.serial li:nth-child(8) {
            background-image: url(../img/main/resonare/img7.png); }
          #main .list_island li.island#island_resonare ul.serial li:nth-child(9) {
            background-image: url(../img/main/resonare/img8.png); }
          #main .list_island li.island#island_resonare ul.serial li:nth-child(10) {
            background-image: url(../img/main/resonare/img9.png); }
          #main .list_island li.island#island_resonare ul.serial li:nth-child(11) {
            background-image: url(../img/main/resonare/img10.png); }
          #main .list_island li.island#island_resonare ul.serial li:nth-child(12) {
            background-image: url(../img/main/resonare/img11.png); }
          #main .list_island li.island#island_resonare ul.serial li:nth-child(13) {
            background-image: url(../img/main/resonare/img12.png); }
          #main .list_island li.island#island_resonare ul.serial li:nth-child(14) {
            background-image: url(../img/main/resonare/img13.png); }
          #main .list_island li.island#island_resonare ul.serial li:nth-child(15) {
            background-image: url(../img/main/resonare/img14.png); }
          #main .list_island li.island#island_resonare ul.serial li:nth-child(16) {
            background-image: url(../img/main/resonare/img15.png); }
          #main .list_island li.island#island_resonare ul.serial li:nth-child(17) {
            background-image: url(../img/main/resonare/img16.png); }
          #main .list_island li.island#island_resonare ul.serial li:nth-child(18) {
            background-image: url(../img/main/resonare/img17.png); }
          #main .list_island li.island#island_resonare ul.serial li:nth-child(19) {
            background-image: url(../img/main/resonare/img18.png); }
          #main .list_island li.island#island_resonare ul.serial li:nth-child(20) {
            background-image: url(../img/main/resonare/img19.png); }
        #main .list_island li.island#island_resonare .waves .w:nth-of-type(1) {
          top: 20%;
          left: 15%; }
        #main .list_island li.island#island_resonare .waves .w:nth-of-type(2) {
          top: 35%;
          left: 5%;
          animation-delay: 2s; }
        #main .list_island li.island#island_resonare .waves .w:nth-of-type(3) {
          bottom: 20%;
          left: 10%;
          animation-delay: 3s; }
      #main .list_island li.island#island_omo {
        margin-top: -5%;
        z-index: 2; }
        #main .list_island li.island#island_omo .link {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          z-index: 3; }
          #main .list_island li.island#island_omo .link img {
            width: 100%; }
          #main .list_island li.island#island_omo .link map:focus {
            outline: none; }
        #main .list_island li.island#island_omo .omo_inner {
          width: 100%;
          height: 0px;
          padding-bottom: 81.6%; }
        #main .list_island li.island#island_omo a {
          width: 100%;
          height: 0px;
          padding-bottom: 81.6%; }
        #main .list_island li.island#island_omo area:focus
area:hover {
          outline: ridge; }
        #main .list_island li.island#island_omo p.img_island {
          pointer-events: none; }
          #main .list_island li.island#island_omo p.img_island:after {
            background-image: url(../img/main/omo/img_island.png); }
        #main .list_island li.island#island_omo ul.serial {
          width: 100%;
          height: 100%;
          pointer-events: none; }
          #main .list_island li.island#island_omo ul.serial li {
            width: 100%;
            height: 100%;
            bottom: 0%;
            right: 0%; }
          #main .list_island li.island#island_omo ul.serial li:nth-child(1) {
            background-image: url(../img/main/omo/img0.png); }
          #main .list_island li.island#island_omo ul.serial li:nth-child(2) {
            background-image: url(../img/main/omo/img1.png); }
          #main .list_island li.island#island_omo ul.serial li:nth-child(3) {
            background-image: url(../img/main/omo/img2.png); }
          #main .list_island li.island#island_omo ul.serial li:nth-child(4) {
            background-image: url(../img/main/omo/img3.png); }
          #main .list_island li.island#island_omo ul.serial li:nth-child(5) {
            background-image: url(../img/main/omo/img4.png); }
          #main .list_island li.island#island_omo ul.serial li:nth-child(6) {
            background-image: url(../img/main/omo/img5.png); }
          #main .list_island li.island#island_omo ul.serial li:nth-child(7) {
            background-image: url(../img/main/omo/img6.png); }
          #main .list_island li.island#island_omo ul.serial li:nth-child(8) {
            background-image: url(../img/main/omo/img7.png); }
          #main .list_island li.island#island_omo ul.serial li:nth-child(9) {
            background-image: url(../img/main/omo/img8.png); }
          #main .list_island li.island#island_omo ul.serial li:nth-child(10) {
            background-image: url(../img/main/omo/img9.png); }
          #main .list_island li.island#island_omo ul.serial li:nth-child(11) {
            background-image: url(../img/main/omo/img10.png); }
          #main .list_island li.island#island_omo ul.serial li:nth-child(12) {
            background-image: url(../img/main/omo/img11.png); }
          #main .list_island li.island#island_omo ul.serial li:nth-child(13) {
            background-image: url(../img/main/omo/img12.png); }
          #main .list_island li.island#island_omo ul.serial li:nth-child(14) {
            background-image: url(../img/main/omo/img13.png); }
          #main .list_island li.island#island_omo ul.serial li:nth-child(15) {
            background-image: url(../img/main/omo/img14.png); }
          #main .list_island li.island#island_omo ul.serial li:nth-child(16) {
            background-image: url(../img/main/omo/img15.png); }
          #main .list_island li.island#island_omo ul.serial li:nth-child(17) {
            background-image: url(../img/main/omo/img16.png); }
          #main .list_island li.island#island_omo ul.serial li:nth-child(18) {
            background-image: url(../img/main/omo/img17.png); }
          #main .list_island li.island#island_omo ul.serial li:nth-child(19) {
            background-image: url(../img/main/omo/img18.png); }
          #main .list_island li.island#island_omo ul.serial li:nth-child(20) {
            background-image: url(../img/main/omo/img19.png); }
        #main .list_island li.island#island_omo .name_category.l_ja {
          width: 14%;
          padding-bottom: 6.5%;
          top: 10.5%;
          left: 17.5%; }
          #main .list_island li.island#island_omo .name_category.l_ja h4 {
            background-image: url(../img/main/omo/name/omo_ja.svg); }
        #main .list_island li.island#island_omo .name_category.l_en {
          width: 12.26%;
          padding-bottom: 7.8%;
          top: 9.4%;
          left: 18.8%; }
          #main .list_island li.island#island_omo .name_category.l_en h4 {
            background-image: url(../img/main/omo/name/omo_en.svg); }
        #main .list_island li.island#island_omo .name_category.l_ch {
          width: 13.26%;
          padding-bottom: 7.2%;
          top: 10.2%;
          left: 18%; }
          #main .list_island li.island#island_omo .name_category.l_ch h4 {
            background-image: url(../img/main/omo/name/omo_cn.svg); }
        #main .list_island li.island#island_omo .name_category.l_zh {
          width: 13.26%;
          padding-bottom: 7.2%;
          top: 10.2%;
          left: 18%; }
          #main .list_island li.island#island_omo .name_category.l_zh h4 {
            background-image: url(../img/main/omo/name/omo_tw.svg); }
        #main .list_island li.island#island_omo .name_category.l_kr {
          width: 13.26%;
          padding-bottom: 7.2%;
          top: 10.2%;
          left: 18.2%; }
          #main .list_island li.island#island_omo .name_category.l_kr h4 {
            background-image: url(../img/main/omo/name/omo_kr.svg); }
        #main .list_island li.island#island_omo .name_category02.l_ja {
          width: 14.5%;
          padding-bottom: 6.5%;
          top: 20%;
          right: 4.8%; }
          #main .list_island li.island#island_omo .name_category02.l_ja h4 {
            background-image: url(../img/main/omo/name/beb_ja.svg); }
        #main .list_island li.island#island_omo .name_category02.l_en {
          width: 13%;
          padding-bottom: 8.4%;
          top: 18.8%;
          right: 5.4%; }
          #main .list_island li.island#island_omo .name_category02.l_en h4 {
            background-image: url(../img/main/omo/name/beb_en.svg); }
        #main .list_island li.island#island_omo .name_category02.l_ch {
          width: 14%;
          padding-bottom: 6.4%;
          top: 19.8%;
          right: 5.2%; }
          #main .list_island li.island#island_omo .name_category02.l_ch h4 {
            background-image: url(../img/main/omo/name/beb_cn.svg); }
        #main .list_island li.island#island_omo .name_category02.l_zh {
          width: 14%;
          padding-bottom: 6.4%;
          top: 19.8%;
          right: 5.2%; }
          #main .list_island li.island#island_omo .name_category02.l_zh h4 {
            background-image: url(../img/main/omo/name/beb_tw.svg); }
        #main .list_island li.island#island_omo .name_category02.l_kr {
          width: 10.6%;
          padding-bottom: 7.6%;
          top: 19.5%;
          right: 7.2%; }
          #main .list_island li.island#island_omo .name_category02.l_kr h4 {
            background-image: url(../img/main/omo/name/beb_kr.svg); }
        #main .list_island li.island#island_omo .waves .w:nth-of-type(1) {
          top: 25%;
          left: 2%; }
        #main .list_island li.island#island_omo .waves .w:nth-of-type(2) {
          top: 35%;
          right: 15%;
          animation-delay: 1s; }
      #main .list_island li.island#island_other {
        text-align: right;
        margin-top: 0%;
        z-index: 2; }
        #main .list_island li.island#island_other a {
          width: 96.66%;
          height: 0px;
          padding-bottom: 54%;
          display: inline-block; }
        #main .list_island li.island#island_other p.img_island:after {
          background-image: url(../img/main/other/img_island.png); }
        #main .list_island li.island#island_other ul.serial {
          width: 100%;
          height: 100%; }
          #main .list_island li.island#island_other ul.serial li {
            width: 100%;
            height: 100%;
            bottom: 0%;
            right: 0%; }
          #main .list_island li.island#island_other ul.serial li:nth-child(1) {
            background-image: url(../img/main/other/img0.png); }
          #main .list_island li.island#island_other ul.serial li:nth-child(2) {
            background-image: url(../img/main/other/img1.png); }
          #main .list_island li.island#island_other ul.serial li:nth-child(3) {
            background-image: url(../img/main/other/img2.png); }
          #main .list_island li.island#island_other ul.serial li:nth-child(4) {
            background-image: url(../img/main/other/img3.png); }
          #main .list_island li.island#island_other ul.serial li:nth-child(5) {
            background-image: url(../img/main/other/img4.png); }
          #main .list_island li.island#island_other ul.serial li:nth-child(6) {
            background-image: url(../img/main/other/img5.png); }
          #main .list_island li.island#island_other ul.serial li:nth-child(7) {
            background-image: url(../img/main/other/img6.png); }
          #main .list_island li.island#island_other ul.serial li:nth-child(8) {
            background-image: url(../img/main/other/img7.png); }
          #main .list_island li.island#island_other ul.serial li:nth-child(9) {
            background-image: url(../img/main/other/img8.png); }
          #main .list_island li.island#island_other ul.serial li:nth-child(10) {
            background-image: url(../img/main/other/img9.png); }
          #main .list_island li.island#island_other ul.serial li:nth-child(11) {
            background-image: url(../img/main/other/img10.png); }
          #main .list_island li.island#island_other ul.serial li:nth-child(12) {
            background-image: url(../img/main/other/img11.png); }
          #main .list_island li.island#island_other ul.serial li:nth-child(13) {
            background-image: url(../img/main/other/img12.png); }
          #main .list_island li.island#island_other ul.serial li:nth-child(14) {
            background-image: url(../img/main/other/img13.png); }
          #main .list_island li.island#island_other ul.serial li:nth-child(15) {
            background-image: url(../img/main/other/img14.png); }
          #main .list_island li.island#island_other ul.serial li:nth-child(16) {
            background-image: url(../img/main/other/img15.png); }
          #main .list_island li.island#island_other ul.serial li:nth-child(17) {
            background-image: url(../img/main/other/img16.png); }
          #main .list_island li.island#island_other ul.serial li:nth-child(18) {
            background-image: url(../img/main/other/img17.png); }
          #main .list_island li.island#island_other ul.serial li:nth-child(19) {
            background-image: url(../img/main/other/img18.png); }
          #main .list_island li.island#island_other ul.serial li:nth-child(20) {
            background-image: url(../img/main/other/img19.png); }
        #main .list_island li.island#island_other .name_category.l_ja {
          width: 15%;
          padding-bottom: 9%;
          top: 29.9%;
          left: 22.5%; }
          #main .list_island li.island#island_other .name_category.l_ja h4 {
            background-image: url(../img/main/other/name/ou_ja.svg); }
        #main .list_island li.island#island_other .name_category.l_en {
          width: 17%;
          padding-bottom: 6.8%;
          top: 32.42%;
          left: 22%; }
          #main .list_island li.island#island_other .name_category.l_en h4 {
            background-image: url(../img/main/other/name/ou_en.svg); }
        #main .list_island li.island#island_other .name_category.l_ch {
          width: 13.8%;
          padding-bottom: 7.9%;
          top: 31.8%;
          left: 23.5%; }
          #main .list_island li.island#island_other .name_category.l_ch h4 {
            background-image: url(../img/main/other/name/ou_cn.svg); }
        #main .list_island li.island#island_other .name_category.l_zh {
          width: 13.8%;
          padding-bottom: 7.9%;
          top: 31.8%;
          left: 23.5%; }
          #main .list_island li.island#island_other .name_category.l_zh h4 {
            background-image: url(../img/main/other/name/ou_tw.svg); }
        #main .list_island li.island#island_other .name_category.l_kr {
          width: 13.5%;
          padding-bottom: 7.8%;
          top: 31.8%;
          left: 23.5%; }
          #main .list_island li.island#island_other .name_category.l_kr h4 {
            background-image: url(../img/main/other/name/ou_kr.svg); }
        #main .list_island li.island#island_other .waves .w:nth-of-type(1) {
          top: 25%;
          left: 30%; }
        #main .list_island li.island#island_other .waves .w:nth-of-type(2) {
          top: 45%;
          left: 15%;
          animation-delay: 1s; }
        #main .list_island li.island#island_other .waves .w:nth-of-type(3) {
          bottom: 5%;
          left: 55%;
          animation-delay: 1s; }

/* Small Devices, Tablets */
@media all and (min-width: 768px) {
  #main {
    background: url(../img/main/bg_main_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 0px;
    padding-bottom: 57%;
    position: relative; }
    #main .section_inner {
      width: 100%;
      height: 100%;
      max-width: 1280px;
      position: absolute; }
    #main .wrap_island {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px; }
    #main .waves {
      overflow: visible; }
      #main .waves .w.wave0 {
        width: 48px;
        height: 13px; }
      #main .waves .w.wave1 {
        width: 63px;
        height: 12px; }
    #main #loading p {
      top: 0px; }
    #main p.img_direction {
      width: 22px;
      height: 77px;
      top: 24px;
      display: block; }
    #main .list_island {
      padding-top: 0px;
      width: 100%;
      height: 100%;
      position: absolute;
      padding-bottom: 0px; }
      #main .list_island li.island {
        position: absolute;
        overflow: visible; }
        #main .list_island li.island a {
          display: block;
          position: absolute; }
        #main .list_island li.island figure.img_island {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0px;
          left: 0px;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat; }
        #main .list_island li.island .name_category,
        #main .list_island li.island .name_category02 {
          height: 0px; }
        #main .list_island li.island#island_hoshinoya {
          left: 10%;
          top: 0%;
          width: 30.07%;
          padding-bottom: 35.85%;
          text-align: left;
          overflow: visible; }
          #main .list_island li.island#island_hoshinoya a {
            width: 100%;
            height: 100%;
            padding-bottom: 0px; }
          #main .list_island li.island#island_hoshinoya .name_category {
            bottom: auto;
            top: 18%;
            left: auto;
            right: 6.5%;
            margin-left: 0%; }
            #main .list_island li.island#island_hoshinoya .name_category.l_ja {
              width: 12.5%;
              padding-bottom: 3.8%;
              left: 30.2%;
              top: 7.2%; }
            #main .list_island li.island#island_hoshinoya .name_category.l_en {
              width: 19.4%;
              padding-bottom: 8.6%;
              top: 5.4%;
              left: 26.8%; }
            #main .list_island li.island#island_hoshinoya .name_category.l_ch {
              width: 16.5%;
              padding-bottom: 7.4%;
              top: 6%;
              left: 28%; }
            #main .list_island li.island#island_hoshinoya .name_category.l_zh {
              width: 16.5%;
              padding-bottom: 7.4%;
              top: 6%;
              left: 28%; }
            #main .list_island li.island#island_hoshinoya .name_category.l_kr {
              width: 16.5%;
              padding-bottom: 7%;
              top: 6%;
              left: 28%; }
          #main .list_island li.island#island_hoshinoya p.img_cloud {
            top: 18%;
            left: -14%; }
          #main .list_island li.island#island_hoshinoya .waves .w:nth-of-type(1) {
            top: 0%;
            left: 20%; }
          #main .list_island li.island#island_hoshinoya .waves .w:nth-of-type(2) {
            top: 25%;
            left: -10%; }
          #main .list_island li.island#island_hoshinoya .waves .w:nth-of-type(3) {
            top: 50%;
            right: -15%; }
          #main .list_island li.island#island_hoshinoya .waves .w:nth-of-type(4) {
            bottom: 5%;
            left: 0%; }
          #main .list_island li.island#island_hoshinoya .waves .w:nth-of-type(5) {
            bottom: 4%;
            left: 85%; }
        #main .list_island li.island#island_kai {
          bottom: 0%;
          left: 37.5%;
          width: 30.78%;
          padding-bottom: 41.79%;
          z-index: 2;
          margin-top: 0px; }
          #main .list_island li.island#island_kai a {
            width: 100%;
            height: 100%;
            padding-bottom: 0px; }
          #main .list_island li.island#island_kai .name_category {
            top: 31.5%;
            right: auto;
            left: 22%; }
            #main .list_island li.island#island_kai .name_category.l_ja {
              width: 9.4%;
              padding-bottom: 8.4%;
              top: 31.2%; }
            #main .list_island li.island#island_kai .name_category.l_en {
              width: 11%;
              padding-bottom: 9.3%;
              top: 31%;
              left: 20.8%; }
            #main .list_island li.island#island_kai .name_category.l_ch {
              width: 9%;
              padding-bottom: 9.3%;
              top: 31.3%;
              left: 22%; }
            #main .list_island li.island#island_kai .name_category.l_zh {
              width: 9%;
              padding-bottom: 9.3%;
              top: 31.3%;
              left: 22%; }
            #main .list_island li.island#island_kai .name_category.l_kr {
              width: 9%;
              padding-bottom: 9.3%;
              top: 31.2%;
              left: 22%; }
          #main .list_island li.island#island_kai .waves .w:nth-of-type(1) {
            top: 60%;
            left: -5%; }
          #main .list_island li.island#island_kai .waves .w:nth-of-type(2) {
            top: 35%;
            left: -2%; }
          #main .list_island li.island#island_kai .waves .w:nth-of-type(3) {
            bottom: 2%;
            top: auto;
            left: 20%; }
        #main .list_island li.island#island_daytrip {
          text-align: left;
          margin-top: 0px;
          top: 0%;
          left: 48.5%;
          width: 16.64%;
          padding-bottom: 23.125%;
          margin-right: 2.66%; }
          #main .list_island li.island#island_daytrip a {
            width: 100%;
            height: 100%;
            padding-bottom: 0px;
            display: inline-block;
            margin-right: 0px; }
          #main .list_island li.island#island_daytrip .name_category.l_ja {
            width: 17.5%;
            padding-bottom: 14.5%;
            top: 12.6%;
            right: 10.6%; }
          #main .list_island li.island#island_daytrip .name_category.l_en {
            width: 29.2%;
            padding-bottom: 10%;
            top: 14%;
            right: 5.2%; }
          #main .list_island li.island#island_daytrip .name_category.l_ch {
            width: 23.5%;
            padding-bottom: 13.2%;
            top: 13.5%;
            right: 8.5%; }
          #main .list_island li.island#island_daytrip .name_category.l_zh {
            width: 23.5%;
            padding-bottom: 13.2%;
            top: 13.5%;
            right: 8.5%; }
          #main .list_island li.island#island_daytrip .name_category.l_kr {
            width: 23.5%;
            padding-bottom: 13.2%;
            top: 13%;
            right: 8.5%; }
          #main .list_island li.island#island_daytrip .waves .w:nth-of-type(1) {
            top: -10%;
            left: 20%; }
          #main .list_island li.island#island_daytrip .waves .w:nth-of-type(2) {
            top: 10%;
            left: -10%; }
        #main .list_island li.island#island_resonare {
          text-align: left;
          margin-top: 4%;
          width: 28.35%;
          height: 0px;
          padding-bottom: 32%;
          right: 3%; }
          #main .list_island li.island#island_resonare a {
            width: 100%;
            height: 100%;
            padding-bottom: 0px;
            margin-right: 0%; }
          #main .list_island li.island#island_resonare .name_category.l_ja {
            width: 18.34%;
            padding-bottom: 8.5%;
            top: 9.6%;
            right: 6.8%; }
          #main .list_island li.island#island_resonare .name_category.l_en {
            width: 18.4%;
            padding-bottom: 9.4%;
            top: 10.2%;
            right: 7%; }
          #main .list_island li.island#island_resonare .name_category.l_ch {
            width: 17.8%;
            padding-bottom: 9.4%;
            top: 10%;
            right: 7.4%; }
          #main .list_island li.island#island_resonare .name_category.l_zh {
            width: 17.8%;
            padding-bottom: 9.4%;
            top: 10%;
            right: 7.4%; }
          #main .list_island li.island#island_resonare .name_category.l_kr {
            width: 16%;
            padding-bottom: 9%;
            top: 10%;
            right: 8.4%; }
          #main .list_island li.island#island_resonare .waves .w:nth-of-type(1) {
            top: 5%;
            right: -5%;
            left: auto; }
          #main .list_island li.island#island_resonare .waves .w:nth-of-type(2) {
            top: 70%;
            right: -10%;
            left: auto; }
          #main .list_island li.island#island_resonare .waves .w:nth-of-type(3) {
            bottom: 15%;
            top: auto;
            left: 0%; }
        #main .list_island li.island#island_omo {
          margin-top: 0%;
          width: 34.37%;
          height: 0px;
          padding-bottom: 27.34%;
          bottom: 0%;
          left: 1%; }
          #main .list_island li.island#island_omo a {
            width: 100%;
            height: 100%;
            padding-bottom: 0px; }
          #main .list_island li.island#island_omo .name_category.l_ja {
            width: 15.5%;
            padding-bottom: 7%;
            top: 10%;
            left: 17.5%; }
          #main .list_island li.island#island_omo .name_category.l_en {
            width: 12.26%;
            padding-bottom: 7.8%;
            top: 8.8%;
            left: 19.2%; }
          #main .list_island li.island#island_omo .name_category.l_ch {
            width: 13.26%;
            padding-bottom: 7.2%;
            top: 10.2%;
            left: 18.5%; }
          #main .list_island li.island#island_omo .name_category.l_zh {
            width: 13.26%;
            padding-bottom: 7.2%;
            top: 10.2%;
            left: 18.5%; }
          #main .list_island li.island#island_omo .name_category.l_kr {
            width: 13.26%;
            padding-bottom: 7.2%;
            top: 10.2%;
            left: 18.5%; }
          #main .list_island li.island#island_omo .name_category02.l_ja {
            width: 15.5%;
            padding-bottom: 6.8%;
            top: 19.8%;
            left: auto;
            right: 5.2%; }
          #main .list_island li.island#island_omo .name_category02.l_en {
            width: 12%;
            padding-bottom: 8%;
            top: 18.8%;
            right: 6.8%; }
          #main .list_island li.island#island_omo .name_category02.l_ch {
            width: 14%;
            padding-bottom: 6.4%;
            top: 19.8%;
            right: 5.6%; }
          #main .list_island li.island#island_omo .name_category02.l_zh {
            width: 14%;
            padding-bottom: 6.4%;
            top: 19.8%;
            right: 5.6%; }
          #main .list_island li.island#island_omo .name_category02.l_kr {
            width: 10.6%;
            padding-bottom: 7.6%;
            top: 19.5%;
            right: 7.6%; }
          #main .list_island li.island#island_omo .waves .w:nth-of-type(1) {
            top: 25%;
            left: -10%; }
          #main .list_island li.island#island_omo .waves .w:nth-of-type(2) {
            top: 90%;
            right: -5%;
            left: auto; }
        #main .list_island li.island#island_other {
          text-align: left;
          width: 32.96%;
          height: 0px;
          padding-bottom: 18.43%;
          margin-top: 0%;
          bottom: .7%;
          right: 0%; }
          #main .list_island li.island#island_other a {
            width: 100%;
            height: 100%;
            padding-bottom: 0px;
            display: block;
            margin-right: 0%; }
          #main .list_island li.island#island_other .name_category.l_ja {
            width: 15%;
            padding-bottom: 9%;
            top: 29.9%;
            left: 22.5%; }
          #main .list_island li.island#island_other .name_category.l_en {
            width: 17%;
            padding-bottom: 6.8%;
            top: 32.8%;
            left: 22%; }
          #main .list_island li.island#island_other .name_category.l_ch {
            width: 13.8%;
            padding-bottom: 7.9%;
            top: 31.8%;
            left: 23.5%; }
          #main .list_island li.island#island_other .name_category.l_zh {
            width: 13.8%;
            padding-bottom: 7.9%;
            top: 31.8%;
            left: 23.5%; }
          #main .list_island li.island#island_other .name_category.l_kr {
            width: 13.5%;
            padding-bottom: 7.8%;
            top: 31.8%;
            left: 23.5%; }
          #main .list_island li.island#island_other .waves .w:nth-of-type(1) {
            top: 0%;
            left: auto;
            right: -10%; }
          #main .list_island li.island#island_other .waves .w:nth-of-type(2) {
            top: 90%;
            left: 50%; } }

/* PC */
@media all and (min-width: 1280px) {
  #main {
    width: 100%;
    height: 730px;
    padding-bottom: 0%;
    position: relative; }
    #main .section_inner {
      width: 100%;
      max-width: 1280px;
      position: absolute;
      left: 50%;
      margin-left: -640px; } }

@-webkit-keyframes plane {
  0% {
    -webkit-transform: translate3d(100%, 0%, 0);
    transform: translate3d(100%, 0%, 0);
    opacity: 1; }
  50% {
    -webkit-transform: translate3d(-10%, 0%, 0);
    transform: translate3d(-10%, 0%, 0);
    opacity: 1; }
  55% {
    -webkit-transform: translate3d(-10%, 0%, 0);
    transform: translate3d(-10%, 0%, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(-10%, 0%, 0);
    transform: translate3d(-10%, 0%, 0);
    opacity: 0; } }

@-moz-keyframes plane {
  0% {
    -webkit-transform: translate3d(100%, 0%, 0);
    transform: translate3d(100%, 0%, 0);
    opacity: 1; }
  50% {
    -webkit-transform: translate3d(-10%, 0%, 0);
    transform: translate3d(-10%, 0%, 0);
    opacity: 1; }
  55% {
    -webkit-transform: translate3d(-10%, 0%, 0);
    transform: translate3d(-10%, 0%, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(-10%, 0%, 0);
    transform: translate3d(-10%, 0%, 0);
    opacity: 0; } }

@keyframes plane {
  0% {
    -webkit-transform: translate3d(100%, 0%, 0);
    transform: translate3d(100%, 0%, 0);
    opacity: 1; }
  50% {
    -webkit-transform: translate3d(-10%, 0%, 0);
    transform: translate3d(-10%, 0%, 0);
    opacity: 1; }
  55% {
    -webkit-transform: translate3d(-10%, 0%, 0);
    transform: translate3d(-10%, 0%, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(-10%, 0%, 0);
    transform: translate3d(-10%, 0%, 0);
    opacity: 0; } }

@-webkit-keyframes planePC {
  0% {
    -webkit-transform: translate3d(100%, 0%, 0);
    transform: translate3d(100%, 0%, 0);
    opacity: 0; }
  10% {
    -webkit-transform: translate3d(90%, 0%, 0);
    transform: translate3d(90%, 0%, 0);
    opacity: 1; }
  50% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; }
  60% {
    -webkit-transform: translate3d(-10%, 0%, 0);
    transform: translate3d(-10%, 0%, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(-20%, 0%, 0);
    transform: translate3d(-20%, 0%, 0);
    opacity: 0; } }

@-moz-keyframes planePC {
  0% {
    -webkit-transform: translate3d(100%, 0%, 0);
    transform: translate3d(100%, 0%, 0);
    opacity: 0; }
  10% {
    -webkit-transform: translate3d(90%, 0%, 0);
    transform: translate3d(90%, 0%, 0);
    opacity: 1; }
  50% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; }
  60% {
    -webkit-transform: translate3d(-10%, 0%, 0);
    transform: translate3d(-10%, 0%, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(-20%, 0%, 0);
    transform: translate3d(-20%, 0%, 0);
    opacity: 0; } }

@keyframes planePC {
  0% {
    -webkit-transform: translate3d(100%, 0%, 0);
    transform: translate3d(100%, 0%, 0);
    opacity: 0; }
  10% {
    -webkit-transform: translate3d(90%, 0%, 0);
    transform: translate3d(90%, 0%, 0);
    opacity: 1; }
  50% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; }
  60% {
    -webkit-transform: translate3d(-10%, 0%, 0);
    transform: translate3d(-10%, 0%, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(-20%, 0%, 0);
    transform: translate3d(-20%, 0%, 0);
    opacity: 0; } }

@-webkit-keyframes float {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; }
  25% {
    -webkit-transform: translate3d(2%, 0%, 0);
    transform: translate3d(2%, 0%, 0);
    opacity: 0.8; }
  50% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; }
  75% {
    -webkit-transform: translate3d(2%, 0%, 0);
    transform: translate3d(2%, 0%, 0);
    opacity: 0.8; }
  100% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; } }

@-moz-keyframes float {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; }
  25% {
    -webkit-transform: translate3d(2%, 0%, 0);
    transform: translate3d(2%, 0%, 0);
    opacity: 0.8; }
  50% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; }
  75% {
    -webkit-transform: translate3d(2%, 0%, 0);
    transform: translate3d(2%, 0%, 0);
    opacity: 0.8; }
  100% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; } }

@keyframes float {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; }
  25% {
    -webkit-transform: translate3d(2%, 0%, 0);
    transform: translate3d(2%, 0%, 0);
    opacity: 0.8; }
  50% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; }
  75% {
    -webkit-transform: translate3d(2%, 0%, 0);
    transform: translate3d(2%, 0%, 0);
    opacity: 0.8; }
  100% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; } }

@-webkit-keyframes float02 {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; }
  25% {
    -webkit-transform: translate3d(0%, 0.5%, 0);
    transform: translate3d(0%, 0.5%, 0);
    opacity: 1; }
  50% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; }
  75% {
    -webkit-transform: translate3d(0%, 0.5%, 0);
    transform: translate3d(0%, 0.5%, 0);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; } }

@-moz-keyframes float02 {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; }
  25% {
    -webkit-transform: translate3d(0%, 0.5%, 0);
    transform: translate3d(0%, 0.5%, 0);
    opacity: 1; }
  50% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; }
  75% {
    -webkit-transform: translate3d(0%, 0.5%, 0);
    transform: translate3d(0%, 0.5%, 0);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; } }

@keyframes float02 {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; }
  25% {
    -webkit-transform: translate3d(0%, 0.5%, 0);
    transform: translate3d(0%, 0.5%, 0);
    opacity: 1; }
  50% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; }
  75% {
    -webkit-transform: translate3d(0%, 0.5%, 0);
    transform: translate3d(0%, 0.5%, 0);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1; } }

@-webkit-keyframes fireworks {
  0% {
    -webkit-transform: translate3d(0%, 15%, 0) scale(0.9);
    transform: translate3d(0%, 15%, 0) scale(0.9);
    opacity: 0;
    transition-timing-function: ease-in; }
  15% {
    -webkit-transform: translate3d(0%, 0%, 0) scale(1);
    transform: translate3d(0%, 0%, 0) scale(1);
    opacity: 1;
    transition-timing-function: ease-in; }
  40% {
    -webkit-transform: translate3d(0%, -5%, 0) scale(1.2);
    transform: translate3d(0%, -5%, 0) scale(1.2);
    opacity: 0;
    transition-timing-function: ease-out; }
  100% {
    -webkit-transform: translate3d(0%, 0%, 0) scale(1.2);
    transform: translate3d(0%, 0%, 0) scale(1.2);
    opacity: 0; } }

@-moz-keyframes fireworks {
  0% {
    -webkit-transform: translate3d(0%, 15%, 0) scale(0.9);
    transform: translate3d(0%, 15%, 0) scale(0.9);
    opacity: 0;
    transition-timing-function: ease-in; }
  15% {
    -webkit-transform: translate3d(0%, 0%, 0) scale(1);
    transform: translate3d(0%, 0%, 0) scale(1);
    opacity: 1;
    transition-timing-function: ease-in; }
  40% {
    -webkit-transform: translate3d(0%, -5%, 0) scale(1.2);
    transform: translate3d(0%, -5%, 0) scale(1.2);
    opacity: 0;
    transition-timing-function: ease-out; }
  100% {
    -webkit-transform: translate3d(0%, 0%, 0) scale(1.2);
    transform: translate3d(0%, 0%, 0) scale(1.2);
    opacity: 0; } }

@keyframes fireworks {
  0% {
    -webkit-transform: translate3d(0%, 15%, 0) scale(0.9);
    transform: translate3d(0%, 15%, 0) scale(0.9);
    opacity: 0;
    transition-timing-function: ease-in; }
  15% {
    -webkit-transform: translate3d(0%, 0%, 0) scale(1);
    transform: translate3d(0%, 0%, 0) scale(1);
    opacity: 1;
    transition-timing-function: ease-in; }
  40% {
    -webkit-transform: translate3d(0%, -5%, 0) scale(1.2);
    transform: translate3d(0%, -5%, 0) scale(1.2);
    opacity: 0;
    transition-timing-function: ease-out; }
  100% {
    -webkit-transform: translate3d(0%, 0%, 0) scale(1.2);
    transform: translate3d(0%, 0%, 0) scale(1.2);
    opacity: 0; } }

.os_mac #main.active .list_island li.island#island_hoshinoya,
.notie #main.active .list_island li.island#island_hoshinoya {
  ;-webkit-animation: float02 6s linear 0s infinite;
  -moz-animation: float02 6s linear 0s infinite;
  animation: float02 6s linear 0s infinite; }

.os_mac #main.active .list_island li.island#island_resonare,
.notie #main.active .list_island li.island#island_resonare {
  ;-webkit-animation: float02 6s linear 0.5s infinite;
  -moz-animation: float02 6s linear 0.5s infinite;
  animation: float02 6s linear 0.5s infinite; }

.os_mac #main.active .list_island li.island#island_kai,
.notie #main.active .list_island li.island#island_kai {
  ;-webkit-animation: float02 6s linear 0.7s infinite;
  -moz-animation: float02 6s linear 0.7s infinite;
  animation: float02 6s linear 0.7s infinite; }

.os_mac #main.active .list_island li.island#island_daytrip,
.notie #main.active .list_island li.island#island_daytrip {
  ;-webkit-animation: float02 6s linear 0.4s infinite;
  -moz-animation: float02 6s linear 0.4s infinite;
  animation: float02 6s linear 0.4s infinite; }

.os_mac #main.active .list_island li.island#island_omo,
.notie #main.active .list_island li.island#island_omo {
  ;-webkit-animation: float02 6s linear 0.2s infinite;
  -moz-animation: float02 6s linear 0.2s infinite;
  animation: float02 6s linear 0.2s infinite; }

.os_mac #main.active .list_island li.island#island_other,
.notie #main.active .list_island li.island#island_other {
  ;-webkit-animation: float02 6s linear 0.8s infinite;
  -moz-animation: float02 6s linear 0.8s infinite;
  animation: float02 6s linear 0.8s infinite; }

#main.active .list_island li.island#island_hoshinoya p.img_island {
  opacity: 0;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: opacity 0.6s ease 0s, transform 0.5s linear 0s;
  transition: opacity 0.6s ease 0s, transform 0.5s linear 0s; }

#main.active .list_island li.island#island_hoshinoya .airplane {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  opacity: 0; }

#main.active .list_island li.island#island_hoshinoya p.img_cloud {
  ;-webkit-animation: float 10s ease-in-out 0s infinite;
  -moz-animation: float 10s ease-in-out 0s infinite;
  animation: float 10s ease-in-out 0s infinite; }

#main.active .list_island li.island#island_hoshinoya.animate p.img_island {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

#main.active .list_island li.island#island_hoshinoya.animate .airplane {
  ;-webkit-animation: plane 20s linear 0s infinite;
  -moz-animation: plane 20s linear 0s infinite;
  animation: plane 20s linear 0s infinite; }

#main.active .list_island li.island#island_hoshinoya.animate .name_category {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transition-delay: 1s;
  -moz-transition-delay: 1s;
  -webkit-transition-delay: 1s; }

#main.active .list_island li.island#island_resonare p.img_firework0 {
  ;-webkit-animation: fireworks 5s ease 0s infinite;
  -moz-animation: fireworks 5s ease 0s infinite;
  animation: fireworks 5s ease 0s infinite; }

#main.active .list_island li.island#island_resonare p.img_firework1 {
  ;-webkit-animation: fireworks 5s ease 0.15s infinite;
  -moz-animation: fireworks 5s ease 0.15s infinite;
  animation: fireworks 5s ease 0.15s infinite; }

#main.active .list_island li.island.pause .waves .w {
  animation-play-state: paused; }

#main.active .list_island li.island.pause#island_hoshinoya {
  animation-play-state: paused; }
  #main.active .list_island li.island.pause#island_hoshinoya .airplane,
  #main.active .list_island li.island.pause#island_hoshinoya p.img_cloud {
    animation-play-state: paused; }
  #main.active .list_island li.island.pause#island_hoshinoya .waves .w {
    animation-play-state: paused; }

#main.active .list_island li.island.pause#island_resonare {
  animation-play-state: paused; }
  #main.active .list_island li.island.pause#island_resonare p.img_firework0,
  #main.active .list_island li.island.pause#island_resonare p.img_firework1 {
    animation-play-state: paused; }
  #main.active .list_island li.island.pause#island_resonare .waves .w {
    animation-play-state: paused; }

#main.active .list_island li.island.pause#island_kai {
  animation-play-state: paused; }
  #main.active .list_island li.island.pause#island_kai .waves .w {
    animation-play-state: paused; }

#main.active .list_island li.island.pause#island_daytrip {
  animation-play-state: paused; }
  #main.active .list_island li.island.pause#island_daytrip .waves .w {
    animation-play-state: paused; }

#main.active .list_island li.island.pause#island_omo {
  animation-play-state: paused; }
  #main.active .list_island li.island.pause#island_omo .waves .w {
    animation-play-state: paused; }

#main.active .list_island li.island.pause#island_other {
  animation-play-state: paused; }
  #main.active .list_island li.island.pause#island_other .waves .w {
    animation-play-state: paused; }

/* Small Devices, Tablets */
/* PC */
@media all and (min-width: 864px) {
  #main .list_island li.island#island_hoshinoya.animate .airplane {
    ;-webkit-animation: planePC 20s linear 0s infinite;
    -moz-animation: planePC 20s linear 0s infinite;
    animation: planePC 20s linear 0s infinite; }
  #main .list_island li.island.pause#island_hoshinoya .airplane,
  #main .list_island li.island.pause#island_hoshinoya p.img_cloud,
  #main .list_island li.island.pause#island_hoshinoya p.img_island {
    animation-play-state: paused; } }