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

#about_box { width:100%; margin-bottom:100px; }
.section_title_h1 {
	color: #34495e;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	margin-bottom:20px;
}
.flex_box {
	background-color: #ffffff;
	overflow: hidden;
    padding: 40px;
    border-radius: 4px;
}
#profile_box {
	text-align: left;
}
#profile_img {
	width: 100px;
    height: 100px;
    background-color: #f2f2f2;
    border-radius: 4px;
    float: left;
    margin-right: 20px;
}
#profile_img img {
	width: 100px;
    height: 100px;
}
#about_box h2 {
	font-size: 24px;
    color: #3598db;
	font-weight: bold;
    text-align: left;
	margin-bottom:10px;
}
#about_box p { font-size:16px; }

#about_box p a { color :#3598db; text-decoration: underline; }
#about_box p a:hover { color :#F24744; text-decoration: underline; }
/******************************************************************************************
カテゴリーの文字色
******************************************************************************************/
.category_music_text_color { color: #3598db; }
.category_movie_text_color { color: #9b58b5; }
.category_book_text_color { color: #34495e; }
.category_travel_text_color { color: #f1c40f; }
.category_diary_text_color { color: #1bbc9b; }
.category_work_text_color { color: #e77e23; }
.category_guitar_text_color { color: #01bdd6; }
.category_live_text_color { color: #ea1e63; }
.category_comic_text_color { color: #5d35b0; }
.category_music_text_color, .category_movie_text_color, .category_book_text_color, .category_travel_text_color, .category_diary_text_color, .category_work_text_color, .category_guitar_text_color, .category_live_text_color, .category_comic_text_color { font-weight: bold; }
/******************************************************************************************
カテゴリーのタイトル
******************************************************************************************/
.category_main_title {
	text-align: center;
	height: 50px;
	width: 100%;
	margin-bottom: 20px;
	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; }
/******************************************************************************************
ピックアップ記事の要素
******************************************************************************************/

.pick_up_wrap {
	height: 360px;
	width: 1000px;
	overflow: hidden;
	margin-bottom: 20px;
}
.pick_up_box_L, .pick_up_box_R {
	background-color: #ffffff;
	height: 320px;
	width: 450px;
	padding: 20px;
	border-radius: 4px;
}
.pick_up_box_L { float: left; }
.pick_up_box_R { float: right; }

.pick_up_img {
	height: 180px;
	width: 360px;
	margin: 0 auto 20px;
}
.pick_up_wrap p {
	height: 80px;
	margin-bottom: 10px;
	font-size: 14px;
}
.pick_up_btn {
	height: 30px;
	width: 100px;
	margin: 0 auto;
}
/******************************************************************************************
カテゴリーごとの最新記事4つ
******************************************************************************************/

.blog_update_box { width: 100%; margin-bottom: 20px; overflow: hidden; }
.blog_update_box li { 
	width:180px;
	padding: 29px;
	margin:0 16px 16px 0;
	background-color: #ffffff;
	border-radius: 4px;
	float: left;
	cursor: pointer;
}
.blog_update_box li:nth-of-type(4n) {
    margin-right: 0px;
}
.blog_update_box li:last-child { margin-right:0; }
.blog_update_img { width:180px; height: 180px; text-align: center; }
.blog_update_date { font-size: 12px; color :#3598db; font-weight: bold; }
.blog_update_title {
	font-size: 14px;
	color: #34495e;
	font-weight: bold;
	line-height: 18px;
}
/******************************************************************************************
月別メニューの要素
******************************************************************************************/
#archives_box { width:100%; background-color: #ffffff; margin-bottom: 60px; }
#archives_box ul li { border: solid 1px #ebebeb; padding: 8px 8px 8px 25px; cursor: pointer; }
#archives_box ul li a { font-size: 20px; color: #3598db; }
#archives_box ul li a:hover { color: #F24744; }

/******************************************************************************************
タグ
******************************************************************************************/
.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;}
/******************************************************************************************
プライバシーポリシーボタン要素
******************************************************************************************/
.privacy_button { width: 400px; padding: 10px 0 10px 0;  margin:0 auto 50px; }
.privacy_button a {display: block;
	background-color: #1bbc9b;
	color: #ffffff;
	border-radius: 26px;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	padding: 14px 0;
}
.privacy_button a .fa-chevron-right { color: #ffffff; }
.privacy_button a:hover { background-color: #22d1ad; }


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