#top_title{
	padding-top:120px;
	height:500px;
	background:url(/img/logo_bak.png);
	background-size: cover;
	color:#FFFFFF;
	margin-bottom:20px;
}

#title{
	padding-top:200px;
	height:500px;
	background-color:#000000;
	color:#FFFFFF;
	margin-bottom:20px;
}

#twitter_follow{
	padding-top: 20px;
	margin-bottom: 20px;
	background-color: gainsboro;
}

#item_list img{
	width:100%;
}

#head_title img{
	width:20%;
}


#item{
	padding-top:200px;
	height:500px;
	background-color:#000000;
	color:#FFFFFF;
	background-size: cover !important;
	background-position: center !important;
	margin-bottom:20px;
}

#pref{
	margin-top:20px;
	margin-bottom:100px;
}

#tw_info{
	margin-bottom: 20px;
}

#tw_info img{
	max-width: 50px;
}

#pref_info{
	margin-bottom: 100px;
}

#ad{
	margin-top:50px;
	margin-bottom:50px;	
}

#other_pref_down{
	margin-bottom: 100px;
}

#ad h4{
	color:#3B5998
}

#ad p{
	color:#3B5998
}

#ad a{
	color: #6c6c6c;
}

#ad_img img{
	width:85%;
	border:solid 1px #c5c5c5;
}

#ad_img p{
	width: 85%;
	margin: 0 auto;
}

.mg-bm-10{
	margin-bottom:10px;
}

.mg-bm-20{
	margin-bottom:20px;
}


@media screen and (min-width: 991px) and (max-width: 1200px) {
	/* 画面サイズの横幅が 991px より大きく、1200より小さい場合に適用 */

}

@media screen and (min-width: 769px) and (max-width: 990px) {
	/* 画面サイズの横幅が 769px より大きく、990より小さい場合に適用 */

}


@media screen and (min-width: 481px) and (max-width: 768px) {
	/* 画面サイズの横幅が 768px より大きく、990より小さい場合に適用 */
	#top_title img{
		width:100%;
	}

	#head_title img {
		width: 50%;
	}

	#item {
		padding-top: 160px;
	}

}

@media screen and (max-width: 480px) {
   /* 表示領域が480px以下の場合に適用するスタイル */
	#top_title img{
		width:100%;
	}
	
	#head_title img {
		width: 50%;
	}
	
	#item {
		padding-top: 160px;
	}

}