@charset "UTF-8";

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
/*  -ms-touch-action: pan-y;
      touch-action: pan-y;*/
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  margin:0;
  padding:0 !important;
  overflow:visible;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: auto !important;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position:absolute;
  top:50%;
  display:block;
  width:62px;
  height:62px;
  padding:0;
  transform: translate(0, -50%) rotateY(180deg);
  cursor: pointer;
  color: transparent;
  border:0;
  background:url(../images/slide_arrow.png) no-repeat 0 0;
	background-size:100% auto;
  z-index:3;
  opacity:1;
  transition:ease .3s;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev {
  left:-470px;
}
[dir='rtl'] .slick-prev {
  right:-450px;
  left: auto;
}
.slick-next {
  right:-450px;
	transform: translate(0, -50%);
}
[dir='rtl'] .slick-next {
  right: auto;
  left:-470px;
}
.slick-next:before {
  content: '→';
}
[dir='rtl'] .slick-next:before {
  content: '←';
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  visibility:hidden;
}

/* Dots */
.slick-dots {
  position: absolute;
  bottom:4px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style:none;
  text-align:center;
  z-index:5;
}
.slick-dots li {
  position:relative;
  display:inline-block;
	width:12px;
  height:12px;
  margin:0 6px;
  padding:0;
  cursor:pointer;
}
.slick-dots li button {
  font-size:0;
  line-height:0;
  display:block;
  width:12px;
  height:12px;
  padding:0;
  cursor:pointer;
  color:transparent;
  border:solid 1px #4792d5;
  border-radius:50%;
  background:#fff;
  box-sizing:border-box;
}
.slick-dots li.slick-active button {
  background:#4792d5;
}

/* button */
#details_restaurants .button a,
#top_play .button a,
#top_know .buttons .button a,
#top_access .text .button a {
	color:#fff;
	font-size:16px;
	font-weight:700;
	line-height:1;
  letter-spacing:.05em;
	width:100%;
	height:80px;
	padding:0 0 0 30px;
	display:flex;
	align-items: center;
	position: relative;
	background:#da6634;
	border:solid 2px #da6634;
	border-radius:10px;
	overflow:hidden;
	transition:ease .3s;
}
.button a[inert] {
  color:#fff !important;
  background:#ababab !important;
  border:solid 1px #ababab !important;
}
#top_access .text .button a {
  padding:0 0 0 20px;
}
#details_restaurants .button a .arrow,
#top_play .button a .arrow,
#top_know .buttons .button a .arrow,
#top_access .text .button a .arrow {
	position:relative;
	z-index:1;
}
#top_play .button a,
#top_know .buttons .button a {
  color:#373737;
	background:#fff;
	border:solid 2px #fff;
}
#top_play .button a {
  border:solid 1px #373737;
}
#details_restaurants .button a::before,
#top_play .button a::before,
#top_know .buttons .button a::before,
#top_access .access_link a::before,
#top_access .text .button a::before {
	content:"";
	width:32px;
	height:32px;
	background:url(../img/common/ico_btn_arrow_w.svg) no-repeat 0 0;
	background-size:100% auto;
	position:absolute;
	top:50%;
	right:30px;
	transform: translateY(-50%);
	z-index:1;
	transition:ease .3s;
}
#top_access .text .button a::before {
  right:20px;
}
#top_play .button a::before,
#top_know .buttons .button a::before {
  background:url(../img/common/ico_btn_arrow.svg) no-repeat 0 0;
	background-size:100% auto;
}

#kv {
  position: relative;
}
#kv .kv_slide_pause {
	width:25px;
	height:25px;
	position: absolute;
  z-index:3;
	top:50px;
	right:50px;
	cursor:pointer;
	transition:ease .3s;
}
#kv .slick-next,
#kv .slick-prev {
	width:25px;
  height:25px;
	background:url(../img/common/btn_next.png) no-repeat 0 0;
	background-size:100% auto;
  left:auto;
	right:85px;
  top:50px;
  transform: translate(0, 0);
	transition:ease .3s;
}
#kv .slick-prev {
	transform: translate(0, 0) rotateY(180deg);
  right:120px;
}
.ticket_menu {
  text-align:center;
  width:17.64vw;
  padding:1.76vw 1.17vw 1.47vw;
  position: absolute;
  z-index:3;
  bottom:50px;
  right:50px;
  background:rgba(255,255,255,.8);
  border-radius:10px;
}
.ticket_menu h2 {
	color:#373737;
	font-size:.82vw;
	font-weight:700;
	line-height:1;
	letter-spacing:.05em;
	text-align:center;
  padding:0;
  cursor:pointer;
  transition:ease .3s;
}
.ticket_menu h2.off {
  pointer-events:none;
  cursor:default;
  padding:0 0 1.76vw;
}
.ticket_menu h2 .st {
	font-size:1.52vw;
	font-weight:900;
	margin:.7vw 0 0;
	display:block;
}
.ticket_menu ul {
  display:none;
}
.ticket_menu ul li {
	margin:0 0 1.11vw;
}
.ticket_menu ul li a {
  display: block;
  transition: ease .3s;
}
#ticket_menu_close {
  color:#373737;
	font-family:roboto-condensed, sans-serif;
	font-size:1.41vw;
	font-weight:700;
	line-height:1;
	padding:0 1.64vw 0 0;
	margin:0 auto;
	position:relative;
	background:url(../img/common/ico_close.svg) no-repeat right 0 center;
	background-size:1.05vw auto;
  display: block;
  cursor:pointer;
  transition: ease .3s;
  display:none;
}

