/*====================================================
////id |  catch_copy
====================================================*/
.page_title-catch_copy {
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 .5em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .page_title-catch_copy {
        font-size: 1.1em;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .page_title-catch_copy {
        font-size: min(2.8vw, 3rem);
    }
}

@media (hover: hover) {}

/*====================================================
////id page_title
====================================================*/
#page_title {
}
.page_title-inner {
    padding: min(25vw, 150px) 0 0;
}
.page_title-head {
    display: grid;
    line-height: 1.2;
}
.page_title-head .jp_only {
    font-size: .7em;
}
.hidden-page_title {
    background: #fff;
    height: 0;
    overflow: hidden;
    position: relative;
}
.hidden-page_title h1 {
    font-size: 20px;
    z-index: -1;
}
.page_title-head .jp {
    font-size: .4em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .page_title-head {
        font-size: min(10vw, 6rem);
        /* font-weight: 700; */
        letter-spacing: 0;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .page_title-head {
        font-size: min(8vw, 7rem);
    }
}


/*====================================================
////class .breadcrumb
====================================================*/
.breadcrumb-outer {
	position: relative;
	width: 100%;
    z-index: 100;
    display: none;
}
.breadcrumb {
	display: flex;
        align-items: center;
        flex-wrap: wrap;
    font-size: min(2.6vw, 1.2rem);
    font-weight: 400;
    letter-spacing: 0;
	line-height: 1.2;
    margin: auto;
    opacity: .7;
    /* position: absolute;
        top: 0;
        left: 0;
        right: 0;
	z-index: 1000; */
}
.breadcrumb li {
	display: flex;
		align-items: center;
	margin: 0 !important;
	padding-right: 1.2em;
	position: relative;
}
.breadcrumb li.home a {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 12 12"><path fill="%23E97D9F" d="M6,0L0,5v7h4v-4h4v4h4v-7L6,0Z" /></svg>') no-repeat center left / contain;
    width: 1em;
    height: 1em;
}
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.breadcrumb li:after {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 7 11"><path fill="%23494949" d="M7,5.5L1.53,11l-1.53-1.53,3.95-3.97L0,1.53,1.53,0l5.47,5.5Z" /></svg>') no-repeat center ;
	content: '';
	line-height: 1.2;
	margin: auto;
	position: absolute;
		top: .05em;
		right: .3em;
		bottom: 0;
	width: .3em;
	height: .6em;
}
.breadcrumb li:last-child {
    pointer-events: none;
	padding: 0;
}
.breadcrumb li:last-child:after {
	display: none;
}
.breadcrumb li.home img {
	width: 1.1em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	.breadcrumb {
        padding-top: 50px;
		position: relative;
	}
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

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

/*====================================================
////class .column-wrapper
====================================================*/
.column-wrapper {
    display: grid;
    grid-gap: 40px min(3vw, 50px);
	align-items: flex-start;
    /* padding-top: min(10vw, 60px); */
    position: relative;
    z-index: 10;
}
.title_none .column-wrapper {
    padding-top: min(8vw, 60px);
}
.column-wrapper main {
	border-radius: 1em;
	flex: 1;
	margin: 0 auto;
	width: 100%;
		/* max-width: 1080px; */
}
.column-wrapper .main-inner {
    /* background: #fff; */
    /* padding: min(6vw, 50px) min(5vw, 30px); */

}
/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
	.column-wrapper {
        display: grid;
            grid-template-columns: 1fr;
            grid-gap: min(13vw, 60px);
	}
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960px) {
	#post_archive .column-wrapper ,
	.single .column-wrapper {
        display: grid;
            /* grid-template-columns: 1fr min(24vw, 300px); */
            grid-gap: 40px min(3vw, 75px);
            /* grid-template-rows: auto 1fr; */

	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:960px) and (max-width:1080px) {
}

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

@media screen and (min-width:1330px) {
	.column-wrapper {
		/* grid-gap: 40px 75px; */
    }
}

/*====================================================
////id single
====================================================*/

#post_title {
    margin: min(10vw, 50px) 0 min(5vw, 30px);
}
#post_title h1 {
    margin-bottom: .5em;
}
#post_title .date_cate {
    gap: .6em 1em;
}
#post_title .date {
    line-height: 1.2;
    padding-top: .1em;
}
#post_title .cate_item {
    font-size: .75em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	#post_title h1 {
		font-size: min(5.6vw, 2.6rem);
	}
    #post_title .date_cate {
        flex-direction: column;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#post_title h1 {
		font-size: min(4vw, 3.5rem);
	}
    /* .column-wrapper main {
        grid-row: 1 / 3;
    } */
}

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

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
    #single {
        margin: auto;
        width: 95%;
    }
}



/*====================================================
////class .bodyText
====================================================*/
.bodyText {
    font-weight: 400;
	width: 100%;
	margin: 0 auto 0;
}
.body_itemBox .innerBox {
	max-width: 870px;
}
.page-template-tmpl_noHead .bodyText {
	border-bottom: none;
	margin: 0;
	padding: 0;
}
.bodyText.default_deco h1 ,
.bodyText.default_deco h2 ,
.bodyText.default_deco h3 ,
.bodyText.default_deco h4 ,
.bodyText.default_deco h5 {
	line-height: 1.4;
    position: relative;
}
.bodyText.default_deco * + .headBox h1 ,
.bodyText.default_deco * + .headBox h2 {
	margin: 3em 0 min(6vw, 20px);
}
.bodyText.default_deco * + .headBox h3 ,
.bodyText.default_deco * + .headBox h4 ,
.bodyText.default_deco * + .headBox h5 {
	margin: 2.5em 0 min(6vw, 20px);
}
.bodyText.default_deco h1 {
    background: var(--mainColor);
    color: #fff;
    padding: .4em 1em .4em;
	font-size: 1.5em;
}
.bodyText.default_deco h2 {
    background: #fff;
    font-weight: 700;
    padding: .85em .8em .9em .8em;
    position: relative;
	font-size: 1.4em;
}
.bodyText.default_deco h2::before ,
.bodyText.default_deco h2::after {
    border: solid 3px var(--d_gray);
    box-sizing: border-box;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        left: 0;
    width: 100%;
    height: .5em;
}
.bodyText.default_deco h2::before {
    border-bottom: 0;
    top: 0;
}
.bodyText.default_deco h2::after {
    border-top: 0;
    bottom: 0;
}
.bodyText.default_deco h3 {
    background-image: radial-gradient(circle, var(--d_gray) 2px, transparent 2px);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 10px 4px;
    font-weight: 700;
    padding: .35em .8em .4em;
    position: relative;
	font-size: 1.35em;
}
.bodyText.default_deco h4 {
    background-image: radial-gradient(circle, var(--d_gray) 1.5px, transparent 1.5px);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 7px 4px;
    font-weight: 700;
    padding: 0 .5em .4em;
    position: relative;
	font-size: 1.2em;
}

