@charset "utf-8";
/* CSS Document */

.pc-only {
	display: block;
}

.sp-only {
	display: none;
}
.p-card-komeri-insidelinks__arow {
    margin-right: 8px;
    inset: calc(100% - 28px) 0 0 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-transition: .3s all ease, .275s color ease-in;
    transition: .3s all ease, .275s color ease-in;
}

.p-card-komeri-insidelinks__arow svg {
	width: 24px;
    height: 24px;
    fill: var(--color-secondary);
    -webkit-transition: .3s all ease, .275s color ease-in;
    transition: .3s all ease, .275s color ease-in;
}

.p-card-komeri-insidelinks {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem 1.5rem;
    -webkit-margin-after: var(--spacing-xxxl);
    margin-block-end: var(--spacing-xxxl);
	
}

.p-card-komeri-insidelinks__content {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	justify-content: space-between;
    background: #fff;
    -webkit-box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px;
    box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px;
    position: relative;
    border-radius: 12px;
	min-height: 70px;
}

.p-card-komeri-insidelinks__text {
    font-size: var(--font-size-lg);
    font-weight: bold;
    line-height: 1.25;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
	padding-inline-start: var(--spacing-lg);
}

.p-card-detail-mvcol3 {
	border-image-source: linear-gradient(0deg, #fff 0 100%);
    border-image-slice: fill 0;
    border-image-outset: 0 100vw;
    -webkit-padding-before: 2.5rem;
    padding-block-start: 2.5rem;
}

.p-card-detail-mvcol3-container {
	-webkit-margin-before: 3rem;
    margin-block-start: 3rem;
    display: grid;
	align-items: end;
    grid-template-columns: 260px 1fr 3fr;
    max-width: 1020px;
    margin-inline: auto;
    gap: 1.5rem 20px;
}

.p-card-detail-mvcol3__button a {
	width: 280px;
    margin-inline: auto;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--color-secondary);
    border-radius: 100vmax;
    height: 56px;
    font-size: var(--font-size-md);
    font-weight: 500;
    font-family: var(--font-heading);
    color: #fff;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding-inline: .75rem;
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.p-card-detail-mvcol3__block {
	background: var(--color-base);
	padding-block: var(--spacing-smd);
    padding-inline: var(--spacing-md);
	margin-top: var(--spacing-md)
}

.p-card-detail-mvcol3--h3 {
	font-weight: bold;
    font-size: var(--font-size-lg);
    font-family: var(--font-heading);
    line-height: var(--line-height-xs);
}

.p-card-komeri-w50__banner {
	width: 50%;
	height: auto;
	margin-inline: auto;
}

.p-card-komeri-w50__banner a img {
    border: 1px solid var(--color-primary-text);
}

.p-card-komeri-convenience {
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem 1.5rem;
    -webkit-margin-before: var(--spacing-md);
    margin-block-start: var(--spacing-md);
}

.p-card-komeri-convenience__button-group {
	max-width: 320px;
    margin-block-start: var(--spacing-md);
    margin-inline: auto;
	margin-block-end: var(--spacing-xl);
}

.p-card-komeri-convenience__button-group a.c-button {
	width: 280px;
    margin-inline: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--color-secondary);
    border-radius: 100vmax;
    height: 56px;
    font-size: var(--font-size-md);
    font-weight: 500;
    font-family: var(--font-heading);
    color: #fff;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding-inline: .75rem;
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.p-card-komeri-plus--convenience {
	display: grid;
    grid-template-columns: 1fr 1fr 320px;
    gap: .5rem 1.5rem;
    margin-block-start: var(--spacing-sm);
    margin-inline: auto;
}

.p-card-komeri .p-card-detail__content 
.p-card-komeri-plus--convenience:not(:last-of-type) {
	margin-block-end: var(--spacing-lg);	
}

.p-card-komeri-plus--convenience .c-button {
	margin-block: auto;
}

.p-card-detail--movie__heading {
	margin-block-start: var(--block-spacing-md);
	font-size: var(--font-size-xxl);
	font-weight: bold;
    line-height: var(--line-height-xs);
    text-align: center;
    }


.p-card-komeri-plus--conveniencec__list li {
	font-size: var(--font-size-md);
    line-height: var(--line-height-xs);
	font-family: var(--font-yakuhan-zen);
	font-weight: 500;
}

.p-card-komeri-plus--conveniencec__list li:not(:first-child) {
	margin-block-start: var(--spacing-sm);

}
.c-table.c-table--bordered {
	width: 100%;
	table-layout: auto;
	font-family: var(--font-main);
}

.c-table.c-table--bordered .p-nyukai-table__td {
    width: 16%;
}

.p-campaign__text--right {
    text-align: right;
    margin-top: var(--spacing-sm);
}

.p-card-detail--introduction__heading {
	font-size: var(--font-size-xxxl);
	font-weight: bold;
    text-align: center;
	margin-block-start: var(--block-spacing-md);
}

.p-card-detail--introductionfirst__heading {
	font-size: var(--font-size-xxxl);
	font-weight: bold;
    text-align: center;
	margin-block-end: 0.5rem;
}

.p-card-detail-mvcol3__block .c-annotation {
margin-block-start: 0.75rem;
}

.p-card-komeri__text--strong {
	margin-block-start: var(--spacing-md);
}
@media screen and (max-width: 768px) {
	.pc-only {
	    display: none;
}

    .sp-only {
	    display: block;
}
	
	.p-card-detail-mvcol3-container {
        margin-block-start: var(--spacing-md);
        grid-template-columns: auto;
        grid-template-rows: auto;
		gap: 0.8rem 1rem;
		align-items: center;
       
}
	
	.p-card-detail-mvcol3__content {
	    display: flex;
        flex-direction: column-reverse;
        grid-row: 2;
        grid-column: 1 / 3;
    }

	.p-card-detail-mvcol3__block {
		margin-bottom: var(--spacing-md);
		margin-top: 0;
	}

	.p-card-komeri-w50__banner {
        width: 100%;
        height: auto;
}
	
	.p-card-komeri-insidelinks {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}
	
	.p-card-komeri-insidelinks__text {
		font-size: var(--spacing-md);
		padding-inline-start: 0;
		padding-block-end :0.75rem;
	}
	
	.p-card-komeri-insidelinks__content {
		justify-content: center;
	}
	
	.p-card-komeri-insidelinks__arow {
		position: absolute;
		margin: auto;
        inset: calc(100% - 24px) 0 0 0;
	}
	
	.p-card-komeri-insidelinks__arow svg {
		width: 20px;
        height: 20px;
	}
	
	.p-card-komeri-convenience__button-group a.c-button {
		width: auto;
	}
	
	.p-card-komeri-convenience {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}
	
	
	.p-card-komeri-plus--convenience {
		grid-template-columns: repeat(1, 1fr);
		gap: 1rem 1.5rem;
	}
	
	.p-card-komeri .p-card-detail__content .p-card-komeri-plus--convenience:not(:last-of-type) {
    margin-block-end: var(--spacing-xl);
    }
	
	.c-table.c-table--bordered {
		min-width: 100%;
    }
	
	.c-table.c-table--bordered .p-nyukai-table__td {
		text-align: center;
	}
	
	.p-card-detail--introduction__heading {
	font-size: var(--font-size-xl);
}
	
	.p-card-detail--introductionfirst__heading {
	font-size: var(--font-size-xl);
}
	
	.p-card-detail-mvcol3__button a {
		width: auto;
}
	
	.c-table.c-table--bordered .p-nyukai-table__td {
    width: 13%;
}
	
	.p-card-komeri-plus__image {
		padding: 0 40px;
	}
}