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

/******************************************************************************************
カテゴリータイトル
******************************************************************************************/
.section_title_h1 {
    color: #34495e;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}
.category_main_title {
	text-align: center;
	height: 50px;
	width: 100%;
	margin: 0;
	padding: 15px 0 15px;
}
#main_visual.category_main_title { margin-bottom: 0;}
#category_music { background-color: #3598db; }
#category_movie { background-color: #9b58b5; }
#category_book { background-color: #34495e; }
#category_travel { background-color: #f1c40f; }
#category_diary { background-color: #1bbc9b; }
#category_work { background-color: #e77e23; }
#category_guitar { background-color: #01bdd6; }
#category_live { background-color: #ea1e63; }
#category_comic { background-color: #5d35b0; }
#category_music, #category_movie, #category_book, #category_travel, #category_diary, #category_work, #category_guitar, #category_live, #category_comic { border-radius: 4px 4px 0 0; }
/******************************************************************************************
カテゴリーの幅
******************************************************************************************/
#category_wrap {
	margin: 0 0 20px;
	padding: 20px;
	background-color: #ffffff;
	overflow: hidden;
	border-radius: 0 0 4px 4px;
}
/******************************************************************************************
クィックカテゴリー
******************************************************************************************/
.quick_category { overflow:hidden; margin-bottom:40px;}
.quick_category ul li { float:left; width:328px; text-align:center; }
#q_cate_01, #q_cate_02, #q_cate_04, #q_cate_05, #q_cate_07 { margin:0 8px 8px 0; }
#q_cate_03, #q_cate_06, #q_cate_08, #q_cate_09 { margin:0 0 8px 0;}
#q_cate_01 a, #q_cate_02 a, #q_cate_03 a, #q_cate_04 a, #q_cate_05 a, #q_cate_06 a, #q_cate_07 a, #q_cate_08 a, #q_cate_09 a { display:block; padding: 5% 0; border-radius: 4px; }
#q_cate_01 a { background:#3598db; }
#q_cate_02 a { background:#9b58b5; }
#q_cate_03 a { background:#34495e; }
#q_cate_04 a { background:#f1c40f; }
#q_cate_05 a { background:#1bbc9b; }
#q_cate_06 a { background:#e77e23; }
#q_cate_07 a { background:#01bdd6; }
#q_cate_08 a { background:#ea1e63; }
#q_cate_09 a { background:#5d35b0; }

/******************************************************************************************
カテゴリーの説明の文字要素
******************************************************************************************/
#category_wrap p {font-size :16px; color :#232323; margin: 0 0 10px; }

#category_wrap p a { color :#3598db; text-decoration: underline; }
#category_wrap p a:hover { color :#F24744; text-decoration: underline; }

/******************************************************************************************
タグ
******************************************************************************************/
.tag_box { width: 100%; margin-bottom: 40px; }
.tag_box ul { overflow: hidden; }
.tag_box ul li { float: left; margin: 0 5px 5px 0; }
.tag_box ul li a {
	color: #ffffff;
	padding: 1px 12px 2px 10px;
	display: inline-block;
	line-height: 1.3;
	background: #3598db;
	vertical-align: middle;
	border-radius: 18px;
}
.tag_box ul li a:before {
	content: '●';
	color: #ffffff;;
	margin-right: 4px;
	font-size: 16px;
}
.tag_box ul li a:hover { background:#1bbc9b; transition: .2S;}

/******************************************************************************************
LINEバナー要素
******************************************************************************************/
.line_banner { margin-bottom: 40px; }
.line_banner img { text-align:center; width:100%; }