@charset "UTF-8";
.top-kv .kv-movie {
 position: relative;
 width: 100%;
 height: 100vh;
 overflow: hidden;
}
.top-kv .kv-copy {
 position: absolute;
 top: 30%;
 left: calc(150 / 1920 * 100vw);
 line-height: 0;
 z-index: 2;
	transform: translateY(-30%);
  /*top: 240px;
  left: 14%;
  z-index: 10;
  max-width: 537px;*/
 -o-transition: all 0.25s ease-in;
 -webkit-transition: all 0.25s ease-in;
 -moz-transition: all 0.25s ease-in;
 transition: all 0.25s ease-in;
}
/*@media screen and (min-width: 768px) and (max-width: 1200px) {
 .top-kv .kv-copy img {
  max-width: calc(431px / 1.2);
 }
}*/
@media screen and (max-width: 767px) {
 .top-kv .kv-copy img {
  max-width: 300px;
 }
}
.top-important li a {
 color: #fff;
 line-height: 1;
 font-style: normal;
}
.top-important dt {
 position: relative;
 font-family: source-han-serif-japanese, serif;
 font-weight: 400;
 line-height: 1;
}
.top-important {
 position: absolute;
 bottom: 0;
 right: 0;
 width: 100%;
 background-color: rgba(0, 0, 0, .8);
 color: #fff;
}
.top-important-inner {
 max-width: 970px;
 margin: 0 auto;
}
.ticker-wrapper.has-js {
 padding: 0;
 width: 100%;
 display: block;
}
.ticker {
 width: 100%;
 height: 27px;
 display: block;
 margin: 0 auto;
 position: relative;
 overflow: hidden;
}
.ticker-title {
 padding-top: 9px;
 background-color: #fff;
 text-transform: uppercase;
}
.ticker-content {
 margin: 0;
 position: absolute;
 overflow: hidden;
 white-space: nowrap;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 width: 95%;
}
@media screen and (max-width: 767px) {
 .ticker, .ticker-wrapper.has-js {
  width: 100%;
 }
 .ticker-content {
  width: 100%;
 }
}
.ticker-content a {
 text-decoration: none;
 color: #fff;
 font-style: normal;
 font-family: source-han-serif-japanese, serif;
}
.ticker-content span {
 font-family: 'Libre Baskerville', serif;
 font-size: 1.2rem;
 letter-spacing: .2em;
}
.ticker-content a:hover {
 text-decoration: underline;
}
.ticker-swipe {
 padding-top: 9px;
 position: absolute;
 top: 0px;
 background-color: #fff;
 display: block;
 width: 700px;
 height: 23px;
}
.ticker-swipe span {
 margin-left: 1px;
 background-color: #fff;
 border-bottom: 1px solid #1F527B;
 height: 12px;
 width: 7px;
 display: block;
}
.ticker-controls {
 padding: 12px 10px 0px 0px;
 list-style-type: none;
 float: left;
 background: url(../images/ticker_bg.jpg) no-repeat top right;
 height: 28px;
}
.ticker-controls li {
 padding: 0px;
 margin-left: 5px;
 float: left;
 cursor: pointer;
 height: 16px;
 width: 16px;
 display: block;
}
.ticker-controls li.jnt-play-pause {
 background-image: url('../images/controls.png');
 background-position: 32px 16px;
}
.ticker-controls li.jnt-play-pause.over {
 background-position: 32px 32px;
}
.ticker-controls li.jnt-play-pause.down {
 background-position: 32px 0px;
}
.ticker-controls li.jnt-play-pause.paused {
 background-image: url('../images/controls.png');
 background-position: 48px 16px;
}
.ticker-controls li.jnt-play-pause.paused.over {
 background-position: 48px 32px;
}
.ticker-controls li.jnt-play-pause.paused.down {
 background-position: 48px 0px;
}
.ticker-controls li.jnt-prev {
 background-image: url('../images/controls.png');
 background-position: 0px 16px;
}
.ticker-controls li.jnt-prev.over {
 background-position: 0px 32px;
}
.ticker-controls li.jnt-prev.down {
 background-position: 0px 0px;
}
.ticker-controls li.jnt-next {
 background-image: url('../images/controls.png');
 background-position: 16px 16px;
}
.ticker-controls li.jnt-next.over {
 background-position: 16px 32px;
}
.ticker-controls li.jnt-next.down {
 background-position: 16px 0px;
}
.js-hidden {
 display: none;
}
.no-js-news {
 padding: 10px 0px 0px 45px;
 color: #F8F0DB;
}
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
 float: left;
}
.left .ticker-controls {
 padding-left: 6px;
}
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {
 float: right;
}
.right .ticker-controls {
 padding-right: 6px;
}
@media screen and (min-width:768px), print {
 .top-important {
  padding: 24px 35px;
 }
 .top-important dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
 }
 .top-important dt {
  width: 180px;
 }
 .top-important dd {
  flex: 1 0 0;
 }
 .top-important dt::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 15px;
  height: 1px;
  background-color: #999;
 }
 .ticker-content span {
  margin-right: 35px;
 }
}
@media screen and (max-width: 767px) {
 .top-important {
  width: 100%;
  display: block;
  padding: 15px 15px 10px;
 }
 .top-important dt {
  padding-bottom: 5px;
 }
 .ticker-content {
  margin-left: -35px;
 }
 .ticker-content a {
  font-size: 1.2rem;
 }
 .ticker-content span {
  margin-right: 15px;
  font-size: 1rem;
 }
}
.sld {
 position: absolute;
 bottom: 120px;
 left: 50%;
}
.sld span {
 position: absolute;
 left: -2.5em;
 bottom: -2.5em;
 color: #fff;
 font-size: 1.1rem;
 letter-spacing: .1em;
 font-family: 'Libre Baskerville', serif;
}
.sld:before {
 content: "";
 position: absolute;
 bottom: 0;
 left: -4px;
 width: 9px;
 height: 9px;
 border-radius: 50%;
 background: #fff;
 animation:
  circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;
}
@keyframes circlemove {
 0% {
  bottom: 90px;
 }
 100% {
  bottom: -5px;
 }
}
@keyframes cirlemovehide {
 0% {
  opacity: 0
 }
 50% {
  opacity: 1;
 }
 80% {
  opacity: 0.9;
 }
 100% {
  opacity: 0;
 }
}
.sld:after {
 content: "";
 position: absolute;
 bottom: 0;
 left: 0;
 width: 1px;
 height: 100px;
 background: #fff;
}
@media screen and (max-width: 767px) {
 .sld span {
  font-size: .9rem;
 }
}
.top-content {
 overflow-x: hidden;
}
.top-ttl {
 position: relative;
 text-align: center;
}
.top-ttl em {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 font-style: normal;
 font-family: 'Butler_Light', serif;
 font-size: 11rem;
 color: #F6F9FB;
 white-space: nowrap;
 line-height: 1;
 z-index: 1;
}
.top-ttl h2 {
 padding-bottom: 8px;
 font-family: source-han-serif-japanese, serif;
 font-size: 2.2rem;
 letter-spacing: .4em;
 line-height: 1;
}
.top-ttl span {
 font-family: 'Libre Baskerville', serif;
 font-size: 1rem;
 color: #8F6D48;
 letter-spacing: .2em;
}
.top-ttl span::before, .top-ttl span::after {
 content: "-";
}
.top-ttl-inner {
 position: relative;
 z-index: 2;
}
@media screen and (max-width: 1024px) {
 .top-ttl em {
  font-size: 8rem;
 }
 .top-ttl h2 {
  font-size: 2rem;
  letter-spacing: .2em;
 }
 .top-ttl span {
  font-size: .95rem;
 }
}
@media screen and (max-width: 767px) {
 .top-ttl em {
  font-size: 5rem;
 }
 .top-ttl h2 {
  font-size: 1.8rem;
  letter-spacing: .2em;
 }
 .top-ttl span {
  font-size: .9rem;
 }
}
.top-pickup .top-ttl {
 padding: 70px 0 40px;
}
.top-pickup-inner {
 position: relative;
 max-width: 1260px;
 margin: 0 auto;
}
.top-pickup ul li p {
 padding: 1em 5px 0;
 font-family: source-han-serif-japanese, serif;
 font-size: 1.3rem;
 text-align: center;
 white-space: nowrap;
 overflow: hidden;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
}
.top-pickup .slick-slide {
 margin: 0 10px;
}
.top-pickup .slick-prev, .top-pickup .slick-next {
 margin-top: -15px;
}
.top-pickup .slick-dots {
 bottom: -20px;
 text-align: center;
}
.top-pickup .slick-dots li.slick-active button::before {
 background: #8F6D48;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
 .top-pickup .top-pickup-inner {
  padding-right: 50px;
  padding-left: 50px;
 }
}
@media screen and (max-width: 767px) {
 .top-pickup .slick-slide {
  margin: 0 25px;
 }
 .top-pickup .slick-prev {
  left: 45px;
 }
 .top-pickup .slick-next {
  right: 45px;
 }
}
.top-feature {
 margin-top: 120px;
 background-color: #8F6D48;
}
.top-feature .top-ttl {
 padding: 50px 0;
}
.top-feature .top-ttl em {
 color: rgba(246, 249, 251, .2);
}
.top-feature .top-ttl h2, .top-feature .top-ttl span {
 color: #fff;
}
.top-feature ul li {
 position: relative;
 overflow: hidden;
 transition: all 0.5s ease-in 0s;
}
.top-feature ul li::after {
 position: absolute;
 z-index: 2;
 content: "";
 display: block;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, .3);
 transition: all 0.5s ease-in 0s;
}
.top-feature ul li:hover::after {
 opacity: .65;
}
.top-feature ul li a {
 position: relative;
 z-index: 3;
 width: 100%;
 height: 100%;
 display: block;
}
.top-feature ul li .bg {
 position: absolute;
 z-index: 1;
 display: block;
 left: 0;
 top: 0;
 width: 100%;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center center;
 transition: all 3.0s ease-out;
 transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 will-change: transform;
}
.top-feature ul li:hover .bg {
 transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0.95);
}
.top-feature ul li:nth-child(1) .bg {
 background-image: url(../img/top/feature-spot.jpg);
}
.top-feature ul li:nth-child(2) .bg {
 background-image: url(../img/top/feature-gourmet.jpg);
}
.top-feature ul li:nth-child(3) .bg {
 background-image: url(../img/top/feature-experience.jpg);
}
.top-feature ul li:nth-child(4) .bg {
 background-image: url(../img/top/feature-modelcourse.jpg);
}
.top-feature ul li:nth-child(5) .bg {
 background-image: url(../img/top/feature-souvenir.jpg);
}
.top-feature ul li:nth-child(6) .bg {
 background-image: url(../img/top/feature-visit.jpg);
}
.top-feature ul li .txt {
 position: absolute;
 z-index: 3;
 top: 50%;
 left: 50%;
 width: 90%;
 transform: translateY(-50%) translateX(-50%);
 -webkit-transform: translateY(-50%) translateX(-50%);
 -ms-transform: translateY(-50%) translateX(-50%);
 color: #fff;
 text-align: center;
}
.top-feature ul li .txt h3 {
 padding-bottom: 10px;
 font-family: source-han-serif-japanese, serif;
 font-size: 2.2rem;
 line-height: 1;
}
.top-feature ul li .txt span {
 display: block;
 font-family: 'Libre Baskerville', serif;
 font-size: 1.2rem;
 line-height: 1;
}
@media screen and (min-width: 1025px) {
 .top-feature ul li, .top-feature ul li .bg {
  height: 534px;
 }
}
@media screen and (max-width: 1024px) {
 .top-feature ul li, .top-feature ul li .bg {
  height: 262px;
 }
 .top-feature ul li .txt h3 {
  font-size: 2rem;
 }
 .top-feature ul li .txt span {
  font-size: 1.1rem;
 }
}
@media screen and (min-width: 768px) {
 .top-feature ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
 }
 .top-feature ul li {
  width: 50%;
 }
 .top-feature ul li:nth-child(odd) a::before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 1px;
		height: 100%;
		background-color: #fff;
 }
 .top-feature ul li:nth-child(even) a::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 1px;
		height: 100%;
		background-color: #fff;
 }
	 .top-feature ul li:nth-child(n+3) a::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #fff;
 }
}

