@charset "utf-8";
/*------------------------------------------------------------------------------------------------------------------------*/
/* トップページのお知らせ表示 */

#topnews{

}

#topnews .blog_category{
	margin:0 0 1em 0;
	padding:1em;
	border:1px solid var( --color15 );
	border-radius:0.5em;
	background:var( --gradation15 );
}

#topnews .blog_title#minititle{ font-size:1em !important; }

#topnews #spacer20_40{ height:0px !important; }
#topnews #date_export{ color:hsla(0,80%,70%,1); }

/*------------------------------------------------------------------------------------------------------------------------*/
/* トップページのブログ表示 */

#topblog{
	//background:gold;
}

#topblog .blog_category{
	border-bottom:1px solid silver;
}

/*------------------------------------------------------------------------------------------------------------------------*/

#topnews a, #topblog a{
	color: var( --color05 );
}

/*------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:901px){
	#topblog .blog_category{
		width:40%;
		padding:2%;
		margin:1% 3%;
		float:left;
	}
}
@media screen and (max-width:900px){
	#topblog .blog_category{
		width:94%;
		padding:2%;
		margin:1%;
		float:none;
	}
}
@media screen and (max-width:650px){ }
@media screen and (max-width:480px){ }
@media screen and (max-width:400px){ }
/*------------------------------------------------------------------------------------------------------------------------*/
/* サイドメニューのブログ表示 */

#sideblog{

}

#sideblog .blog_category{
	border:1px solid silver;
	border-radius:4px;
	width:calc(100% - 22px);
	padding:10px;
	margin:0 0 10px 0;
}

#sideblog .category_n{
	border:1px solid #BFBF56 !important;
}


#sideblog .honbun_plain{
	display:none !important;
}

#sideblog .blog_title{
	font-size:0.8em !important;
}

#sidecategory .button_all{
	display:none !important;
}

#sidecategory a{
	display:block !important;
	border-bottom:1px solid silver;
}
/*------------------------------------------------------------------------------------------------------------------------*/

/* ブログカテゴリー*/ 
.blog_category{

}

.blog_category_midashi {
	float:left;
	background-color:#f8f8f8;
	display:inline-block;
	color:#404040;
	border-radius:3px;
	font-size:0.8em;
	line-height:1.6em;
	padding:0 0.8em;
	margin:0.56em 0.4em 0 0;
}

.blog_category_button a.button_all{ display:inline-block; background-color:hsla(0,0%,97%,1); color:hsla(0,0%,25%,1); }
.blog_category_button a.button_01{ display:none; background-color:hsla(90,100%,70%,1); }
.blog_category_button a.button_02{ display:none; background-color:hsla(25,100%,70%,1); }
.blog_category_button a.button_03{ display:none; background-color:hsla(200,100%,70%,1); }
.blog_category_button a.button_04{ display:none; background-color:hsla(270,100%,70%,1); }
.blog_category_button a.button_05{ display:none; background-color:hsla(45,100%,60%,1); }
.blog_category_button a.button_06{ display:none; background-color:hsla(350,100%,85%,1); }
.blog_category_button a.button_00{ display:none; background-color:hsla(0,0%,70%,1); }
.blog_category_button a.button_n { display:none; background-color:hsla(0,100%,70%,1); }/* お知らせ */

.category_01 .blog_category_button a.button_01{ display:inline-block; }
.category_02 .blog_category_button a.button_02{ display:inline-block; }
.category_03 .blog_category_button a.button_03{ display:inline-block; }
.category_04 .blog_category_button a.button_04{ display:inline-block; }
.category_05 .blog_category_button a.button_05{ display:inline-block; }
.category_06 .blog_category_button a.button_06{ display:inline-block; }
.category_00 .blog_category_button a.button_00{ display:inline-block; }
.category_n .blog_category_button a.button_n{ display:inline-block; }