.bodyText.default_deco h5 {
    border-bottom: dotted 2px var(--d_gray);
    padding: 0 .5em .4em;
	font-size: 1.1em;
}
.bodyText h1.deco_none,
.bodyText h2.deco_none,
.bodyText h3.deco_none,
.bodyText h4.deco_none,
.bodyText h5.deco_none,
.bodyText ul.deco_none li {
	background: none;
	border: none;
	color: inherit;
	padding: 0;
}
.bodyText.deco_none h1,
.bodyText.deco_none h2,
.bodyText.deco_none h3,
.bodyText.deco_none h4,
.bodyText.deco_none h5,
.bodyText.deco_none ul li {
	margin: 0;
}
#main .bodyText .deco_none:before,
#main .bodyText .deco_none:after {
	display: none;
}

.bodyText.default_deco * + p,
.bodyText.default_deco * + ul,
.bodyText.default_deco * + ol,
.bodyText.default_deco * + .wp-block-group,
.bodyText.default_deco * + .wp-block-image,
.bodyText.default_deco * + .wp-block-table,
.bodyText.default_deco * + .is-layout-flex {
	margin-top: 1.5em;
}

.bodyText.default_deco .wp-block-image figcaption {
    font-size: .75em;
}

.bodyText.default_deco .wp-block-list {
    /* background: #fffefa;
    padding: 1.25em 1em 1.25em 2.375em; */
    /* padding: 0; */
}

.bodyText .wp-block-quote {
	background: var(--w_gray);
	font-size: .95em;
	margin: 2em auto;
	padding: 1.5em 2em;
	position: relative;
    width: calc(100% - 1.6em);
}
.bodyText .wp-block-quote::before,
.bodyText .wp-block-quote::after {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 5 4"><path fill="%23D6D6D6" d="M1.19,1.85c.61,0,1.1.48,1.1,1.08s-.48,1.07-1.1,1.07c-.78,0-1.19-.48-1.19-1.21,0-.51.22-.91.49-1.42l.73-1.36h.95l-.99,1.85ZM3.9,1.85c.61,0,1.1.48,1.1,1.08s-.48,1.07-1.1,1.07c-.78,0-1.19-.48-1.19-1.21,0-.51.22-.91.49-1.42l.73-1.36h.95l-.99,1.85Z" /></svg>') no-repeat center / contain;
	content: '';
	display: block;
	margin: auto;
	position: absolute;
	width: 2em;
	height: 2.5em;
}
.bodyText .wp-block-quote::before {
	top: -1em;
	left: -.8em;
}
.bodyText .wp-block-quote::after {
	bottom: -1em;
	right: -.8em;
	transform: rotate(180deg);
}
.bodyText .wp-block-quote p {
	position: relative;
	z-index: 1;
}
.bodyText .wp-block-quote cite {
	display: block;
	position: relative;
	text-align: right;
	z-index: 1;
}
/* .bodyText p {
	margin: 1.4em 0;
}
.bodyText p:first-child {
	margin-top: 0;
}
.bodyText p:last-child {
	margin-bottom: 0;
} */
.wp-block-buttons {
	align-items: center;
	margin: 2em 0;
}

.wp-block-buttons.is-layout-flex {
    display: flex;
        flex-wrap: wrap;
	grid-gap: 2em;
}
.wp-block-buttons > .wp-block-button {
	display: inline-block;
}
.bodyText hr {
	border: none;
	background: var(--gray);
	margin: min(8vw, 40px) auto;
	width: 100%;
	max-width: none;
	height: 1px;
}
.bodyText hr.is-style-wide {
	width: 100%;
}
.bodyText hr.is-style-dots {
	background: none;
	border-top: dotted 1px var(--gray);
	width: 100%;
}
.wp-block-separator.is-style-dots:before {
	display: none !important;
}
.bodyText + hr {
	margin: 60px auto;
}

.bodyText :where(.wp-block-columns.is-layout-flex) {
    gap: min(5vw, 30px) min(2vw, 30px);
}

/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 769px) {
	.wp-block-buttons.is-layout-flex {
        flex-direction: column;
	}
	.bodyText .wp-block-buttons > .wp-block-button:not(.has-custom-width) {
		width: 100%;
	}
	.bodyText .wp-block-quote {
		padding: 1em;
	}
    .bodyText .has-small-font-size {
        font-size: .8em !important;
    }
    .bodyText .has-medium-font-size {
        font-size: 1.1em !important;
    }
    .bodyText .has-large-font-size {
        font-size: 1.25em !important;
    }
    .bodyText .has-x-large-font-size {
        font-size: 1.4em !important;
    }
}

@media screen and (max-width: 540px) {
    .bodyText .wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
        width: 100%;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .bodyText .has-small-font-size {
        font-size: .8em !important;
    }
    .bodyText .has-medium-font-size {
        font-size: 1.1em !important;
    }
    .bodyText .has-large-font-size {
        font-size: 1.3em !important;
    }
    .bodyText .has-x-large-font-size {
        font-size: 1.5em !important;
    }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1300px) {
    /* .bodyText {
        font-size: min(4vw, 1.8rem);
    } */
}

/*====================================================
////class archiveName
====================================================*/
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	.archiveName {
		font-size: 2.2rem;
	}
}

