@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 640px){
	
	/* -------------------- all -------------------- */

	img{
		width: 100%;
	}
	
	
	
	
	
	/* -------------------- header -------------------- */
	
	header{
		min-width:100%;
	}
	
	.head_wrap_top{
		min-width:100%;
		height:400px;
		border-top:solid 4px #b21b1b;
		background-position:50% 0;
	}
	
	.head_wrap_archive:before{
		min-width:100%;
	}
	
	.head_inner{
		width:96%;
	}
	
	.head_txt_top{
		padding-top:3px;
		font-size:86%;
		line-height:1.5em;
	}
	
	.head_txt_archive{
		padding:2%;
		font-size:100%;
	}
	
	.head_txt_top br{
		display:inline;
	}
	
	nav{
		display:none;
	}
	
	
	
	
	
	/* -------------------- contents -------------------- */
	
	#contents{
		margin:40px 0 100px;
	}
	
	#archive_contents{
		width:92%;
		margin:30px auto 100px;
		justify-content:flex-start;
	}
	
	.pankuzu{
		margin-bottom:15px;
		font-size:86%;
	}
	
	/* ---------- main ---------- */
	
	.main{
		width:100%;
		margin-bottom:80px;
	}
	
	
	/* ---------- side ---------- */
	
	aside{
		width:85%;
		margin:0 auto;
	}
	
	.side_twitter_box iframe{
		width:100% !important;
	}
	
	
	
	
	
	/* -------------------- footer -------------------- */
	
	footer{
		min-width:100%;
		padding:20px 0;
	}
	
	footer:before{
		min-width:100%;
	}
	
	.foot_inner{
		width:92%;
	}
	
	.foot_txt{
		width:100%;
		margin-bottom:15px;
		font-size:86%;
		text-align:center;
		line-height:1.5em;
	}
	
	.foot_menu{
		width:100%;
		justify-content:center;
	}
	
	.foot_menu li{
		display:none;
	}
	
	.foot_menu li.menu_sns{
		margin-right:15px;
		display:block;
	}
	
	.copyright{
		font-size:72%;
	}
	
}