span select:after {
   content: "";
   display: block;
   position: absolute;
   mask-image: url(./lib/images/angle-down.svg);
   background-color: #000;
   width: 12px;
   height: 12px;
   top: 50%;
   right: 8px;
   transform: translateY(-50%);
   pointer-events: none;
}

header #header-sns ul li a {
   width: 14px;
   position: relative;
   height: 27px;
   display: inline-block;
}

header #header-sns ul li a:before {
   content: "";
   width: 100%;
   top: 10px;
   bottom: 0;
   left: 0;
   position: absolute;
}

header #header-sns ul li a i {
   display: none;
}
header #header-sns ul li.facebook_icon a:before {
   -webkit-mask-image: url(./lib/images/facebook.svg);
   mask-image: url(./lib/images/facebook.svg);
   -webkit-mask-size: contain;
   mask-size: contain;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   background-color: #57585a;
}

header #header-sns ul li.feedly_icon a:before {
   -webkit-mask-image: url(./lib/images/rss.svg);
   mask-image: url(./lib/images/rss.svg);
   -webkit-mask-size: contain;
   mask-size: contain;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   background-color: #57585a;
}

/*----- Main menu -----*/
.primary-menu .sub-menu .menu-item-has-children>a:after {
   content: "";
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 12px;
   mask-image: url(./lib/images/angle-right.svg);
   mask-size: contain;
   mask-repeat: no-repeat;
   background-color: #fff;
   width: 12px;
   height: 12px;
}

/*----- Main menu SP-----*/
.sp-nav .cat-item>a,
.sp-nav .menu-item>a{
   position: relative;
}
.sp-nav .cat-item>a:after,
.sp-nav .menu-item>a:after {
   content: "" ;
   -webkit-mask-image: url(./lib/images/angle-right.svg);
   mask-image: url(./lib/images/angle-right.svg);
   -webkit-mask-size: contain;
   mask-size: contain;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   background-color: #fff;
   width: 11px;
   height: 11px;
   top: 20px;
   right: 17px ;
}

.sp-nav-btn:before {
   content: "";
   position: absolute;
   width: 20px;
   height: 20px;
   -webkit-mask-size: contain;
   mask-size: contain;
   -webkit-mask-image: url("./lib/images/sp-menu.svg");
   mask-image: url("./lib/images/sp-menu.svg");
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   background-color: #383838;
   left: 0;
   right: 0;
   margin: auto;
   top: 12px;
}

/*----- Page top btn -----*/
.pagetop-inner:before {
   content: "";
   position: absolute;
   -webkit-mask-image: url(./lib/images/angle-up.svg);
   mask-image: url(./lib/images/angle-up.svg);
   -webkit-mask-size: contain;
   mask-size: contain;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   background-color: #fff;
   width: 16px;
   height: 14px;
   left: 0;
   right: 0;
   margin: auto;
   top: 35%;
}

.xeory-breadcrumbs-item-home {
   position: relative;
   padding-left: 20px;
}

.xeory-breadcrumbs-item-home:before {
   content: "";
   position: absolute;
   width: 13px;
   height: 13px;
   mask-size: contain;
   mask-image: url("./lib/images/home.svg");
   mask-repeat: no-repeat;
   background-color: #000;
   left: 0;
   margin-top: 4px;
}

.xeory-breadcrumbs-item.xeory-breadcrumbs-item-current:before {
   content: none;
}

/*----- Content ------*/
.entry-content blockquote:before {
   content: "";
   mask-image: url(./lib/images/quote.svg);
   mask-repeat: no-repeat;
   mask-size: contain;
   width: 32px;
   height: 32px;
   background-color: #000;
}

.entry-meta .entry-date:before {
   content: "";
   -webkit-mask-image: url(./lib/images/clock.svg);
   mask-image: url(./lib/images/clock.svg);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-size: contain;
   mask-size: contain;
   background-color: #000;
   position: relative;
   left: 0;
   top: 3.5px;
   width: 12px;
   height: 12px;
   display: inline-block;
}

.entry-footer .post-footer-list>li:before {
   display: inline-block;
   background-color: #808080;
}

.entry-footer .post-footer-list>.cat:before {
   content: "";
   -webkit-mask-image: url(./lib/images/category.svg);
   mask-image: url(./lib/images/category.svg);
   -webkit-mask-size: contain;
   mask-size: contain;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   width: 15px;
   height: 13px;
}

.entry-footer .post-footer-list>.tag:before {
   content: "";
   -webkit-mask-image: url(./lib/images/tags.svg);
   mask-image: url(./lib/images/tags.svg);
   -webkit-mask-size: contain;
   mask-size: contain;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   width: 15px;
   height: 13px;
}