@media screen and (max-width:500px) {
	.archiveName {
		font-size: 1.4em;
	}
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	.archiveName {
		font-size: 2.4rem;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

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

/*====================================================
////id VKブロック
====================================================*/
* + div[class^="wp-block-vk-blocks"] {
    margin-top: 1.8em;
}
.bodyText .vk_borderBox {
    margin-bottom: 0;
}
.bodyText .vk_borderBox.is-style-vk_borderBox-style-solid-kado-tit-onborder>.vk_borderBox_title_container {
    top: -1.5em;
    margin-bottom: -1.5em;
}
.vk_borderBox.is-style-vk_borderBox-style-solid-kado-tit-tab .vk_borderBox_title_container, 
.vk_borderBox.is-style-vk_borderBox-style-solid-round-tit-tab .vk_borderBox_title_container {
    max-width: 90%;
}
.bodyText .vk_borderBox_title_container .headBox {
    display: inline-block;
}

.bodyText .vk_borderBox_title_container .headBox .vk_borderBox_title {
    font-size: 1.1em;
}
.bodyText .vk_balloon_content_after,
.bodyText .vk_balloon_content_before {
    color: #ccc;
}

.bodyText .vk_faq {
    border-bottom: none;
    padding-bottom: 0;
}
.bodyText .vk_faq + .vk_faq {
    margin-top: 1em;
}
.bodyText .vk_faq .vk_faq_title ,
.bodyText .vk_faq .vk_faq_content {
    display: grid;
        align-items: baseline;
        grid-gap: .5em;
        grid-template-columns: auto 1fr;
}
.bodyText .vk_faq .vk_faq_title {
    border-bottom: none;
    font-size: 1.1em;
    padding: .8em 0;
}
.bodyText .vk_faq .vk_faq_content {
    background: #fffcf5;
    padding: .8em;
}
.bodyText .vk_faq .vk_faq_title:before ,
.bodyText .vk_faq .vk_faq_content:before {
    color: var(--mainColor);
    font-weight: 700;
    position: relative;
    top: .1em;
    width: 1.3em;
}
.bodyText .vk_faq .vk_faq_title:before {
    content: 'Q.';
}
.bodyText .vk_faq .vk_faq_content:before {
    content: 'A.';
}

.bodyText .vk-scroll-hint {
    transform: translateY(2em);
}

.bodyText .vk_alert {
    font-weight: 500;
}

ul.is-style-default, ul.is-style-vk-arrow-mark, ul.is-style-vk-triangle-mark, ul.is-style-vk-check-mark, ul.is-style-vk-check-circle-mark, ul.is-style-vk-check-square-mark, ul.is-style-vk-handpoint-mark, ul.is-style-vk-pencil-mark, ul.is-style-vk-smile-mark, ul.is-style-vk-frown-mark, ul.is-style-vk-numbered-circle-mark, ul.is-style-vk-numbered-square-mark, ol.is-style-default, ol.is-style-vk-arrow-mark, ol.is-style-vk-triangle-mark, ol.is-style-vk-check-mark, ol.is-style-vk-check-circle-mark, ol.is-style-vk-check-square-mark, ol.is-style-vk-handpoint-mark, ol.is-style-vk-pencil-mark, ol.is-style-vk-smile-mark, ol.is-style-vk-frown-mark, ol.is-style-vk-numbered-circle-mark, ol.is-style-vk-numbered-square-mark {
    margin-left: 0 !important;
}
.bodyText ul.wp-block-list {
    padding-left: 1em;
}
.bodyText ul.is-style-default li {
    position: relative;
}
.bodyText ul.is-style-default li::before {
	background: #888;
	border-radius: 100%;
	content: '';
    font-weight: 900;
    position: absolute;
        top: .5em;
        left: -1em;
	width: .3em;
	height: .3em;
}
.bodyText ul.is-style-vk-numbered-square-mark li:before, 
.bodyText ol.is-style-vk-numbered-square-mark li:before,
.bodyText ul.is-style-vk-numbered-circle-mark li:before, 
.bodyText ol.is-style-vk-numbered-circle-mark li:before {
    display: flex;
        align-items: center;
        justify-content: center;
    font-size: .9em;
    width: 1.5em;
    height: 1.5em;
}
.bodyText ol.wp-block-list {
}
/* .bodyText ol.wp-block-list > li {
    padding: .3em 0 .8em 1em;
} */
.bodyText ol.wp-block-list > li::before {
    left: -2.4em;
}
.bodyText ol.wp-block-list > li:last-child {
    padding-bottom: .3em;
}
.bodyText ol.wp-block-list > li:last-child::after {
    display: none;
}

.bodyText .vk_balloon_content {
    max-width: calc(100% - 4em);
}
.bodyText.default_deco .vk_balloon_content * + p {
    margin-top: 0;
}

.bodyText .vk_balloon {
    line-height: 1.6;
    margin-bottom: 0;
}
.bodyText .vk_balloon + .vk_balloon {
    margin-top: 1em;
}

.bodyText .wp-lightbox-container::before ,
.bodyText .wp-lightbox-container::after {
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: calc(min(1vw, 10px) * -1);
        right: calc(min(1vw, 10px) * -1);
    width: min(6vw, 30px);
    height: min(6vw, 30px);
    z-index: 10;
}
.bodyText .wp-lightbox-container::before {
    background: rgba(255, 255, 255, .8);
    border: solid 1px var(--d_gray);
    border-radius: 100%;
}
.bodyText .wp-lightbox-container::after {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-1 -1 41 41"><path fill="%23000000" d="M39,34.17l-10-9.5c.56-.83,1.04-1.72,1.44-2.66.83-1.95,1.25-4.03,1.25-6.17s-.42-4.21-1.25-6.17c-.8-1.89-1.94-3.58-3.39-5.04-1.45-1.45-3.15-2.6-5.04-3.39-1.95-.83-4.03-1.25-6.17-1.25s-4.21.42-6.17,1.25c-1.89.8-3.58,1.94-5.04,3.39-1.45,1.45-2.6,3.15-3.39,5.04-.83,1.95-1.25,4.03-1.25,6.17s.42,4.21,1.25,6.17c.8,1.89,1.94,3.58,3.39,5.04,1.45,1.45,3.15,2.6,5.04,3.39,1.95.83,4.03,1.25,6.17,1.25s4.21-.42,6.17-1.25c.93-.4,1.82-.88,2.66-1.44l9.5,10c.67.67,1.54,1,2.41,1s1.75-.33,2.41-1c1.33-1.33,1.33-3.49,0-4.83ZM15.84,27.57c-3.13,0-6.08-1.22-8.29-3.44-2.22-2.22-3.44-5.16-3.44-8.29s1.22-6.08,3.44-8.29c2.22-2.22,5.16-3.44,8.29-3.44s6.08,1.22,8.29,3.44c2.22,2.22,3.44,5.16,3.44,8.29s-1.22,6.08-3.44,8.29c-2.22,2.22-5.16,3.44-8.29,3.44ZM23.58,15.88c0,.91-.74,1.65-1.65,1.65h-4.42v4.42c0,.91-.74,1.65-1.65,1.65s-1.65-.74-1.65-1.65v-4.42h-4.42c-.91,0-1.65-.74-1.65-1.65s.74-1.65,1.65-1.65h4.42v-4.42c0-.91.74-1.65,1.65-1.65s1.65.74,1.65,1.65v4.42h4.42c.91,0,1.65.74,1.65,1.65Z" /></svg>') no-repeat top center / cover;
    transform: scale(.6);
}
.bodyText .wp-lightbox-container button {
    display: none;
}
.wp-lightbox-overlay .close-button {
    background: rgba(255, 255, 255, .8) !important;
    border-radius: 100%;
}
.scrim {
    background-color: rgba(0, 0, 0, .5) !important;
    backdrop-filter: blur(3px);
}

.bodyText .vk_flow .vk_flow_frame_text_title {
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.6;
}

ul.is-style-default, ul.is-style-vk-arrow-mark, ul.is-style-vk-triangle-mark, ul.is-style-vk-check-mark, ul.is-style-vk-check-circle-mark, ul.is-style-vk-check-square-mark, ul.is-style-vk-handpoint-mark, ul.is-style-vk-pencil-mark, ul.is-style-vk-smile-mark, ul.is-style-vk-frown-mark, ul.is-style-vk-numbered-circle-mark, ul.is-style-vk-numbered-square-mark, ol.is-style-default, ol.is-style-vk-arrow-mark, ol.is-style-vk-triangle-mark, ol.is-style-vk-check-mark, ol.is-style-vk-check-circle-mark, ol.is-style-vk-check-square-mark, ol.is-style-vk-handpoint-mark, ol.is-style-vk-pencil-mark, ol.is-style-vk-smile-mark, ol.is-style-vk-frown-mark, ol.is-style-vk-numbered-circle-mark, ol.is-style-vk-numbered-square-mark {
    /* -webkit-padding-start: 1.6em;
    padding-inline-start: 1.6em; */
    margin-left: -.4em;
}

.bodyText ul.is-style-vk-triangle-mark li:before, 
.bodyText ol.is-style-vk-triangle-mark li:before {
    left: -1em;
}

.bodyText .is-style-vk-group-solid-roundcorner {
    border-radius: min(3vw, 20px);
}
:root :where(.has-background) {
    padding: 1.25em 1.5em;
}
:root :where(.wp-block-list.has-background) {
    padding: 1.25em 1.5em 1.25em 2.5em !important;
    -webkit-padding-start: 2.5em !important;
    padding-inline-start: 2.5em !important;
    margin-left: 0;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .bodyText .vk_balloon_content {
        max-width: none;
    }
    .bodyText .vk_borderBox .vk_borderBox_title_container {
        padding: .5em .8em .4em;
    }
    .bodyText .is-style-vk-group-solid-roundcorner,
    .bodyText .is-style-vk-group-shadow,
    .bodyText .is-style-vk-group-dashed,
    .bodyText .vk_borderBox .vk_borderBox_body {
        padding: 1em;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .bodyText .vk_faq .vk_faq_content {
        margin: 0 0 0 auto;
        width: calc(100% - 1.5em);
    }
}

@media (hover: hover) {}


/*====================================================
////id |  article-toc
====================================================*/
.article-toc dl {
    border: solid 2px var(--mainColor);
    border-radius: 10px;
    overflow: hidden;
}
.article-toc dt {
    background: var(--mainColor);
    color: #fff;
    display: flex;
        align-items: center;
        justify-content: center;
    font-size: 1.3em;
    font-weight: 700;
    letter-spacing: 1em;
    padding: .2em 1em;
    text-align: center;
}
.article-toc dt .arrow {
    filter: brightness(100);
    transform: rotate(90deg);
    transition: .3s ease-in-out;
    width: 1em;
    height: 1em;
}
.article-toc .open dt .arrow {
    transform: rotate(270deg);
}
.article-toc_items {
    padding: 1em;
}
.article-toc_items li + li {
    margin-top: .3em !important;
    padding-top: .3em;
}
.article-toc_items a.toc-link {
    display: block;
    font-weight: 500;
    padding: .4em 0 .4em 1.8em;
    position: relative;
}
.article-toc_items a.toc-link::before {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 17 17"><path fill="%234EC1B7" d="M17,8.5C17,3.81,13.19,0,8.5,0S0,3.81,0,8.5s3.81,8.5,8.5,8.5,8.5-3.81,8.5-8.5ZM4.92,7.59l1.41-1.41,2.17,2.17,2.17-2.17,1.41,1.41-3.58,3.58-3.58-3.58Z" /></svg>') no-repeat center / contain;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: .5em;
        left: 0;
    width: 1.2em;
    height: 1.2em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media (hover: hover) {
    .article-toc_items a.toc-link:hover {
        color: var(--mainColor);
    }
}

/*====================================================
////class .pagenation
====================================================*/
.pagenation .page-numbers {
	display: flex;
		align-items: center;
		grid-gap: .5em;
		justify-content: center;
	margin: 3em auto 0;
	width: 100%;
}
.pagenation li {
	margin: 0;
	padding: 0;
}
.pagenation li .page-numbers:not(.dots) {
    border-radius: 100%;
	display: flex;
		align-items: center;
		justify-content: center;
    font-size: min(4.0vw, 1.7rem);
	letter-spacing: 0;
	line-height: 1;
	margin: 0;
    padding-bottom: .1em;
	width: 2.5em;
	height: 2.5em;
}
.pagenation li .page-numbers.current {
	background: var(--mainColor);
	border-color: var(--mainColor);
	color: #fff;
	pointer-events: none;
}
.pagenation li .page-numbers.dots {
	border: none;
    margin-top: 0;
}
.pagenation li .page-numbers.prev ,
.pagenation li .page-numbers.next {
    background: transparent;
	border: none;
	opacity: 1;
    position: relative;
    width: 1em;
}
.pagenation li .page-numbers.prev .triangle_arrow {
	transform: rotate(180deg);
}

#single .pagenation .wrapBox {
	grid-gap: 10px 1em;
	grid-template-columns: 1fr min(40vw, 220px) 1fr;
	margin: auto;
	text-align: center;
}
#single .pagenation a {
    line-height: 1;
}
#single .pagenation .nextBox {
    display: flex;
        justify-content: flex-start;
}
#single .pagenation .prevBox {
    display: flex;
        justify-content: flex-end;
}
#single .pagenation .backBox a,
#single .pagenation .nextBox a,
#single .pagenation .prevBox a {
    border: solid 1px var(--d_gray);
    border-radius: 2px;
    color: var(--d_gray);
    display: flex;
        align-items: center;
        grid-gap: .6em;
        justify-content: center;
    font-size: .85em;
    font-weight: 500;
    height: 100%;
        min-height: 3.2em;
        min-width: min(18vw, 145px);
}
#single .pagenation .backBox a {
    background: var(--d_gray);
    color: #fff;
}
#single .pagenation .backBox a .triangle_arrow {
    filter: brightness(100);
}
#single .pagenation .nextBox a .triangle_arrow,
#single .pagenation .prevBox a .triangle_arrow {
    display: inline-block;
    transition: .3s ease-in-out;
}
#single .pagenation .nextBox a .triangle_arrow {
	transform: rotate(-180deg);
}
#single .pagenation a:hover {
	opacity: 1;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 600px) {
    #single .pagenation .wrapBox {
        grid-template-columns: 1fr 1fr;
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
    }
    #single .pagenation .backBox {
        grid-column: span 2;
    }
    #single .pagenation .nextBox {
        grid-column: 1;
        grid-row: 1;
    }
    #single .pagenation .prevBox {
        grid-column: 2;
        grid-row: 1;
    }
    #single .pagenation .nextBox a,
    #single .pagenation .prevBox a {
        width: 100%;
    }
}


