@charset "utf-8";

body:not(.home) .article_content a.btn,
body:not(.home) .pages_content a.btn,
body:not(.home) main .wp-block-vk-blocks-button a{
    position: relative;
	z-index: 10;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 180px;
	width: auto;
	min-height: 2.875em;
	font-size: 1rem;
	font-weight: 500;
	background:var(--base-color);
	color:var(--white);
	border: 1px solid var(--base-color);
	border-radius: 4em;
	padding: 0.5em 2em;
	text-decoration: none;
	transition: color .4s,background-color .4s;
}
body:not(.home) main .wp-block-vk-blocks-button a.is-style-outline{
	background:var(--white);
	color:var(--base-color);
	border: 1px solid var(--base-color);
}
body:not(.home) main .wp-block-vk-blocks-button a.is-style-outline:after{
	border-left-color:var(--base-color);
}
body:not(.home) main .wp-block-button a{
	border-radius:5px;
	transition: color .4s,background-color .4s;
	border: 1px solid transparent;
	color: var(--white);
}
.article_content a.btn span,
.pages_content a.btn span,
body:not(.home) main .wp-block-vk-blocks-button a span{
	pdisplay:flex;
	justify-content:center;
	align-items:center;
}
.article_content a.btn:after,
.pages_content a.btn span:after,
bbody:not(.home) main .wp-block-vk-blocks-button a span:after{
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 10px solid #fff;
    border-right: 0;
    position:absolute;
    z-index:10;
    top:0;
    bottom:0;
    right: 1em;
    margin:auto;
    transition:border-left-color .4s;
}
body:not(.home) .wp-block-button a{
	border:solid 1px #fff;
	color:#fff;
	text-decoration:none;
	justify-content:center;
}
body:not(.home) .page-link-btn a{
	position:relative;
}
body:not(.home) .page-link-btn a:after{
	content: '';
	width:9px;
	height:9px;
	border-top: solid 2px var(--white);
	border-right: solid 2px var(--white);
	position: absolute;
	right:1em;
	top: 0;
	bottom:0;
	margin:auto;
	transform: rotate(135deg);
	transition:.5s border-color;
}
body:not(.home) a:not(.btn){
	color:var(--base-color);
}
@media (any-hover: hover) {
	body:not(.home) main.article_content a.btn:hover,
	body:not(.home) main.pages_content a.btn:hover,
    body:not(.home) main .wp-block-vk-blocks-button a:hover,
	body:not(.home) main .wp-block-button a:hover{
		background:var(--white) !important;
		color:var(--base-color) !important;
		border-color:var(--base-color) !important;
		opacity:1;
		filter: none;
	}
	.article_content a.btn:hover:after,
	.pages_content a.btn span:hover:after,
    body:not(.home) .wp-block-vk-blocks-button a:hover:after{
		border-left-color:var(--base-color) !important;
	}
	body:not(.home) main .wp-block-vk-blocks-button a.is-style-outline:hover{
		background:var(--base-color) !important;
		color:var(--white) !important;
	}
	body:not(.home) main .wp-block-vk-blocks-button a.is-style-outline:hover:after{
		border-left-color:var(--white) !important;
	}
	body:not(.home) .page-link-btn a:hover:after{
		border-color:var(--base-color);
	}
}
@media only screen and (max-width: 767px) {
	body:not(.home) .page-link-btn a:after{
		width:7px;
		height:7px;
	}
}

/* ブログ
-------------------------------------------------------------------*/
body:not(.home) .blog_wrap{
    display:flex;
    justify-content:space-between;
    align-items:stretch;
    flex-wrap:wrap;
    gap:5%;
}
body:not(.home) .blog_wrap .topics_wrap{
    width:75%;
}
body:not(.home) .blog_wrap .blog_category{
    width:20%;
}
body:not(.home) .blog_wrap .blog_category .blog_category_style{
    position:relative;
    width:100%;
    font-size:1.25rem;
    margin: 0 auto 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1.5em;
    border-bottom: 2px dotted #e0c767;
}
body:not(.home) .blog_wrap .blog_category .blog_category_style:before{
    content:"";
    width:22px;
    height: 19px;
    background:url(../img/common/icon-title_nikukyu.svg) no-repeat center / contain;
    position:absolute;
    left:0;
    top: -0.375em;
    bottom:0;
    margin:auto;
}
body:not(.home) .blog_wrap .blog_category .post-cat_wrap{
    padding:0;
    margin:0;
}
body:not(.home) .blog_wrap .blog_category .post-cat_wrap li{
    border-bottom:#d7d7d7 solid 1px;
    margin:0;
}
body:not(.home) .blog_wrap .blog_category .post-cat_wrap li a{
    text-decoration:none;
    width:100%;
    font-size:1rem;
    padding:12px 10px;
    display:block;
    color:var(--black);
    transition:.5s background;
}
@media (any-hover: hover) {
    body:not(.home) .blog_wrap .blog_category .post-cat_wrap li a:hover{
        background:#fbf8ed;
    }
}
@media only screen and (max-width: 767px) {
    body:not(.home) .blog_wrap{
        gap:2em;
    }
    body:not(.home) .blog_wrap .topics_wrap,
     body:not(.home) .blog_wrap .blog_category{
        width:100%;
    }
    body:not(.home) .blog_wrap .blog_category .blog_category_style{
        font-size: 1.14rem;
        padding-left: 1.5em;
    }
    body:not(.home) .blog_wrap .blog_category .blog_category_style:before{
        width: 18px;
        height: 15px;
        top: -0.5em;
    }
}