.fix-inner-back{
		width: 100%;
    height: 110% !important;
    background: url(../../../assets/img/index/main-01.jpg) center top no-repeat;
    position: fixed !important;
		background-size: cover;
    top: 0px;
    left: 0px;
    z-index: -1;
}
.vegas-timer{display: none;}
footer{
	margin-top:-1%;
	z-index:5000;
	position: relative;
}
body.home .wrapper{
	padding-top: 40px;
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
@keyframes huwahuwa {
	0% { transform:translateX(5px) }
 	50% { transform:translateY(20px) }
  75% { transform:translateY(0px) }
	100% { transform:translateX(5px) }
}
@keyframes huwahuwa2 {
	0% { transform:translateY(5px) }
 	50% { transform:translateX(20px) }
  75% { transform:translateX(0px) }
	100% { transform:translateY(5px) }
}
@keyframes tsuntsun_t {
	0% { transform:translateX(0) translateY(0); }
 	10% { transform:translateX(-20%) translateY(5%); }
  17% { transform:translateX(0) translateY(0); }






	25% { transform:translateX(0) translateY(0); }


	35% { transform:translateX(-20%) translateY(5%); }
 	43% { transform:translateX(0) translateY(0); }
	100% { transform:translateX(0) translateY(0); }
}

@keyframes tsuntsun_m {
	0% { transform:translateX(0) translateY(0); }
 	10% { transform:translateX(-10%) translateY(5%); }
  17% { transform:translateX(0) translateY(0); }
	25% { transform:translateX(0) translateY(0); }
	35% { transform:translateX(-10%) translateY(5%); }
 	43% { transform:translateX(0) translateY(0); }
	100% { transform:translateX(0) translateY(0); }
}

@keyframes tsuntsun_b {
	0% { transform:translateX(0) translateY(0); }
 	10% { transform:translateX(-7%) translateY(20%); }
  17% { transform:translateX(0) translateY(0); }
	25% { transform:translateX(0) translateY(0); }
	35% { transform:translateX(-7%) translateY(20%); }
 	43% { transform:translateX(0) translateY(0); }
	100% { transform:translateX(0) translateY(0); }
}
@keyframes tsuntsun2_t {
	0% { transform:translateX(0) translateY(0); }
 	10% { transform:translateX(17.5%) translateY(-17.5%); }
  17% { transform:translateX(0) translateY(0); }
	25% { transform:translateX(0) translateY(0); }

	35% { transform:translateX(17.5%) translateY(-17.5%); }
 	43% { transform:translateX(0) translateY(0); }
	100% { transform:translateX(0) translateY(0); }
}
@keyframes tsuntsun2_m {
	0% { transform:translateX(0) translateY(0); }
 	10% { transform:translateX(10%) translateY(-5%); }
  17% { transform:translateX(0) translateY(0); }
	25% { transform:translateX(0) translateY(0); }
	35% { transform:translateX(10%) translateY(-5%); }
 	43% { transform:translateX(0) translateY(0); }

	100% { transform:translateX(0) translateY(0); }


}
@keyframes tsuntsun2_b {
	0% { transform:translateX(0) translateY(0); }
 	10% { transform:translateX(23%) translateY(-2%); }
  17% { transform:translateX(0) translateY(0); }
	25% { transform:translateX(0) translateY(0); }
	35% { transform:translateX(23%) translateY(-2%); }
 	43% { transform:translateX(0) translateY(0); }
	100% { transform:translateX(0) translateY(0); }
}

/*------------------- section-top -------------------*/

.section-top{
	position:relative;

	background:url(../../../assets/img/index/bg-sprblossoms.png) no-repeat center bottom;
	/* background:url(../../../assets/img/index/bg-cosmos.png) no-repeat center bottom; */

	background-size:cover;
	padding-top:160px;
	padding-bottom:130px;

}

.section-top:before{
	/*content:"";*/
	background:url(../../../assets/img/index/bg-arch.png) no-repeat center top;
	 background-size: 100%;
   width: 100%;
   height: 0;
   position: absolute;
   padding-top: 6%;
   bottom: -1%;
}

.event-slider .slick-slider .slick-next {
    right: 0;
    background: url(../../../assets/img/index/slickbtn.png) no-repeat scroll 0 0;
		width: 19px;height:52px;

		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
}
.event-slider .slick-slider .slick-prev {
    left: 0;
		background: url(../../../assets/img/index/slickbtn.png) no-repeat scroll 0 0;
		width: 19px;height:52px;

		transform: rotate(-180deg) translateY(50%);
		-webkit-transform: rotate(-180deg) translateY(50%);
		-moz-transform: rotate(-180deg) translateY(50%);
		-ms-transform: rotate(-180deg) translateY(50%);
}
/*---天気アイコン---*/
.ajax-tenki{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 28px;
	background-repeat: no-repeat;
	background-position: center center;
}
.ajax-tenki.icon-hare{
	background-image: url(../../img/index/icon-hare.png);
}
.ajax-tenki.icon-kumori{
	background-image: url(../../img/index/icon-kumori.png);
}
.ajax-tenki.icon-harekumori{
	background-image: url(../../img/index/icon-harekumori.png);
}
.ajax-tenki.icon-ame{
	background-image: url(../../img/index/icon-ame.png);
}
.ajax-tenki.icon-kumoriame{
	background-image: url(../../img/index/icon-kumoriame.png);
}
.ajax-tenki.icon-kaminari{
	background-image: url(../../img/index/icon-kaminari.png);
}
.ajax-tenki.icon-raiu{
	background-image: url(../../img/index/icon-raiu.png);
}
.ajax-tenki.icon-yuki{
	background-image: url(../../img/index/icon-yuki.png);
}

.event-slider .slick-list,.slider-news .slick-list{
	overflow: hidden;
}

@media screen and (max-width: 1023px){
	.section-top{
		background: url(../../../assets/img/index/bg-sprblossoms_sp.png) no-repeat center bottom;
		/* background:url(../../../assets/img/index/bg-cosmos_sp.png) no-repeat center bottom; */
    background-size: 100%;
		height: 161vw;
		padding-top:0;
		padding-bottom:5%;
	}
	.section-top:before{
		bottom:-0.2%;
	}
	.section-top .section-inner {
		padding: 0;
	}
}


/*------------------- content-area -------------------*/
.content-area{
	position:relative;
	/*background:url(../../../assets/img/index/bg-main.png) no-repeat center top;*/
	background-size:cover;
	padding-top:70px;
	padding-bottom:210px;
	z-index:400;
}
@media screen and (max-width: 1023px){
	.content-area{
		width:100%;
		padding-top:10%;
		padding-bottom:30%;
	}
}

/*------------------- announcement-area -------------------*/

.announcement-area{
	margin-bottom:15px;
	padding:0 30px;
}

.btn-event{
	text-align: right;
	margin-bottom:10px;
	padding-right:30px;
}

@media screen and (max-width: 1023px) {
	.announcement-area {
		padding:0;
	}
}
/*------------------- today-box -------------------*/
.today-box{
	float:left;
	width:240px;
	height:145px;
	padding:20px 30px;
	background:rgba(255,255,255,0.9);
	box-sizing: border-box;
	border-radius:10px;
	color: #4b4b4b;
}
.today-box .title{
	font-size:16px;
	margin-bottom: 20px;
	color:#007c36;
	text-align: center;
	font-weight: bold;
}
.today-box ul li{
	width:180px;
	float:left;
	margin-right:90px;
}
.today-box ul li:last-child{
	margin-right:0;
}
.today-box .title-mini{
	text-align: center;
	font-size:14px;
	padding-bottom:5px;
	color:#007c36;
	border-bottom:solid 2px #007c36;
	font-weight: 500;
}
.today-box .text-mini{
	text-align: center;
	min-height: 1.5em;
	margin-top:14px;
	font-size:18px;
	font-weight: 500;
}
.today-box .wp-koukuti{color:red;}
.today-box .text-mini ~ .text-mini{
	margin-top: 5px;
}
.today-box .btn-ryoukin{
	float:left;
	position: relative;
  left: 45px;
  bottom: -12px;
}
.today-box .btn-ryoukin a{
	display: block;
	background:url(../../../assets/img/index/btn-ryoukin.png) no-repeat center top;
	width:88px;height:27px;
	margin:0 auto;
}
.today-box .btn-access{
	float:right;
	position: relative;
  right: 60px;
  bottom: 25px;
}

.today-box .btn-access a{
	display: block;
	background:url(../../../assets/img/index/btn-access.png) no-repeat center top;
	width:81px;height:27px;
	margin:0 auto;
}

@media screen and (max-width: 1023px){
	.today-box{
		float:none;
		width:80.256%;
		height:auto;
		margin:0 auto;
		margin-top:10.5%;
		padding:3.5% 10%;
	}
	.today-box .text-mini{
		font-weight: 600;
	}
	.today-box .title{
		font-size:3.4vw;
		margin-bottom:2%;
	}
	.today-box ul li{
		float:none;
		width:100%;
		margin-right:0;
	}
	.today-box ul li.sp-underline{
		border-bottom:solid 2px #007c36;
		margin-bottom:5%;
		text-align: center;
	}
	.today-box ul li.sp-width50{
		float:left;
		width:48%;
	}
	.today-box ul li.sp-width50.sp-width50right{float:right;}
	.today-box ul li .sp-fl{
		margin:0 2% 2.125% 2%;
	}

	.today-box ul li .sp-fl.title-mini{
		padding-bottom:0;
		margin-top:0;
		border-bottom:none;
		font-size:2.9vw;
	}
	.today-box .title-mini{
		font-size:2.9vw;
		padding-bottom:8.125%;
	}
	.today-box .text-mini{
		font-size:3.9vw;
		margin-top:2.2%;
		margin-top:8.125%;
	}
	.ajax-tenki{
		margin-bottom:0;
		padding-right:5%;
	}

	.today-box .btn-box{margin-top:4%;}
	.today-box .btn-ryoukin{
		width:100%;
  left: 0;
  bottom: 0;
}
.today-box .btn-ryoukin a{
	background:url(../../../assets/img/index/btn-ryoukin_sp.png) no-repeat center top;
	width:100%;height:0;
	background-size:100%;
	padding-top:32%;
}
.today-box .btn-access{
	width:40%;
  right: 3%;
  bottom: 0;
}

.today-box .btn-access a{
	background:url(../../../assets/img/index/btn-access_sp.png) no-repeat center top;
	width:100%;height:0;
	background-size:100%;
	padding-top:66%;
}


}

/*------------------- news-box -------------------*/

.news-box{
	float:right;
	position: relative;
	width:850px;
	height:145px;
	padding:20px 30px;
	background:rgba(255,255,255,0.9);
	box-sizing: border-box;
	border-radius:10px;
}
.news-box .title{
	font-size:14px;
	padding-bottom:5px;
	color:#007c36;
	border-bottom:solid 2px #007c36;
	font-weight: 500;
}

.news-box .icon{
	color:#4e9956;
	position: absolute;
	width:65px;
	font-size:12px;
	border-radius:5px;
	padding:3px 8px;
	top:17px;right:7px;
	font-weight: 400;
}
.news-box .icon a{
	color:#4e9956;
	text-decoration: none;
}
.news-box ul{
}
.news-box li{
	float:left;
	padding:5px 0;
}
.news-box li:first-child{
}
.news-box li .date{
	font-size:12px;
	font-weight: bold;
	margin-bottom:5px;
}
.news-box li a{
	display: block;
	text-decoration: none;
	color: #4b4b4b;
}
.news-box li a:hover{
	opacity: 0.7;
}
.news-box li .text{
	font-size:14px;
	font-weight: 500;
}
.news-box .btn-slide{position: absolute;right:15px;bottom:15px;}
.news-box .prev{float:left;}
.news-box .next{float:left;margin-left:5px;}


.news-box .slick-slider .slick-prev{
	background: url(../../../assets/img/index/btn-news-prev.png) no-repeat scroll 0 0;
	width:9px;height:10px;
	  bottom: -20px;
    right: 5px;
    left: inherit;
    top: inherit;
}
.news-box .slick-slider .slick-next{
	background: url(../../../assets/img/index/btn-news-next.png) no-repeat scroll 0 0;
	width:9px;height:10px;
	bottom: -20px;
  right:-10px;
  left: inherit;
  top: inherit;
}
.news-box .slick-slider .slick-next:focus,.news-box .slick-slider .slick-prev:focus{
	outline:none;
}
@media screen and (max-width: 1023px){

	.news-box{
		float:none;
		width:100%;
		height:auto;
		background: #ffffff;
		border-radius:0;
		padding:2% 3.125%;
		overflow: hidden;
	}
	.news-box .title{
		display: none;
	}
	.news-box ul{
		width:83%;
		overflow:inherit;
		height:inherit;
	}
	.news-box li{
		display: none;
		border:none;
	}
	.news-box li:first-child{
		display: block;
	}
	.news-box li .date{
		font-size:1.9vw;
		margin-bottom: 0;
	}
	.news-box li .text{
		font-size:2.6vw;
	}
	.news-box .icon{
		border-radius: 0;
		font-size:2.8vw;
		height: 100%;
    width: 17%;
    top: 0;
    right: 0;
		padding:0;
		background-color:#007c36;
		text-align: center;
	}
	.news-box .icon a{
		color:#fff;
		display: block;
		vertical-align: middle;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

}

/*------------------- navi-box -------------------*/
.navi-box ul{
	text-align: center;
}

.navi-box li{
	display: inline-block;
	margin:0 10px;
}

.navi-box li a{
	display: block;
	width:127px;height:75px;
}

.navi-box li.ryoukin a{background:url(../../../assets/img/index/navi-ryoukin.png) no-repeat center top;}
.navi-box li.event a{background:url(../../../assets/img/index/navi-event.png) no-repeat center top;}
.navi-box li.yoyaku a{background:url(../../../assets/img/index/navi-yoyaku.png) no-repeat center top;}
.navi-box li.access a{background:url(../../../assets/img/index/navi-access.png) no-repeat center top;}

.navi-box li.ryoukin a:hover{background:url(../../../assets/img/index/navi-ryoukin_on.png) no-repeat center top;}
.navi-box li.event a:hover{background:url(../../../assets/img/index/navi-event_on.png) no-repeat center top;}
.navi-box li.yoyaku a:hover{background:url(../../../assets/img/index/navi-yoyaku_on.png) no-repeat center top;}
.navi-box li.access a:hover{background:url(../../../assets/img/index/navi-access_on.png) no-repeat center top;}

@media screen and (max-width: 1023px){
	.navi-box li{width:23%;margin:0;}
	.navi-box li a{
		width:100%;
		height:auto;
		padding-top:100%;
	}
	.navi-box li.ryoukin a{
		background:url(../../../assets/img/index/navi-ryoukin_sp.png) no-repeat center top;
		background-size:100%;
	}
	.navi-box li.event a{
		background:url(../../../assets/img/index/navi-event_sp.png) no-repeat center top;
		background-size:100%;
	}
	.navi-box li.yoyaku a{
		background:url(../../../assets/img/index/navi-yoyaku_sp.png) no-repeat center top;
		background-size:100%;
	}
	.navi-box li.access a{
		background:url(../../../assets/img/index/navi-access_sp.png) no-repeat center top;
		background-size:100%;
	}
	.navi-box li.ryoukin a:hover{background:url(../../../assets/img/index/navi-ryoukin_sp.png) no-repeat center top;background-size:100%;}
	.navi-box li.event a:hover{background:url(../../../assets/img/index/navi-event_sp.png) no-repeat center top;background-size:100%;}
	.navi-box li.yoyaku a:hover{background:url(../../../assets/img/index/navi-yoyaku_sp.png) no-repeat center top;background-size:100%;}
	.navi-box li.access a:hover{background:url(../../../assets/img/index/navi-access_sp.png) no-repeat center top;background-size:100%;}
}

/*------------------- section-miruhureru-------------------*/

.section-content{
	min-height:525px;
}

/*--miruhureru--*/
.miruhureru .text-area{
		left:80px;
}
.miruhureru .text-box{
	position: relative;
	background:url(../../../assets/img/index/bg-en-miruhureru.png) no-repeat center top;
	width:470px;height:358px;
}
.miruhureru .text-box:before{
	content:"";
	background:url(../../../assets/img/index/icon-miruhureru01.png) no-repeat center top;
	width:145px;height:142px;
	position: absolute;
	left:0;top:0;
  animation: huwahuwa 10s linear infinite;
}
.miruhureru .text-box:after{
	content:"";
	background:url(../../../assets/img/index/icon-miruhureru02.png) no-repeat center top;
	width:145px;height:142px;
	position: absolute;
	right:0;bottom:0;
	animation: huwahuwa2 7s linear infinite;
}
.miruhureru .insta-area{
	top: 30px;
  left: 450px;
}

.miruhureru .post-area{
	top:360px;
	left:340px;
}
.miruhureru .post-area .text-post{
	background:rgba(215,60,70,0.8);
}
.miruhureru .pict-area{
		right:80px;
}
.miruhureru .pict-box .btn{
		right:20px;bottom:20px;
}

/*--taiken--*/
.taiken .text-area{
	right:80px;
}
.taiken .text-box{
	background:url(../../../assets/img/index/bg-en-taiken.png) no-repeat center top;
	width:470px;height:358px;
}
.taiken .text-box:before{
	content:"";
	background:url(../../../assets/img/index/icon-taiken01.png) no-repeat center top;
	width:95px;height:94px;
	position: absolute;
	right:20px;top:-20px;
 animation: huwahuwa 10s linear infinite;
}
.taiken .text-box:after{
	content:"";
	background:url(../../../assets/img/index/icon-taiken02.png) no-repeat center top;
	width:153px;height:156px;
	position: absolute;
	right:-60px;top:80px;
	animation: huwahuwa2 7s linear infinite;
}


.taiken .insta-area{
	top: 150px;
  left: 460px;
}

.taiken .post-area{
	top:400px;
	right:10px;
}
.taiken .post-area .text-post{
	background:rgba(64,197,39,0.8);
}

.taiken .pict-area{
	left: 80px;
}
.taiken .pict-box .btn{
		left:20px;bottom:20px;
}

/*--asobu--*/
.asobu .text-area{
	left:80px;
}
.asobu .text-box{
	position: relative;
	background:url(../../../assets/img/index/bg-en-asobu.png) no-repeat center top;
	width:470px;height:358px;
}
.asobu .text-box:before{
	content:"";
	background:url(../../../assets/img/index/icon-asobu01.png) no-repeat center top;
	width:170px;height:134px;
	position: absolute;
	left:-60px;top:-40px;
	animation: huwahuwa 10s linear infinite;
}
.asobu .text-box:after{
	content:"";
	background:url(../../../assets/img/index/icon-asobu02.png) no-repeat center top;
	width:90px;height:79px;
	position: absolute;
	left:0;top:60px;
	animation: huwahuwa2 7s linear infinite;
}
.asobu .insta-area{
	top: 30px;
  left: 450px;
}

.asobu .post-area{
	top:360px;
	left:340px;
}
.asobu .post-area .text-post{
	background:rgba(41,89,218,0.8);
}
.asobu .pict-area{
		right:80px;
}
.asobu .pict-box .btn{
		right:20px;bottom:20px;
}

/*--bouken--*/
.bouken .text-area{
	right:80px;
}
.bouken .text-box{
	background:url(../../../assets/img/index/bg-en-bouken.png) no-repeat center top;
	width:473px;height:358px;
}
.bouken .text-box .icon-bouken01 {
	display: inline-block;
	position: absolute;
	width:129px;height:126px;
	left:-30px;top:250px;
/*	animation: huwahuwa2 7s linear infinite;*/
}
.bouken .text-box .icon-bouken02 {
	display: inline-block;
	position: absolute;
	right: -39px; top: -5px;

	width: 132px; height: 120px;
/*	animation: huwahuwa2 7s linear infinite;*/
}
.bouken .text-box .icon-bouken01 .icon-wrap ,

.bouken .text-box .icon-bouken02 .icon-wrap {
	display: inline-block;

	position: relative;
	width: 100%;height: 100%;
}
.bouken .text-box .icon-bouken01 .icon-wrap .icon-bouken01_t ,
.bouken .text-box .icon-bouken01 .icon-wrap .icon-bouken01_m ,
.bouken .text-box .icon-bouken01 .icon-wrap .icon-bouken01_b ,
.bouken .text-box .icon-bouken02 .icon-wrap .icon-bouken02_t ,
.bouken .text-box .icon-bouken02 .icon-wrap .icon-bouken02_m ,
.bouken .text-box .icon-bouken02 .icon-wrap .icon-bouken02_b {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;height: 100%;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: contain;
	background-size: contain;
	z-index: 100;
}
.bouken .text-box .icon-bouken01 .icon-wrap .icon-bouken01_t {
	background-image: url(../../img/index/icon-bouken01_t.png);
	animation: tsuntsun_t 1.3s linear infinite;
}
.bouken .text-box .icon-bouken01 .icon-wrap .icon-bouken01_m {
	background-image: url(../../img/index/icon-bouken01_m.png);
	animation: tsuntsun_m 1.3s linear infinite;
}
.bouken .text-box .icon-bouken01 .icon-wrap .icon-bouken01_b {
	background-image: url(../../img/index/icon-bouken01_b.png);
	animation: tsuntsun_b 1.3s linear infinite;
}
.bouken .text-box .icon-bouken02 .icon-wrap .icon-bouken02_t {
	background-image: url(../../img/index/icon-bouken02_t.png);
	animation: tsuntsun2_t 1.3s linear infinite;
}
.bouken .text-box .icon-bouken02 .icon-wrap .icon-bouken02_m {
	background-image: url(../../img/index/icon-bouken02_m.png);
	animation: tsuntsun2_m 1.3s linear infinite;
}
.bouken .text-box .icon-bouken02 .icon-wrap .icon-bouken02_b {

	background-image: url(../../img/index/icon-bouken02_b.png);
	animation: tsuntsun2_b 1.3s linear infinite;

}


.bouken .insta-area{
	top: 150px;
  left: 460px;
}

.bouken .post-area{
	top:400px;
	right:10px;
}
.bouken .post-area .text-post{
	background:rgba(130,221,48,0.7);
}

.bouken .pict-area{
	left: 80px;
}
.bouken .pict-box .btn{
		left:20px;bottom:20px;
}


/*--taberu--*/
.taberu .text-area{
	left:80px;
}
.taberu .text-box{
	background:url(../../../assets/img/index/bg-en-taberu.png) no-repeat center top;
	width:470px;height:358px;
}
.taberu .text-box:before{
	content:"";
	background:url(../../../assets/img/index/icon-taberu01.png) no-repeat center top;
	width:174px;height:174px;
	position: absolute;
	right:20px;top:-20px;
	animation: huwahuwa 10s linear infinite;
}
.taberu .text-box:after{
	content:"";
	background:url(../../../assets/img/index/icon-taberu02.png) no-repeat center top;
	width:153px;height:156px;
	position: absolute;
	left:-10px;top:200px;
	animation: huwahuwa2 7s linear infinite;
}


.taberu .insta-area{
	top: 30px;
  left: 450px;
}

.taberu .post-area{
	top:360px;
	left:340px;
}
.taberu .post-area .text-post{
	background:rgba(249,102,18,0.7);
}

.taberu .pict-area{
		right:80px;
}
.taberu .pict-box .btn{
		right:20px;bottom:20px;
}


/*------------------- text-area-------------------*/

.text-area{
	position: absolute;
	text-align: center;
}
.text-box{
	position: relative;
}
.text-box .text{
	position: relative;
	z-index:10;
	top:80px;
}
@media screen and (max-width: 1023px){
	.text-area{
		position: static;
		margin-bottom:4%;
	}
	.text-box .text{
		width:100%;
		position: absolute;
		top:26%;
	}
	.text-box .text img{
		width:65%;
	}
}
/*------------------- pict-area-------------------*/
.pict-area{
	position: absolute;
}
.pict-box{
	width:432px;
	box-sizing: border-box;
	padding:10px;
	background-color:#fff;
	position:relative;
}

.pict-box .btn{
	position: absolute;
}

/*------------------- insta-area-------------------*/
.insta-area{
		width:260px;height:260px;
	position: absolute;
	padding:10px;
	background-color:#fff;
	box-sizing: border-box;
}
.insta-area img{width:100%;}
.insta-box{
	position: relative;
}
.insta-box .icon{
	position: absolute;
	left:15px;top:15px;
}

.post-area{
	width:360px;
	position: absolute;
}
.post-box{
	overflow: hidden;
	position: relative;
	padding:10px;
	background-color:#fff;
	box-sizing: border-box;
}
.post-box .thumb img{
	width: 100%;
	height: auto;
}
.post-box .text-post{
	position: absolute;
	width:340px;
	height:114px;
	color:#fff;
	font-size:12px;
	bottom:-120px;left:10px;
	padding:5px 5px 40px 15px;
	    -webkit-transition: .3s;
    transition: .3s;
}
.post-box:hover .text-post{
	bottom:10px;
}
.post-box .text-post .title{
	font-weight: bold;
	margin-bottom: 15px;
}
.post-box .text-post .date{
	text-align: right;
}

@media screen and (max-width: 1023px){
	.section-content{
		min-height: inherit;
		margin-bottom:10%;
	}
	.miruhureru .text-box{
		width:100%;
		margin:0 auto;
		background-size:100%;
		height:0;
		padding-top:76%;
	}
	.taiken .text-box{
		width:100%;
		margin:0 auto;
		background-size:100%;
		height:0;
		padding-top:76%;
	}
	.asobu .text-box{
		width:100%;
		margin:0 auto;
		background-size:100%;
		height:0;
		padding-top:76%;
	}
	.bouken .text-box{
		width:100%;
		margin:0 auto;
		background-size:100%;
		height:0;
		padding-top:76%;
	}
	.taberu .text-box{
		width:100%;
		margin:0 auto;
		background-size:100%;
		height:0;
		padding-top:76%;
	}

	.taiken .text-box:before{
		width:18%;
		background-size:100%;
		padding-top:18%;
		height:0;
		top: -3%;
    right: 5%;
	}
	.taiken .text-box:after{
		width:20%;
		background-size:100%;
		padding-top:20%;
		height:0;
		top:22%;
		right:-3%;
	}
	.asobu .text-box:before{
		width: 25%;
    background-size: 100%;
    padding-top: 21%;
    height: 0;
    top: -3%;
    left: -1%;
	}
	.asobu .text-box:after{
		width:17%;
		background-size:100%;
		padding-top:17%;
		height:0;
		top:22%;
		left:0%;

	}
	.bouken .text-box:before{
		width:18%;
		background-size:100%;
		padding-top:18%;
		height:0;
		top: 10%;
    right: 0;
	}
	.bouken .text-box:after{
		width:20%;
		background-size:100%;
		padding-top:20%;
		height:0;






		top: 72%;


		left: 0;


	}
	.taberu .text-box:before{
		width:18%;

		background-size:100%;
		padding-top:18%;
		height:0;
		top: -3%;
    right: 5%;
	}
	.bouken .text-box .icon-bouken01 {
		width: 21.5%;
    height: 27.635%;
    top: 72%;
    left: 0%;
	}
	.bouken .text-box .icon-bouken02 {
		right: 0;top: 3%;
		width: 22%;height: 27.635%;
	}
	.taberu .text-box:after{
		width:20%;
		background-size:100%;
		padding-top:20%;
		height:0;
		top:22%;
		right:-3%;
	}

	.pict-area{
		position: static;
		margin-bottom:4%;
	}
	.pict-box{
		width:100%;
		padding:1%;
	}
	.pict-box .pict img{
		width:100%;
	}
	.pict-box .btn{
		width:40%;
	}
	.pict-box .btn img{width:100%;}

	.post-box{
		padding:2%;
	}
	.post-box .text-post{
		width:96%;
		padding:2% 4%;
		padding-top:28%;
		height:0;
		bottom:2%;
		left:2%;
	}
	.post-box .thumb img{width:100%;}
	.post-area{
		width:50%;
		position: static;
		margin-bottom:4%;
	}
	.post-box .text-post .date {
		font-size:1.6vw;
    position: absolute;
    top: 5%;
    right: 5%;
	}
	.post-box:hover .text-post {
    bottom:2%;
}
	.post-box .text-post .title {
    margin-bottom: 15px;
    font-size: 1.5vw;
		position: absolute;
    top: 30%;
	}
	.post-box .text-post .content {
		position: absolute;
		top:40%;
		font-size:1.2vw;
	}
	.insta-area{
		width:40%;
		height:auto;
		position: static;
		padding:1%;
	}
	.insta-box .icon{width:24%;}
	.insta-box img{width:100%;}

	.miruhureru .post-area,.asobu .post-area,.taberu .post-area{
		margin-left:40%;
	}
	.bouken .post-area{
		margin-left:10%;
	}
	.taiken .post-area{
		margin-left:10%;
	}

	.miruhureru .insta-area,.asobu .insta-area,.taberu .insta-area{
		margin-left:20%;





	}
	.bouken .insta-area{
		margin-left:40%;

	}

	.taiken .insta-area{
		margin-left:40%;
	}

	.miruhureru .section-inner:before{
		content:"";
		background:url(../../../assets/img/index/icon-miruhureru01.png) no-repeat center top;
		width:30%;
		background-size:100%;
		padding-top:31%;
		height:0;
		position: absolute;
		right:4%;bottom:6%;
		z-index:-1;
	}
	.miruhureru .section-inner:after{
		content:"";
		background:url(../../../assets/img/index/icon-miruhureru02.png) no-repeat center top;
		width:21%;
		background-size:100%;
		padding-top:21%;
		height:0;
		position: absolute;
		left:7%;bottom:20%;
		z-index:-1;
	}
	.taiken .section-inner:before{
		content:"";
		background:url(../../../assets/img/index/icon-taiken01.png) no-repeat center top;
		width: 25%;
    background-size: 100%;
    padding-top: 26%;
    height: 0;
    position: absolute;
    right: 8%;
    bottom: 21%;
		z-index:-1;
	}
	.taiken .section-inner:after{
		content:"";
		background:url(../../../assets/img/index/icon-taiken02.png) no-repeat center top;
		width: 37%;
    background-size: 100%;
    padding-top: 41%;
    height: 0;
    position: absolute;
    left: 7%;
    bottom: 4%;
		z-index:-1;
	}
	.asobu .section-inner:before{
		content:"";
		background:url(../../../assets/img/index/icon-asobu01.png) no-repeat center top;
		width: 25%;
    background-size: 100%;
    padding-top: 25%;
    height: 0;
    position: absolute;
    right: 8%;
    bottom: 4%;
		z-index:-1;
	}
	.asobu .section-inner:after{
		content:"";
		background:url(../../../assets/img/index/icon-asobu02.png) no-repeat center top;
		width: 18%;
    background-size: 100%;
    padding-top: 18%;
    height: 0;
    position: absolute;
    left: 12%;
    bottom: 18%;
		z-index:-1;
	}
	.bouken .section-inner:before{
		content:"";
		background:url(../../../assets/img/index/icon-bouken02.png) no-repeat center top;
		width: 25%;
    background-size: 100%;
    padding-top: 27%;
    height: 0;
    position: absolute;

    right: 8%;


    bottom: 23%;
		z-index:-1;
	}

	.bouken .section-inner:after{
		content:"";
		background:url(../../../assets/img/index/icon-bouken01.png) no-repeat center top;
		width: 22%;

    background-size: 100%;
    padding-top: 25%;
    height: 0;
    position: absolute;

    left: 12%;
    bottom: 3.9%;
		z-index:-1;
	}

	.taberu .section-inner:before{
		content:"";
		background:url(../../../assets/img/index/icon-taberu01.png) no-repeat center top;
		width: 25%;
    background-size: 100%;
    padding-top: 27%;
    height: 0;
    position: absolute;
    right: 8%;
    bottom: 4%;
		z-index:-1;
	}
	.taberu .section-inner:after{
		content:"";
		background:url(../../../assets/img/index/icon-taberu02.png) no-repeat center top;
		width: 22%;
    background-size: 100%;
    padding-top: 25%;
    height: 0;
    position: absolute;
    left: 12%;
    bottom: 18%;

		z-index:-1;

	}




}







/*******************************
footer
*******************************/
footer .event-slider {
	display: none;
}



@media screen and (min-width:1023px) and ( max-width:1200px) {
	.section-inner{
		width:100%;
	}
	.today-box{
		width:32%;
	}
	.news-box{
		width:65%;
	}
	.today-box ul li {
    width: 100%;
    margin-right: 5%;
	}
	.today-box .btn-ryoukin {
		left: 32%;
	}
	.today-box .btn-access{
		right:8%;
	}
	.section-content{min-height: 70vw;}
	.text-area{width:37vw;}
	.pict-area{width:37%;}
	.post-area{width:33%;}
	.insta-area {
    width: 23%;
    height: auto;
	}
	.pict-box{width:100%;padding:2%;}
	.pict-box img{width:100%;}
	.post-box img{width:100%;}
	.text-box .text {
    position: absolute;
    top: 18%;
    left: 14%;
    width: 70%;
	}
	.text-box img {
    width: 100%;
	}
	.miruhureru .post-area {top: 32vw;left: 25vw;}
	.miruhureru .pict-area{right:0;top:7vw;}
	.miruhureru .text-area{left:0;}
	.miruhureru .insta-area {
    top: 4vw;
    left: 38vw;
	}
	.miruhureru .text-box {
			position: relative;
			background: url(../../../assets/img/index/bg-en-miruhureru.png) no-repeat center top;
			width: 100%;
			background-size: 100%;
			padding-top: 77%;
			height: 0;
	}

	.taiken .post-area {top: 32vw;right: 25vw;}
	.taiken .pict-area{left:0;top:7vw;}
	.taiken .text-area{right:0;}
	.taiken .insta-area {
    top: 4vw;
    left: 38vw;
	}
	.taiken .text-box {
			position: relative;
			background: url(../../../assets/img/index/bg-en-taiken.png) no-repeat center top;
			width: 100%;
			background-size: 100%;
			padding-top: 77%;
			height: 0;
	}

	.asobu .post-area {top: 32vw;left: 25vw;}
	.asobu .pict-area{right:0;top:7vw;}
	.asobu .text-area{left:0;}
	.asobu .insta-area {
    top: 4vw;
    left: 38vw;
	}
	.asobu .text-box {
			position: relative;
			background: url(../../../assets/img/index/bg-en-asobu.png) no-repeat center top;
			width: 100%;
			background-size: 100%;
			padding-top: 77%;
			height: 0;
	}
	.bouken .post-area {top: 32vw;right: 25vw;}
	.bouken .pict-area{left:0;top:7vw;}
	.bouken .text-area{right:0;}
	.bouken .insta-area {
    top: 4vw;
    left: 38vw;
	}
	.bouken .text-box {
			position: relative;
			background: url(../../../assets/img/index/bg-en-bouken.png) no-repeat center top;
			width: 100%;
			background-size: 100%;
			padding-top: 77%;
			height: 0;
	}
	.taberu .post-area {top: 32vw;left: 25vw;}
	.taberu .pict-area{right:0;top:7vw;}
	.taberu .text-area{left:0;}
	.taberu .insta-area {
    top: 4vw;
    left: 38vw;
	}
	.taberu .text-box {
			position: relative;
			background: url(../../../assets/img/index/bg-en-taberu.png) no-repeat center top;
			width: 100%;
			background-size: 100%;
			padding-top: 77%;
			height: 0;
	}



.miruhureru .text-box:before{
	content:"";
	background:url(../../../assets/img/index/icon-miruhureru01.png) no-repeat center top;
	width:21%;
		background-size:100%;
		padding-top:21%;
		height:0;
}

	.miruhureru .text-box:after{
	content:"";
	background:url(../../../assets/img/index/icon-miruhureru02.png) no-repeat center top;
	width:21%;
		background-size:100%;
		padding-top:21%;
		height:0;
}
		.taiken .text-box:before{
		width:18%;
		background-size:100%;
		padding-top:18%;
		height:0;
		top: -3%;
    right: 5%;
	}
	.taiken .text-box:after{
		width:20%;
		background-size:100%;
		padding-top:20%;
		height:0;
		top:22%;
		right:-3%;
	}
	.asobu .text-box:before{
		width: 25%;
    background-size: 100%;
    padding-top: 21%;
    height: 0;
    top: -3%;
    left: -1%;
	}
	.asobu .text-box:after{
		width:17%;
		background-size:100%;
		padding-top:17%;
		height:0;
		top:22%;
		left:0%;
	}
	.bouken .text-box:before{
		width:18%;
		background-size:100%;
		padding-top:18%;
		height:0;
		top: 9%;
    right: 2%;
	}
	.bouken .text-box:after{
		width:20%;
		background-size:100%;
		padding-top:20%;
		height:0;
		top: 68%;
		left: 0;

	}
	.bouken .text-box .icon-bouken01 {
		top: 67%;
    left: -8%;
    width: 29.055%;
    height: 40%;
	}
	.bouken .text-box .icon-bouken02 {
		right: -10%;
    top: -5.2%;
    width: 29.73%;
    height: 35.105%;
	}

	.taberu .text-box:before{
		width:18%;
		background-size:100%;
		padding-top:18%;
		height:0;
		top: -3%;
    right: 5%;
	}
	.taberu .text-box:after{
		width:20%;
		background-size:100%;
		padding-top:20%;
		height:0;
		top:22%;
		right:-3%;
	}

	.post-box .text-post{
		width:94.5%;
		bottom:2.5%;
	}



}

@media screen and (max-width: 640px){
	.miruhureru .text-area {
    width: 100%;
}
body.home .wrapper {
    padding-top: 15%;
}
.event-slider .slick-slider .slick-next{
    transform: translateY(-24%);
    -webkit-transform: translateY(-24%);
    -moz-transform: translateY(-24%);
    -ms-transform: translateY(-24%);
}
.event-slider .slick-slider .slick-prev {
		transform: rotate(-180deg) translateY(24%);
    -webkit-transform: rotate(-180deg) translateY(24%);
    -moz-transform: rotate(-180deg) translateY(24%);
    -ms-transform: rotate(-180deg) translateY(24%);
}
.miruhureru .text-box:before {
    content: "";
    width: 35%;
    padding-top: 35%;
		background-size: 100%;
    height: 0;
	}
	.miruhureru .text-box:after {
    content: "";
    width: 26%;
    padding-top: 24%;
		background-size: 100%;
    height: 0;
		bottom: 9%;
}
.taiken .text-box:before {
    width: 21%;
    background-size: 100%;
    padding-top: 21%;
    height: 0;
    top: -6%;
    right: 7%;
}
.taiken .text-box:after {
    width: 27%;
    background-size: 100%;
    padding-top: 27%;
    height: 0;
    top: 22%;
    right: -3%;
}
.asobu .text-box:before {
    width: 36%;
    background-size: 100%;
    padding-top: 29%;
    height: 0;
    top: 4%;
    left: -5%;
}
.asobu .text-box:after {
    width: 20%;
    background-size: 100%;
    padding-top: 18%;
    height: 0;
    top: 25%;
    left: -3%;
}
.bouken .text-box:before {
    width: 32%;
    background-size: 100%;
    padding-top: 33%;
    height: 0;
    top: 1%;
    right: 0%;

}
.bouken .text-box:after {
    width: 25%;
    background-size: 100%;
    padding-top: 26%;
    height: 0;
    top: 64%;
    left: 3%;
}
.taberu .text-box:before {
    width: 32%;
    background-size: 100%;
    padding-top: 33%;
    height: 0;
    top: 1%;
    right: 0%;
}
.taberu .text-box:after {
    width: 25%;
    background-size: 100%;
    padding-top: 26%;
    height: 0;
    top: 64%;
    left: 3%;
}
}