@charset "UTF-8";
/* Corporation CSS */

/* 共通 */

article.blog_box{
	margin-bottom: 10%;
}

.blog_days{
	color: #c88200;
}

.blog_title{
	font-size: 1.5rem;
	border-bottom: #c88200 dotted 0.2rem;
}

.new_blog_title, .late_blog_title{
	color: #787878;
	border-bottom: #787878 dashed 0.1rem;
	font-size: 1.4rem;
	margin-bottom: 4%;
}

.blog_text{
	margin: 2% 0;
}

.new_blog_text a, .late_blog_text a{
	color: #c88200;
}

/* 左側 */
@media only screen and (min-width: 769px) {
	
	.nav_ul .menu_li:first-child:hover{
		border: #349800 dashed 2px;
		border-radius: 4px;
		margin-top: -2px;
		padding-right: 2px;
	}
	
	.pankuzu{
		color: #c88200;
		font-size: 1.2rem;
		border-bottom: #c88200 dashed 1px;
		padding-bottom: 2px;
	}
	
	.pankuzu > a{
		color: #c88200;
	}
	
	.h2_circle{
		display: inline-block;
		width: 40px;
		height: 40px;
		background-color: #fad264;
		border-radius: 0.6rem;
		margin-bottom: -0.6rem;
	}
	
	aside{
		width: 248px;
	}
	
	.sidenav_menu_a li:first-child.select{
		background: url(../img/img_info_02.gif) no-repeat;
		width:100%;
		height: 100px;
	}
	
	#ayumi > img{
		margin: 2rem 0;
	}
	
	.blog_detail_btn{
		width: 34%;
		padding: 2%; 
		background-color: #999999;
		font-size: 1.4rem;
		text-align: center;
		border-radius: 0.6rem;
		color: #eeeeee !important;
		margin-top: 3%;
	}
	
	.new_blog_text a:hover, .late_blog_text a:hover{
		text-decoration: underline;
		color: #c88200;
	}
	
	.box_contents_new{
		overflow: scroll;
		height: 14rem;
	}
	
	.box_contents_late{
		overflow: scroll;
		height: 20rem;
	}

	.new_blog_text, .late_blog_text{
		line-height: 190%;
	}
	
	.new_blog_box, .late_blog_box{
		margin-bottom: 8%;
		padding:10%;
		background-color: #fff;
	}
	
}

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

.h2_circle{
	display: inline-block;
	width: 1.8rem;
	height: 1.8rem;
	background-color: #fad264;
	border-radius: 0.6rem;
}

.blog_aside{
	display: block !important;
	background-color: #ebe6e1;
}

.sidenav_menu_b{
	display: none;
}

#blog{
	display: block !important;
}

.blog_detail_btn{
		width: 50%;
		padding: 4%; 
		background-color: #999999;
		font-size: 1.4rem;
		text-align: center;
		border-radius: 0.6rem;
		color: #eeeeee !important;
		margin-top: 3%;
	}
	
	dl.arrow{
		border-top: #787878 solid 0.1rem;
		border-bottom: #787878 solid 0.1rem;
		overflow: hidden;
	}
	
	dd.arrow_left, dd.arrow_right{
		width: 50%;
		float: left;
		text-align: center;
		padding: 4% 0;
	}
	
	dd.arrow_left{
		border-right: #787878 solid 0.1rem;
	}
	
	.new_blog_box, .late_blog_box{
		margin-bottom: 8%;
		padding:4%;
		background-color: #fff;
	}

}