/*====================================================
////id page_title
====================================================*/
#page_title {
    background: var(--w_gray);
    overflow: hidden;
    position: relative;
}
#page_title::before {
    background: var(--yellow);
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%);
    content: '';
    display: block;
    margin: auto;
    opacity: .4;
    position: absolute;
        top: 0;
        right: 0;
    width: 70%;
    height: 100%;
}
.page_title-inner {
    display: flex;
        align-items: center;
        justify-content: flex-start;
    padding: min(5vw, 70px) 0;
}
.page_title-head {
    display: flex;
        align-items: baseline;
        flex-wrap: wrap;
        gap: .2em .7em;
    margin-bottom: 0;
}
.page_title-head .jp_only {
    font-size: min(6.5vw, 3.4rem);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    #page_title::before {
        width: 55%;
    }
    .page_title-inner {
        min-height: min(40vw, 240px);
    }
    .page_title-head {
        display: grid;
    }
    .page_title-head .en {
        font-size: min(11vw, 6rem);
    }
}
@media screen and (min-width:769px) and (max-width:960px) {
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .page_title-inner {
        min-height: min(30vw, 300px);
    }

    .page_title-head .en {
        font-size: min(8.5vw, 8rem);
    }
    .page_title-head .jp {
        padding-left: 3em;
        position: relative;
    }
    .page_title-head .jp::before {
        border-top: solid 1px;
        content: '';
        display: block;
        margin: auto;
        position: absolute;
            top: .65em;
            left: 0;
        width: 2.2em;
        height: 0;
    }
}


/*====================================================
////class .breadcrumb
====================================================*/
.breadcrumb-outer {
	position: relative;
	width: 100%;
}
.breadcrumb {
	display: flex;
        align-items: center;
        flex-wrap: wrap;
    font-size: min(3vw, 1.1rem);
	line-height: 1.2;
    margin: auto;
    opacity: .7;
    position: absolute;
        top: 100%;
        left: 0;
        right: 0;
	z-index: 10;
}
.breadcrumb-outer .breadcrumb {
    
}
.breadcrumb li {
	display: flex;
		align-items: center;
	margin: 0 !important;
	padding-right: 1.5em;
	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 17 16"><path fill="%23333333" d="M9.54.36c-.61-.48-1.47-.48-2.09,0L.33,5.93c-.37.29-.44.83-.15,1.2.16.21.41.33.67.33h.85v6.83c0,.94.76,1.71,1.7,1.71h3.4v-5.12c.02-.94.8-1.69,1.74-1.67.91.02,1.64.76,1.66,1.67v5.12h3.4c.94,0,1.7-.76,1.7-1.71h0v-6.83h.85c.47,0,.85-.38.85-.85,0-.26-.12-.51-.33-.68L9.54.36Z" /></svg>') no-repeat center left / contain;
    width: 1em;
    height: 1em;
}
.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: .4em;
		bottom: 0;
	width: .4em;
	height: .7em;
}
.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
====================================================*/
.contents-inner {
    position: relative;
}
.column-wrapper {
	align-items: flex-start;
}
.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 {
		flex-direction: column;
		grid-gap: min(15vw, 90px);
	}
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 960px) {
	.column-wrapper {
		grid-gap: 40px min(3vw, 75px);
	}
    .single .column-wrapper {
        padding-top: min(7vw, 70px);
    }
	
}

