@charset "utf-8";
/* CSS Document */
.fix_size{
	width: 100%;
	height: 0;
	padding-bottom: 66.7%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 5em;
	position:relative;
}
.fix_size [class^="icon-"]{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
#contents .lnk_btn{
	color: #ffffff;
}
#contents .category_lnk a{
	color: #000000;
}
#contents .nav-previous a,
#contents .nav-next a {
	color: #BF4B0D;
	position: relative;
}
.nav-previous a::after,
.nav-next a::after {
    position: absolute;
    bottom: 0px;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #BF4B0D;
    transform: scale(1, 1);
    transform-origin: center top;
    transition: transform .5s;
}
.nav-previous a:hover:after,
.nav-next a:hover:after {
	transform: scale(0, 1);
}
.nav-previous {
	float: right;
}
.nav-next {
	float: left;
}
#sec_archive .flex_space .area-img{
	width:36%;
}
#sec_archive .flex_space .area_txt{
	width:62%;
}
.category_lnk a{
    padding: 1px 5px 2px;
}
#sec_archive .flex_space .area_txt .lnk_btn{
	float: right;
    clear: right;
}
#sec_post .blk_ttl_right {
	background: linear-gradient(to right, transparent 50%, #BDF29B 50%);
}
#sec_post .blk_ttl_right span{
	margin-right:0.5em;
}
#form_confirm_area{
	text-align: center;
}
/*===============================================*/
@media screen and (max-width: 480px) {
	#sec_archive .flex_space .area-img{
		width:100%;
	}
	#sec_archive .flex_space .area_txt{
		width:100%;
	}
}