@charset "utf-8";


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


/* shared */
.bn_frame{
	border: 2px solid rgb(44,150,255);
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
	background-position: 97% 50%;
	transform-origin: center;
	transition: 0.3s;
}
	.bn_frame:hover{
		transform: scale(1.01);
	}
.bn_frame-coral	{ border: 2px solid rgb(255,83,75)}
.bn_frame-grn	{ border: 2px solid rgb(32,174,140)}

.bn_2column{
}
	.bn_2column > a{
		display:flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: center;
	}
	.bn_2column:nth-last-of-type(even) > a{
		flex-flow: row-reverse nowrap;
	}
	.bn_2column > a > div{
		width: min(50%, 477px);
		overflow: hidden;
	}
	.bn_2column > a > div:nth-last-of-type(2){
		padding:5px 2.3vw;
	}
	.bn_2column h2{
		font-family: '丸フォーク M';
		font-weight: bold;
		font-size: min(3vw, 30px);
		line-height: 1.2;
		margin:0 auto .7rem;
	}
	.bn_2column p{
		color:rgb(68, 68, 68);
		font-size: .9rem;
		line-height: 1.5;
	}
@media(max-width: 700px) {
	.bn_2column{
		width:min(90%,477px);
		margin: 0 auto;
	}
	.bn_2column > a{
		display:block;
	}
	.bn_2column > a > div{
		width: 100%;
		margin:0 auto;
		padding: 0;
	}
	.bn_2column > a > div:nth-last-of-type(2){
		padding: 1rem 1.5rem .7rem;
	}
	.bn_2column h2{
		font-size: min(3vh, 3rem);
	}
}

.bn_half{
	display:flex;
	flex-flow: row-reverse nowrap;
	justify-content: space-between;
	align-items: center;
}
	.bn_half > div{
		width: calc(50% - 6px);
	}
@media(max-width: 700px) {
	.bn_half{
		display:block;
		width:min(90%,477px);
		margin: 0 auto;
	}
	.bn_half > div{
		width:100%;
		margin: 0 auto 1rem;
	}
}


#main-visual{
	position:relative;
	background:url(/img/bg_mainimage.jpg) repeat;
	margin-bottom:2.5rem;
}
.main-slider{
	width:970px;
	margin:0 auto;
}
.main-slider li{
	width:100%;
	height:400px;
	height:60vh;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
}
#btn_mv_snow{
	position:absolute;
	display:block;
	left:50%;
	top:37%;
	width:163px;
	height:114px;
	transform:translate(-50%,-50%)
}
@media(max-width: 970px) {
	.main-slider{
		width:100%;
	}
	.main-slider li{
		height:40vh;
	}
}
@media(max-width: 768px) {
	#btn_mv_snow{
		width:16%;
		min-width:85px;
	}
}
@media(max-width: 500px) {
	.main-slider li{
		height:36vh;
	}
}


#feature-slider{
	width:100%;
	padding:1.5rem 0 3rem;
	background:rgb(189,223,255);
}
	.feature-slider .slick-slide{
		width:40%;
		margin:0 5px;
	}
	.feature-slider img{
		width:100%;
		height:auto;
	}
@media(max-width: 400px) {
	#main-visual{
		margin-bottom:1.5rem;
	}
	.slick-dots{
		bottom: -2.25rem;
	}
}


#bn_sns div{
	width:23%;
	max-width:233px;
}
@media(max-width:600px) {
	#bn_sns div{
		width:48%;
	}
}



/* 2019-20告知
-------------------------------------------------*/

#winter h1{
	width:959px;
	margin:0 auto;
}
@media(max-width: 959px){
	#winter h1{
		width:100%;
	}
}
	#mainimg{
		position:relative;
		width:100%;
		max-width:959px;
	}
	#bn_mov{
		position:absolute;
		left:45.6%;
		top:28%;
		width:53%;
		height:auto;
	}
	#bn_mov img{
		display:block;
		width:100%;
		max-width:501px;
		height:auto;
	}
	#winter .btn_white_arrow{
		padding:24px 44px;
		font-size:1.2rem;
		font-weight:bold;
	}



