@charset "UTF-8";
  .btn-now {
    color: #fff;
     background-color: #0080cc; 
  }
  .loading {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: fixed;
      background: rgba(255,255,255,0.7);
      z-index: 100;
  }
  .loading div {
    position: absolute;
    width: 100px;
    height: 130px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
  }
  .loading div img {
    width: 63px;
  }
  .is-hide{
     display:none; 
   }
  .btn-themes > div:first-child {
     margin-left: 0 !important;
  }
  .btn-themes > div:nth-child(5n) {
     margin-left: 0 !important;
  }
  .btn-island > div:first-child {
     margin-left: 0 !important;
  }
  .btn-island > div:nth-child(5n + 1) {
     margin-left: 0 !important;
  }
  .blog-detail img {
    width: 100%;
    width: auto;
    max-width: 100%;
    height: auto;
  }
	.archive-list li {
		border-bottom: 1px solid #0080cc;
		margin-bottom: 5px;
      padding-bottom: 5px;
	}
	.archive-list li a {
	 font-size: 1.3em;
    display: inline-block;
	}
.tours-tag {
  margin-top: 20%;
}
.tours-tag li {
  width: 30.83333%;
  margin-bottom: 10px;
}
.tours-tag li:first-child,
.tours-tag li:nth-child(4),
.tours-tag li:nth-child(7),
.tours-tag li:nth-child(10) {
	margin-left: 0 !important;
}
.newtours > div:first-child,
.newtours > div:nth-child(4) {
	margin-left: 0 !important;
}
.tour-first > div {
	/*
  margin-top : -15%;
  padding-top : 15%;
	*/
}
.wrap-islandtag {
	z-index: 99;
}
.frame8.typeC.bd {
  border: solid 1px #e3aa54;
}
.tour-first .push4,
#dispEnv .push4 {
	z-index: 10;
}
.tour-first .inner2:last-child,
#dispEnv .inner2:last-child {
	margin-bottom: 0;
}

/* ツアー詳細 */
.tours-detail {	display: flex; justify-content: center; align-items: center; width: 100%; height: 4rem; margin-top: 0.4rem; cursor: pointer; }
.tours-detail:hover { background-color: #eaf7f9; transition: .3s  ease-out; }
.tours-detail span.arrow::after { content: ''; display: inline-block; width: 10px; height: 10px; border-top: solid 3px #0080cc; border-right: solid 3px #0080cc; transform: rotate(135deg); transition: .3s ease-out; }
.tours-detail.on span.arrow::after { content: ''; display: inline-block; width: 10px; height: 10px; border-top: solid 3px #0080cc; border-right: solid 3px #0080cc; transform: rotate(-45deg); transition: .3s ease-out; }
.detail-hide { display: none; }
@media screen and (max-width: 768px) {
.tours-detail:hover { background-color: #fff; }
}

  @media screen and (max-width: 768px) {
  .btn-themes > div:nth-child(3n + 1) {
    margin-left: 0 !important;
  }
  .btn-themes > div:nth-child(5n) {
    margin-left: 3.75% !important;
  }
  .btn-island > div:nth-child(6n) {
    margin-left: 3.75% !important;
  }
  .btn-island > div:nth-child(3n + 1) {
    margin-left: 0 !important;
  }
  }
  @media screen and (max-width: 600px) {
  .btn-themes > div:nth-child(3n + 1) {
    margin-left: 3.75% !important;
  }
  .btn-themes > div:nth-child(odd) {
     margin-left: 0 !important;
  }
  .btn-island > div:nth-child(3n + 1) {
    margin-left: 3.75% !important;
  }
  .btn-island > div:nth-child(odd) {
     margin-left: 0 !important;
  }
.tours-tag {
  margin-top: 0;
}
.newtours > div:first-child,
.newtours > div:nth-child(3),
.newtours > div:nth-child(5) {
	margin-left: 0 !important;
}
.newtours > div:nth-child(4) {
    margin-left: 3.75% !important;
}
.tour-first > div {
  margin-top : -18%;
  padding-top : 18%;
}
}