/* ----- blog ----- */

strong														{font-weight:600;}
.blog_left												{width:850px;}
.blog_right												{width:250px;}



.bloglist_gyo											{display:block; border-top:1px solid #eeeeee;}
.bloglist_gyo a										{display:flex; justify-content:space-between; flex-wrap: wrap; padding-top:20px; padding-bottom:20px; text-decoration:none;}
.bloglist_gyo a:hover							{ text-decoration:none;}
.bloglist_thumb										{width:30%; position:relative;}
.bloglist_thumb img								{max-width:100%;  height:160px; object-fit: cover;}
.bloglist_date										{position:absolute; top:0px; left:0px; width:120px; padding:5px 0px 5px 0px; font-size:15px; background-color:#d6e2c8; color:#000000f; text-align:center; font-family:Roboto; font-weight:400;}
.bloglist_detail									{width:65%;}
.bloglist_detail h3								{display:block; font-size:20px; line-height:30px; color:#000000; font-weight:400; margin:0px; padding:0px0px 10px 0px;}
.bloglist_bassui									{font-size:16px; line-height:26px; color:#555555;}



.blog_entry_whitebox							{padding:0px; margin-bottom:40px; }
.blog_entry_whitebox_list					{padding:0px; margin-bottom:40px;}
.blog_single_title								{display:block; font-size:28px; line-height:40px; font-weight:600; padding:0px 0px 10px 0px; margin:0px;}
.blog_single_meta									{padding:0px 0px 10px 0px; font-size:15px; line-height:22px; color:#666666;}
.blog_single_cat									{padding:0px 0px 10px 0px; margin-bottom:30px; border-bottom:1px solid #eeeeee;}

.blog_entry												{font-size:1.2em; color:#111111; line-height:2.2em; font-weight:400;}
.blog_entry p											{ font-weight:400;}
.blog_entry strong								{ font-weight:600;}
.blog_entry img										{max-width:100%; height:auto!important;}


.alignleft												{float:left; padding:10px;}
.alignright												{float:right; padding:10px;}
.aligncenter											{clear:both; text-align:center; padding:10px; margin:0px auto; display:block;}

.blog_side_title									{display:block; text-align:center; background-color:#266ebd; padding:20px; margin:0px auto; font-size:18px; line-height:26px; color:#ffffff;}

/*cat*/
.side_cat													{display:block; margin:0px; padding:0px; font-size:17px; font-weight:400; line-height:30px;}
.side_cat li											{background-color:#ffffff; list-style:none; border-top:1px solid #eeeeee;}
.side_cat li ul										{margin:0px; padding:0px;}
.side_cat li ul li								{background-color:#ffffff; font-weight:200; font-size:15px; margin:0px; background-image:none; }

.side_cat li a																{display:block; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; color:#000000;}
.side_cat li ul li a													{display:block; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:10px;}
.side_cat li ul li ul li a										{display:block; padding-top:10px; padding-bottom:10px; padding-left:30px; padding-right:10px;}
.side_cat li ul li ul li ul li a							{display:block; padding-top:10px; padding-bottom:10px; padding-left:40px; padding-right:10px;}
.side_cat li ul li ul li ul li ul li a				{display:block; padding-top:10px; padding-bottom:10px; padding-left:50px; padding-right:10px;}
.side_cat li ul li ul li ul li ul li  ul li a	{display:block; padding-top:10px; padding-bottom:10px; padding-left:60px; padding-right:10px;}


.side_cat li ul li a:before	{content:"+ ";}
.side_cat li ul li ul li a:before	{content:"- ";}




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


.blog_left												{width:100%;}
.blog_right												{width:100%;}


.bloglist_gyo											{display:block; border-top:1px solid #eeeeee;}
.bloglist_gyo a										{display:block;  padding-top:20px; padding-bottom:20px; text-decoration:none;}
.bloglist_gyo a:hover							{ text-decoration:none;}
.bloglist_thumb										{width:100%; position:relative;}
.bloglist_thumb img								{max-width:100%;  height:160px; object-fit: cover;}
.bloglist_date										{position:absolute; top:0px; left:0px; width:120px; padding:5px 0px 5px 0px; font-size:15px; background-color:#d6e2c8; color:#000000f; text-align:center; font-family:Roboto; font-weight:400;}
.bloglist_detail									{width:100%;}
.bloglist_detail h3								{display:block; font-size:20px; line-height:30px; color:#000000; font-weight:400; margin:0px; padding:0px0px 10px 0px;}
.bloglist_bassui									{font-size:16px; line-height:26px; color:#555555;}


/* ----- blog ----- */

.blog_entry_whitebox							{padding:20px 10px 20px 10px; margin-bottom:25px;}
.blog_entry_whitebox_list					{padding:20px 10px 20px 10px; margin-bottom:25px;}
.blog_single_title								{display:block; font-size:22px; line-height:32px; color:#222222; font-weight:600; padding:0px 0px 10px 0px; margin:0px;}
.blog_single_meta									{padding:0px 0px 10px 0px; margin:0px; font-size:16px; line-height:22px; color:#666666;}
.blog_single_cat									{padding:0px 0px 10px 0px; margin-bottom:30px; border-bottom:1px solid #eeeeee;}

.blog_entry												{font-size:1.0em; color:#111111; line-height:2.0em; font-weight:400;}
.blog_entry p											{ font-weight:400;}
.blog_entry strong								{ font-weight:400;}
.blog_entry img										{width:100%!important; max-width:600px!important; height:auto!important;}

.alignleft												{float:none; padding:0px;}
.alignright												{float:none; padding:0px;}
.aligncenter											{clear:both; text-align:center; padding:0px; margin:0px auto; display:block;}











}