.condition_news {
  background:#373737;
  margin:-1px 0 0;
}
.condition_news .inner {
  width:100%;
  max-width:1580px;
  height:60px;
  margin:0 auto;
  padding:0 40px;
  display:flex;
  align-items: center;
}
.condition_news h2 {
  color:#fff;
  font-family:roboto-condensed, sans-serif;
	font-size:20px;
	font-weight:700;
	line-height:1;
  padding:6px 0 4px 52px;
  margin:0 50px 0 0;
  background:url(../img/top/ico_condition.svg) no-repeat 0 0;
  background-size:46px auto;
  white-space: nowrap;
}
.condition_news ul li a {
  display:flex;
}
.condition_news ul li a h3 {
  color:#fff;
  font-size:16px;
  font-weight:700;
  line-height:1.16;
  margin:0 18px 0 0;
  white-space: nowrap;
}
.condition_news ul li a p {
  color:#fff;
  font-size:14px;
  line-height:1.33;
}
.condition_news_text {
  display: none;
}
.condition_info .inner {
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:50px 40px 45px;
  display:flex;
  align-items: center;
  justify-content: center;
}
.condition_info .w_item {
  display: flex;
  align-items: center;
}
.condition_info .weather {
  padding:0 40px 0 0;
}
.condition_info .weather h3 {
  font-size:18px;
  font-weight:700;
  letter-spacing:.1em;
  text-align:center;
  margin:0 0 14px;
}
.condition_info .weather .weather-icon {
  text-align:center;
}
.condition_info .weather .weather-icon img {
  width:auto;
  height:60px;
  display: inline-block;
}
.condition_info .w_info .itemcol {
  display: flex;
  align-items: flex-end;
}
.condition_info .w_info .itemcol + .itemcol {
  margin-top:20px;
}
.condition_info .w_info .itemcol h3 {
  font-size:14px;
  font-weight:700;
  letter-spacing:.1em;
  line-height:1.33;
  text-align:center;
  width:3.5em;
  white-space:nowrap;
  margin:0 13px 0 0;
}
.condition_info .w_info .itemcol:nth-child(1) h3 {
  position:relative;
  top:.5em;
}
.condition_info .w_info .itemcol p {
  font-size:14px;
  font-weight:700;
  line-height:1;
  letter-spacing:.1em;
}
.condition_info .w_info .itemcol p .item_temp {
  font-size:24px;
  font-weight:900;
  line-height:1;
}
.condition_info .w_info .itemcol p.quality .item_temp {
  font-size:20px;
}
.w_links .cols {
  display:flex;
  padding:0 0 0 30px;
}
.w_links .cols li {
  margin:0 0 0 30px;
}
.w_links .cols li a {
  color:#fff;
  font-size:16px;
  font-weight:700;
  line-height:1;
  letter-spacing:.1em;
  text-align: center;
  width:150px;
  height:120px;
  padding:80px 0 0;
  background:#373737;
  border:solid 2px #373737;
  border-radius:10px;
  display: block;
  position: relative;
  z-index:1;
  overflow: hidden;
  transition:ease .3s;
}
.w_links .cols li a .icon {
  position: absolute;
  left:50%;
  transform: translateX(-50%);
  z-index:1;
  transition:ease .3s;
}
.w_links .cols li a .icon img {
  transition:ease .3s;
}
.bt_course .icon {
  width:41px;
  top:29px;
}
.bt_camera .icon {
  width:40px;
  top:29px;
}
.bt_weather .icon {
  width:37px;
  top:24px;
}

#top_info {
  margin-top:-1px;
	background:#373737;
}
#top_info .inner {
	max-width:1380px;
	padding:100px 90px;
	overflow: visible;
}
.infoarea {
	display: flex;
	opacity:0;
	animation:ease .6s forwards classinFade;
	animation-delay:.5s;
  position:relative;
}
@keyframes classinFade {
  0% {
    opacity:0;
	}
  100% {
    opacity:1;
	}
}
.infoarea .title {
	width:410px;
	position:relative;
	z-index:2;
	background:#373737;
}
.infoarea .title::before {
	content:"";
	width:100vw;
	height:100%;
	background:#373737;
	position:absolute;
	left:0;
	transform:translateX(-100%);
}
.infoarea .topinfo_slide {
	width:780px;
	margin-left:10px;
}
.infoarea .title h2 {
	color:#fff;
	font-family:roboto-condensed, sans-serif;
	font-size:60px;
	font-weight:700;
	line-height:1;
}
.infoarea .title h3 {
	color:#fff;
	font-size:14px;
	font-weight:700;
	line-height:1;
	letter-spacing:.1em;
	margin:20px 0 0;
}
.infoarea .btn {
	margin:60px 0 0;
}
.infoarea .btn a {
	color:#373737;
	font-size:16px;
	font-weight:500;
	line-height:1;
	letter-spacing:.1em;
	width:210px;
	height:60px;
	padding:0 0 0 20px;
	display:flex;
	align-items: center;
	position: relative;
	background:#fff;
	overflow:hidden;
	border:solid 2px #fff;
	border-radius:10px;
	transition:ease .3s;
}
.infoarea .btn a .arrow {
	position: relative;
	z-index: 1;
}
.infoarea .btn a::before {
	content:"";
	width:32px;
	height:32px;
	background:url(../img/common/ico_btn_arrow.svg) no-repeat 0 0;
	background-size:100% auto;
	position:absolute;
	top:50%;
	right:20px;
	transform: translateY(-50%);
	transition:ease .3s;
	z-index:1;
}

