@charset "utf-8";


/**************************************************
 Responsive
**************************************************/
@media screen and (max-width: 690px){
	
	
	/**************************************************
	header
	**************************************************/
	.logoHanger{padding-left: 8px;}
	.logoHanger img{width: 140px;}
		
		
		
	/**************************************************
	wrapper
	**************************************************/
	#wrapper{padding-top: 100px;}
		
		
		
	/**************************************************
	pageHeader
	**************************************************/
	#pageHeader{
		width: 100%;
		padding: 0 20px;
	}

	#pageHeader h1{
		font-size: 2.0rem;
		letter-spacing: 2px;
	}
	#pageHeader h1 span{margin-right: 10px;}
		
		
		
	/**************************************************
	main
	**************************************************/
	main{
		width: 90%;
		margin: 20px auto 0 auto;
		padding: 20px;
		border-radius: 20px;
	}
	main.newsDetail{padding: 40px 30px;}



	/**************************************************
	news
	**************************************************/
	.newsIndex{width: 100%;}
	.newsIndex ul li:first-of-type{margin: 0;}
	.newsIndex ul li:nth-of-type(2n){margin: 20px 0 0 0;}
	.newsIndex ul li:nth-of-type(2){margin: 20px 0 0 0;}

	/* .newsIndex ul li{
		width: 100%;
		margin: 20px 0 0 0;
	}}
	.newsIndex ul li a{
		padding: 25px;
		border-radius: 20px;
	}
	.newsIndex ul li a span{
		font-size: 1.4rem;
		padding-left: 18px;
		margin-top: 15px;
	}
	.newsIndex ul li a span::before{
		width: 12px;
		height: 12px;
	}
	.newsIndex ul li a small{
		font-size: 1.4rem;
		margin-top: 15px;
	}
	.newsIndex ul li a strong{font-size: 1.8rem;} */

	aside{
		order: 3;
		width: 100%;
		margin-top: 90px;
	}

	.pageNavi{
		order: 2;
		margin: 50px 0 0 0;
		padding: 25px 0 0 0;
	}
	.pageNavi a,
	.pageNavi span{
		margin: 4px;
		width: 34px;
		height: 34px;
		font-size: 1.6rem;
	}
		
	article.s_news h2{padding-bottom: 20px;}
	article.s_news h2 small{
		font-size: 1.4rem;
		margin-right: 20px;
	}
	article.s_news h2 span{
		font-size: 1.4rem;
		padding-left: 18px;
	}
	article.s_news h2 span::before{
		width: 12px;
		height: 12px;
		top: 1px;
	}
	article.s_news h2 strong{
		font-size: 1.8rem;
		letter-spacing: 0;
		margin-top: 20px;
	}

	article.s_news p{
		margin-top: 30px;
		font-size: 1.6rem;
	}
	article.s_news p a.styleLink{padding-left: 25px;}
	article.s_news p a.styleLink::before{
		width: 18px;
		height: 18px;
		top: -2px;
		background-size: 100%;
	}
		
	.wp-block-image{padding-top: 10px;}
	.wp-block-image img{margin: 20px auto 0 auto;}
	.wp-block-image figcaption{font-size: 1.4rem;}

	.wp-block-gallery{margin-top: 30px;}
	.wp-block-gallery figcaption{font-size: 1.4rem;}
		
	.backBtn{
		margin-top: 40px;
		padding-top: 40px;
	}
	.backBtn a{
		width: 100%;
		font-size: 1.2rem;
		letter-spacing: 1px;
		padding: 25px 0;
		border-radius: 10px;
	}
	.backBtn a::before{
		width: 18px;
		height: 18px;
		top: calc(50% - 9px);
		right: 15px;
	}


	
	
	/**************************************************
	movie
	**************************************************/
	.movieHanger ul li{
		width: 100%;
		margin: 30px 0 0 0;
		font-size: 1.2rem;
	}
	.movieHanger ul li:first-of-type{margin: 0;}
	.movieHanger ul li:nth-of-type(2n){margin: 30px 0 0 0;}
	.movieHanger ul li:nth-of-type(2){margin: 30px 0 0 0;}

	.more{padding-top: 0;}
		
		
		
	/**************************************************
	footer
	**************************************************/
	footer{margin-top: 50px;}
	
	
	
}