/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

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

@media (hover: hover) {
	#single .pagenation a:hover .triangle_arrow {
		transform: translateX(.3em);
	}
	#single .pagenation .nextBox a:hover .triangle_arrow {
		transform: translateX(-.3em) rotate(-180deg);
	}
    #archive .pagenation li .page-numbers.prev:hover .triangle_arrow {
		transform: translateX(-.3em) rotate(-180deg);
    }
    #archive .pagenation li .page-numbers.next:hover .triangle_arrow {
		transform: translateX(.3em);
    }
	.pagenation li .page-numbers:not(.dots):hover {
		/* background: var(--w_blue); */
        color: var(--mainColor);
		opacity: 1;
	}
    
}

/*====================================================
////id sidebar
====================================================*/
#sidebar {
    font-size: min(3.8vw, 1.5rem);
}
.side_sticky {
    font-size: min(3.8vw, 1.5rem);
	position: -webkit-sticky;
	position: sticky;
		top: 80px;
    transition: .4s ease-in-out;
}

#sidebar #side_search .searchform {
	/* background: #fff;
	border: solid 1px var(--gray); */
	display: grid;
		grid-template-columns: 1fr auto;
	overflow: hidden;
	position: relative;
}
#sidebar #side_search .searchform input {
	border-right: none;
    border-radius: 3em 0 0 3em;
	min-height: 42px;
}
.searchsubmit {
    background: #fff;
    border: solid #ACACAC;
    border-width: 1px 1px 1px 0;
    border-radius: 0 3em 3em 0;
    display: flex;
        align-items: center;
        justify-content: center;
    width: 68px;
    height: 60px;
}
.searchsubmit .search_icon {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 26 26"><path fill="%23E97D9F" d="M25.12,21l-2.67-2.67c3.45-5.72,1.6-13.15-4.12-16.6S5.18.13,1.74,5.86C-1.71,11.58.13,19.01,5.85,22.45c3.84,2.31,8.64,2.31,12.48,0l2.67,2.66c1.12,1.15,2.96,1.18,4.12.06,1.15-1.12,1.18-2.96.06-4.12-.02-.02-.04-.04-.06-.06h0ZM17.36,17.36c-2.89,2.89-7.58,2.89-10.47,0-2.89-2.89-2.89-7.58,0-10.47,2.89-2.89,7.58-2.89,10.47,0,1.39,1.39,2.17,3.27,2.17,5.23,0,1.97-.78,3.85-2.17,5.24Z" /></svg>') no-repeat center / contain;
    display: block;
    width: 38%;
    height: 38%;
}