.topinfo_slide .slick-list {
  width:1260px !important;
}
.topinfo_slide .slick-slide {
	width:360px !important;
	max-width:360px;
	margin-right:60px;
	z-index:1;
}
.topinfo_slide .item a {
	padding:10px 10px 20px;
	display:block;
	background:#fff;
	border-radius:10px;
  position: relative;
}
.topinfo_slide .item a .image {
	position: relative;
	overflow: hidden;
}
.topinfo_slide .item a .image img {
	transition:ease .3s;
}
.topinfo_slide .item .date {
	display:flex;
	align-items: center;
	margin:20px 20px 12px;
}
.topinfo_slide .item .date h4 {
	font-size:12px;
	line-height:1;
	padding:3px 8px 4px;
	background:#fff;
	box-shadow:0 0 18px 0 rgba(0, 0, 0, 0.1);
}
.topinfo_slide .item p {
	font-size:15px;
	line-height:1.4;
	letter-spacing:.05em;
	margin:0 20px;
}
.topinfo_slide .item .date p {
	font-size:14px;
	line-height:1;
	margin:0 0 0 10px;
}
.topinfo_slide .item .pickup {
	width:76px;
	position: absolute;
	top:18px;
	left:-10px;
}
.infoarea .slick_pause {
	width:25px;
	height:25px;
	position: absolute;
	bottom:0;
  left:315px;
  z-index:3;
	cursor:pointer;
	transition:ease .3s;
}
.topinfo_slide .slick-next,
.topinfo_slide .slick-prev {
	width:25px;
  height:25px;
	background:url(../img/common/btn_next.png) no-repeat 0 0;
	background-size:100% auto;
	left:-140px;
  top:auto;
  bottom:0;
  transform: translate(0, 0);
	transition:ease .3s;
}
.topinfo_slide .slick-prev {
	transform: translate(0, 0) rotateY(180deg);
	left:-175px;
}
.info_sns {
	padding:25px 30px;
	margin:100px 0 0;
	background:#fff;
	border-radius:10px;
	display: flex;
	align-items: center;
}
.info_sns h2 {
	color:#373737;
	font-family:roboto-condensed, sans-serif;
	font-size:40px;
	font-weight:700;
	line-height:1;
	margin:0 60px 0 0;
}
.info_sns ul {
	display: flex;
	justify-content: center;
}
.info_sns ul li {
	font-size:14px;
	font-weight:500;
	line-height:1;
	padding:0 20px 0 0;
}
.info_sns ul li a {
	display: flex;
	align-items: center;
	transition:ease .3s;
}
.info_sns ul li a p {
	font-size:14px;
}
.info_sns ul li i {
	font-size:20px;
	line-height:1;
	margin-right:5px;
}

#top_know {
  position: relative;
  z-index:1;
  padding:195px 0 206px;
}
.know_bg {
  position: absolute;
  top:0;
  left:0;
  z-index:0;
}
.know_bg img {
  width:100%;
  max-width:none;
}
#top_know .inner,
#top_play .inner,
#top_use .inner,
#top_access .inner {
  max-width:1380px;
  padding:0 90px;
  position: relative;
  z-index:2;
}
#top_know h2 {
  width:704px;
  margin:0 0 60px;
}
#top_know .text {
  width:850px;
}
#top_know .text h3 {
  color:#fff;
  font-size:30px;
  font-weight:700;
  line-height:1.53;
  letter-spacing:.1em;
  margin:0 0 25px;
}
#top_know .text p {
  color:#fff;
  font-size:18px;
  font-weight:600;
  line-height:2;
  letter-spacing:.1em;
  margin:0;
}
#top_know .text p + p {
  margin-top:45px;
}
#top_know .buttons {
  width:350px;
}
#top_know .buttons .button {
  margin:0 0 60px;
}
#top_know .buttons .button a {

}

#top_play {
  position: relative;
  z-index:2;
}
#top_play h2 {
  width:1002px;
  margin:0 0 75px 110px;
}
#top_play ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#top_play ul li {
  width:calc(50% - 30px);
  margin:60px 0 0;
}
#top_play ul li a {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius:150px 10px 10px 10px;
}
#top_play ul li a::before {
  content:"";
  width:90px;
  height:8px;
  display:block;
  background:#d95e29;
  position:absolute;
  top:0;
  right:0;
  z-index:3;
  transform:scaleX(0);
  transform-origin:right center;
  transition:ease .5s;
}
#top_play ul li a::after {
  content:"";
  width:96px;
  height:96px;
  display: block;
  position: absolute;
  bottom:19px;
  right:19px;
  background:url(../img/common/ico_btn_arrow_w.svg) no-repeat 0 0;
  background-size:100% auto;
  transition:ease .3s;
}
#top_play ul li a img {
  transition:ease .3s;
}
#top_play ul li a h3 {
  font-family:roboto-condensed, sans-serif;
  color:#fff;
  font-size:100px;
  font-weight:700;
  position: absolute;
  top:-.2em;
  right:0;
}
#top_play ul li a h3 .over {
  position:relative;
  z-index:1;
  mix-blend-mode:overlay;
}
#top_play ul li a h3 .on {
  position: absolute;
  top:0;
  left:0;
  opacity:.2;
  z-index:2;
}
#top_play ul li.rental a h3 .on {
  opacity:.7;
}
#top_play ul li a h4 {
  color:#fff;
  font-size:48px;
  font-weight:700;
  letter-spacing:.1em;
  position: absolute;
  bottom:18px;
  left:24px;
  transition:ease .3s;
}
#top_play .button {
  width:350px;
  margin:120px auto 0;
}

#top_use {
  position: relative;
  z-index:1;
  padding:255px 0 200px;
}
#container {
  position: relative;
}
#container::before {
  content:"";
  width:100vw;
  height:900px;
  display:block;
  background:#fff;
  background:linear-gradient(0deg, rgba(226, 226, 226, 1), rgba(244, 244, 244, 1) 16%, rgba(255, 255, 255, 1));
  position:absolute;
  bottom:0;
  left:0;
}
@media screen and (min-width:2000px) {
#container::before {
  height:440px;
}
}

#top_use h2 {
  width:997px;
  margin:0 0 60px 105px;
}
#top_use .use_tab {
  width:100%;
  display:flex;
  justify-content: space-between;
  margin:0 0 30px;
}
#top_use .use_tab button {
  color:#373737;
  font-size:24px;
  font-weight:700;
  line-height:1;
  letter-spacing:.1em;
  width:calc(50% - 30px);
  padding:15px 0;
  border-bottom:solid 3px #373737;
  transition:ease .3s;
  cursor:pointer;
}
#top_use .use_tab button.on {
  color:#d95e29;
  border-bottom:solid 3px #d95e29;
}
#top_use .details {
  height:0;
  visibility:hidden;
  opacity:0;
  transition:opacity ease .6s;
}
#top_use .details.open {
  height:auto;
  visibility:visible;
  opacity:1;
}
#top_use .details .image {
  overflow:hidden;
  border-radius:10px;
}
#top_use .details ul {
  display: flex;
  flex-wrap: wrap;
  margin:30px 0 0;
}
#top_use .details ul li {
  width:calc(25% - 45px);
  margin:30px 0 0 60px;
}
#top_use .details ul li:nth-child(4n-3) {
  margin-left:0;
}
#top_use .details ul li a {
  color:#373737;
  font-size:16px;
  font-weight:700;
  line-height:1.33;
  letter-spacing:.1em;
  width:100%;
  height:60px;
  background:#fff;
  border:solid 1px #fff;
  border-radius:30px;
  box-shadow:0 0 18px 0 rgba(0, 0, 0, 0.05);
  display:flex;
  justify-content: center;
  align-items: center;
  transition:ease .3s;
}
#details_restaurants .button {
  width:350px;
  margin:60px auto 0;
}

