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

#about_box { margin-bottom: 15%; }
.section_title_h1 {
	font-size: 2.5em;
	margin-bottom: 5%;
}
.flex_box { padding: 5%; }
/******************************************************************************************
カテゴリーのタイトル
******************************************************************************************/
.category_main_title {
	text-align: center;
	height: 8%;
	width: 100%;
	margin: 0 0 5%;
	padding: 3% 0 3%;
}
#category_music img, #category_movie img, #category_book img, #category_travel img, #category_diary img,#category_work img, #category_guitar img, #category_live img, #category_comic img { width: 20%; }
/******************************************************************************************
ピックアップ記事の要素
******************************************************************************************/

.pick_up_wrap {
	height: 100%;
	width: 100%;
	margin-bottom: 10%;
}
.pick_up_box_L, .pick_up_box_R {
	height: 100%;
	width: 96%;
	padding: 2%;
}
.pick_up_box_L { float: none; margin-bottom: 10%; }
.pick_up_box_R { float: none; }

.pick_up_img {
	height: 100%;
	width: 100%;
	margin: 0 0 5%;
}
.pick_up_img img { width: 100%; }
.pick_up_wrap p {
	width:100%;
	height: 100%;
	margin-bottom: 3%;
}
.pick_up_btn {
	height: 30px;
	width: 100px;
	margin: 0 auto;
}

/******************************************************************************************
カテゴリーごとの最新記事4つ
******************************************************************************************/

.blog_update_box { margin-bottom: 0; }
.blog_update_box li { 
	width:100%;
	padding: 3%;
	margin : 0 0 5% 0;
	float: none;
	text-align: center;
}
.blog_update_img { width:180px; height: 180px; margin: 0 auto; }

/******************************************************************************************
月別メニューの要素
******************************************************************************************/
#archives_box { margin-bottom: 20%; }
/******************************************************************************************
タグ
******************************************************************************************/
.tag_box { margin-bottom: 8%; }

/******************************************************************************************
プライバシーポリシーボタン要素
******************************************************************************************/
.privacy_button { width: 100%; }