/* ////////// 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-bottom: min(5vw, 56px);
}
#post_title h1 {
    margin-bottom: .8em;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	#post_title h1 {
		font-size: min(5.6vw, 2.6rem);
	}
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#post_title h1 {
		font-size: min(3vw, 3rem);
	}
}

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

@media screen and (min-width:1300px) {
	#post_title h1 {
		font-size: 2.8rem;
	}
}


/*====================================================
////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 {
	font-weight: bold;
	line-height: 1.4;
	/* margin: 0 0 1em; */
    position: relative;
}
.bodyText.default_deco * + .headBox h1 ,
.bodyText.default_deco * + .headBox h2 {
	margin: 3em 0 1.5em;
}
.bodyText.default_deco * + .headBox h3 ,
.bodyText.default_deco * + .headBox h4 ,
.bodyText.default_deco * + .headBox h5 {
	margin: 2.5em 0 1em;
}
.bodyText.default_deco h1 {
    border: solid 2px var(--black);
    border-left-width: 8px;
    padding: .4em 1em .4em;
	font-size: min(5.3vw, 2.6rem);
}
.bodyText.default_deco h2 {
    background: var(--w_yellow2);
    border: solid 2px var(--d_gray);
    padding: .5em .8em .45em;
	font-size: min(5vw, 2.5rem);
}
.bodyText.default_deco h2::before ,
.bodyText.default_deco h2::after {
    border: solid var(--black);
    border-width: 5px 0 0 5px;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
    width: 1.8em;
    height: 1.2em;
}
.bodyText.default_deco h2::before {
    top: -3px;
    left: -3px;
}
.bodyText.default_deco h2::after {
    right: -3px;
    bottom: -3px;
    transform: rotate(180deg);
}
.bodyText.default_deco h3 {
    /* background: var(--w_gray); */
    border: solid 1px var(--d_gray);
    padding: .4em .8em;
	font-size: min(4.6vw, 2.3rem);
}
.bodyText.default_deco h3::before,
.bodyText.default_deco h3::after {
    background: var(--l_yellow);
    clip-path: polygon(0 0, 100% 0, 0 100%);
    content: '';
    display: block;
    opacity: .8;
    position: absolute;
    width: 1.5em;
    height: 1.5em;
    z-index: -1;
}
.bodyText.default_deco h3::before {
    top: -5px;
    left: -5px;
}
.bodyText.default_deco h3::after {
    right: -5px;
    bottom: -5px;
    transform: rotate(180deg);
}
.bodyText.default_deco h4 {
    background: var(--w_gray);
    /* border: solid var(--d_gray);
    border-width: 1px 0; */
    border-left: solid .5em var(--w_yellow);
    padding: .4em 0 .4em .8em;
	font-size: min(4.3vw, 2.1rem);
}
/* .bodyText.default_deco h4::before,
.bodyText.default_deco h4::after {
    background-image : linear-gradient(to right, var(--d_gray) 8px, transparent 8px);
    background-size: 10px 1px;
    background-repeat: repeat-x; 
    background-position: left bottom;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        left: 0;
    width: 100%;
    height: 2px;
}
.bodyText.default_deco h4::before {
    top: 2px;
}
.bodyText.default_deco h4::after {
    bottom: 2px;
} */
.bodyText.default_deco h5 {
    background-image : linear-gradient(to right, var(--black) 5px, transparent 5px);
    background-size: 8px 1px;
    background-repeat: repeat-x; 
    background-position: left bottom;
	font-size: min(4.0vw, 2rem);
    padding: .4em;
}
h1.deco_none,
h2.deco_none,
h3.deco_none,
h4.deco_none,
h5.deco_none,
ul.deco_none li {
	background: transparent;
	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;
}
.bodyText .deco_none:before,
.bodyText .deco_none:after {
	display: none;
}

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

.bodyText .has-small-font-size {
    font-size: .8em !important;
}
.bodyText .has-medium-font-size {
    font-size: 1.2em !important;
}
.bodyText .has-large-font-size {
    font-size: 1.4em !important;
}
.bodyText .has-x-large-font-size {
    font-size: 1.6em !important;
}

.bodyText.default_deco .wp-block-table {
	margin: 1.5em 0;
}


.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;
}
.bodyText.default_deco ol.wp-block-list {
    list-style: auto;
}
/* .bodyText.default_deco .wp-block-list-wrapper {
    background: #fffefa;
    border: solid 1px var(--l_yellow);
    padding: 1em;
}
.bodyText.default_deco .wp-block-list-wrapper:has(.bg-none) {
    background: transparent;
    border: none;
    margin-top: 0;
    padding: 0;
}
.bodyText.default_deco * + .wp-block-list-wrapper {
    margin-top: 1.5em;
}
.bodyText.default_deco .wp-block-list .wp-block-list {
    margin: .6em 0 .8em;
} */