/* kaien kikan */
.d_opening-period p{
	color: #02c3cc;
	font-family: '丸フォーク M';
	font-weight: bold;
	font-size: max(1.6vh, 1rem);
	line-height: 1.4;
}
	.d_opening-period br{
		display: none;
	}
	.d_opening-period p:nth-of-type(1){ font-size: max(3vh, 2rem); line-height:1.1; margin-bottom:1vh}
	.d_opening-period p:nth-of-type(2){ font-size: max(2.5vh, 1.4rem); line-height:1.4; margin-bottom:1vh}
@media(max-width: 560px){
	.d_opening-period br{
		display: block;
	}
}


/* feature1 */
.d_feature1{
	display:flex;
	flex-flow: row-reverse nowrap;
	justify-content: space-between;
	align-items: center;
}
	.d_feature1 > div{
		width: min(50%, 489px);
	}
	.d_feature1 > div:nth-last-of-type(2){
		padding-left:5vw;
	}
	.m_syoshinsha{ width:min(100%,428px) }
	.m_junbi{ width:min(90%,344px) }
	
	.d_feature1 > div:nth-last-of-type(1){
		position:relative;
	}
	.d_feature1 > div:nth-last-of-type(1) .m_debut{
		position:absolute;
		top;0;
		left:0;
		width:min(50%,200px);
		z-index: 1;
	}
@media(max-width: 700px) {
	.d_feature1{
		display:block;
	}
		.d_feature1 > div{
			width: min(100%, 489px);
			padding:0 !important;
			margin:0 auto 1rem;
		}
		.m_syoshinsha,.m_junbi{
			margin:0 auto;
		}
}

/* rental goods*/



.rm_other{
	position:relative;
}
.rm_other ul:after{
	content: "";
	display: table;
	clear: both;
}

.rm_other li{
	float:left;
	width:32%;
	text-align:center;
	margin:0 .6%;
}
	.rm_other li a{
		display:block;
		padding:.6rem .4rem;
		color:#fff;
		font-size:.9rem;
		font-weight:bold;
		line-height:1;
		
		background-color: rgb(44,150,255);
		background-image: url(/img/i_arrow_white.png);
		background-repeat:no-repeat;
		background-position:97% 50%;
		border-radius: 3px;
		
		margin-bottom:5px;
		
		box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
		transition: .5s;
	}
	.rm_other li a:hover{
		background-color:rgb(45,89,194);
		box-shadow: 4px 4px 4px rgba(0,0,0,.5);
	}



#top-info{
}
	.btn_calendar{
		position:absolute;
		right:.6rem;
		top:.5rem;
		width:125px;
		height:44px;
		overflow:hidden;
	}
	.wrap_ttl_enjoy > div{
		vertical-align:middle;
	}
	#top-info .top-info_item{
		position:relative;
		padding:10px;
		border:2px solid rgb(44,150,255);
		border-radius:6px;
		box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
		background-position: 97% 50%;
		transform-origin: center;
		transition: 0.3s;
	}
	#top-info .top-info_item:hover{
		transform: scale(1.01);
	}

	#top-info .top-info_item:after{
		content: "";
		display: table;
		clear: both;
	}
	#top-info .top-info_item a{
		display:block;
		width:100%;
		height:100%;
		color:#222;
	}
	#top-info .top-info_item a:hover{
		color:rgb(44,150,255);
	}
	#top-info .top-info_item .i_eve{
		display:inline-block;
		padding:2px 5px;
		color:#fff;
		font-size:.8rem;
		font-weight:bold;
		background:#3580ae;
		border-radius:2px;
	}
	#top-info .top-info_item .time{
		display:block;
		font-size:.8rem;
		margin:2px 0 8px;
	}
	#top-info .top-info_item .ttl{
		color:#555;
		font-size:1rem;
		font-weight:bold;
		line-height:1.3;
	}
	#top-info .top-info_item .img{
		float:right;
		width:40%;
		height:8rem;
		margin:0 0 0 5px;
	}
	
	#top-info_list{
		width: auto;
		padding-right:1%;
		text-align:right;
		background:none;
	}
	
	
@media(max-width: 600px) {
	#top-info h2 img,
	#top-enjoy h2 img{
		height:40px;
		width:auto;
	}
	.btn_calendar{
		top:.1rem;
	}
	#top-info .top-info_item{
		float:inherit;
		width:100%;
		padding:10px;
		margin:0 0 2vh;
	}
	#top-info .top-info_item .img{
		width:40%;
	}
}
@media(max-width: 375px){
	#top-enjoy .clm2_item{
		margin:0 0 0 0;
	}
	#top-enjoy .btn_calendar img{
		position:absolute;
		display:block;
	}
	#top-enjoy .clm2_item:nth-child(2){
		text-align:right;
		margin-right:0;
	}
}