#sidebar #side_search .searchform button {
    position: relative;
    width: 50px;
    height: auto;
}
#sidebar #side_search .searchform button::before {
    border-left: solid 1px #acacac;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
    width: 0;
    height: 33px;
}

#side_banner .itemBox {
	grid-gap: 5px;
}
#side_banner .item .coverImg {
	padding-top: 54.5%;
}

.sideberBox h5 {
    border-bottom: solid 1px var(--d_gray);
	font-size: min(4vw, 1.8rem);
    margin-bottom: .6em;
	padding-bottom: .3em;
}
#side_category ul {
    display: grid;
        grid-gap: .3em;
}
#side_category ul li {
	margin: 0;
	width: 100%;
}
#side_category a {
	line-height: 1.4;
    display: grid;
        grid-template-columns: auto 1fr;
        grid-gap: 0 .5em;
	padding: .3em .3em .3em 0;
	position: relative;
}
#side_category a::before {
	border: solid var(--mainColor);
    border-width: 2px 2px 0 0;
	content: '';
	display: block;
    margin-top: .6em;
    transform: rotate(45deg);
	width: .3em;
	height: .3em;
}

#side_banner .itemBox:not(.slick-slider) {
    display: grid;
        grid-gap: 16px;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
	#sidebar ,
	.side_sticky {
        font-size: min(3.8vw, 1.5rem);
		margin: auto;
		width: 100%;
			max-width: 500px;
	}
	.sidebar-inner {
		grid-gap: 2em 0;
	}
	.sideberBox h5 {
		font-size: 1.2em;
	}

    #side_banner .item {
        padding: min(2vw, 8px) 0;
    }
}

@media screen and (max-width:769px) {

}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960px) {
	#sidebar {
        font-size: min(1.4vw, 1.6rem);
		width: min(24vw, 300px);
	}
	.sidebar-inner {
		grid-gap: 40px 0;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
	.sidebar-inner {
		grid-gap: 40px 0;
	}
    /* #side_banner .item {
        padding: min(2vw, 8px);
    } */
}

@media screen and (min-width:1330px) {
	.side_sticky {
		top: 110px;
	}
}

@media (hover: hover) {
	#side_category a:hover {
        color: var(--mainColor);
	}
}

