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

*{ text-indent:0;}
h2.main_ttl{ text-align:center; font-size:32px; display:inline-block; position:relative; font-weight:bold; padding:0 0 0.4em; margin:30px auto 40px;text-indent: 0;letter-spacing: 0.01em;}
h2.main_ttl::after{ content:""; width:60%; height:2px; background:#323232; position:absolute; bottom:-0;left:0; right:0; margin:auto;}

h3.ttl{ font-size:26px; margin:70px auto 0; box-sizing:border-box; padding:0 0.5em 0.3em; font-weight:900; border-bottom:2px solid;	max-width:982px;	width:100%; text-align:left; line-height: 1.4em;}
h3.ttl span{ font-size:16px; display:block; line-height:1.8; margin:0.5em auto;}

p.text{nt-size:18px; margin:1em auto 2em;;max-width:982px;	width:100%; text-align:left; line-height: 1.6em;}
.slick-slide img {display: block;width: 100%;margin: auto;}


.on_off{max-width: 982px;width: 100%;margin:0px auto;text-align: center;font-size: 20px;}
.on_off li{display: inline-block;list-style: none;padding: 0 0.2em 0.2em;margin: 0 0.5em; cursor:pointer; opacity:0.5;}
.on_off li.on{border-bottom: 2px solid; opacity:1;display: inline-block;}

.on_off_cont{ display:none;}
.on_off_cont.on{ display:block;}

.text_wrap .num{ display:none;}

.gymkhana_5 .slick-track{transform: none !important;}

@media screen and (min-width: 769px) {
.slide-wrap{ width:768px; margin:2em auto 0; position:relative;}
.slide-wrap .slide{ width:600px; display:inline-block; margin-right:8px; vertical-align:top;}
.slide-wrap .slide-navigation{ width:160px; display:inline-block;  vertical-align:top;}

.slide-wrap .slide-navigation li img{
-webkit-transition-property:transform;-ms-transition-property:transform;transition-property:transform;
-webkit-transition-duration:0.2s;-ms-transition-duration:0.2s;transition-duration:0.2s;
}
.slide-wrap .slide-navigation li img{webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);}
.slide-wrap .slide-navigation .slick-active li img{-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);}
.slide-wrap .slide-navigation .slick-current li img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.slide.slide_text{ font-size:18px; width:94%; margin:1em auto 2em; text-align:center;}
.slide.slide_text li{text-align:left; display:inline-block; line-height:1.5;}

.slide-wrap .slick-next  {top:auto;bottom:0;left: 0;right: 0;margin: auto;width: 40px;height: 40px;
-webkit-transform: rotateZ(90deg);-ms-transform: rotateZ(90deg);transform: rotateZ(90deg);}
.slide-wrap .slick-prev{top: 0;bottom:auto;left: 0;right: 0;margin: auto;width: 40px;height: 40px;
-webkit-transform: rotateZ(90deg);-ms-transform: rotateZ(90deg);transform: rotateZ(90deg);}
.slide-wrap .slick-next::before,.slide-wrap .slick-prev::before{ font-size:40px;}

}
@media screen and (max-width: 768px) {
.slide-navigation .slick-slide li{ position:relative;}
.slide-navigation .slick-slide li::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.5;
  background: #000;
}
.slide-navigation .slick-current li::after {
  opacity: 0;
}
}

/* slide-box */
.slide-box .text{ width:100%;box-sizing:border-box; padding:1em; margin:auto; font-size:16px; line-height:1.7;border-bottom: 1px solid;padding-bottom: 35px; margin-bottom:60px; text-align:left;}
.slide-box .text.none{ border-bottom:none;}

table{    border-collapse: initial;    border-spacing: 10px;}

#google_translate_element{
  margin: 20px auto;
  text-align:center;}
#topbanner{
	max-width:982px;
	width:100%;
  margin: 20px auto;
}
.slide-box {
	max-width:982px;
	width:100%;
  position: relative;
  margin: 0 auto;
  padding: 0;
  margin-top:60px;
}

.slide-box .slick-initialized .slick-slide{
display: inline-block;
vertical-align: middle;
float: none;
}

/* slide */

.slide {
  position: relative;
  margin: 0;
  padding: 0;
}

.slide .item {
  position: relative;
  height: 100%;
  max-width:750px;
  margin:auto;
  vertical-align: bottom;
  padding-bottom:2px;
}
.slide .item a {
  display: block;
}
.slide .item::before {
}
.slide .item .image {
  position: relative;
  overflow: hidden;
}
.slide .item img {
	max-width:100%;
	vertical-align:top;
  margin:auto;
}
.slide > .slick-list,
.slide > .slick-list > .slick-track,
.slide > .slick-list > .slick-track > .slick-slide > div {
  position: relative;
  height: 100%;
  text-align:center;
}

/* slide-navigation */

.slide-navigation {
  line-height: 0;
  position: relative;
  margin: 0;
  padding: 0;
}
.slide-navigation .item {
  position: relative;
  cursor: pointer;
}
.slide-navigation .item .image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor:pointer
}
.slide-navigation .item .image::before {
  display: block;
  padding-top: 35%;
  content: "";
}
.slide-navigation .item .image::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.5;
  background: #000;
}
.slide-navigation .slick-current .image::after {
  opacity: 0;
}
.slide-navigation .item .image {
  position: relative;
  overflow: hidden;
}
.slide-navigation .item .image img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .slide-navigation {
    width: 100%;
  }
  .slide-navigation .item .image::before {
    padding-top: 50%;
  }
}

/* slick */

.slick-vertical .slick-slide {
  border: 0 solid transparent;
}
.slick-arrow {
  z-index: 999;
}
.slick-prev {
  top: 25px;
  bottom: 0;
  left: 20px;
  right: auto;
  margin: auto;
}
.slick-next {
  top: 25px;
  bottom: 0;
  left: auto;
  right: 20px;
  margin: auto;
}



@media all and (max-width: 750px) {}