@charset "UTF-8";

/*--------------------------------------------
NEWS
---------------------------------------------*/

#information h4{
	font-weight : 500;
}

#information a{
	display : flex;
	align-items : flex-start;
}

#information time{
	flex-shrink : 0;
}

@media screen and (max-width: 768px){
	#information{
		padding-top : calc( 80 * 100vw / 768 );
		padding-bottom : calc( 24 * 100vw / 768 );
	}
	#information ul{
		margin-top : calc( 64 * 100vw / 768 );
	}
	#information li a{
		padding-left : calc( 24 * 100% / 720 );
		padding-right : calc( 24 * 100% / 720 );
	}
	#information time{
		width : calc( 180 * 100% / 720 );
	}
	#information time , #information h4{
		font-size : 2.8rem;
		line-height : 1.5;
	}
}

@media print,screen and (min-width: 769px){
	#information a{
		padding-left : 1em;
		padding-right : 1em;
	}
	#information time , #information h4{
		font-size : 2rem;
		line-height : 1.5;
	}
}

@media screen and (min-width: 769px) and (max-width:1279px){
	#information{
		padding-top : calc( 48 * 100vw / 1280 );
		padding-bottom : calc( 48 * 100vw / 1280 );
	}
	#information ul{
		margin-top : calc( 64 * 100vw / 1280 );
		padding-left : calc( 120 * 100% / 1240 );
		padding-right : calc( 120 * 100% / 1240 );
	}
	#information time{
		width : calc( 140 * 100vw / 1280 );
	}
}

@media print,screen and (min-width: 1280px){
	#information{
		padding-top : 48px;
		padding-bottom : 80px;
	}
	#information ul{
		margin-top : 64px;
		padding-left : 120px;
		padding-right : 120px;
	}
	#information time{
		width : 140px;
	}
}

/*--------------------------------------------
EVENTS
---------------------------------------------*/

@media screen and (max-width: 768px){
	#events{
		padding-top : calc( 120 * 100vw / 768 );
		padding-bottom : calc( 120 * 100vw / 768 );
	}
}

@media screen and (min-width: 769px) and (max-width:1279px){
	#events{
		padding-top : calc( 80 * 100vw / 1280 );
		padding-bottom : calc( 80 * 100vw / 1280 );
	}
}

@media print,screen and (min-width: 1280px){
	#events{
		padding-top : 80px;
		padding-bottom : 80px;
	}
}

/*--------------------------------------------
GOODS
---------------------------------------------*/

#goods .nogoods{
	text-align : center;
	font-weight : 500;
}

@media screen and (max-width: 768px){
	#goods .wrap{
		padding-top : calc( 120 * 100vw / 768 );
		padding-bottom : calc( 120 * 100vw / 768 );
	}
	#goods .nogoods{
		margin-top : calc( 148 * 100vw / 768 );
		font-size : 6.4rem;
	}
}

@media print,screen and (min-width: 769px){
	#goods .nogoods{
		font-size : 4.8rem;
	}
}

@media screen and (min-width: 769px) and (max-width:1279px){
	#goods .wrap{
		padding-top : calc( 80 * 100vw / 1280 );
		padding-bottom : calc( 80 * 100vw / 1280 );
	}
	#goods .nogoods{
		margin-top : calc( 100 * 100vw / 1280 );
	}
}

@media print,screen and (min-width: 1280px){
	#goods .wrap{
		padding-top : 80px;
		padding-bottom : 80px;
	}
	#goods .nogoods{
		margin-top : 100px;
	}
}