/*====================================================
////id side_ranking
====================================================*/
.side_ranking-item-wrapper {
    display: grid;
        grid-gap: min(4vw, 20px);
    margin-top: 24px;
}
.side_ranking-item-link {
    display: grid;
    grid-gap: 13px;
        grid-template-columns: min(37.3vw, 140px) 1fr;
}
.side_ranking-item-img-figure {
    padding-top: 67.8%;
}
.icon-rank {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 18"><path fill="%23E4A9BF" d="M23.53,6.29c-.48.42-1.17.53-1.76.28l-2.88,9.61H5.09L2.1,6.56c-.75.34-1.63,0-1.97-.76-.33-.75,0-1.64.76-1.97.75-.34,1.63,0,1.97.76.16.36.17.76.03,1.13l4.43,1.94-.04-4.67c-.82,0-1.48-.69-1.47-1.51C5.81.65,6.48,0,7.31,0c.82,0,1.48.69,1.47,1.51,0,.39-.16.77-.44,1.04l3.66,4.02,3.66-4.02c-.58-.58-.59-1.53,0-2.11.58-.59,1.53-.59,2.11,0,.58.58.59,1.53,0,2.11-.28.28-.65.44-1.04.44l-.05,4.67,4.43-1.94c-.29-.77.1-1.63.87-1.92.77-.29,1.63.1,1.92.87.21.56.06,1.2-.37,1.61M5.66,18h12.68l.37-1.25H5.27l.39,1.25Z" /></svg>') no-repeat center / contain;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    display: flex;
        align-items: center;
        justify-content: center;
    line-height: 1;
    margin: auto;
    padding-top: .3em;
    position: absolute;
        top: .6em;
        left: .4em;
    width: 2.4em;
    height: 1.8em;
    z-index: 2;
}
.side_ranking-item:nth-child(1) .icon-rank {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 18"><path fill="%23C3AD35" d="M23.53,6.29c-.48.42-1.17.53-1.76.28l-2.88,9.61H5.09L2.1,6.56c-.75.34-1.63,0-1.97-.76-.33-.75,0-1.64.76-1.97.75-.34,1.63,0,1.97.76.16.36.17.76.03,1.13l4.43,1.94-.04-4.67c-.82,0-1.48-.69-1.47-1.51C5.81.65,6.48,0,7.31,0c.82,0,1.48.69,1.47,1.51,0,.39-.16.77-.44,1.04l3.66,4.02,3.66-4.02c-.58-.58-.59-1.53,0-2.11.58-.59,1.53-.59,2.11,0,.58.58.59,1.53,0,2.11-.28.28-.65.44-1.04.44l-.05,4.67,4.43-1.94c-.29-.77.1-1.63.87-1.92.77-.29,1.63.1,1.92.87.21.56.06,1.2-.37,1.61M5.66,18h12.68l.37-1.25H5.27l.39,1.25Z" /></svg>') no-repeat center / contain;
}
.side_ranking-item:nth-child(2) .icon-rank {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 18"><path fill="%2381807A" d="M23.53,6.29c-.48.42-1.17.53-1.76.28l-2.88,9.61H5.09L2.1,6.56c-.75.34-1.63,0-1.97-.76-.33-.75,0-1.64.76-1.97.75-.34,1.63,0,1.97.76.16.36.17.76.03,1.13l4.43,1.94-.04-4.67c-.82,0-1.48-.69-1.47-1.51C5.81.65,6.48,0,7.31,0c.82,0,1.48.69,1.47,1.51,0,.39-.16.77-.44,1.04l3.66,4.02,3.66-4.02c-.58-.58-.59-1.53,0-2.11.58-.59,1.53-.59,2.11,0,.58.58.59,1.53,0,2.11-.28.28-.65.44-1.04.44l-.05,4.67,4.43-1.94c-.29-.77.1-1.63.87-1.92.77-.29,1.63.1,1.92.87.21.56.06,1.2-.37,1.61M5.66,18h12.68l.37-1.25H5.27l.39,1.25Z" /></svg>') no-repeat center / contain;
}
.side_ranking-item:nth-child(3) .icon-rank {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 18"><path fill="%23C39335" d="M23.53,6.29c-.48.42-1.17.53-1.76.28l-2.88,9.61H5.09L2.1,6.56c-.75.34-1.63,0-1.97-.76-.33-.75,0-1.64.76-1.97.75-.34,1.63,0,1.97.76.16.36.17.76.03,1.13l4.43,1.94-.04-4.67c-.82,0-1.48-.69-1.47-1.51C5.81.65,6.48,0,7.31,0c.82,0,1.48.69,1.47,1.51,0,.39-.16.77-.44,1.04l3.66,4.02,3.66-4.02c-.58-.58-.59-1.53,0-2.11.58-.59,1.53-.59,2.11,0,.58.58.59,1.53,0,2.11-.28.28-.65.44-1.04.44l-.05,4.67,4.43-1.94c-.29-.77.1-1.63.87-1.92.77-.29,1.63.1,1.92.87.21.56.06,1.2-.37,1.61M5.66,18h12.68l.37-1.25H5.27l.39,1.25Z" /></svg>') no-repeat center / contain;
}
@media screen and (max-width: 769px) {
}

@media print, screen and (min-width: 769px) {
    .side_ranking-item-link {
        font-size: 1.4rem;
    }
}

/*====================================================
////id related-post-block
====================================================*/
* + .related-post-block {
    margin-top: 2em;
}
.related-post-link {
    background: var(--w_gray);
    border: solid 1px var(--gray);
    border-radius: .5em 1em 1em 1em;
    display: grid;
        grid-gap: .5em 1em;
    line-height: 1.6;
    padding: 1.5em 1.2em;
    position: relative;
}
.related-post-icon {
    background-color: var(--mainColor);
    border-radius: 1em 1em 1em 0;
    color: #fff;
    font-size: .9em;
    line-height: 1.2;
    padding: .25em 1.5em;
    position: absolute;
        top: -.8em;
        left: -1px;
    z-index: 10;
}
.related-post-title {
    font-weight: 700;
    transition: .3s ease-in-out;
}
.related-post-excerpt {
    font-size: .9em;
}

.related-post-block.post_type-product .related-post-link {
    grid-template-columns: 5em 1fr;
}
.related-post-block.post_type-product .related-post-thumbnail .coverImg {
    padding-top: 100%;
}
@media screen and (max-width: 769px) {
    .related-post-link {
        align-items: center;
        grid-template-columns: min(33%, 150px) 1fr;
    }
    .related-post-excerpt {
        grid-column: 1 / 3;
    }
    .related-post-block.post_type-product .related-post-title {
        font-size: 1.2em;
    }
}