#top_access {
	padding:0 90px;
	position:relative;
	z-index:1;
}
#top_access h2 {
  width:689px;
  margin:0 0 50px;
}
#top_access .access_bg {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
#top_access .access_bg img {
	max-width:none;
	width:100%;
}
#top_access .twocol {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	justify-content: space-between;
}
#top_access .gmap {
	width:calc(50% - 30px);
}
#top_access .gmap iframe {
	width:100%;
	height:502px;
	display: block;
}
#top_access .text {
	width:calc(50% - 30px);
}
#top_access .access_logo {
  width:253px;
  margin:0 0 60px;
}
#top_access h3 {
	font-size:24px;
	font-weight:700;
	line-height:1;
	margin:35px 0 0;
	padding:0 0 0 56px;
}
#top_access h3.car {
	background:url(../img/common/ico_car.png) no-repeat 0 0;
	background-size:45px auto;
}
#top_access h3.train {
	background:url(../img/common/ico_train.png) no-repeat 6px 0;
	background-size:37px auto;
}
#top_access .text p {
	font-size:18px;
	line-height:1.66;
	margin:20px 0 0;
	padding:0 0 0 56px;
}
#top_access .text p + h3 {
	margin-top:60px;
}
#top_access .text p + p {
	margin-top:25px;
}
#top_access .text .button {
	width:314px;
  margin:60px 0 0;
}

#links {
	position:relative;
	z-index:1;
}
#links .inner {
	max-width:1380px;
	margin:0 auto;
	padding:100px 40px 110px;
}
#links ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding:50px;
	background:#fff;
	border-radius:10px;
	box-shadow:0 0 18px 0 rgba(0, 0, 0, 0.05);
}
#links ul li {
	width:calc(25% - 45px);
	margin:60px 0 0;
}
#links ul li:nth-child(1),
#links ul li:nth-child(2),
#links ul li:nth-child(3),
#links ul li:nth-child(4) {
	margin-top:0;
}
#links ul li a {
	display: block;
	overflow: hidden;
  border:solid 1px #eee;
}
#links ul li a img {
	transition:ease .3s;
}

/* ホバー設定 */
#details_restaurants .button a::after,
.w_links .cols li a::before,
#top_play .button a::after,
#top_know .buttons .button a::after,
#top_access .text .button a::after,
.infoarea .btn a::after {
	content:"";
	width:150%;
	height:150%;
	display: block;
	background:#fff;
	position: absolute;
	top:0;
	left:-200%;
	z-index:0;
	transition: ease .4s;
}
.w_links .cols li a::before {
  z-index:-1;
}
#kv .condition_news .bt_link::before {
	background:#d95e28;
}
#top_know .buttons .button a::after,
#top_play .button a:hover::after,
#top_play .button a:focus::after,
.infoarea .btn a::after {
	background:#373737;
}

@media screen and (max-width:1700px) {
/* Arrows */
.slick-prev,
.slick-next {
  width:3.64vw;
  height:3.64vw;
}

.slick-prev {
  left:-27.64vw;
}
[dir='rtl'] .slick-prev {
  right:-26.47vw;
  left: auto;
}
.slick-next {
  right:-26.47vw;
}
[dir='rtl'] .slick-next {
  right: auto;
  left:-27.64vw;
}
.slick-dots {
  bottom:.235vw;
}
.slick-dots li {
	width:.7vw;
  height:.7vw;
  margin:0 .35vw;
}
.slick-dots li button {
  width:.7vw;
  height:.7vw;
}

#kv .kv_slide_pause {
	width:1.47vw;
	height:1.47vw;
	top:2.94vw;
	right:2.94vw;
}
#kv .slick-next,
#kv .slick-prev {
	width:1.47vw;
  height:1.47vw;
	right:5vw;
  top:2.94vw;
}
#kv .slick-prev {
  right:7.05vw;
}
.ticket_menu {
  bottom:2.94vw;
  right:2.94vw;
  border-radius:.58vw;
}

}


@media screen and (max-width:1380px) {
#details_restaurants .button a,
#top_play .button a,
#top_know .buttons .button a,
#top_access .text .button a {
	font-size:1.15vw;
	height:5.79vw;
	padding:0 0 0 2.17vw;
	border-radius:.72vw;
}
#top_access .text .button a {
  padding:0 0 0 1.44vw;
}
#details_restaurants .button a::before,
#top_play .button a::before,
#top_know .buttons .button a::before,
#top_access .access_link a::before,
#top_access .text .button a::before {
	width:2.31vw;
	height:2.31vw;
	right:2.17vw;
}
#top_access .text .button a::before {
  right:1.44vw;
}