@media screen and (max-width: 767px) {
.top-feature {
 margin-top: 60px;
}
	.top-feature .top-ttl {
 padding: 40px 0 30px;
}
	.top-feature .top-ttl em {
		top: 44%;
 left: 40%;
}
	.top-feature ul li {
  width: 100%;
 }
		 .top-feature ul li:nth-child(n+2) a::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #fff;
 }
 .top-feature ul li, .top-feature ul li .bg {
  height: 200px;
 }
 .top-feature ul li .txt h3 {
  font-size: 1.8rem;
 }
 .top-feature ul li .txt span {
  font-size: .9rem;
 }
}
.top-tourism {
 padding: 90px 0;
 text-align: center;
}
.top-tourism .tourism-ttl {
 padding: 0 20px;
}
.top-tourism .tourism-ttl .tourism-lead {
 padding: 45px 0 50px;
}
.top-tourism .btn {
 margin: 50px 20px 0;
}
.top-tourism .btn a span {
 padding-right: 6.75em;
 padding-left: 6.75em;
}
@media screen and (max-width: 1024px) {
 .top-tourism {
  padding: 60px 0;
 }
 .top-tourism .tourism-ttl img {
  width: 312px;
  height: 60px;
 }
 .top-tourism .tourism-ttl .tourism-lead {
  padding: 30px 0 40px;
 }
}
@media screen and (max-width: 767px) {
 .top-tourism {
  padding: 50px 0;
 }
 .top-tourism .tourism-ttl .tourism-lead {
  padding: 20px 0 30px;
 }
 .top-tourism .tourism-ttl img {
  width: 250px;
  height: 48px;
 }
 .top-tourism .btn a span {
  padding-right: 1.2em;
  padding-left: 1.2em;
 }
 .top-tourism .btn {
  margin-top: 30px;
 }
}
.top-event {
 padding: 130px 50px 100px;
 background-color: #F9F8F6;
}
.top-event .top-event-ttl .top-ttl {
 text-align: left;
}
.top-event .top-event-ttl .top-ttl .top-ttl-inner {
 display: inline-flex;
 flex-direction: column;
}
.top-event .top-event-ttl .top-ttl .top-ttl-inner span {
 display: block;
 text-align: center;
}
.top-event .top-event-ttl em {
 position: absolute;
 left: 0;
 top: -50px;
 -webkit-transform: translateX(28%) rotate(90deg);
 transform: translateX(28%) rotate(90deg);
 -webkit-transform-origin: left top;
 transform-origin: left top;
 color: #EFEFEF;
}
@media screen and (min-width: 1025px) {
 .top-event .top-event-ttl {
  width: 225px;
 }
 .top-event .top-event-ttl em {
  font-size: 15rem;
 }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
 .top-event .top-event-ttl {
  width: 200px;
 }
 .top-event .top-event-ttl em {
  font-size: 12rem;
 }
}
@media screen and (max-width: 767px) {
 .top-event .top-event-ttl {
  margin-bottom: 30px;
 }
 .top-event .top-event-ttl .top-ttl {
  text-align: center;
 }
 .top-event .top-event-ttl .top-ttl .top-ttl-inner {
  display: block;
 }
 .top-event .top-event-ttl em {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-70%);
  -ms-transform: translateY(-70%);
  font-size: 5.5rem;
  color: #EFEFEF;
  white-space: nowrap;
  line-height: 1;
  z-index: 1;
 }
}
.top-event .top-event-list {
 flex: 1 0 0;
}
.top-event .l-basic .event-date {
 padding: 0 10px 15px;
 font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", sans-serif;
 font-weight: 600;
 color: #8F6D48;
}
.top-event .l-basic h3 {
 padding: 15px 10px;
 font-size: 1.8rem;
 font-family: source-han-serif-japanese, serif;
 font-weight: 400;
 white-space: nowrap;
 overflow: hidden;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
.top-event .l-basic h3 {
 font-size: 1.4rem;
}
}
.top-event .l-basic h3 + p, .top-event .l-basic .event-date + p {
 padding: 0 10px;
 font-size: 1.3rem;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 overflow: hidden;
}
@media screen and (max-width: 1024px) {
 .top-event {
  padding: 80px 30px 60px;
 }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
 .top-event .l-basic li {
  width: 48%;
  margin-right: 4%;
 }
 .top-event .l-basic li:nth-child(even) {
  margin-right: 0;
 }
 .top-event .l-basic li:nth-child(n+3) {
  margin-top: 4%;
 }
}
@media screen and (min-width: 768px) {
 .top-event .top-event-inner {
  display: flex;
  justify-content: space-between;
  max-width: 1260px;
  margin: 0 auto;
 }
}
@media screen and (max-width: 767px) {
 .top-event {
  padding: 60px 20px;
 }
.top-event .top-event-ttl em {
left: 48%;
 }
 .top-event .l-basic li {
  width: 100%;
  margin-right: 0;
 }
 .top-event .l-basic li:nth-child(n+4) {
  display: none;
 }
}