#top-enjoy{
}
	#top-enjoy:after,
	#top-rm:after,
	#top-rm2:after{
		content: "";
		display: table;
		clear: both;
	}
	#top-enjoy .bn_2column{
		width:98%;
		margin:0 1% 2vh;
	}
	.rm_item{
		position:relative;
		float:left;
		width:48%;
		height:18vh;
		background-repeat:no-repeat;
		background-position:50% 50%;
		background-size:cover;
		border:2px solid rgb(44,150,255);
		border-radius:6px;
		margin:0 1% 2vh;
	}
	.rm_item_s{
		position:relative;
		float:left;
		width:23%;
		height:13vh;
		background-repeat:no-repeat;
		background-position:50% 50%;
		background-size:cover;
		border:2px solid rgb(44,150,255);
		border-radius:6px;
		margin:0 1% 2vh;
	}
	.rm_item a,
	.rm_item_s a{
		display:block;
		width:100%;
		height:100%;
		text-align:center;
	}
	.rm_item{
		box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
		background-position: 97% 50%;
		transform-origin: center;
		transition: 0.3s;
	}
	.rm_item:hover{
		transform: scale(1.01);
	}
	.rm_item span,
	.rm_item_s span{
		position:relative;
		display:inline-block;
		top:50%;
		transform:translateY(-50%);
		padding:7px 10px 5px;
		text-align:center;
		color:rgb(44,150,255);
		font-size:1.4rem;
		font-weight:bold;
		line-height:1.2;
		text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 8px #fff, 0 0 8px #fff;
	}
	.rm_item_s span{
		font-size:1.1rem;
	}
	
	.rm_item.sched		{ background-image:url(/img/top/rm_sched.jpg)}
	.rm_item.animal		{ background-image:url(/img/top/rm_animal.jpg)}
	.rm_item.flower		{ background-image:url(/img/top/rm_flower.jpg)}
	.rm_item.taiken		{ background-image:url(/img/top/rm_taiken.jpg)}
	.rm_item.gourmet	{ background-image:url(/img/top/rm_gourmet.jpg)}
	.rm_item.play		{ background-image:url(/img/top/rm_play.jpg)}
	.rm_item.treasure	{ background-image:url(/img/top/rm_takarash.jpg)}
	.rm_item.spa		{ background-image:url(/img/top/rm_spa.jpg)}
	.rm_item.farm		{ background-image:url(/img/top/rm_farm.jpg)}
	.rm_item.netshop	{ background-image:url(/img/top/rm_netshop.jpg)}
	.rm_item.omiyage	{ background-image:url(/img/top/rm_omiyage.jpg)}
	.rm_item.wedding	{ background-image:url(/img/top/rm_wedding.jpg)}
	.rm_item.crown		{ background-image:url(/img/top/rm_crown.jpg)}
	.rm_item.museum		{ background-image:url(/img/top/rm_museum.jpg)}
	.rm_item.csr		{ background-image:url(/img/top/rm_csr.jpg)}
	.rm_item.coupon		{ background-image:url(/img/top/rm_coupon.jpg)}
	.rm_item.cosplay	{ background-image:url(/img/top/rm_cosplay.jpg)}
	.rm_item.photocon	{ background-image:url(/img/top/rm_photocon.jpg)}
	.rm_item.app		{ background-image:url(/img/top/rm_app.jpg)}
	.rm_item.clown		{ background-image:url(/img/top/rm_clown.jpg)}
	.rm_item.rth		{ background-image:url(/img/top/rm_RTH.jpg)}
	.rm_item.gallery	{ background-image:url(/img/top/rm_gallery.jpg)}
	.rm_item.snowatt	{ background-image:url(/img/top/rm_winteratt.jpg)}
	.rm_item.snowgds	{ background-image:url(/img/top/rm_snowgoods.jpg)}
	.rm_item.green		{ background-image:url(/img/top/rm_green.jpg)}

		