.condition_news .inner {
  height:4.34vw;
  padding:0 2.89vw;
}
.condition_news h2 {
	font-size:1.44vw;
  padding:.43vw 0 .28vw 3.76vw;
  margin:0 3.62vw 0 0;
  background:url(../img/top/ico_condition.svg) no-repeat 0 0;
  background-size:3.33vw auto;
}
.condition_news ul li a h3 {
  font-size:1.15vw;
  margin:0 1.3vw 0 0;
}
.condition_news ul li a p {
  font-size:1.01vw;
}
.condition_info .inner {
  max-width:86.95vw;
  padding:3.62vw 2.89vw 3.26vw;
}
.condition_info .weather {
  padding:0 2.89vw 0 0;
}
.condition_info .weather h3 {
  font-size:1.3vw;
  margin:0 0 1.01vw;
}
.condition_info .weather .weather-icon img {
  height:4.34vw;
}
.condition_info .w_info .itemcol + .itemcol {
  margin-top:1.44vw;
}
.condition_info .w_info .itemcol h3 {
  font-size:1.01vw;
  margin:0 .94vw 0 0;
}
.condition_info .w_info .itemcol p {
  font-size:1.01vw;
}
.condition_info .w_info .itemcol p .item_temp {
  font-size:1.73vw;
}
.condition_info .w_info .itemcol p.quality .item_temp {
  font-size:1.44vw;
}
.w_links .cols {
  padding:0 0 0 2.17vw;
}
.w_links .cols li {
  margin:0 0 0 2.17vw;
}
.w_links .cols li a {
  font-size:1.15vw;
  width:10.86vw;
  height:8.69vw;
  padding:5.79vw 0 0;
  border-radius:.72vw;
}
.bt_course .icon {
  width:2.97vw;
  top:2.1vw;
}
.bt_camera .icon {
  width:2.89vw;
  top:2.1vw;
}
.bt_weather .icon {
  width:2.68vw;
  top:1.73vw;
}

#top_info .inner {
	padding:7.24vw 6.52vw;
}
.infoarea .title {
	width:29.71vw;
}
.infoarea .topinfo_slide {
	width:56.52vw;
	margin-left:.72vw;
}
.infoarea .title h2 {
	font-size:4.34vw;
}
.infoarea .title h3 {
	font-size:1.01vw;
	margin:1.44vw 0 0;
}
.infoarea .btn {
	margin:4.34vw 0 0;
}
.infoarea .btn a {
	font-size:1.15vw;
	width:15.21vw;
	height:4.34vw;
	padding:0 0 0 1.44vw;
	border-radius:.72vw;
}
.infoarea .btn a::before {
	width:2.31vw;
	height:2.31vw;
	right:1.44vw;
}
.topinfo_slide .slick-list {
  width:91.3vw !important;
}
.topinfo_slide .slick-slide {
	width:26.08vw !important;
	max-width:26.08vw;
	margin-right:4.34vw;
}
.topinfo_slide .item a {
	padding:.72vw .72vw 1.44vw;
	border-radius:.72vw;
}
.topinfo_slide .item .date {
	margin:1.44vw 1.44vw .86vw;
}
.topinfo_slide .item .date h4 {
	font-size:.86vw;
	padding:.21vw .57vw .28vw;
	box-shadow:0 0 1.3vw 0 rgba(0, 0, 0, 0.1);
}
.topinfo_slide .item p {
	font-size:1.08vw;
	margin:0 1.44vw;
}
.topinfo_slide .item .date p {
	font-size:1.01vw;
	margin:0 0 0 .72vw;
}
.topinfo_slide .item .pickup {
	width:5.5vw;
	top:1.3vw;
	left:-.72vw;
}
.infoarea .slick_pause {
	width:1.81vw;
	height:1.81vw;
  left:22.82vw;
}
.topinfo_slide .slick-next,
.topinfo_slide .slick-prev {
	width:1.81vw;
  height:1.81vw;
	left:-10.14vw;
}
.topinfo_slide .slick-prev {
	left:-12.68vw;
}
.info_sns {
	padding:1.81vw 2.17vw;
	margin:7.24vw 0 0;
	border-radius:.72vw;
}
.info_sns h2 {
	font-size:2.89vw;
	margin:0 4.34vw 0 0;
}
.info_sns ul li {
	font-size:1.01vw;
	padding:0 1.44vw 0 0;
}
.info_sns ul li a p {
	font-size:1.01vw;
}
.info_sns ul li i {
	font-size:1.44vw;
	margin-right:.36vw;
}

#top_know {
  padding:14.13vw 0 14.92vw;
}
#top_know .inner,
#top_play .inner,
#top_use .inner,
#top_access .inner {
  padding:0 6.52vw;
}
#top_know h2 {
  width:51.01vw;
  margin:0 0 4.34vw;
}
#top_know .text {
  width:61.59vw;
}
#top_know .text h3 {
  font-size:2.17vw;
  margin:0 0 1.81vw;
}
#top_know .text p {
  font-size:1.3vw;
}
#top_know .text p + p {
  margin-top:3.26vw;
}
#top_know .buttons {
  width:25.36vw;
}
#top_know .buttons .button {
  margin:0 0 4.34vw;
}

#top_play h2 {
  width:72.6vw;
  margin:0 0 5.43vw 7.97vw;
}
#top_play ul li {
  width:calc(50% - 2.17vw);
  margin:4.34vw 0 0;
}
#top_play ul li a {
  border-radius:10.86vw .72vw .72vw .72vw;
}
#top_play ul li a::before {
  width:6.52vw;
  height:.57vw;
}
#top_play ul li a::after {
  width:6.95vw;
  height:6.95vw;
  bottom:1.37vw;
  right:1.37vw;
}
#top_play ul li a h3 {
  font-size:7.24vw;
}
#top_play ul li a h4 {
  font-size:3.47vw;
  bottom:1.3vw;
  left:1.73vw;
}
#top_play .button {
  width:25.36vw;
  margin:8.69vw auto 0;
}

#top_use {
  padding:18.47vw 0 14.49vw;
}
#top_use h2 {
  width:72.24vw;
  margin:0 0 4.34vw 7.6vw;
}
#top_use .use_tab {
  margin:0 0 2.17vw;
}
#top_use .use_tab button {
  font-size:1.73vw;
  width:calc(50% - 2.17vw);
  padding:1.08vw 0;
}
#top_use .details .image {
  border-radius:.72vw;
}
#top_use .details ul {
  margin:2.17vw 0 0;
}
#top_use .details ul li {
  width:calc(25% - 3.26vw);
  margin:2.17vw 0 0 4.34vw;
}
#top_use .details ul li a {
  font-size:1.15vw;
  height:4.34vw;
  border-radius:2.17vw;
  box-shadow:0 0 1.3vw 0 rgba(0, 0, 0, 0.05);
}
#details_restaurants .button {
  width:25.36vw;
  margin:4.34vw auto 0;
}