.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 {
	grid-gap: 2em;
}
.wp-block-buttons > .wp-block-button {
	display: inline-block;
}
.wp-block-button:last-child {
	margin-right: 0 !important;
}
.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;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: min(3vw, 2em);
}

/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    .bodyText {
        font-size: min(4vw, 1.6rem);
    }
}
@media screen and (max-width: 769px) {
	.bodyText .wp-block-buttons {
		display: grid;
			place-content: stretch;
	}
	.wp-block-buttons > .wp-block-button {
		width: 100%;
	}
	.bodyText .wp-block-quote {
		padding: 1em;
	}
}

/* ////////// 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) {
    /* .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.5em;
}
.vk_borderBox.is-style-vk_borderBox-style-solid-kado-tit-onborder>.vk_borderBox_title_container {
    top: -1.5em;
    margin-bottom: -1.5em;
}
.vk_borderBox_title_container .headBox {
    display: inline-block;
}

.vk_borderBox_title_container .headBox .vk_borderBox_title {
    font-size: 1.1em;
}


.vk_faq {
    border-bottom: none;
    padding-bottom: 0;
}
.vk_faq + .vk_faq {
    margin-top: 1em;
}
.vk_faq .vk_faq_title ,
.vk_faq .vk_faq_content {
    display: grid;
        align-items: baseline;
        grid-gap: .5em;
        grid-template-columns: auto 1fr;
}
.vk_faq .vk_faq_title {
    border-bottom: none;
    font-size: 1.1em;
    padding: .8em 0;
}
.vk_faq .vk_faq_content {
    background: #fffefa;
    border: solid 1px var(--l_yellow);
    padding: .8em;
}
.vk_faq .vk_faq_title:before ,
.vk_faq .vk_faq_content:before {
    color: var(--d_gray);
    font-family: var(--f_en);
    position: relative;
    top: .1em;
}
.vk_faq .vk_faq_title:before {
    content: 'Q.';
}
.vk_faq .vk_faq_content:before {
    content: 'A.';
}

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

.vk_alert {
    font-weight: 500;
}

ul.is-style-default li {
    position: relative;
}
ul.is-style-default li::before {
    font-weight: 900;
    position: absolute;
    content: "・";
    left: -1.5em;
}
ul.is-style-vk-numbered-square-mark li:before, ol.is-style-vk-numbered-square-mark li:before,
ul.is-style-vk-numbered-circle-mark li:before, ol.is-style-vk-numbered-circle-mark li:before {
    display: flex;
        align-items: center;
        justify-content: center;
    font-size: .9em;
    width: 1.6em;
    height: 1.6em;
}

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

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

.wp-lightbox-container::before ,
.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;
}
.wp-lightbox-container::before {
    background: rgba(255, 255, 255, .8);
    border: solid 1px var(--d_gray);
    border-radius: 100%;
}
.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);
}
.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);
}


/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .vk_balloon_content {
        max-width: none;
    }
}

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

@media (hover: hover) {}

/*====================================================
////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 {
    align-items: center;
	place-content: center;
	grid-gap: 0 1em;
	grid-template-columns: 1fr auto 1fr;
	margin: auto;
	text-align: center;
}
#single .pagenation a {
    font-weight: 700;
    line-height: 1;
}
#single .pagenation .backBox {
    display: flex;
        justify-content: center;
}
#single .pagenation .backBox a {
    padding-left: 1.5em;
    padding-right: 1.5em;
    width: auto;
        max-width: none;
        min-width: 0;
}
/* #single .pagenation .backBox a {
    background: #E4E4E4;
    border-radius: 2em;
    display: flex;
        align-items: center;
        grid-gap: .8em;
        justify-content: center;
    padding: .3em 1em .3em 1.5em;
    height: 3.2em;
    width: min(100%, 220px);
}
#single .pagenation .backBox a .arrow {
    width: 1em;
    height: 1em;
}
#single .pagenation .backBox a .arrow::before,
#single .pagenation .backBox a .arrow::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.49L1.51,11l-1.51-1.51,3.99-3.99L0,1.51,1.51,0l5.49,5.49Z" /></svg>') no-repeat center / contain;
} */
#single .pagenation .nextBox a,
#single .pagenation .prevBox a {
    display: flex;
        align-items: center;
        grid-gap: .6em;
        justify-content: center;
    height: 3em;
}
#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: 769px) {
}


