/*########################################
 PCSP共通スタイルはこれ以降に設定 
########################################*/
.single-featured-image-header {
	display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fafafa;
    border-bottom: 1px solid #eee;
}

.single-featured-image-header .img_mv {
	max-width: 1000px;
	aspect-ratio: 1 / 1;
}

.site-content-contain {
	padding-block: 5.5em;
}

.site-content-contain .site-content {
	max-width: 700px;
	margin: auto;
	padding-inline: 2em;
	font-size: 1.125rem;
	line-height: 1.66;
}

.site-content-contain .site-content h1 {
	color: #4472C4;
	font-size: 1.4rem;
    font-weight: bold;
	margin-bottom: 2em;
}

.site-content-contain .site-content h2 {
	font-weight: bold;
}

.site-content-contain .site-content h2::before {
	content: "■";
}

.site-content-contain .site-content h3 {
	color: #4472C4;
    font-weight: bold;
}

.site-content-contain .site-content section {
	margin-bottom: 1.5em;
}

.site-content-contain .site-content .text-attention {
	color: #f00;
}

.site-content-contain .site-content .condition-title {
	margin-top: 0.5em;
}

.site-content-contain .site-content .note-list {
	padding: 0;
	list-style: none;
	font-size: 0.875rem;
	color: #666;
}

.site-content-contain .site-content .note-list li::before {
	content: "※";
}

.site-content-contain .site-content .store-list li::before {
	content: "・";
}

.site-content-contain .site-content .store-list-link {
	margin-top: 1em;
}

.site-content-contain .site-content .store-list-link a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    line-height: 1.1052631579;
    padding: 1.3125rem;
    border: 1px solid #072b4d;
    color: #072b4d;
    border-radius: 0.75em;
    background-color: #fff;
    font-weight: bold;
    font-size: 1.125rem;
    transition: opacity 0.3s ease;
}

.site-content-contain .site-content .store-list-link .arrow-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1rem;
    display: inline-block;
    width: 7px;
    height: 12px;
    margin: auto 0;
}

.site-content-contain .site-content .store-list-link .arrow-right::before,
.site-content-contain .site-content .store-list-link .arrow-right::after {
    content: "";
    position: absolute;
    top: calc(50% - 0.5px);
    right: 0;
    width: 9.1px;
    height: 1px;
    border-radius: 9999px;
    background-color: currentColor;
    transform-origin: calc(100% - 0.5px) 50%;
}

.site-content-contain .site-content .store-list-link .arrow-right::before {
    transform: rotate(45deg);
}

.site-content-contain .site-content .store-list-link .arrow-right::after {
    transform: rotate(-45deg);
}

.anchor-area .anchor-link-button:link,
.anchor-area .anchor-link-button:visited {
    color: #072b4d;
}

@media (any-hover: hover) {
    .site-content-contain .site-content .store-list-link a:hover {
        opacity: 0.7;
    }
}

.site-content-contain .site-content .closing-message {
	margin-top: 1em;
}

/*########################################
 SP向けスタイルはこれ以降に設定 
########################################*/
@media (max-width: 767px) {
/* =============== ▼ ここからSP向けスタイル自由編集エリア ▼ =============== */
.single-featured-image-header .img_mv {
	width: 100%;
	height: 100%;
}

.site-content-contain {
	padding-block: 2.5em;
}

.site-content-contain .site-content {
	max-width: 100%;
	font-size: 0.9375rem;
}

.site-content-contain .site-content .store-list-link a {
    width: 100%;
    font-size: 0.9375rem;
}
/* =============== ▲ ここまでSP向けスタイル自由編集エリア ▲ =============== */
}