#top_access {
	padding:14.49vw 6.52vw 0;
}
#top_access h2 {
  width:49.92vw;
  margin:0 0 3.62vw;
}
#top_access .twocol {
	max-width:86.95vw;
}
#top_access .gmap {
	width:calc(50% - 2.17vw);
}
#top_access .gmap iframe {
	height:36.37vw;
}
#top_access .text {
	width:calc(50% - 2.17vw);
}
#top_access h3 {
	font-size:1.73vw;
	margin:2.53vw 0 0;
	padding:0 0 0 4.05vw;
}
#top_access h3.car {
	background:url(../img/common/ico_car.png) no-repeat 0 0;
	background-size:3.26vw auto;
}
#top_access h3.train {
	background:url(../img/common/ico_train.png) no-repeat 6px 0;
	background-size:2.68vw auto;
}
#top_access .text p {
	font-size:1.3vw;
	margin:1.44vw 0 0;
	padding:0 0 0 4.05vw;
}
#top_access .text p + h3 {
	margin-top:4.34vw;
}
#top_access .text p + p {
	margin-top:1.81vw;
}
#top_access .access_link {
	margin:4.34vw 0 0;
}
#top_access .access_link .button {
	width:22.75vw;
	margin:0 2.17vw 0 0;
}
#top_access .access_link .button:nth-child(2) {
	margin:0 0 0 2.17vw;
}
#top_access .access_link a {
	font-size:1.15vw;
	height:5.79vw;
	padding:0 0 0 2.17vw;
	border-radius:.72vw;
}

#links .inner {
	padding:7.24vw 2.89vw 7.97vw;
}
#links ul {
	padding:3.62vw;
	border-radius:.72vw;
	box-shadow:0 0 1.3vw 0 rgba(0, 0, 0, 0.05);
}
#links ul li {
	width:calc(25% - 3.26vw);
	margin:4.34vw 0 0;
}

}


@media screen and (max-width:1200px) {
#kv .kv_slide_pause,
#kv .slick-next,
#kv .slick-prev {
  top:2.4vw;
}
.ticket_menu {
  bottom:2.4vw;
}

}


@media screen and (max-width:767px) {
.slick-prev,
.slick-next {
  width:8.26vw;
  height:8.26vw;
	border-radius:50%;
	overflow: hidden;
	background:rgba(255,255,255,.85);
}
.slick-prev::before,
.slick-next::before {
	content:"";
	width:100%;
	height:100%;
	display: block;
	border-radius:50%;
	background: url(../images/slide_arrow.png) no-repeat 0 0;
  background-size: 100% auto;
	position: absolute;
	top:0;
	left:0;
}

.slick-prev {
  left:-13.33vw;
}
[dir='rtl'] .slick-prev {
  right:-13.33vw;
  left: auto;
}
.slick-next {
  right:-13.33vw;
}
[dir='rtl'] .slick-next {
  right: auto;
  left:-13.33vw;
}
.slick-dots {
  bottom:2.66vw;
}
.slick-dots li {
	width:2.4vw;
  height:2.4vw;
  margin:0 1.06vw;
}
.slick-dots li button {
  width:2.4vw;
  height:2.4vw;
	border:solid .266vw #4792d5;
}

#details_restaurants .button a,
#top_play .button a,
#top_know .buttons .button a,
#top_access .text .button a {
  font-size: 3.46vw;
  height: 12vw;
	padding:0 0 0 5.33vw;
	border-radius:1.33vw;
}
#details_restaurants .button a::before,
#top_play .button a::before,
#top_know .buttons .button a::before,
#top_access .access_link a::before,
#top_access .text .button a::before {
	width:6.4vw;
	height:6.4vw;
	right:5.33vw;
}

#kv .kv_slide_pause,
#kv .slick-next,
#kv .slick-prev,
.ticket_menu {
	display:none !important;
}
#kv_slide {
	display:block;
	padding:0;
}
#kv_slide .slick-list {
	width:100% !important;
}
#kv_slide .slick-dots {
  position:relative;
  height:10.66vw;
	bottom:0;
}
#kv_slide .slick-dots li {
	width:2.66vw;
	height:2.66vw;
	margin:0 1.33vw;
}
#kv_slide .slick-dots li button {
	width:2.66vw;
	height:2.66vw;
	border:solid 1px #d95e29;
}
#kv_slide .slick-dots li.slick-active button {
	background:#d95e29;
}

.condition_news {
  margin:0;
  position:relative;
  overflow:hidden;
}
.condition_news .inner {
  height: 12vw;
  padding: 0 2.89vw;
  position: relative;
}
.condition_news .inner::before {
  content:"";
  width:100vw;
  height:70vw;
  display: block;
  background:#d95e29;
  position: absolute;
  top:-32vw;
  left:-44.26vw;
  transform: rotate(26deg);
  z-index:0;
}
.condition_news h2 {
  font-size:4.8vw;
  padding:.43vw 0 .28vw 11.46vw;
  margin:0 10.66vw 0 0;
  background: url(../img/top/ico_condition.svg) no-repeat 0 0;
  background-size: 8.93vw auto;
  position: relative;
  z-index:1;
}
.condition_news ul li a p,
.w_links {
  display:none;
}
.condition_news ul li a h3 {
  font-size: 4.26vw;
  margin: 0;
}
.condition_info .inner {
  max-width: none;
  display: block;
  padding:7.33vw 6.66vw;
}
.condition_info .w_item {
  width:100%;
  justify-content: center;
}
.condition_info .weather {
  padding:0 12.66vw 0 0;
}
.condition_info .weather h3 {
  font-size:4.32vw;
  margin:0 0 3.33vw;
}
.condition_info .weather .weather-icon img {
  height:14.4vw;
}
.condition_info .w_info .itemcol + .itemcol {
  margin-top:4.66vw;
}
.condition_info .w_info .itemcol h3 {
  font-size:3.36vw;
  margin:0 3.2vw 0 0;
}
.condition_info .w_info .itemcol p {
  font-size:3.36vw;
}
.condition_info .w_info .itemcol p .item_temp {
  font-size:5.76vw;
}
.condition_info .w_info .itemcol p.quality .item_temp {
  font-size:4.8vw;
}
.condition_news_text {
  display: block;
}
.condition_news_text p {
  font-size:3.2vw;
  line-height:1.75;
  margin:8vw 0 0;
}

