@charset "utf-8";
/* CSS Document */

/*===============================================
●For Desktop Min Width 769px
===============================================*/

#snow {
	background-size:100% auto;
	padding: 0;
}

header img#ttl_img {
  position: absolute;
  top: 140px;
  left: 50%;
  width: 40%;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  z-index: 99;
}

.slideshow {
  position: absolute;
  width: 100vw;
  height: 50vh;
  overflow: hidden;
  box-shadow: 0px 0px 40px -5px rgba(0, 0, 0, 0.8);
}

.slideshow-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 50%;
  background-size: cover;
  -webkit-animation-name: kenburns;
          animation-name: kenburns;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  opacity: 1;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.slideshow-image:nth-child(1) {
  -webkit-animation-name: kenburns-1;
          animation-name: kenburns-1;
  z-index: 4;
}
.slideshow-image:nth-child(2) {
  -webkit-animation-name: kenburns-2;
          animation-name: kenburns-2;
  z-index: 3;
}
.slideshow-image:nth-child(3) {
  -webkit-animation-name: kenburns-3;
          animation-name: kenburns-3;
  z-index: 2;
}
.slideshow-image:nth-child(4) {
  -webkit-animation-name: kenburns-4;
          animation-name: kenburns-4;
  z-index: 1;
}
.slideshow-image:nth-child(5) {
  -webkit-animation-name: kenburns-5;
          animation-name: kenburns-5;
  z-index: 0;
}

@-webkit-keyframes kenburns-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  1.5625% {
    opacity: 1;
  }
  23.4375% {
    opacity: 1;
  }
  26.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  98.4375% {
    opacity: 0;
    -webkit-transform: scale(1.051176);
            transform: scale(1.051176);
  }
  100% {
    opacity: 1;
  }
}

@keyframes kenburns-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  1.5625% {
    opacity: 1;
  }
  23.4375% {
    opacity: 1;
  }
  26.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  98.4375% {
    opacity: 0;
    -webkit-transform: scale(1.051176);
            transform: scale(1.051176);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes kenburns-2 {
  23.4375% {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  26.5625% {
    opacity: 1;
  }
  48.4375% {
    opacity: 1;
  }
  51.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@keyframes kenburns-2 {
  23.4375% {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  26.5625% {
    opacity: 1;
  }
  48.4375% {
    opacity: 1;
  }
  51.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@-webkit-keyframes kenburns-3 {
  48.4375% {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  51.5625% {
    opacity: 1;
  }
  73.4375% {
    opacity: 1;
  }
  76.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@keyframes kenburns-3 {
  48.4375% {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  51.5625% {
    opacity: 1;
  }
  73.4375% {
    opacity: 1;
  }
  76.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@-webkit-keyframes kenburns-4 {
  73.4375% {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  76.5625% {
    opacity: 1;
  }
  98.4375% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes kenburns-4 {
  73.4375% {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  76.5625% {
    opacity: 1;
  }
  98.4375% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes kenburns-5 {
  73.4375% {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  76.5625% {
    opacity: 1;
  }
  98.4375% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes kenburns-5 {
  73.4375% {
    opacity: 1;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  76.5625% {
    opacity: 1;
  }
  98.4375% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

#tour {
	padding-top: 53vh;
}

.content_block {
	margin: 0 auto;
	max-width: 1240px;
	width: 100%;
}

.tour_block {
	float: left;
	width: 23%;
	margin: 0 1% 2.5% 1%;
}

.tour_block3 {
	float: left;
	width: 31%;
	margin: 0 1% 2.5% 1%;
}


.img_tour {
	width: 100%;
	margin: 0;
	vertical-align: bottom;
}

.map_block {
	display: table;
	width: 100%;
	height: 70%;
	background-size: cover;
	background: url('images/img_map_bg.jpg') no-repeat;
}

.bottom_block {
	padding: 10px 15px;
	background: #f6f6f6;
}

.bottom_block a {
	text-decoration: none;
}

.bottom_block h2 {
	font-size: 1.2em;
	color: #717171;
}

.bottom_block p {
	padding: 0 0 10px 0;
	color: #717171;
}

.bottom_block .schedule {
	color: #5874b6;
	font-size: 1em;	
}

.bottom_block .price {
	color: #5874b6;
	padding: 5px 35px 5px 0;
	text-align: right;
	font-size: 1.2em;
	font-weight: bolder;
	background: url(images/icn_arrow.svg) right no-repeat;
	background-size: 30px;
}

.bottom_block .price span {
	font-size: 1.4em;
}

#tour01 a:hover .st21 {fill: #fc6612;}	
#tour02 a:hover .st16 {fill: #fc6612;}	
#tour03 a:hover .st16 {fill: #fc6612;}	
#tour04 a:hover .st16 {fill: #fc6612;}

#tour04 .circle_arrow {fill: #FFC30D;}
#tour04 a:hover .circle_arrow {fill: #fc6612;}

.map_block svg a:hover {
	text-decoration: none;
}

.clear {
	clear: both;
}

/*===============================================
●For Tablet Max Width 730px
===============================================*/
@media screen and (max-width: 730px){

header img#ttl_img {
  width: 70%;
  top: 95px;
}

.slideshow {
  height: 40vh;
}

#tour {
	padding-top: 43vh;
}

}

/*===============================================
●For Mobile Max Width 680px
===============================================*/
@media screen and (max-width:680px){
header img#ttl_img {
  width: 40%;
}

.tour_block {
	float: left;
	width: 48%;
	margin: 0 1% 2.5% 1%;
}

}

/*===============================================
●For Mobile Max Width 567px
===============================================*/
@media screen and (max-width:567px){
header img#ttl_img {
  width: 80%;
}

.slideshow {
  height: 30vh;
}

#tour {
	padding-top: 33vh;
}

.tour_block {
	float: none;
	width: 95%;
	margin: 0 2.5% 2.5% 2.5%;
}

}