#bg-video{
 position: absolute;
 right: 0;
 top: 0;
 min-width: 100%;
	height: 665px;
 /*min-height: 100%;*/
 width: auto;
 height: auto;
 z-index: 1;
 background: url("../img/top/movie-bg.jpg") no-repeat top center / cover;
}

.top-movie-bg {
	position: relative;
 background: url("../img/top/movie-bg.jpg") no-repeat top center / cover;
}
.top-movie-box {
	position: relative;
 max-width: 1260px;
 height: 665px;
 margin: 0 auto;
 padding: 30px 50px 5em;
 z-index: 2;
}
.movie-ttl {
 position: relative;
 color: #fff;
}
.movie-ttl h2 {
 margin-left: 40px;
 padding-left: 20px;
 border-left: 1px solid rgba(255, 255, 255, .5);
 font-size: 2.6rem;
 font-family: source-han-serif-japanese, serif;
 -webkit-writing-mode: vertical-rl;
 -moz-writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
 -ms-writing-mode: vertical-rl;
 writing-mode: vertical-rl;
 letter-spacing: .4em;
}
.movie-ttl span {
 position: absolute;
 top: 0;
 left: 0;
 font-family: 'Libre Baskerville', serif;
 font-size: 1.2rem;
 -webkit-writing-mode: vertical-rl;
 -moz-writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
 -ms-writing-mode: vertical-rl;
 writing-mode: vertical-rl;
 letter-spacing: .35em;
}
.movie-ttl span::before, .movie-ttl span::after {
 content: "-";
}
.top-movie-inner {
 position: relative;
 top: -100px;
 max-width: 1160px;
 margin: 0 auto;
 background-color: #fff;
	z-index: 3;
}
.top-movie-inner::before {
 content: "MOVIE";
 position: absolute;
 top: -125px;
 right: 0;
 font-style: normal;
 font-family: 'Butler_Light', serif;
 font-size: 15rem;
 color: #F6F9FB;
 color: rgba(246, 249, 251, .3);
 white-space: nowrap;
 line-height: 1;
 z-index: 1;
}
.top-movie-inner .movie-lead {
 padding: 50px 60px;
}
.top-movie-inner .movie-lead span {
 font-family: 'Libre Baskerville', serif;
 font-size: 1.3rem;
 color: #8F6D48;
 letter-spacing: .2em;
}
.top-movie-inner .movie-lead span::before, .top-movie-inner .movie-lead span::after {
 content: "-";
}
.top-movie-inner .movie-lead h3 {
 padding-top: 8px;
 font-family: source-han-serif-japanese, serif;
 font-size: 2.6rem;
 letter-spacing: .35em;
}
.top-movie-inner .movie-lead p {
 padding-top: 30px;
}
@media screen and (max-width: 1024px) {
	#bg-video,
 .top-movie-box {
  height: 500px;
 }
 .movie-ttl h2 {
  margin-left: 40px;
  padding-left: 20px;
  font-size: 2.2rem;
 }
 .top-movie-inner {
  top: -100px;
  max-width: 90%;
 }
 .top-movie-inner::before {
  top: -84px;
  font-size: 10rem;
 }
 .top-movie-inner .movie-lead {
  padding: 30px 40px;
 }
 .top-movie-inner .movie-lead span {
  font-size: 1.2rem;
 }
 .top-movie-inner .movie-lead h3 {
  font-size: 2.2rem;
 }
 .top-movie-inner .movie-lead p {
  padding-top: 20px;
 }
}
@media screen and (min-width: 768px) {
 .top-movie .top-ttl {
  display: none;
 }
}
@media screen and (max-width: 767px) {
	.top-movie{
		padding-top: 60px;
	}
 .top-movie-box {
  position: relative;
 }
	
	#bg-video,
 .top-movie-box {
  height: 200px;
 }
	
 .top-movie-box::before {
  content: "MOVIE";
  position: absolute;
  bottom: -10px;
  right: 0;
  font-style: normal;
  font-family: 'Butler_Light', serif;
  font-size: 5rem;
  color: #F6F9FB;
  color: rgba(246, 249, 251, .3);
  white-space: nowrap;
  line-height: 1;
  z-index: 1;
 }
 .movie-ttl {
  display: none;
 }
 .top-movie .top-ttl {
  margin-bottom: 20px;
 }
 .top-movie-inner {
  top: 0;
  max-width: 100%;
  padding-right: 20px;
  padding-left: 20px;
		padding-bottom: 60px;
 }
 .top-movie-inner::before {
  display: none;
 }
 .top-movie-inner .movie-lead {
  padding: 20px 0;
 }
 .top-movie-inner .movie-lead span {
  font-size: 1.1rem;
 }
 .top-movie-inner .movie-lead h3 {
  font-size: 1.6rem;
  letter-spacing: .1em;
 }
 .top-movie-inner .movie-lead p {
  padding: 15px 0 20px;
 }
}
.movie_wrap_box {
 width: 100%;
 display: flex;
 flex-wrap: wrap;
}
.movie_box:hover {
 opacity: 0.8;
}
.movie_title {
 font-family: source-han-serif-japanese, serif;
 font-size: 1.6rem;
 text-align: center;
}
.movie_box {
 width: calc(50% - 40px / 2);
 margin-right: 40px;
 margin-bottom: 50px;
}
.movie_box:nth-child(2n) {
 margin-right: 0;
}
@media screen and (max-width: 1024px) {
 .movie_box {
  width: calc(50% - 30px / 2);
  margin-right: 30px;
 }
 .movie_title {
  font-size: 1.5rem;
 }
}
@media all and (max-width : 767px) {
 .movie_box {
  width: 100%;
  margin-bottom: 30px;
  margin-right: 0;
 }
 .movie_box:nth-child(n+3) {
  display: none;
 }
 .movie_title {
  font-size: 1.3rem;
 }
}
.top-news {
 padding: 130px 50px 100px;
 background-color: #F9F8F6;
	overflow: hidden;
}
.top-news .top-news-ttl .top-ttl {
 text-align: left;
}
.top-news .top-news-ttl .top-ttl .top-ttl-inner {
 display: inline-flex;
 flex-direction: column;
}
.top-news .top-news-ttl .top-ttl .top-ttl-inner span {
 display: block;
 text-align: center;
}
.top-news .top-news-ttl em {
 position: absolute;
 left: 0;
 top: -50px;
 -webkit-transform: translateX(28%) rotate(90deg);
 transform: translateX(28%) rotate(90deg);
 -webkit-transform-origin: left top;
 transform-origin: left top;
 color: #EFEFEF;
}
@media screen and (min-width: 1025px) {
 .top-news .top-news-ttl {
  width: 225px;
 }
 .top-news .top-news-ttl em {
  font-size: 15rem;
 }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
 .top-news .top-news-ttl {
  width: 200px;
 }
 .top-news .top-news-ttl em {
  font-size: 12rem;
 }
}
@media screen and (max-width: 767px) {
 .top-news .top-news-ttl {
  margin-bottom: 30px;
 }
 .top-news .top-news-ttl .top-ttl {
  text-align: center;
 }
 .top-news .top-news-ttl .top-ttl .top-ttl-inner {
  display: block;
 }
 .top-news .top-news-ttl em {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-70%);
  -ms-transform: translateY(-70%);
  font-size: 5.5rem;
  color: #EFEFEF;
  white-space: nowrap;
  line-height: 1;
  z-index: 1;
 }
}
.top-news .top-news-list {
 flex: 1 0 0;
}
.top-news .l-basic .event-date {
 padding: 0 10px 15px;
 font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", sans-serif;
 font-weight: 600;
 color: #8F6D48;
}
.top-news .l-basic h3 {
 padding: 15px 10px;
 font-size: 1.8rem;
 font-family: source-han-serif-japanese, serif;
 font-weight: 400;
 white-space: nowrap;
 overflow: hidden;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
}
.top-news .l-basic h3 + p, .top-news .l-basic .event-date + p {
 padding: 0 10px;
 font-size: 1.3rem;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 overflow: hidden;
}
@media screen and (max-width: 1024px) {
 .top-news {
  padding: 80px 30px 60px;
 }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
 .top-news .l-basic li {
  width: 48%;
  margin-right: 4%;
 }
 .top-news .l-basic li:nth-child(even) {
  margin-right: 0;
 }
 .top-news .l-basic li:nth-child(n+3) {
  margin-top: 4%;
 }
}
@media screen and (min-width: 768px) {
 .top-news .top-news-inner {
  display: flex;
  justify-content: space-between;
  max-width: 1260px;
  margin: 0 auto;
 }
}
@media screen and (max-width: 767px) {
  .top-news {
  padding: 60px 20px;
 }
	.top-news .l-basic li {
  width: 100%;
  margin-right: 0;
 }
 .top-news .l-basic li:nth-child(n+4) {
  display: none;
 }
}
.news_box {
 max-width: 1260px;
 width: 100%;
 padding: 25px 20px 25px 20px;
 border-bottom: solid 1px #E5E5E5;
 display: flex;
 align-items: center;
}
.news_box:first-child {
 border-top: solid 1px #E5E5E5;
}
.news_box .date {
 max-width: 90px;
 width: 100%;
 font-family: 'Libre Baskerville', serif;
 font-weight: 400;
 font-size: 1.4rem;
 line-height: 100%;
 display: block;
 margin-right: 50px;
}
.new_icon {
 font-family: 'Libre Baskerville', serif;
 font-size: 1.0rem;
 width: 48px;
 padding: 5px 5px 4px;
 color: #fff;
 background-color: #A37E39;
 margin-left: 10px;
 line-height: 100%;
 text-align: center;
 display: block;
}
.news_title a {
 font-family: source-han-serif-japanese, serif;
 font-weight: 400;
 letter-spacing: 0.2em;
 max-width: 1040px;
 width: 100%;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
 overflow: hidden;
 text-overflow: ellipsis;
}
.news_title a:hover {
 color: #A37E39;
 text-decoration: underline;
}
@media screen and (min-width:768px) and (max-width:1024px) {
 .news_box .date {
  font-size: 1.2rem;
  margin-right: 20px;
 }
 .news_title a {
  max-width: 650px;
 }
}
@media all and (max-width : 767px) {
 .news_box {
  padding: 15px 15px 15px 10px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
 }
 .news_box .date {
  font-size: 1.1rem;
  margin-right: 0px;
  margin-bottom: 5px;
 }
 .news_title a {
  font-size: 1.2rem;
  margin-bottom: 5px;
 }
}
/*jquery.modal.css*/
.blocker, .modal {
 box-sizing: border-box
}
.blocker {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100%;
 overflow: auto;
 z-index: 1;
 padding: 20px;
 background-color: #000;
 background-color: rgba(0, 0, 0, .75);
 text-align: center
}
.blocker:before {
 content: "";
 display: inline-block;
 height: 100%;
 vertical-align: middle;
 margin-right: -.05em
}
.blocker.behind {
 background-color: transparent
}
.modal {
 display: none;
 vertical-align: middle;
 position: relative;
 z-index: 2;
 max-width: 500px;
 width: 90%;
 background: #fff;
 padding: 15px 30px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 -o-border-radius: 8px;
 -ms-border-radius: 8px;
 border-radius: 8px;
 -webkit-box-shadow: 0 0 10px #000;
 -moz-box-shadow: 0 0 10px #000;
 -o-box-shadow: 0 0 10px #000;
 -ms-box-shadow: 0 0 10px #000;
 box-shadow: 0 0 10px #000;
 text-align: left
}
.modal-spinner {
 display: none;
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translateY(-50%) translateX(-50%);
 padding: 12px 16px;
 border-radius: 5px;
 background-color: #111;
 height: 20px
}
.modal-spinner > div {
 border-radius: 100px;
 background-color: #fff;
 height: 20px;
 width: 2px;
 margin: 0 1px;
 display: inline-block;
 -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
 animation: sk-stretchdelay 1.2s infinite ease-in-out
}
.modal-spinner .rect2 {
 -webkit-animation-delay: -1.1s;
 animation-delay: -1.1s
}
.modal-spinner .rect3 {
 -webkit-animation-delay: -1s;
 animation-delay: -1s
}
.modal-spinner .rect4 {
 -webkit-animation-delay: -.9s;
 animation-delay: -.9s
}
@-webkit-keyframes sk-stretchdelay {
 0%, 100%, 40% {
  -webkit-transform: scaleY(.5)
 }
 20% {
  -webkit-transform: scaleY(1)
 }
}
@keyframes sk-stretchdelay {
 0%, 100%, 40% {
  transform: scaleY(.5);
  -webkit-transform: scaleY(.5)
 }
 20% {
  transform: scaleY(1);
  -webkit-transform: scaleY(1)
 }
}
/* youtube video */
.vdo-unit {
 width: 100%;
 margin-right: 20px;
}
.vdo-base {
 margin-bottom: 15px;
 position: relative;
}
.modal-open {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 6;
}
.vdo-body {
 max-width: 100%;
 height: auto;
 padding-bottom: 56.25%;
 position: relative;
 overflow: hidden;
}
.vdo-body iframe {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
}
/* modal */
.blocker {
 z-index: 11;
}
.modal {
 background-color: #242424;
 border-radius: 4px;
 max-width: 1200px;
 padding: 10px;
 color: #fff;
}
.modal-window .vdo-txt {
 margin-left: 2%;
}
.modal-window .vdo-txt .txt-ttl {
 margin-bottom: 6px;
}
.modal-window .vdo-txt .txt-txt {
 margin-bottom: .4rem;
 font-size: 1.3rem;
}
.modal a.close-modal {
 background-color: #000;
 border: 2px solid #242424;
 border-radius: 50%;
 display: block;
 width: 26px;
 height: 26px;
 padding: 30px 30px 0 0;
 overflow: hidden;
 position: absolute;
 top: -13px;
 right: -13px;
}
.modal a.close-modal:hover {
 background-color: #424242;
}
.modal a.close-modal::before, .modal a.close-modal::after {
 background-color: #999;
 content: '';
 display: block;
 width: 2px;
 height: 24px;
 margin-left: -1px;
 position: absolute;
 top: 3px;
 left: 50%;
}
.modal a.close-modal::before {
 transform: rotate(-45deg);
}
.modal a.close-modal::after {
 transform: rotate(45deg);
}