#top_info .inner {
	padding:13.33vw 5.33vw;
}
.infoarea {
	flex-direction: column;
}
.infoarea .title {
	width:100%;
	padding:0 0 8vw;
	position: relative;
}
.infoarea .title::before {
	display:none;
}
.infoarea .topinfo_slide {
	width:100%;
	margin:0 auto;
	padding:0;
	box-sizing: content-box;
}
.infoarea .title h2 {
	font-size:9.6vw;
}
.infoarea .title h3 {
	font-size:3.46vw;
	margin:1.33vw 0 0;
}
.topinfo_slide .slick-list {
	width:100% !important;
}
.topinfo_slide .slick-slide {
	width:100% !important;
	max-width:100%;
	margin:0 6.66vw;
}
.topinfo_slide .item a {
	padding:2.13vw 2.13vw 4.26vw;
	border-radius:1.33vw;
}
.topinfo_slide .item .date {
	margin:4vw 2.66vw 2vw;
}
.topinfo_slide .item .date h4 {
	font-size:3.2vw;
	padding:.8vw 2.13vw 1.06vw;
	box-shadow:0 0 4.8vw 0 rgba(0, 0, 0, 0.1);
}
.topinfo_slide .item p {
	font-size:3.73vw;
	margin:0 2.66vw;
}
.topinfo_slide .item .date p {
	font-size:3.46vw;
	margin:0 0 0 2.66vw;
}
.topinfo_slide .item .pickup {
	width:16.8vw;
	top:4vw;
	left:-2.13vw;
}
.infoarea .slick_pause {
	width:5.33vw;
	height:5.33vw;
  bottom:auto;
  top:14.4vw;
  left:auto;
	right:5.33vw;
}
.topinfo_slide .slick-next,
.topinfo_slide .slick-prev {
	width:5.33vw;
	height:5.33vw;
	left:auto;
  right:13.33vw;
  top:-2.66vw;
  bottom:auto;
	transform: translate(0, -100%);
}
.topinfo_slide .slick-prev {
	left:auto;
  right:21.33vw;
	transform: translate(0, -100%) rotateY(180deg);
}

.infoarea .btn {
	margin:5.33vw 0 0;
}
.infoarea .btn a {
	font-size:3.46vw;
	width:41.86vw;
	height:12vw;
	padding:0 0 0 4vw;
	margin:0 auto;
	border-radius:1.33vw;
}
.infoarea .btn a::before {
	width:6.4vw;
	height:6.4vw;
	right:4vw;
}
.info_sns {
	padding:0 5.33vw;
	margin:10.66vw 0 0;
	border-radius:0;
	background:transparent;
	display:block;
}
.info_sns h2 {
	color:#fff;
	font-size:5.33vw;
	margin:0 0 5.33vw;
}
.info_sns ul li {
	padding:0 1.33vw;
}
.info_sns ul li a p {
	display:none;
}
.info_sns ul li i {
	color:#fff;
	font-size:6.4vw;
	margin-right:0;
}

#top_know {
  padding:17.33vw 0 26.66vw;
}
#top_know .inner,
#top_play .inner,
#top_use .inner,
#top_access .inner {
  padding:0 5.33vw;
}
#top_know h2 {
  width:86.66vw;
  margin:0 0 7.33vw;
}
#top_know .twocol {
  display: block;
}
#top_know .text {
  width:100%;
}
#top_know .text h3 {
  font-size:4.26vw;
  margin:0 0 6.66vw;
}
#top_know .text p {
  font-size:3.46vw;
}
#top_know .text p + p {
  margin-top:8vw;
}
#top_know .buttons {
  width:64vw;
  margin:8vw auto 0;
}
#top_know .buttons .button {
  margin:0 auto 5.33vw;
}

#top_play h2 {
  width:89.2vw;
  margin:0 0 8vw;
}
#top_play ul li {
  width:calc(50% - 2vw);
  margin:4.66vw 0 0;
}
#top_play ul li a {
  border-radius:20vw 1.33vw 1.33vw 1.33vw;
}
#top_play ul li a::after {
  width:7.2vw;
  height:7.2vw;
  bottom:1.33vw;
  right:1.33vw;
}
#top_play ul li a h3 {
  font-size:7.44vw;
}
#top_play ul li a h4 {
  font-size:3.57vw;
  bottom:1.33vw;
  left:1.33vw;
}
#top_play .button {
  width:64vw;
  margin:13.33vw auto 0;
}

#top_use {
  padding:26.66vw 0;
}
#container::before {
  height:270vw;
}
#top_use h2 {
  width:89.2vw;
  margin:0 0 8.66vw;
}
#top_use .use_tab {
  margin:0 0 8vw;
}
#top_use .use_tab button {
  font-size:4.8vw;
  width:calc(50% - 2vw);
  padding:2.66vw 0;
}
#top_use .details .image {
  border-radius:1.33vw;
}
#top_use .details ul {
  margin:0;
  justify-content: space-between;
}
#top_use .details ul li {
  width:calc(50% - 2vw);
  margin:5.33vw 0 0;
}
#top_use .details ul li a {
  font-size:3.2vw;
  height:10.66vw;
  border-radius:6vw;
  box-shadow:0 0 2.4vw 0 rgba(0, 0, 0, 0.05);
}
#details_restaurants .button {
  width:64vw;
  margin:10.66vw auto 0;
}