@media print, screen and (min-width: 769px) {
    .related-post-link {
        align-items: center;
        grid-template-columns: 20% 1fr;
    }
    .related-post-title {
        font-size: 1.05em;
    }
    .related-post-block.post_type-product .related-post-title {
        font-size: 1.2em;
    }
}

@media (hover: hover) {
    .related-post-link:hover .related-post-title {
        color: var(--d_blue);
    }
}


/*====================================================
////id author
====================================================*/
.author-wrapper {
	background: #fff;
	border: solid 2px var(--mainColor);
	border-radius: 20px;
	margin-top: 60px;
	padding: min(5vw, 30px) min(5%, 80px);
    position: relative;
}
.author-head {
	border-bottom: solid 2px var(--mainColor);
    font-size: 1em;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
.author-img .coverImg {
	border-radius: 100%;
	padding-top: 100%;
}
.author-name {
    font-size: 1.1em;
    margin-bottom: .6em;
}
.author-text {
    font-size: min(3.4vw, 1.4rem);
}
.author-link {
    position: absolute;
        top: min(5vw, 30px);
        right: min(5%, 80px);
}
.author-link .linkBtn-small {
    font-size: min(3.2vw, 1.3rem);
    margin-top: .3em;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .author-head {
		font-size: min(4.2vw, 1.8rem);
	}
	.author-img {
		margin: 0 auto 15px;
		width: 30%;
			max-width: 150px;
	}
    .author-name {
		font-size: min(4.3vw, 1.8rem);
		margin-bottom: .8em;
		text-align: center;
	}
	.author-text {
		font-size: min(3.6vw, 1.5rem);
	}

}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	.author-item {
		grid-gap: 20px min(4%, 40px);
		grid-template-columns: min(25%, 120px) 1fr;
	}
}


/*====================================================
////id |  share
====================================================*/
#share {
    transition: .4s ease-in-out;
}
.share-item-wrapper {
    position: relative;
}
.share-item-wrapper::before {
    content: '';
    display: block;
}
.share-item {
    position: relative;
}

.share-item .copy-success-msg {
    background: #fff;
    border: solid 2px var(--d_green);
    border-radius: 5px;
    color: var(--d_green);
    display: none;
    font-size: min(3.5vw, 14px);
    font-weight: 500;
    line-height: 1.2;
    margin: auto;
    padding: .7em .5em;
    position: absolute;
        top: 0;
        left: calc(100% + 20px);
        bottom: 0;
    text-align: center;
    width: 18em;
    height: 3em;
}
.share-item .copy-success-msg::before,
.share-item .copy-success-msg::after {
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        bottom: 0;
    width: 1em;
    height: 1em;
}
.share-item .copy-success-msg::before {
    background: var(--d_green);
    right: 100%;
}
.share-item .copy-success-msg::after {
    background: #fff;
    right: calc(100% - 3px);
}
.share-item .copy-success-msg > div {
    width: 100%;
    height: 100%;
}
.share_icon {
    background: var(--d_green);
    border-radius: 100%;
    display: block;
    opacity: .5;
    overflow: hidden;
    width: 30px;
    height: 30px;
}
.share_icon img {
    filter: brightness(100);
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    #share {
        background: rgba(255, 255, 255, .6);
        border: solid 2px rgba(41, 135, 127, .8);
        border-right-width: 0;
        border-radius: 6px 0 0 6px;
        position: fixed;
            bottom: 70px;
            right: 0;
        transition: .4s ease-in-out;
        width: 45px;
        z-index: 10;
    }
    #share.hide {
        transform: translateX(80px);
    }
    .share-item-wrapper::before {
        background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 62 14"><path fill="%2329877f" d="M8.12,3.81c-.55-.7-1.54-1.15-2.37-1.15s-1.86.28-1.86,1.34c0,.88.79,1.17,2.05,1.56,1.8.58,4.14,1.36,4.14,4.01,0,3.07-2.47,4.44-5.1,4.44-1.9,0-3.81-.7-4.98-1.92l2.11-2.15c.64.81,1.82,1.41,2.88,1.41.98,0,1.84-.38,1.84-1.45s-1.01-1.34-2.76-1.9c-1.69-.55-3.4-1.41-3.4-3.82C.67,1.23,3.34,0,5.82,0c1.5,0,3.2.56,4.36,1.64l-2.05,2.16h-.01ZM20.6,13.66v-5.57h-5.19v5.57h-3.21V.35h3.21v5.04h5.19V.35h3.21v13.31h-3.21ZM35.59,13.66l-1.03-2.62h-5.15l-.98,2.62h-3.5L30.5.35h3.12l5.53,13.31h-3.57ZM32.02,3.9l-1.69,4.57h3.35l-1.65-4.57h0ZM47.39,13.66l-2.88-5.29h-1.09v5.29h-3.16V.35h5.08c2.56,0,5.09.98,5.09,4.03,0,1.79-1.05,3.07-2.76,3.59l3.48,5.7s-3.76,0-3.76,0ZM45.11,2.95h-1.71v3.1h1.52c1.03,0,2.33-.26,2.33-1.62,0-1.24-1.18-1.49-2.14-1.49h0ZM52.72,13.66V.35h8.95v2.73h-5.85v2.5h5.53v2.58h-5.53v2.77h6.18v2.74h-9.29,0Z" /></svg>') no-repeat center / contain;
        margin: 0;
        opacity: .8;
        width: 30px;
        height: 10px;
    }
    .share-item-wrapper {
        display: grid;
            grid-gap: 6px;
            place-items: center;
        padding: 5px 0;
    }
    .share_icon {
        opacity: .7;
        width: 35px;
        height: 35px;
    }
    .share-item .copy-success-msg {
        background: var(--d_green);
        color: #fff;
        top: auto;
        left: -6em;
        right: -6em;
        bottom: calc(100% + 20px);
        width: 10em;
        height: 3.5em;
    }
    .share-item .copy-success-msg::before {
        clip-path: polygon(0 0, 100% 0, 50% 100%);
        top: 100%;
        left: 0;
        right: 0;
        bottom: auto;
    }
    .share-item .copy-success-msg::after {
        display: none;
    }
}
@media screen and (min-width:540px) and (max-width:769px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    #share {
        position: fixed;
            top: calc(50svh - 80px);
            left: 7px;
        transition: .4s ease-in-out;
        z-index: 10;
    }
    #share.hide {
        opacity: 0;
        transform: translateY(20px);
    }
    .share-item-wrapper::before {
        background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 14 62"><path fill="%2329877f" d="M10.2,8.12c.7-.55,1.15-1.54,1.15-2.37s-.28-1.86-1.34-1.86c-.88,0-1.17.79-1.56,2.05-.58,1.8-1.36,4.14-4.01,4.14C1.37,10.08,0,7.61,0,4.98,0,3.08.7,1.17,1.92,0l2.15,2.11c-.81.64-1.41,1.82-1.41,2.88,0,.98.38,1.84,1.45,1.84,1.02,0,1.34-1.01,1.9-2.76.55-1.69,1.41-3.4,3.82-3.4,2.95,0,4.18,2.67,4.18,5.15,0,1.5-.56,3.2-1.64,4.36l-2.16-2.05ZM.34,20.6h5.57v-5.19H.34v-3.21h13.32v3.21h-5.04v5.19h5.04v3.21H.34v-3.21ZM.34,35.58l2.62-1.03v-5.15l-2.62-.98v-3.5l13.32,5.58v3.12L.34,39.15v-3.57ZM10.11,32.01l-4.57-1.69v3.35l4.57-1.65ZM.34,47.38l5.29-2.88v-1.09H.34v-3.16h13.32v5.08c0,2.56-.98,5.09-4.03,5.09-1.79,0-3.07-1.05-3.59-2.76l-5.7,3.48v-3.76ZM11.06,45.1v-1.71h-3.1v1.52c0,1.03.26,2.33,1.62,2.33,1.24,0,1.49-1.18,1.49-2.14ZM.34,52.71h13.32v8.95h-2.73v-5.85h-2.5v5.53h-2.58v-5.53h-2.77v6.18H.34v-9.29Z" /></svg>') no-repeat center / contain;
        opacity: .5;
        width: 10px;
        height: 45px;
    }
    .share-item-wrapper {
        display: grid;
            grid-gap: 10px;
            place-items: center;
    }
}