.top-guide{
	padding: 120px 50px 0;
}
.top-guide .top-ttl{
	margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.top-guide{
	padding: 60px 40px 0;
}
.top-guide .top-ttl{
	margin-bottom: 30px;
}
	.top-guide .top-ttl h2{
	line-height: 1.3;
}
	.top-guide .slick-slide{
		margin-right: 10px;
		margin-left: 10px;
	}
	.top-guide .slick-prev,
	.top-guide .slick-next {
 margin-top: -70px;
}
}
.top-guide-inner {
 max-width: 1260px;
 margin: 0 auto;
}
.top-guide .l-basic li {
 outline: none;
}

@media screen and (min-width: 768px) {
.top-guide .slick-prev {
  left: -48px;
}
.top-guide .slick-next {
  right: -48px;
}
	.top-guide .l-basic.l-col4 li {
  width: 23.6686390533% !important;
}
}



.top-guide .l-basic li .guide-photo {
 padding: 5px;
 border: 1px solid #ddd;
 /*outline: 1px solid #ddd;*/
 background-color: #EDF0F1;
}
.top-guide .l-basic li h3 {
 position: relative;
 width: 100%;
 padding: 15px 0 10px;
 font-size: 1.4rem;
 color: #8F6D48;
 text-decoration: underline;
 white-space: inherit;
 overflow: inherit;
 text-overflow: inherit;
}
.top-guide .l-basic li a:hover h3 {
 text-decoration: none;
}
.top-guide .l-basic li p {
 padding: 0;
 font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
.top-guide .l-basic li p {
 font-size: 1.2rem;
}
}
.top-guide .l-basic li a[target="_blank"] h3 {
 padding-left: 17px;
}
.top-guide .l-basic li a[target="_blank"] h3::before {
 position: absolute;
 top: 1.6em;
 left: 0;
 content: "";
 background: url("../img/common/icon-blank.svg") no-repeat 0 0 / contain;
 width: 10px;
 height: 9px;
}
.top-sns {
 padding: 100px 50px 0;
}
.top-sns-inner {
 max-width: 1260px;
 margin: 0 auto;
}
.top-sns .top-ttl {
	margin-bottom: 60px;
}
.top-sns .top-ttl em {
 font-size: 15rem;
}
@media screen and (max-width: 767px) {
.top-sns .top-ttl {
	margin-bottom: 30px;
}
	.top-sns .top-ttl em {
	top: 23%;
 font-size: 5.5rem;
}
}
.top-sns ul {
 display: flex;
 flex-wrap: wrap;
}
.top-sns li a {
 transition: all .4s;
}
.top-sns li a:hover {
 opacity: .8;
}
.top-sns li figure {
 position: relative;
 overflow: hidden;
 padding-top: 100%;
}
.top-sns li figure img {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 height: 100%;
 object-fit: cover;
 font-family: 'object-fit: cover; object-position: 50% 50%;';
}
.top-sns .instagram-ttl {
 margin-bottom: 20px;
 font-family: 'Libre Baskerville', serif;
}
.top-sns .instagram-ttl dt {
 display: flex;
 align-items: center;
 font-size: 1.6rem;
 letter-spacing: .4em;
}
.top-sns .instagram-ttl dt p {
 padding-left: 10px;
}
.top-sns .instagram-ttl dd {
 padding: 5px 0 0 28px;
 font-size: 1rem;
 color: #8F6D48;
}
@media screen and (min-width: 1025px) {
 .top-sns li {
  width: 13.4920634921%;
  margin-right: 0.92592592588%;
 }
 .top-sns li:nth-child(7n) {
  margin-right: 0;
 }
 .top-sns li:nth-child(n+8) {
  margin-top: 0.92592592588%;
 }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
 .top-sns li {
  width: 19.2%;
  margin-right: 1%;
 }
 .top-sns li:nth-child(5n) {
  margin-right: 0;
 }
 .top-sns li:nth-child(n+6) {
  margin-top: 1%;
 }
 .top-sns li:nth-child(n+11) {
  display: none;
 }
}
@media screen and (max-width: 767px) {
 .top-sns {
  padding: 60px 20px 0;
 }
 .top-sns li {
  width: 49%;
  margin-right: 2%;
 }
 .top-sns li:nth-child(even) {
  margin-right: 0;
 }
 .top-sns li:nth-child(n+3) {
  margin-top: 2%;
 }
 .top-sns li:nth-child(n+9) {
  display: none;
 }
}
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/*.top-kv, .top-pickup, .top-feature, .top-tourism, .top-event, .top-movie, .top-news, .top-guide, .top-sns {
 display: none;
}*/


