@charset "utf-8";
/*============================================================================
画面の横幅が1280pxから（タブレット）
============================================================================*/
@media screen and (min-width: 480px) and (max-width: 767px){

.contents_area{
	width:480px;
	margin:0px auto;
	padding: 0px 10px;
}
/*=====================================================================
index page_home
======================================================================*/

.site-title_area{
top: 20px;
}
/*============================================================================
個別投稿ページ.page_post
============================================================================*/
.page_post .page-title{
	font-size:36px;
	font-weight:bold;
	margin-bottom: 1em;
}

/*last*/
}
@media screen and (min-width: 480px) and (max-width: 619px){
	.home-navi li{
	width: 100%;
		height:200px;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.home-navi li .link_box{
		position: absolute;
		width:200px;
		height:200px;
		overflow: hidden;
		border:4px solid #000;
		border-radius:50%;
		display:flex;
		justify-content:center;
		align-items:center;
		transition: all .5s;
	}
	.home-navi li .link_box img{
		width: 241px;
		height: 200px;
	}




}
@media screen and (min-width: 620px) and (max-width: 767px){
	.home-navi li{
	width: 100%;
		height:250px;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.home-navi li .link_box{
		position: absolute;
		width:250px;
		height:250px;
		overflow: hidden;
		border:4px solid #000;
		border-radius:50%;
		display:flex;
		justify-content:center;
		align-items:center;
		transition: all .5s;
	}
	.home-navi li .link_box img{
		width: 241px;
		height: 200px;
	}




}