@charset "utf-8";


/*
.page__title { background-image: url(../../assets/images/blog/page_title_bg.jpg);}
*/
.single-post .page__title__box { padding: 0; border-bottom: none;}
.single-post .page__title__sub,
.single-post .page__title { display: none; }


.side__tag { margin-top: 1.8rem;}
.side__tag__item { display: inline-block; margin: 0 .1rem .5rem 0;}
.side__tag__item__a { display: inline-block; padding: .5rem 1rem; background-color: #F4F4F4;}
@media screen and (min-width: 768px) {
.side__tag { margin-top: 2rem;}
}
@media screen and (min-width: 1024px) {
.side__tag__item__a { font-size: 1.2rem;}
}




/* index

-------------------------------------------------------------------------------------------------------- */

.blog__row { display: flex; flex-direction: column-reverse;}
.side__nav { margin-top: 5rem;}
.side__box + .side__box { margin-top: 4rem;}
.side__title { padding: 0 0 1.5rem; border-bottom: #ccc 1px solid; font-weight: bold; font-size: 1.6rem;}
.side__cat__item { border-bottom: #ccc 1px solid;}
.side__cat__item__a { display: block; padding: 1.8rem 0;}
.side__inquiry__search { position: absolute; top: 0; width: calc(100% - 4rem); }
.search__container { border: #ccc 1px solid;}
.search__container input[type="search"] { height: 4rem;}
.search__container input[type="submit"] { width: 4rem; height: 4rem; }
.main__wrap { margin-top: 7rem; }

@media screen and (min-width: 768px) {
.blog__row { flex-direction: row; justify-content: space-between;}
.side__nav { width: 30%; max-width: 25.5rem; margin-top: 0;}
.side__box { margin: 0;}
.side__title { font-size: 1.8rem;}
.side__inquiry__search { position: relative; top: 0; width: 100%; }
.main__wrap { width: 70%; max-width: 73rem; margin-left: 3rem; margin-top: 0; }
}
@media screen and (min-width: 1024px) {
.side__box:first-child { margin-top: 0;}
.side__box:nth-child(3) { margin-top: 8rem;}

}





/* detail

-------------------------------------------------------------------------------------------------------- */


.blogDetail__wrap {}
.blogDetail__wrap .sec__inner { max-width: 87rem;}
.blogDetail__wrap .side__tag__item__a { font-size: 1rem;}

@media screen and (min-width: 768px) {

}



/* 目次 */
/*
.toc__container { max-width: 57rem; margin: 6rem 0 0; padding: 2rem; background-color: #FAFAFA;}
.toc__title { margin-bottom: 2rem; padding-left: 2.5rem; background: url(../../assets/images/common/ico_blog_red_01.svg) no-repeat left center; background-size: 1.8rem; font-weight: bold; font-size: 1.8rem;}
.toc__list { counter-reset: item; }
.toc__list__item { position: relative; margin-top: 1rem; padding-left: 1.5rem; font-weight: bold;}
.toc__list__item__a { text-decoration: none !important; color: #333 !important;}
.toc__list__item:before { position: absolute; top: 0; left: 0; counter-increment: item; content: counter(item)''; }
@media screen and (min-width: 768px) {
.toc__container { margin-top: 12rem; padding: 4rem 3rem;}
.toc__title { margin-bottom: 4rem; }
.toc__list__item { margin-top: 3rem; }
}
*/

.counter-numeric { max-width: 57rem; margin: 6rem 0 0; padding: 2rem; background-color: #FAFAFA;}
.ez-toc-title { margin-bottom: 2rem; padding-left: 2.5rem; background: url(../../assets/images/common/ico_blog_red_01.svg) no-repeat left center; background-size: 1.8rem; font-weight: bold; font-size: 1.8rem;}
.counter-numeric nav { counter-reset: item;}
.counter-numeric a { display: block; position: relative; margin-top: 1rem; padding-left: 1.5rem; font-weight: bold; text-decoration: none !important; color: #333 !important;}
.counter-numeric a:before { position: absolute; top: 0; left: 0; counter-increment: item; content: counter(item)''; }
@media screen and (min-width: 768px) {
.counter-numeric { margin-top: 12rem; padding: 4rem 3rem;}
.ez-toc-title { margin-bottom: 4rem; }
.counter-numeric a { margin-top: 3rem; }
}
@media screen and (min-width: 768px) {
.ez-toc-title { font-size: 2rem;}
}






/* ポイント */
/*
.point__container { margin-top: 3rem; padding: 2rem; background: #FBF2F2;}
.point__container h3 { margin-top: 0;}
.point__item { margin-top: 2rem; }
.point__item__dt { position: relative; padding-left: 1.5rem; font-weight: bold; }
.point__item__dt::before { content: ""; display: block; width: .8rem; height: .8rem; border-radius: 50%; position: absolute; top: .5rem; left: 0; background-color: #FC2D2D; }
.point__item__dd { margin-top: .3rem; }
@media screen and (min-width: 768px) {
.point__container { margin-top: 4rem; padding: 4rem 3rem; }

}
*/

.is-style-point-container { margin-top: 3rem; padding: 2rem; background: #FBF2F2;}
.is-style-point-container h3 { margin-top: 0;}
.wp-block-simple-definition-list-blocks-list { margin-top: 2rem;}
.wp-block-simple-definition-list-blocks-term { position: relative; padding-left: 1.5rem; font-weight: bold;}
.wp-block-simple-definition-list-blocks-term::before { content: ""; display: block; width: .8rem; height: .8rem; border-radius: 50%; position: absolute; top: .5rem; left: 0; background-color: #FC2D2D; }
.wp-block-simple-definition-list-blocks-details { margin-top: .3rem;}
@media screen and (min-width: 768px) {
.is-style-point-container { margin-top: 4rem; padding: 4rem 3rem; }

}



/* 対応車種 */
/*
.support__type { padding: 1rem 1.5rem; border: #ccc 1px solid; font-weight: bold; font-size: 2.5rem;}
@media screen and (min-width: 768px) {
.support__type { padding: 2rem 3rem; font-size: 3rem;}
}
*/


/* 対応車種 */
.is-style-outline-text { padding: 1rem 1.5rem; border: #ccc 1px solid; font-weight: bold; font-size: 2.5rem;}
@media screen and (min-width: 768px) {
.is-style-outline-text { padding: 2rem 3rem; font-size: 3rem;}

}