.main_copy {
  position: absolute;
  top: 240px;
  left: 14%;
  z-index: 2;
  max-width: 537px
}
.main_copy img {
  width: 100%;
}
@media only screen and (min-device-width: 390px) and (max-device-width: 896px) and (orientation: landscape) {
  .main_copy {
    position: absolute;
    top: 150px;
    left: 14%;
    max-width: 300px
  }
}
@media screen and (max-width:767px) {
  .main_copy {
    top: 120px;
    left: 60px;
    max-width: 300px;
  }
}


/*
  Progressbar
------------------------------------------------------------------------------*/
.progress_box {
  width: 46px;
  height: 100%;
  position: absolute;
  left: 10%;
  top: 200px;
  z-index: 2;
}
@media screen and (min-width:768px) and (max-width:1024px) {
  .progress_box {
    position: absolute;
    left: 5%;
    top: 150px;
  }
}
@media screen and (max-width:767px) {
  .progress_box {
    top: 80px;
    left: 10px
  }
}
.slider-progress {
  width: 1px;
  height: 57%;
  background: rgba(255, 255, 255, .3);
}
.slider-progress {
  position: absolute;
  left: 50%;
}
.slider-progress .progress {
  width: 1px;
  height: 0;
  background: white;
}
.counter {
  display: block;
  font-size: 0.8rem;
  line-height: 1.5;
  color: #fff;
  position: absolute;
  bottom: 40%;
	padding-left: 3px;
	letter-spacing: -1px;
}
.total {
  position: relative;
  margin-left: 10px;
  padding-left: 20px;
}
.total:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 1px;
  background: #ffffff;
}


