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

/* main_slide */
.main_slide_wrap {
	background: url(/image/bg_main_slide.jpg) no-repeat 0 0;
	background-size: cover;
	/*padding: 30px 110px;*/
  padding: 30px 0;
	/*position: relative;*/
	/*max-height: 680px;*/
    overflow: hidden;
}
.main_slide { opacity: 0; transition: .8s; }
.main_slide.slick-slider { opacity: 1; }

.main_slide .slick-slide {
  margin: auto 25px;
}

.main_slide .slick-slide img{
  margin: auto;
}


/*
.main_slide .slick-slide a {
	display: block;
	position: relative;
	padding-bottom: 141.66%;
	overflow: hidden;
	background: #fff;
}
.main_slide .slick-slide img {
	position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
    max-width: 100%;
    backface-visibility: hidden;
}
*/
.main_slide .state span {
    max-width: 1200px;
    margin: auto;
    color: #fff;
    font-size: 15px;
    text-align: center;
    display: block;
    padding: 7px 10px;
    background-color: #A5A597;
}
.main_slide .state .icon_now {
	color: #000;
    background-color: #DFCEB2;
}
.main_slide .state .icon_end {
    background-color: #DF2523;
}


#top .top_info_nav { margin-bottom: 50px; }

/* top_topics */
.top_topics {
	margin-bottom: 60px;
}
.top_topics .h_topics {
    float: left;
    margin-right: 5.83%;
}
.top_topics .h_topics .ttl {
	font-weight: 500;
	font-size: 173.33%;
	text-align: center;
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    white-space: nowrap;
    text-align: justify;
    word-break: keep-all;
	border-bottom: 1px solid #BBBBBB;
	padding-bottom: 20px;
    margin-bottom: 20px;
	height: 132px;
}
.top_topics .link {
	text-align: center;
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    white-space: nowrap;
    text-align: justify;
    word-break: keep-all;
	margin-left: 6px;
	height: 80px;
}
.top_topics .link a {
	color: #000;
	position: relative;
	text-decoration: none;
}
.top_topics .link a:hover {}
.top_topics .link a::after {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    bottom: -13px;
    left: 5px;
    border-bottom: 1px solid #8C6600;
    border-left: 1px solid #8C6600;
    transform: rotate(-45deg);
}

.top_topics .list {
    overflow: hidden;
}
.top_topics .list > .lead {
	color: #999;
	font-size: 93.33%;
	margin-bottom: 10px;
}

/* announce_bnr */
.announce_bnr { margin-bottom: 50px; }
.announce_bnr li {
    margin-right: 30px;
}
.announce_bnr .slick-prev { left: -35px; }
.announce_bnr .slick-next { right: -35px; }

/* top_pickup */
.top_pickup {
	padding: 40px 0 55px;
	background: #FCF9F2 url(/image/bg_01.jpg);
}
.top_pickup > .ttl {
	font-size: 173.33%;
	font-weight: 500;
	text-align: center;
}
.top_pickup > .lead {
	color: #999;
	font-size: 93.33%;
	text-align: center;
	margin-bottom: 30px;
}
.top_pickup .list {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 100px;
    box-sizing: content-box;
}
.top_pickup .list .event_item {
    width: 18%;
    float: left;
    margin: 0 2.5% 2.5% 0;
}
.top_pickup .list .event_item:nth-child(5n) {
	margin-right: 0;
}
.top_pickup .list .event_item .ttl {
    font-size: 93.75%;
}
.top_pickup .list .event_item .thumb {
	padding-bottom: 74%;
    border: 1px solid #ddd;
    /* padding-bottom: 100%; */
}
.top_pickup .list .event_item .thumb img {
	top: 0;
	bottom: auto;
}
.top_pickup .list .link_box {
    /*text-align: center;*/
    margin-top: 10px;
}
/*
.pickup_slide .slick-slide {
  margin-right: 40px;
}
.pickup_slide .slick-slide img {
	width: 100%;
}
*/

/* top_facility_link */
#pagebody .facility_link {
	padding: 4% 0;
	margin-bottom: 30px;
	background: url(/image/bg_top_facility_link.jpg) no-repeat 0 0 fixed;
	background-size: cover;
}

/* bnr_list_01 */
#top .bnr_list_01 { margin-bottom: 20px; }


/* bnr_charm */
.bnr_charm {
    margin: 30px 0 20px;
}