.rm_item_s span{
		font-size:1.1rem;
	}
	.rm_item.spa span,
	.rm_item.winter span{
		color:rgb(44,150,255);
	}
	
	.rm_item small{
		position:absolute;
		display:block;
		top:87%;
		width:100%;
		text-align:center;
		color:rgb(44,150,255);
		font-size:.8rem;
		font-weight:bold;
		line-height:1.2;
		
		text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 8px #fff, 0 0 8px #fff;
	}
		

@media(max-width: 500px){
	.rm_item span,
	.rm_item_s span{
		padding:5px 8px 3px;
		text-align:center;
		font-size:1rem;
	}
	.rm_item_s{
		width:48%;
	}
	.rm_item small{
		transform:translateY(-60%);
	}
}

#top-rm .rm_item{
	width:26%;
}
#top-rm .rm_item:nth-of-type(1){
	width:42%;
}
@media(max-width: 559px){
	#top-rm .rm_item{
		width:48%;
	}
	#top-rm .rm_item:nth-of-type(1){
		width:98%;
	}
}
	

.rm_shizenzukan{
	display:flex;
	flex-flow:row nowrap;
	align-items:center;
	justify-content:space-between;
	padding:8px;
	width:min(100%,957px);
	background:#bab664;
	border-radius:.5rem;
	margin:0 auto;
}
	.rm_shizenzukan h2{
		width:22%;
	}
	.rm_shizenzukan h2 img{
		width:min(100%,199px);
		height:auto;
		margin:auto;
	}
	.rm_shizenzukan div{
		width:min(25%,221px);
	}
@media(max-width: 559px){
	.rm_shizenzukan{
		display:block;
		width:min(65%,320px);
		padding:10px;
	}
	.rm_shizenzukan h2{
		width:100%;
	}
	.rm_shizenzukan h2 img{
		width:min(90%,280px);
		margin:0 auto 10px;
	}
	.rm_shizenzukan div{
		width:100%;
		margin-bottom:10px;
	}
	.rm_shizenzukan div:last-child{
		margin-bottom:0;
	}
}




/*	banner
------------------------------------------*/
.bn{
	text-align:center;
}
	.bn > div{
		display:inline-block;
		width:23%;
		margin:0 .5% 1rem;
	}
	.bn div img{
		width:100%;
		height:auto;
	}

#bn_sns.bn div{
	width:22%;
	max-width:233px;
}
	#bn_sns.bn h2{
		text-align:left;
		padding-left:3%;
	}
@media(max-width:413px){
	#bn_sns.bn div{
		width:43%;
	}
}

#bn_etc.bn > div{
	width:31%;
	max-width:233px;
}

#bn_TA{
	display:inline-block;
	float:inherit;
	width:100%;
	text-align:center;
	margin:0 auto;
}
	#bn_TA img{
		width:100%;
		max-width:148px;
		height:auto;
	}
	
@media(max-width:600px){
	.bn > div,
	#bn_etc.bn > div{
		width:48%;
		margin:0 1% .5rem;
	}
}



.avrs, .enq{
	cursor:pointer;
}


#antivirus{
	width:90%;
	max-width:1000px;
	padding:3rem 0;
	margin:auto;
}

	#img_antivirus{
		width:90%;
		max-width:601px;
		margin:0 auto 8vw;
	}
	#img_antivirus2{
		float:right;
		width:60%;
		max-width:278px;
		height:auto;
		margin:0 0 15px 15px;
	}
	#img_bokka_landscape{
		width:90%;
		max-width:922px;
		margin:0 auto 20px;
	}
	
	#antivirus h2{
		text-align:center;
		color: rgb(42,156,128);
		font-size: 2.4rem;
		line-height:1.3;
	}
	#antivirus .em_mask{
		display:inline-block;
		padding:.5rem 1rem;
		color:#fff;
		font-size:1.1rem;
		font-weight:bold;
		line-height:1.3;
		background:#F33;
		border-radius:6px;
		margin:.5rem 0;
	}
	#antivirus .em_mask small{
		display:block;
		margin:3px 0 0;
		font-size:.8rem;
		font-weight:normal;
	}

#link_wrap{
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
}
	#link_wrap > div{
		width:30%;
		text-align:center;
	}
	#link_wrap > div span{
		display:block;
		color:#444;
		font-size:.85rem;
		line-height:1.2;
		margin:10px auto 0;
	}