/*
  Icon
------------------------------------------------------------------------------*/
.arrow_hover {
  position: relative;
}
.arrow_hover:hover .icon_arrow::after {
  -webkit-animation: arrowSlide 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
  animation: arrowSlide 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
}
.icon_arrow::after {
  -webkit-animation: arrowSlide_r 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
  animation: arrowSlide_r 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
}
.icon_arrow {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
@media print, screen and (min-width: 768px) {
  .icon_arrow {
    margin-left: 13px;
    width: 12px;
    height: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .icon_arrow {
    margin-left: 2.93333vw;
    width: 3.2vw;
    height: 3.46667vw;
  }
}
@media print, screen and (min-width: 768px) {
  .icon_arrow::after {
    width: 12px;
    height: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .icon_arrow::after {
    width: 3.2vw;
    height: 3.46667vw;
  }
}
.icon_arrow::after {
  content: "";
  position: absolute;
  display: block;
  background: url(../img/top/icon_arrow_w.svg) center/contain no-repeat;
  top: 0;
  left: 0;
}
.icon_arrow.icon_arrow-w::after {
  background-image: url("../img/top/icon_arrow_w.svg");
}


/*
  Animation
------------------------------------------------------------------------------*/
@-webkit-keyframes arrowSlide {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes arrowSlide {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}



/*------------------------------------------------------------------------------

  Common

------------------------------------------------------------------------------*/
@-webkit-keyframes bgimgzoom2 {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bgimgzoom2 {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*------------------------------------------------------------------------------

  Mainvisual

------------------------------------------------------------------------------*/
.mainvisual_upper {
  overflow: hidden;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .mainvisual_upper {
    width: 100%;
    z-index: 1;
    height: 100vh;
  }
}
@media only screen and (max-width: 767px) {
  .mainvisual_upper {
    width: 100%;
    height: 100vh;
  }
}
.mainvisual_upper .mainvisual_slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mainvisual_upper .mainvisual_slider .slides {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.mainvisual_upper .mainvisual_slider .kvslide {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.mainvisual_upper .mainvisual_slider .kvslide.is-active {
  display: block;
}
.mainvisual_upper .mainvisual_slider .kvslide.is-loaded {
  opacity: 1;
}
.mainvisual_upper .mainvisual_slider_content {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.mainvisual_upper .mainvisual_slider_content .caption {
  position: absolute;
}
@media print, screen and (min-width: 768px) {
  .mainvisual_upper .mainvisual_slider_content .caption {
    right: 70px;
    bottom: 100px;
  }
}
@media only screen and (min-device-width: 390px) and (max-device-width: 896px) and (orientation: landscape) {
  .mainvisual_upper .mainvisual_slider_content .caption {
    right: 20px;
    bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .mainvisual_upper .mainvisual_slider_content .caption {
    left: 3vw;
    bottom: 20vw;
  }
}
.mainvisual_upper .mainvisual_slider_content_intro {
  letter-spacing: 0.1em;
  color: #fff;
}
.mainvisual_upper .mainvisual_slider_content_intro .bold {
  font-family: "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴシック", Hiragino Sans, Verdana, "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
}
@media print, screen and (min-width: 768px) {
  .mainvisual_upper .mainvisual_slider_content_intro {
    font-size: 2.0rem;
    margin: 6px 0 20px 13px;
  }
}
@media only screen and (min-device-width: 390px) and (max-device-width: 896px) and (orientation: landscape) {
  .mainvisual_upper .mainvisual_slider_content_intro {
    font-size: 1.2rem;
    margin: 6px 0 10px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .mainvisual_upper .mainvisual_slider_content_intro {
    font-size: 1.3rem;
    margin: 6px 0 10px 10px;
  }
}
.feature_title {
  font-family: 'Libre Baskerville', serif;
  font-size: 1.0rem;
  width: 80px;
  border: solid 1px #fff;
  border-radius: 1rem;
  line-height: 100%;
  padding: 5px 0 3px;
  margin: 0 0 10px 15px;
  color: #fff;
  display: block;
  text-align: center;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
  .feature_title {
    margin-left: 10px;
  }
}
.mainvisual_upper .mainvisual_slider_content_link {
  color: #fff;
  letter-spacing: 0.1em;
}
@media print, screen and (min-width: 768px) {
  .mainvisual_upper .mainvisual_slider_content_link {
    font-size: 1.1rem;
    margin-top: 20px;
    margin-left: 15px;
  }
}
@media only screen and (min-device-width: 390px) and (max-device-width: 896px) and (orientation: landscape) {
  .mainvisual_upper .mainvisual_slider_content_link {
    font-size: 1.0rem;
    margin-top: 0px;
    margin-left: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .mainvisual_upper .mainvisual_slider_content_link {
    font-size: 1.0rem;
    margin-top: 10px;
    margin-left: 12px;
  }
}
@media print, screen and (min-width: 768px) {
  .mainvisual_upper .mainvisual_slider_content_link .icon_arrow {
    top: 2px;
  }
}
@media only screen and (max-width: 767px) {
  .mainvisual_upper .mainvisual_slider_content_link .icon_arrow {
    top: 0.53333vw;
  }
}
.mainvisual_upper .mainvisual_slider .mainvisual_slider_link {
  position: relative;
  display: block;
  height: 100%;
}
.mainvisual_upper .mainvisual_slider_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  z-index: 1;
  background-size: cover;
  image-rendering: optimizeQuality;
}
.mainvisual_upper .mainvisual_slider_img > img {
  width: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  height: 100%;
  -webkit-animation: bgimgzoom2 20s 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
  animation: bgimgzoom2 20s 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.mainvisual_upper .mainvisual_slider_img::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/top/slide_grid.png") left top repeat;
  position: absolute;
  left: 0;
  top: 0;
}




.top-important {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 75px;
  background-color: rgba(0, 0, 0, .8);
  color: #fff;
  z-index: 2000;
}