/* ////////// tablet ////////// */
@media screen and (min-width:1330px) {
    #share {
        left: calc(50vw - 660px);
    }
}

@media (hover: hover) {
    .share_icon:hover {
        opacity: .8;
        transform: scale(1.1);
    }
}


.single #page-post .cmn_banner-inner {
    padding: 30px 0 0;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .recommend-item-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .recommend-item-wrapper .archive-item-title {
        font-size: min(3.4vw, 1.7rem);
    }
}
@media screen and (max-width: 600px) {
    .recommend-item-wrapper {
        grid-template-columns: 1fr;
    }
}
/* ////////// PC ////////// */
@media print, screen and (min-width: 1300px) {
    .recommend-item-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
}


/*====================================================
////id .modalBox
====================================================*/
.modalBox {
    backdrop-filter: blur(3px);
	opacity: 0;
	padding: 20px min(5vw, 50px);
	position: fixed;
		top: 0;
		left: 0;
	pointer-events: none;
	transition: .3s ease-in-out;
	width: 100%;
	height: 100%;
	z-index: 999999999;
}
.modalBox .maskBox {
	background: rgba(26, 22, 14, 0.5);
	position: absolute;
		top: 0;
		left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.modalBox .box-inner {
    background: #fff;
	padding: min(4vw, 40px);
	position: relative;
	max-width: min(100%, 1200px);
	max-height: 100%;

	overflow-x: hidden;
	overflow-y: scroll;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
	scrollbar-width: none;       /* Firefox 対応 */
}
.modalBox .box-inner::-webkit-scrollbar {  /* Chrome, Safari 対応 */
	display:none;
}
.modalBox .closeBtn {
    background: var(--mainColor);
    border-radius: 100%;
    color: transparent;
    cursor: pointer !important;
    font-size: 5px;
    letter-spacing: 0;
    overflow: hidden;
    position: absolute;
        top: 8px;
        right: 8px;
    width: 30px;
    height: 30px;
    z-index: 10;
}
.modalBox .closeBtn::before,
.modalBox .closeBtn::after {
    border-top: solid 2px #fff;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    width: 15px;
    height: 0;
}
.modalBox .closeBtn::before {
    transform: rotate(-45deg);
}
.modalBox .closeBtn::after {
    transform: rotate(45deg);
}
.modalBox.open .closeBtn {
  pointer-events: auto;
}

.modalBox .btnBox {
	margin: auto;
	width: 90%;
}

.modalBox.open {
	opacity: 1;
	pointer-events: auto;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .modalBox .box-inner {
        padding: 20px;
    }
    .modalBox .closeBtn {
        background: transparent;
        top: 2px;
        right: 2px;
        width: 20px;
        height: 20px;
    }
    .modalBox .closeBtn::before,
    .modalBox .closeBtn::after {
        border-top: solid 2px var(--mainColor);
    }
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}


/*====================================================
////id |  ポップアップバナー
====================================================*/
#modal_banner .box-inner {
    width: min(90%, 1000px);
}
#modal_banner a {
    display: block;
}

.modal_banner_b {
    opacity: 0;
    pointer-events: none;
    position: fixed;
        bottom: -50px;
        right: min(3vw, 30px);
    transition: .3s ease-in-out;
    width: min(30%, 400px);
	z-index: 999999999;
}
.modal_banner_b.view {
    bottom: min(3vw, 30px);
    opacity: 1;
    pointer-events: auto;
}
.modal_banner_b a {
    display: block;
}
.modal_banner_b .closeBtn {
    background: var(--mainColor);
    border-radius: 100%;
    color: transparent;
    cursor: pointer !important;
    font-size: 5px;
    letter-spacing: 0;
    overflow: hidden;
    position: absolute;
        top: 8px;
        right: 8px;
    width: 30px;
    height: 30px;
    z-index: 10;
}
.modal_banner_b .closeBtn::before,
.modal_banner_b .closeBtn::after {
    border-top: solid 2px #fff;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    width: 15px;
    height: 0;
}
.modal_banner_b .closeBtn::before {
    transform: rotate(-45deg);
}
.modal_banner_b .closeBtn::after {
    transform: rotate(45deg);
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    #modal_banner .box-inner {
        width: min(90%, 500px);
    }
    .modal_banner_b {
        display: none;
    }

}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    #modal_banner .box-inner {
        margin-bottom: 10vh;
    }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media (hover: hover) {
    .modal_banner_a a:hover ,
    .modal_banner_b a:hover {
        opacity: 1;
        transform: scale(1.03);
    }
}