/* カテゴリー一覧 */
.category_all .blog_category_button a.button_all{ display:none; }
.category_all .blog_category_button a.button_01{ display:block; }
.category_all .blog_category_button a.button_02{ display:block; }
.category_all .blog_category_button a.button_03{ display:block; }
.category_all .blog_category_button a.button_04{ display:block; }
.category_all .blog_category_button a.button_05{ display:block; }
.category_all .blog_category_button a.button_06{ display:block; }
.category_all .blog_category_button a.button_00{ display:block; }

.category_all .blog_category_button{
	float:none !important;
}

.category_all .blog_category_button a{
	display:inline-block;
	border-radius:6px;
	color:white;
	font-size:1.5em;
	line-height:1.5em;
	padding:0 0.5em;
	margin:1em 0 0 0;
}

.category_all .blog_category_button a:hover{
}

/* ブログ日付 */
#date{
	display:none;
}

/* ブログ投稿日 */
.blog_date{
	float:left;
}

#date_export{
	display:inline-block;
}

/* ブログカテゴリーボタン */
.blog_category_button{
	float:right;
}

.blog_category_button a{
	display:inline-block;
//	background:#007bbb;
	border-radius:3px;
	color:white;
	font-size:0.8em;
	line-height:1.6em;
	padding:0 0.5em;
	margin:0 0 0.2em 0.2em;
}

.blog_category_button a:hover{
//	background:#402e2b !important;
	opacity:0.8;
}
/* ブログ見出し */
.blog_title{ line-height:1.5em; padding:0 0.2em 0.2em; border-bottom:1px solid #E5E5E5; }
.blog_title#minititle{ border:none; }
.blog_midashi{ line-height:1.5em; padding:0.5em; background:#f4f4f4; }

.blog_hr{ border-bottom:1px solid #E5E5E5; }

/* ブログ見出しフォントサイズ */
.blog_title{ font-size:32px; }
.blog_title#minititle{ font-size:24px; }
.blog_midashi{ font-size:26px; }


/* ブログ2カラム */
.blogbox{ float:left; }
.blogbox#left { width:48%; margin:0; }
.blogbox#right { width:48%; margin:0 0 0 4%; }

/* ブログ角丸ボックス */
.blog_radiusbox{ line-height:1.2em; padding:0.5em; background:#f4f4f4; border:1px solid #E5E5E5; border-radius:3px; }

/* 前のページ・次のページ */
#blog_prev, #blog_next{
	text-align:center;
	width:7em;
	display:inline-block;
	//background:olive;
}

/* リストでブログ表示 */

.honbun_no_display{
	padding:0;
	//background:red !important;
}

.honbun_no_display .blog_honbun{
	display: none !important;
}

.honbun_no_display .under_category{
	display: none !important;
}

.honbun_no_display .blog_category#blog_always_top{
	background: #f0f0f0 !important;
	border-radius:5px;
}

.honbun_plain{
	font-size:0.8em !important;
	padding:0 1em;
	line-height:1.2em;
	height:4.8em;
	overflow:hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.blog_title a:hover, .honbun_plain a:hover{
	text-decoration:underline;
}

/* ページネーション */
#pagination {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    text-align: center;
}

#pagination li {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 1px;
}

#pagination li a {
    padding: 5px 8px;
    text-decoration: none;
    border: 1px solid #ccc;
    color: #333;
    border-radius:2px;
}

#pagination li.current a {
    font-weight: bold;
    background-color: lightblue;
}

/*------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:901px){ }
@media screen and (max-width:900px){ }
@media screen and (max-width:650px){ }
@media screen and (max-width:480px){ }
@media screen and (max-width:400px){ }
/*------------------------------------------------------------------------------------------------------------------------*/

/* ラインマーカー */
#marker_y{
	font-weight:bold;
	background:linear-gradient(rgba(255, 255, 0, 0) 60%,rgba(255, 255, 0, 0.7) 100%);
}

