/**
 * FAQ Stytles
 */

@charset "UTF-8";

/* .tearm-header
	 ========================================================================== */

.tearm-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 20px;
}
.tearm-header .tearm-name {
    font-size: 1.125rem;
    line-height: 1.2;
    margin: 0;
    font-weight: 600;
}
.tearm-header .tearm-link a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    font-size: 0.875rem;
}
.tearm-header .tearm-link a i {
    display: none;
}
.tearm-header .tearm-link a::after {
    content: '';
    display: block;
    -webkit-mask-image: var(--arrow-img-ic);
    mask-image: var(--arrow-img-ic);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    mask-repeat: no-repeat;
    width: 6px;
    height: 11px;
}

/* .faq-list-block
	 ========================================================================== */

.loop-block:not(:last-child) {
    margin: 0 0 30px;
    padding: 0 0 30px;
}
.faq-list-block {
    list-style: none;
    margin: 0;
    padding: 0;
}
.faq-list-block li {
    display: flex;
    align-items: flex-start;
    margin: 5px 0;
}
.faq-list-block li::before {
    content: '●';
    margin: 0 5px 0 0;
}
.posters + .pagination_wrapper {
	margin-bottom: 40px;
}
.faq-entry-title-archive a {
	width: calc(100% - 50px);
}
.answer-content-faq p {
	margin-bottom: 0;
}

/**
 * is tax
 */

.faq-tax-block .faq:not(:last-child) {
    padding: 0 0 40px;
    margin: 0 0 40px;
}
.faq-tax-hedaer {
    margin: 0 0 20px;
}

/* .faq-entry-title
	 ========================================================================== */

.faq-entry-title {
    display: flex;
    font-size: 1.125rem;
    line-height: 1.2;
    margin: 0;
    justify-content: space-between;
}
.faq-entry-title a {
    display: inline-block;
    width: calc(100% - 52px);
    margin-top: 8px;
}
.faq-entry-title-archive {
	width: 100%;
    font-size: 1.125rem;
    line-height: 1.2;
	margin: 0 0 15px;
	display: flex;
	align-items: center;
}
.type-faq .faq-entry-title-archive::before {
	margin-right: 10px;
}

/* .answer-content
	 ========================================================================== */

.answer-content {
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.answer-content .answer-content-faq {
    width: calc(100% - 52px);
    margin-top: 4px;
}
.answer-content .faq-entry-title-archive + .answer-content-faq {
	width: 100%;
}
.answer-content .faq-entry-title-archive + .answer-content-faq p {
	margin: 0;
}
.type-faq {
	margin: 0 0 40px;
}

/**
 * single page
 */

.entry-header .header-txt .entry-title::before {
    display: block;
    margin: 0 auto 10px;
}
.entry-content-faq {
    margin-bottom: 60px;
}
.entry-content-faq::before {
    margin-bottom: 20px;
}

/**
* 16.1 Mobile Large 620px
*/
@media screen and (min-width: 38.75em) {

	/**
	* single page
	*/

	.single .tearm-information .tearm-list {
		margin-left: calc(100% - 200px);
	}

}

/**
* 16.4 Desktop Small 1000px
*/
@media screen and (min-width: 62.5em) {

	/**
	* archive page
	*/

    .tearm-header .tearm-name {
        font-size: 1.25rem;
    }

}

/**
* 16.5 Desktop 1240px
*/
@media screen and (min-width: 77.5em) {

	/**
	 * archive and tax pages
	 */

    .blocker .entry-content.event .inner-block {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .blocker .loop-block,
    .blocker .loop-block:last-child {
        padding: 30px 0 40px;
        border-bottom: none;
        width: 46%;
        position: relative;
    }
    .blocker .tearm-link {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .blocker .faq-list-block li {
        font-size: 1.125rem;
    }
    .tearm-header .tearm-link a {
        width: auto;
		height: auto;
		padding: 5px;
    }
    .tearm-header .tearm-link a i {
        display: block;
        height: auto;
        padding: 5px 10px;
    }
    .tearm-header .tearm-link a::after {
        margin-right: 10px;
    }

    /**
	 * tax pages
	 */

    .faq-entry-title {
        font-size: 1.25rem;
    }
    .inner-block .loop-block:not(:last-child) {
        border-bottom: none;
    }

}

/**
* 16.6 Desktop Wide 1400px
*/
@media screen and (min-width: 87.5em) {

	.type-faq {
		margin: 0 auto 40px;
	}

}

/**
 * Colors
 */

.tearm-header .tearm-name,
.tearm-header .tearm-name a {
	color: var(--spc-lpcst-col);
}
.tearm-header .tearm-link a {
    background-color: var(--spc-lpclb-col);
    color: var(--spc-lpclbt-col);
}
.tearm-header .tearm-link a::after {
    background-color: var(--spc-lpclbt-col);
}
.loop-block:not(:last-child) {
    border-bottom: 1px dotted #707070;
}
.faq-list-block li::before {
    color: #707070;
}
.faq-tax-block .faq:not(:last-child) {
    border-bottom: 1px solid #707070;
}
.faq-entry-title a {
	color: var(--spc-lpcst-col);
}
.faq-entry-title-archive a {
	color: var(--spc-lpcst-col);
}

/**
* 16.5 Desktop 1240px
*/
@media screen and (min-width: 77.5em) {

    .blocker .loop-block,
    .blocker .loop-block:last-child {
        border-top: 1px solid #707070;
    }
	.entry-content.faq .inner-block {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

}