#no_article{
	font-size:2.1rem;
	color:#2e95d0;
	line-height:2;
}

.title_box{
    background:#3399cc;
    width:100%;
    overflow:hidden;
}
.title_box *{
    color:#fff;
}
.title_box div{
    display:table-cell;
}
.title_box div:nth-of-type(1){
    float:left;
    width:calc(100% * 798 / 1098);
    padding:calc(100% * 55 / 1098) calc(100% * 36 / 1098);
}
.title_box div:nth-of-type(2){
    float:right;
    width:calc(100% * 300 / 1098);
}
.title_box h1 {
	padding: 10px 0 7px;
	border-bottom: 4px solid #94c9e4;
}
.title_box time{
    font-size:1.5rem;
    font-style: italic;
}
.title_box li{
    display:inline-block;
}
.title_box li:before{
	display:inline-block;
	margin:0 5px;
	content:">";
}
.title_box li:nth-of-type(1):before{
	margin:0;
	content:"";
}
.title_box a{
    font-size:1.1rem;
    text-decoration:underline;
}
.title_box a:hover{
    color:#fff;
    text-decoration:none;
}
.eyecatch img{
    width:100%;
}
.eyecatch{
	position:relative;
}
.accessories{
	position:absolute;
	width:68px !important;
	height:68px !important;
	top:-2px;
	left:-2px;
}
#blogs section,
.blog_body{
	margin:calc(100% * 64 / 1098) 0;
	overflow:hidden;
}
.sentence, .images{
	width:calc(100% * 537 / 1098);
}
.blog_body a {
	text-decoration: underline;
}
.sentence h2,
.blog_body h2{
	font-size:2.4rem;
	font-weight: bold;
	line-height: 1.5;
	font-weight:bold;
}
.sentence p,
.blog_body p{
	font-size:1.6rem;
	font-weight:normal;
	line-height: 1.75;
	padding: 1.5em 0;
}
.images img,
.blog_body img{
	max-width:100%;
	height: auto;
}
.left_img .images{
	float:left;
}
.right_img .images{
	float:right;
}.left_img .sentence{
	float:right;
}
.right_img .sentence{
	float:left;
}
.no_img .sentence{
	width:100%;
}

/*-- blog lists --*/
#blog_list nav{
	margin-bottom:calc(100% * 40 / 1098);	
}
.parent, .children{
	font-size:0;
	width:100%;
}
.parent > li, .children li{
	display:inline-block;
	margin:0 10px 10px 0;
}
.parent > li > a, .children li a{
	display:block;
	padding:10px 30px;
	font-size:1.7rem;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
}
.parent > li > a{
	background:#c2c2c2;
	color:#fff;
}
.children li a{
	color:#c2c2c2;
	border:2px solid #c2c2c2;
}
.current a, .select a{
	background:#2e95d0 !important;
}
.select_child a{
	color:#2e95d0 !important;
	border:2px solid #2e95d0 !important;
}
.parent > li > a:hover{
	background:#2e95d0;
}
.children li a:hover{
	color:#2e95d0;
	border:2px solid #2e95d0;
}

.select:after{
	display:block;
	height:7px;
	content:"";
	margin:auto;
	background: url(../images/common/arrow_blog.png) bottom center no-repeat;
}

#blog_list article{
	border:1px solid #c2c2c2;
	padding:calc(100% * 15 / 1098);
	margin-bottom:calc(100% * 32 / 1098);
	overflow:hidden;
}
#blog_list .eyecatch{
	width:calc(100% * 300 / (1098 - (16 * 2)));
	float:left;
}
.information{
	width:calc(100% * 732 / (1098 - (16 * 2)));
	float:right;
	padding:15px 0;
}
.information time{
	font-size:1.3rem;
	font-style:italic;
	color:#737373;
}
.information h2 a{
	font-size:2.1rem;
	color:#2e95d0;
	line-height:2;

}
.information li{
    display:inline-block;
}
.information li:before{
	color:#737373;
	display:inline-block;
	margin:0 5px;
	content:">";
}
.information li:nth-of-type(1):before{
	content:"";
	margin:0;
}
.information li a{
	font-size:1.1rem;
	color:#737373;
	text-decoration:underline;

}
#blog_list .sentence{
	width:calc(100% * 537 / 732);
	margin:25px 0 0;
}
.readmore{
	display: inline-block;
	width:calc(100% * 247 / 732);
	min-width:145px;
	padding: calc(100% * 18 / 732);
	margin-top:25px;
	font-size: 1.7rem;
	text-align: center;
	color:#2e95d0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #2e95d0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
}
.readmore:hover{
	color:#ff9600;
	border: 2px solid #ff9600;
}
@media screen and (max-width: 880px) {
/*-- blog lists --*/
.parent li{
	display:block;
	margin:0 0 1px 0;
}
.select:after{
	display:none;
}
.children li{
	display:block;
	margin:0 0 1px 0;
}
}
@media screen and (max-width: 640px) {
.information h2{
	font-size:1.6rem;

}

	#blog_list .sentence{
		display:none
	}
	.sentence, .images{
		width: 100%;
	}
	.images{
		margin-bottom:calc(100% * 64 / 1098);
	}

.readmore{
	margin-top:10px;
	font-size: 1.2rem;
	text-align: center;
	color:#2e95d0;
	border: 1px solid #2e95d0;
	font-weight: bold;
}
.readmore:hover{
	border: 1px solid #c2c2c2;
}
.accessories{
	width:40px !important;
	height:40px !important;
}