/* top_sns */
.top_sns {
    margin: 42px auto 80px;
}
.top_sns .ttl {
	font-size: 173.33%;
	font-weight: 500;
	text-align: center;
}
.top_sns .lead {
	color: #999;
	font-size: 93.33%;
	text-align: center;
	margin-bottom: 30px;
}
.top_sns .inner {
	text-align: center;
	max-width: 820px;
	margin: 0 auto;
	font-size: 0;
}
.top_sns .item {
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	width: 46.34%;
	margin: 0 1.825%;
	/*width: 41.66%;
	margin: 0 1.25%;*/
}
.top_sns .item a {
	display: block;
}
/*.top_sns .item iframe {
    width: 100% !important;
}*/

/* top_bottom_nav */
.top_bottom_nav {
    margin-top: 60px;
}


/* 広いPC */
@media (min-width: 1500px) {
}


/* Opening */
.opening_content{
  position: relative;
}

.opening_txt_area{
  position: absolute;
  top: 100px;
  right: 0;
  left: 0;
  z-index: 100;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  text-align: center;
  color: #fff;
}

/*
.opening_txt_area::after{
  content: url(/userfiles/images/page/top/icon_scroll.png);
  display: block;
  position: absolute;
  bottom: -150px;
  left: 50%;
  transform: translateX(-50%);  
  margin: 60px auto auto;
}
*/

.opening_content .scroll_icon{
  position: absolute;
  bottom: -142px;
  left: 50%;
  transform: translateX(-50%);  
}

.opening_txt_main{
  line-height: 1;
  margin: 0 0 62px;
  font-size: 400%;
  opacity: 0;
  transition: all 4.8s;
}

.opening_txt_other{
  line-height: 1.9;
  font-size: 175%;
  letter-spacing: 1px;
}

.opening_txt_01_02,
.opening_txt_02_02,
.opening_txt_02_03,
.opening_txt_03_02,
.opening_txt_03_03{
  margin-top: 7px;
}

.opening_txt_area span{
  opacity: 0;
}

.opening_txt_other .separete_txt{
  margin-top: 60px;
}

.opening_content .opening_img{
  position: absolute;
  width: 35%;
  top: 40%;
}

.opening_content .opening_img_01{
  left: 0;
  transition: all 4.8s;
}

.opening_content .opening_img_02{
  right: 0;
}

.dis_none{
  display: none;
}

.opening_content .opening_img_l_01,
.opening_content .opening_img_l_02,
.opening_content .opening_img_l_03,
.opening_content .opening_img_l_04,
.opening_content .opening_img_l_05,
.opening_content .opening_img_r_01,
.opening_content .opening_img_r_02,
.opening_content .opening_img_r_03,
.opening_content .opening_img_r_04,
.opening_content .opening_img_r_05{
  position: absolute;
  transition: all 2.6s;
  opacity: 0;
}

.opening_content .opening_img_l_01{
  z-index: 30;
  top: 100px;
  left: 245px;
  left: 50.5%;
  left: 40.5%;
  width: 255px;
  width: 45.5%;
}

.opening_content .opening_img_l_02{
  z-index: 10;
  top: 205px;
  left: 78px;
  left: 16%;
  left: 8%;
  width: 313px;
  width: 56%;
}

.opening_content .opening_img_l_03{
  z-index: 20;
  top: 335px;
  left: 390px;
  left: 68.2%;
  width: 268px;
  width: 47.9%;
}

.opening_content .opening_img_l_04{
  z-index: 40;
  top: 494px;
  left: 0;
  left: -4%;
  width: 636px;
  width: 113.5%;
}

/*.opening_content .opening_img_l_05{
  z-index: ;
  top: ;
  left: ;
}*/

.opening_content .opening_img_r_01{
  z-index: 10;
  top: 100px;
  right: 110px;
  right: 22.6%;
  width: 181px;
  width: 32.4%;
}

.opening_content .opening_img_r_02{
  z-index: 50;
  top: 167px;
  right: 313px;
  right: 64.4%;
  width: 208px;
  width: 37.2%;
}

.opening_content .opening_img_r_03{
  z-index: 40;
  top: 329px;
  right: 150px;
  right: 30.8%;
  width: 308px;
  width: 59.7%;
}

.opening_content .opening_img_r_04{
  z-index: 30;
  top: 412px;
  right: 393px;
  right: 81%;
  width: 270px;
  width: 48.3%;
}

.opening_content .opening_img_r_05{
  z-index: 20;
  top: 533px;
  right: 10px;
  right: 2%;
  width: 456px;
  width: 82.2%;
}