/*----- CTA -----*/
.post-cta-body ul {
   list-style: none;
}

.post-cta-body ul li {
   position: relative;
   list-style: outside none none;
}

.post-cta-body ul li:before {
   content: "";
   position: absolute;
   -webkit-mask-image: url(./lib/images/check.svg);
   mask-image: url(./lib/images/check.svg);
   -webkit-mask-size: contain;
   mask-size: contain;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   background-color: #2581c4;
   width: 14px;
   height: 12px;
   top: 7px;
   left: -20px;
}

/*----- Comment list -----*/
.comments-area .comments-title {
   position: relative;
}

.comments-area .comments-title:before {
   content: "";
   position: relative;
   -webkit-mask-image: url(./lib/images/comment.svg);
   mask-image: url(./lib/images/comment.svg);
   -webkit-mask-size: contain;
   mask-size: contain;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   width: 22px;
   height: 22px;
   left: 0;
   top: 2px;
   background-color: #383838;
   display: inline-block;
}

.comments-area .comment .reply>a:before {
   content: "";
   position: absolute;
   -webkit-mask-image: url(./lib/images/reply.svg);
   mask-image: url(./lib/images/reply.svg);
   -webkit-mask-size: contain;
   mask-size: contain;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   width: 12px;
   height: 10px;
   left: 0;
   top: 1px;
   background-color: #2581c4;
}

/*----- social btn -----*/
.xeory-social-btns>ul>li>a::before {
   content: "";
   display: inline-block;
}

.xeory-social-btns>ul>li.item-facebook>a:before {
   content: "";
   -webkit-mask-image: url(./lib/images/facebook.svg);
   mask-image: url(./lib/images/facebook.svg);
   -webkit-mask-size: contain;
   mask-size: contain;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   background-color: #fff;
   width: 12px;
   height: 12px;
}

.xeory-social-btns>ul>li.item-instagram>a:before {
   content: "";
   display: inline-block;
   -webkit-mask-image: url(./lib/images/instagram.svg);
   mask-image: url(./lib/images/instagram.svg);
   -webkit-mask-size: contain;
   mask-size: contain;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   background-color: #fff;
   width: 12px;
   height: 12px;
}

.xeory-social-btns>ul>li.item-youtube>a:before {
   content: "";
   -webkit-mask-image: url(./lib/images/youtube.svg);
   mask-image: url(./lib/images/youtube.svg);
   -webkit-mask-size: contain;
   mask-size: contain;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   background-color: #fff;
   width: 12px;
   height: 11px;
}

.xeory-social-btns>ul>li.item-line>a:before {
   content: "";
   mask-image: url(./lib/images/line.svg);
   mask-size: contain;
   mask-repeat: no-repeat;
   background-color: #fff;
   width: 11px;
   height: 12px;
}

.xeory-social-btns>ul>li.item-feedly a:before {
   content: "";
   -webkit-mask-image: url(./lib/images/rss.svg);
   mask-image: url(./lib/images/rss.svg);
   -webkit-mask-size: contain;
   mask-size: contain;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   background-color: #fff;
   width: 12px;
   height: 12px;
}

/*----- Sidebar -----*/
.side-widget.widget_archive ul li a:before,
.side-widget.widget_categories ul li a:before,
.side-widget.widget_recent_entries ul li a:before {
   content: "";
   position: absolute;
   -webkit-mask-image: url(./lib/images/angle-right.svg);
   mask-image: url(./lib/images/angle-right.svg);
   -webkit-mask-size: contain;
   mask-size: contain;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   width: 10px;
   height: 10px;
   background: #000;
   transition: all ease-in-out 0.3s;
}

/* social under post, sidebar, footer */
.widget-area-underpost .xeory-social-btns>ul>li[class^="item-"]>a:before,
#secondary .xeory-social-btns>ul>li[class^="item-"]>a:before,
.footer-widget .xeory-social-btns>ul>li[class^="item-"]>a:before {
   content: "";
   width: 16px;
   height: 16px;
   position: relative;
   top: 2px;
}

.widget-area-underpost .xeory-social-btns>ul>li.item-youtube>a:before,
#secondary .xeory-social-btns>ul>li.item-youtube>a:before,
.footer-widget .xeory-social-btns>ul>li.item-youtube>a:before {
   top: 4px;
}
/* coomment part */
.comment .reply > a{
   position: relative;
   padding-left: 1.2em;
}
/*----- Button -----*/
.fa.fa-arrow-circle-o-right::before{
   content:"";
   mask-image: url(./lib/images/angle-right.svg);
   mask-size: contain;
   mask-repeat: no-repeat;
   width: 6px;
   height: 10px;
   background-color: #fff;
   display: inline-block;
}