#top_access .access_logo {
  width:48.13vw;
  margin:8vw auto;
}
#top_access {
	padding:0;
}
#top_access h2 {
  width:84vw;
  margin:0 0 8vw;
}
#top_access .twocol {
	margin:0;
	display: block;
}
#top_access .gmap {
	width:100%;
}
#top_access .gmap iframe {
	height:69.33vw;
}
#top_access .text {
	width:100%;
}
#top_access h2 .sub {
	font-size:3.2vw;
	margin:1.33vw 0 0;
}
#top_access h3 {
	font-size:4vw;
	margin:8vw 0 0;
	padding:0 0 0 9.06vw;
}
#top_access h3.car {
	background:url(../img/common/ico_car.png) no-repeat 0 0;
	background-size:7.73vw auto;
}
#top_access h3.train {
	background:url(../img/common/ico_train.png) no-repeat .66vw 0;
	background-size:6.4vw auto;
}
#top_access .text p {
	font-size:3.46vw;
	margin:2.66vw 0 0;
	padding:0 0 0 9.06vw;
}
#top_access .text p + h3 {
	margin-top:8.66vw;
}
#top_access .text p + p {
	margin-top:4vw;
}
#top_access .text .button {
	width:62.93vw;
  margin:10.66vw auto 0;
}
#top_access .text .button a {
	font-size:3.2vw;
	height:12.8vw;
	padding:0 0 0 4vw;
	border-radius:1.33vw;
}
#top_access .text .button a::before {
  right:4vw;
}
#links .inner {
	padding:16vw 5.33vw 25.33vw;
}
#links ul {
	padding:6.66vw;
	border-radius:1.33vw;
	box-shadow:0 0 2.4vw 0 rgba(0, 0, 0, 0.1);
}
#links ul li {
	width:calc(50% - 4vw);
	margin:8vw 0 0;
}
#links ul li:nth-child(1),
#links ul li:nth-child(2) {
	margin-top:0;
}
#links ul li:nth-child(3),
#links ul li:nth-child(4) {
	margin-top:8vw;
}


}


@media (hover: hover) {
#details_restaurants .button a:hover,
#top_know .buttons .button a:hover,
#top_play .button a:hover,
.infoarea .btn a:hover,
#details_restaurants .button a:focus,
#top_know .buttons .button a:focus,
#top_play .button a:focus,
.infoarea .btn a:focus {
	color:#fff;
}
#details_restaurants .button a:hover::after,
.w_links .cols li a:hover::before,
#top_play .button a:hover::after,
#top_know .buttons .button a:hover::after,
#top_access .text .button a:hover::after,
.infoarea .btn a:hover::after,
#details_restaurants .button a:focus::after,
.w_links .cols li a:focus::before,
#top_play .button a:focus::after,
#top_know .buttons .button a:focus::after,
#top_access .text .button a:focus::after,
.infoarea .btn a:focus::after {
	left:-45%;
}
#details_restaurants .button a:hover::before,
#top_know .buttons .button a:hover::before,
#top_play .button a:hover::before,
.infoarea .btn a:hover::before,
#details_restaurants .button a:focus::before,
#top_know .buttons .button a:focus::before,
#top_play .button a:focus::before,
.infoarea .btn a:focus::before {
	background-image:url(../img/common/ico_btn_arrow_w.svg);
}
#details_restaurants .button a:hover,
#top_access .text .button a:hover,
#details_restaurants .button a:focus,
#top_access .text .button a:focus {
  color:#da6634;
}
#details_restaurants .button a:hover::before,
#top_access .text .button a:hover::before,
#details_restaurants .button a:focus::before,
#top_access .text .button a:focus::before {
  background-image:url(../img/common/ico_btn_arrow_o.svg);
}
#kv .kv_slide_pause:hover,
#kv_slide .slick-next:hover,
#kv_slide .slick-prev:hover,
.infoarea .slick_pause:hover,
.topinfo_slide .slick-next:hover,
.topinfo_slide .slick-prev:hover {
	opacity:.5;
}
.info_sns ul li a:hover p,
.info_sns ul li a:hover i,
.info_sns ul li a:focus p,
.info_sns ul li a:focus i {
	color:#d95e29;
}
.topinfo_slide .item a:hover,
.topinfo_slide .item a:focus {
	background:rgba(255,255,255,.95);
}
#top_play ul li a:hover img,
#top_play ul li a:focus img {
  transform: scale(1.1);
}
.topinfo_slide .item a:hover .image img,
#links ul li a:hover img,
.topinfo_slide .item a:focus .image img,
#links ul li a:focus img {
	transform: scale(1.1);
	opacity:.7;
}

.ticket_menu ul li a:hover,
.ticket_menu ul li a:focus {
  opacity:.7;
}
#ticket_menu_close:hover,
#ticket_menu_close:focus {
  color:#d95e29;
	background-image:url(../img/common/ico_close_o.svg);
}
#top_use .details ul li a:hover,
#top_use .details ul li a:focus {
  color:#d95e29;
  border:solid 1px #d95e29;
}
.w_links .cols li a:hover,
.w_links .cols li a:focus {
  color:#373737;
}
.w_links .cols li a.bt_course:hover .icon,
.w_links .cols li a.bt_course:focus .icon {
  background:url(../img/top/ico_course_bk.svg) no-repeat 0 0;
  background-size:100% auto;
}
.w_links .cols li a.bt_camera:hover .icon,
.w_links .cols li a.bt_camera:focus .icon {
  background:url(../img/top/ico_camera_bk.svg) no-repeat 0 0;
  background-size:100% auto;
}
.w_links .cols li a.bt_weather:hover .icon,
.w_links .cols li a.bt_weather:focus .icon {
  background:url(../img/top/ico_weather_bk.svg) no-repeat 0 0;
  background-size:100% auto;
}
.w_links .cols li a:hover .icon img,
.w_links .cols li a:focus .icon img {
  opacity:0;
}
.ticket_menu h2:hover,
#top_play ul li a:hover h4,
.ticket_menu h2:focus,
#top_play ul li a:focus h4 {
  color:#d95e29;
}
#top_play ul li a:hover::after,
#top_play ul li a:focus::after {
  background-image:url(../img/common/ico_btn_arrow_o.svg);
}
#top_play ul li a:hover::before,
#top_play ul li a:focus::before {
  transform:scaleX(1);
}

}