.news h1{text-align:center}
.blog .bloglist h3{overflow:hidden;}
.blog .bloglist li a{display:block;color:#025;}
.blog .bloglist li a:hover{color:#F24}
.blog .loadmore{text-align:center;padding:15px;margin:30px}
.blog .loadmore a{background:#025;padding:15px 50px;cursor:pointer;color:#FFF;font-weight:bold;position:relative;display:block}
.blog .loadmore a:hover{opacity:0.5}
.loadmore a:after{display:block;content:"";position:absolute;top:50%;right:20px;width:8px;height:8px;margin:-7px 0 0 0;border-top:solid 3px #FFF;border-right:solid 3px #FFF;-webkit-transform:rotate(135deg);transform:rotate(135deg);}

.blog .blog_body{margin-bottom:20px}
.blog .blog_title{color:#025;font-size:2rem;text-align:center;margin:30px}
.blog .blog_body h4{background-color:#025;color:#FFF;text-align:center;font-size:2rem;padding:5px;margin:15px 0;font-weight:normal;}
.blog .blog_body h5{background-color:#999;color:#FFF;text-align:center;padding:5px;margin:15px 0;font-size:1.6rem;font-weight:normal;}
.blog .blog_body h6{background-color:#DDD;color:#555;text-align:center;padding:5px;margin:15px 0;font-size:1.2rem;font-weight: normal;}
.blog .blog_body .marker{background:#FF0}
table{border-collapse:collapse;border-spacing:2px;}
tr:nth-child(even){background:#EEE;}
tr{display:table-row;vertical-align:inherit;border-color:inherit;}
td{padding:5px;font-size:1.4rem}
th{padding:5px;font-size:1.4rem;background:#555;color:#FFF}
address,pre,div{font-style:normal;}
.blog .blog_body ol,.blog .blog_body ul,.blog .blog_body dl{*margin-right:0px;padding:0 30px;}
.blog .blog_body ul{list-style:disc;}
.blog .blog_body th,.blog .blog_body td{border:1px solid #999}
.blog .blog_body table{border:1px solid #555}
.blog .category{background:#FE0;padding:5px 10px;font-weight:bold;font-size:1.2rem;margin-right:10px;}
.blog .cat{font-weight:bold;font-size:1.2rem;margin-right:10px;}
.blog .sub_text{margin-bottom:15px;}
.blog .blog_right h3{padding:15px 0;text-align:center;background:#FE0;color:#025}
.blog .blog_right .pickup a{color:#025}
.blog .blog_right .pickup a:hover{color:#555}
.blog .blog_right h4{padding:5px 0}
.blog .blog_right .pickup{margin-top:20px}
.blog .blog_left .sub_text a{color:#000}
.blog .blog_navi{padding:20px 0}
.blog .blog_navi .blog_prev,
.blog .blog_navi .blog_next{width:49%;display:inline-block;}
.blog .blog_navi .blog_prev a:after{display:block;content:"";position:absolute;top:50%;left:10px;width:8px;height:8px;margin:-5px 0 0 0;border-top:solid 2px #FFF;border-right:solid 2px #FFF;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.blog .blog_navi .blog_next a:after{display:block;content:"";position:absolute;top:50%;right:10px;width:8px;height:8px;margin:-5px 0 0 0;border-top:solid 2px #FFF;border-right:solid 2px #FFF;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.blog .blog_navi .blog_next{text-align:right}
.blog .blog_navi a{padding:10px 30px;position:relative;background:#025;color:#FFF}

@media screen and (min-width: 769px){
	.blog .bloglist li{width:30%;display:inline-block;vertical-align:top}
	.blog .bloglist li{margin:0 1.6% 30px 1.6%;}
	.blog .picbox{height:200px;}
	.blog .picbox img{object-fit:cover;height:100%;width:100%;}
	.bloglist .info span{margin-right:10px}
	.blog .loadmore a{width:500px;margin:auto}

	.blog h1{display:block;margin-bottom:20px;font-size:3rem}
	.blog .blog_left{width:640px;display:inline-block;margin-bottom:20px;vertical-align:top}
	.blog .blog_right{width:315px;display:inline-block;margin-bottom:20px;vertical-align:top}
	.blog .blog_right .right_inner{margin-left:50px}
	.blog .blog_right .pickup .sub_text{margin-bottom:30px}
	.blog .pickup a{display:block}
}
@media screen and (max-width: 768px){
	.blog .bloglist{width:95%;margin:auto}
	.blog .bloglist li{width:47%;display:inline-block;vertical-align:top}
	.blog .bloglist li:nth-child(even){margin-left:6%}
	.blog .picbox{height:130px;}
	.blog .picbox img{object-fit:cover;height:100%;width:100%;}
	.bloglist .info span{display:block}

	.blog h1{display:block;margin-bottom:20px;font-size:2rem;line-height:1.2em}
	.blog .blog_right,
	.blog .blog_left{width:95%;margin:auto}
	.blog th,.blog td{padding:2px;font-size:1.2rem}
	.blog .pickup a{width:48.5%;display:inline-block;vertical-align:top}
	.blog .pickup a:nth-child(even){margin-left:3%}
	.blog .blog_right .right_inner{margin-top:20px}
	.blog .cat{font-weight:bold;font-size:1.2rem;display:block}
	.blog .blog_body iframe{width:100%;height:auto}
}