/* ////////// 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 {
	position: -webkit-sticky;
	position: sticky;
		top: 90px;
}

#sidebar #side_search .searchform {
	background: #fff;
	border: solid 1px #707070;
	display: grid;
		grid-template-columns: 1fr auto;
	overflow: hidden;
	position: relative;
}
#sidebar #side_search .searchform input {
	border: none;
	min-height: 42px;
}
#sidebar #side_search .searchform button {
	background: #fff url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 19.02 19.02"><path fill="%23000000" d="m18.34,15.33l-1.95-1.95c2.52-4.18,1.17-9.6-3.01-12.12C9.21-1.25,3.78.1,1.27,4.27-1.25,8.45.1,13.88,4.27,16.39c2.8,1.69,6.31,1.69,9.11,0l1.95,1.94c.8.86,2.14.91,3,.12.86-.8.91-2.14.12-3-.04-.04-.08-.08-.11-.12h0Zm-5.66-2.66c-2.11,2.11-5.53,2.11-7.65,0-2.11-2.11-2.11-5.53,0-7.65,2.11-2.11,5.53-2.11,7.65,0,1.01,1.01,1.58,2.39,1.58,3.82,0,1.43-.57,2.81-1.58,3.82h0Z" /></svg>') no-repeat center;
	background-size: 20px 20px;
	display: flex;
		align-items: center;
		justify-content: center;
	width: 50px;
	height: 100%;
}

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

#sidebar h5 {
    border-bottom: solid 1px;
	font-size: min(4vw, 1.8rem);
    margin-bottom: .6em;
	padding-bottom: .3em;
}
#side_category ul {
}
#side_category ul li {
	margin: 0;
	width: 100%;
}
#side_category a {
	line-height: 1.4;
	padding: .3em .5em .3em 1.2em;
	position: relative;
}
#side_category a::before {
	border-top: solid 1px;
	content: '';
	display: block;
	margin: auto;
	position: absolute;
		top: 1em;
		left: 0;
    transition: .3s ease-in-out;
	width: .7em;
	height: 0;
}

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

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

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

@media screen and (max-width:769px) {
    #side_banner {
        margin: calc(min(2vw, 8px) * -1);
    }
    #side_banner .itemBox {
        /* width: 72%; */
        position: relative;
    }
    #side_banner .itemBox::before {
        background: var(--w_green);
        content: '';
        display: block;
        margin: auto;
        position: absolute;
            top: 0;
            right: 100%;
        width: calc(50vw - min(45vw, 250px));
        height: 100%;
        z-index: 10;
    }
    #side_banner .itemBox .slick-list {
        overflow: visible;
    }
    #side_banner .itemBox .slick-dots {
        width: min(90vw, 500px);
    }
}

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

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

@media screen and (min-width:1080px) {
	#sidebar {
		top: 120px;
	}
}

@media (hover: hover) {
	#side_category a:hover {
        opacity: 1;
        color: var(--blue);
        padding-left: 1.5em;
        padding-right: .2em;
	}
    #side_category a:hover::before {
        width: .9em;
    }
}


/*====================================================
////id blog_parts
====================================================*/
* + .blog_parts {
    margin-top: 2.5em;
}
.bodyText.default_deco .blog_parts + * {
    margin-top: 2.5em;
}

/*====================================================
////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);
    }
}