@charset "utf-8";

:root {
	/* base */
	--cts-gutter: clamp(33px, -0.212rem + 8.91vw, 65px);/*375-768*/
	--cts-width: 1787px;

	/* font */
	--dp-font-jp: "Noto Sans JP", sans-serif;
	/* Noto Sans JP
	100 to 900
	*/

	--cts-font: "Noto Serif", serif;
	/* Noto Serif
	100 to 900
	*/

	--cts-font-2: "M PLUS 1", sans-serif;
	/* Noto Serif
	100 to 900
	*/

	--dp-h2-size: clamp(45px,calc(1.023rem + 3.97vw),75px);
	--dp-h3-size: clamp(15px,calc(.955rem + .73vw),22px);
	--dp-h4-size: clamp(1px,calc(.886rem + .48vw),20px);
	--dp-p-l-size: clamp(14px, 0.806rem + 0.3vw, 16px);/* 本文 Large */
	--dp-p-note-size: clamp(10px,calc(.597rem + .12vw),11px);/* 本文 Notes */
	--dp-price-s-size: clamp(16px,calc(.886rem + .48vw),20px);/* 価格 Small */
	--dp-price-tax-s-size: clamp(12px,calc(.693rem + .24vw),14px);/* 円・税 Small */

	--cts-font-size: clamp(12px, -0.636rem + 0.48vw, 20px);
	--cts-font-ls: .2em;/*letter-spacing*/

	/* color */
	--white-1: #FFFFFF; 
	--red-1: #CC0300;
	--red-2: #D92E2C;
	--blue-1: #19258A;
	--gray-1: #929292;
	--gray-2: #7A7A7A;
	--black-1: #000000;
}

/* LP共通汎用
____________________*/
figure {
	margin: 0;
	text-align: left;
}
img {
	image-rendering: -webkit-optimize-contrast;
}
.Bread-wrap {
	background: var(--white-1);
}
.c-breadcrumb--gray {
	display: flex;
	align-items: center;
}
.bnr_link_win11_wrap {
    margin: 0 auto;
	z-index: 5;
}
.bnr_link_win11 img {
    transition: opacity 0.3s;
    width: 300px;
}
.bnr_link_win11 img:hover {
	opacity: 0.75;
}
@media screen and (min-width: 768px), print and (min-width: 768px) {
	.c-breadcrumb__list.u-pc-width,
	.bnr_link_win11_wrap.u-pc-width {
		padding-inline: 30px;
	}
	.bnr_link_win11_wrap.u-pc-width {
		width: auto;
	}
}
@media screen and (max-width: 1000px) {
	.c-breadcrumb--gray {
		display: inherit;
	}
	.bnr_link_win11_wrap {
		width: 100%;
		margin: 10px auto 0 !important;
		padding-block-end: 10px;
	}
	.bnr_link_win11 {
		width: 100%;
		margin-top: 0;
		text-align: center;
	}
}
@media screen and (max-width: 768px) {
		.l-header {
		z-index: 5;
	}

}
.l-header {
    width: 100%;
    background: #fff;
    position: relative;
}
.c-breadcrumb__list {
	position: relative;
	z-index: 5;
}
.c-breadcrumb--gray {
	display: flex;
	align-items: center;
}
.bnr_link_win11_wrap {
    margin: 0 auto;
}
.bnr_link_win11 img {
    transition: opacity 0.3s;
    width: 300px;
}
.bnr_link_win11 img:hover {
	opacity: 0.75;
}
.BreadcrumbList_wrap {
	background: #fff;
	position: relative;
    z-index: 2;
}
.l-footer {
	position: relative;
	z-index: 5;
}
.footer-wrap {
    background: #fff;
    position: relative;
    z-index: 2;
}
.contents__wrap {
	width: 100%;
	margin-inline: auto;
	/* background: var(--cts-bg); */
	font-size: var(--cts-font-size);
	font-family: var(--dp-font-jp);
	letter-spacing: var(--cts-font-ls);
	color: var(--white-1);
}
.contents__wrap img {
	max-width: 100%;
	vertical-align: bottom;
}
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}
.flash:hover {
	animation-name: hover-flash;
	animation-duration: 1s;
	opacity: .85;
}
@keyframes hover-flash {
	0% {
		opacity: .3;
	}
	100% {
		opacity: .85;
	}
}
.contents__inner {
	width: 100%;
	max-width: var(--cts-width);
	margin-inline: auto;
	padding-inline: var(--cts-gutter);
	box-sizing: border-box;
	position: relative;
}
.contents__inner .area_nav {
	color: var(--cts-color);
	font-family: var(--cts-font);
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 4px;
	display: flex;
	align-items: center;
	gap: 30px;
	position: absolute;
	left: -60px;
	top: 190px;
	writing-mode: vertical-rl;
	z-index: 5;
}
.contents__inner .area_nav::after {
	content: "";
	width: 2px;
	height: 50px;
	background: var(--cts-color);
	position: relative;;
}
/* コンテンツ
____________________*/
::selection {
	color: var(--white-1);
	background-color: var(--red-1);
}
.contents__wrap {
	padding-block-end: 0;
}
.main-bg {
	width: 100%;
    height: 100%;
	background: url(../../gamepc/img/reject/bg-1.webp) no-repeat center top/cover;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}
.contents__wrap .contents {
	position: relative;
}
.ttl-set .ttl-h2 img {
	display: block;
}
.ttl-icon-set {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 20px;
}
.ttl-icon-set .normal-icon {
	width: 58px;
}
.ttl-icon-set .ttl-h2,
.ttl-icon-set .ttl-h3,
.ttl-icon-set .ttl-h4 {
	font-size: clamp(15px, -0.545rem + 2.61vw, 26px);
	font-weight: 500;
	line-height: 1.3;
	position: relative;
	z-index: 2;
}
.ttl-h2 {
	position: relative;
	z-index: 2;
}
/* line up
____________________*/
.contents--line-up {
	padding-top: 3vw;
	padding-bottom: 255px;
	position: relative;
	z-index: 1;
}
.contents--line-up .bg-txt-1,
.contents--line-up .bg-txt-2 {
    width: 100%;
    height: calc(100% - 52.6vw);
    display: block;
    position: absolute;
    top: 52.6vw;
    left: 0;
    z-index: 0;

    /* ▼ 追加：フェード用 */
    opacity: 0;
    transition: opacity 0.6s ease;
    pointer-events: none; /* 背景なのでクリック無効 */
}

.contents--line-up .bg-txt-1 {
    background: url(../../gamepc/img/reject/lineup-bg-txt-1.webp) repeat-y center top/100%;
}

.contents--line-up .bg-txt-2 {
    background: url(../../gamepc/img/reject/lineup-bg-txt-2.webp) repeat-y center top/100%;
}

/* ▼ 表示状態（フェードイン） */
.contents--line-up .bg-txt-1.is-show,
.contents--line-up .bg-txt-2.is-show {
    opacity: 1;
}
.contents--line-up .kv-block {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.line-up {
	display: flex;
	justify-content: space-between;
	gap: 2vw;
	position: relative;
	z-index: 3;
}
.line-up .model-img-block {
	width: 100%;
	max-width: 727px;
}
.line-up .model-img-block .model-img {
    position: sticky;
    left: 50%;
    top: 50px;
    width: 90%;
}
.line-up .line-up-wrap {
	width: 100%;
	max-width: 798px;
	margin-top: 42vw;
	position: relative;
	z-index: 3;
}
.txt-summary {
	font-family: var(--dp-font-jp);
	font-size: clamp(16px, -0.545rem + 2.61vw, 30px);
	line-height: 2;
	font-weight: 500;
}
.line-up-tabs { 
	margin-top: 150px;
}
.line-up-tab-list {
	width: 100%;
	display: inline-flex;
}
.line-up-tab {
	width: 50%;
	display: inline-block;
	text-decoration: none;
	color: #444;
	padding: 20px 15px;
	font-size: clamp(14px, -0.545rem + 3.61vw, 40px);
	font-family: var(--cts-font-2);
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	transition: color .18s, background-color .18s, transform .12s;
}
.line-up-tab:hover {
	transform: translateY(-5px);
}
.line-up-tab {
	background: #929292;
	color: #fff;
}
#line-up-tab-1[aria-selected="true"] {
	background: #19258A;
}
#line-up-tab-2[aria-selected="true"] {
	background: var(--red-1);
}
.line-up-panels {
	position: relative;
	overflow: hidden;
	transition: height 200ms ease;
	margin-top: 55px;
}
.line-up-panel {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(6px);
	transition: opacity 360ms ease, transform 360ms ease, visibility 360ms;
}
.line-up-panel.is-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}
.line-up-item-wrap {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.line-up-item {
	background: var(--black-1);
	padding: 20px 136px 20px 30px;
	display: block;
	box-sizing: border-box;
	transition: 0.5s;
	position: relative;
	z-index: 1;
}
.line-up-item .line-up-arrow {
	width: 45px;
	height: 45px;
	border: 2px solid var(--white-1);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: 35px;
	transform: translate(0,-50%);
}
.line-up-item .line-up-arrow::before {
	content: "";
	width: 10px;
	height: 10px;
	border-top: 2px solid var(--white-1);
	border-right: 2px solid var(--white-1);
	display: block;
	position: absolute;
	top: 15px;
    left: 13px;
	transform: rotate(45deg);
}
.line-up-item .ttl-icon-set {
	padding-bottom: 10px;
	transition: 0.5s;
}
#line-up-panel-1 .ttl-icon-set {
	border-bottom: 2px solid var(--blue-1);
}
#line-up-panel-2 .ttl-icon-set {
	border-bottom: 2px solid var(--red-1);
}
.model-name {
	font-size: clamp(18px, -0.545rem + 3.61vw, 26px);
	font-weight: 500;
	line-height: 1.8;
	margin-top: 20px;
}
.inner-flex {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
.model-spec {
	font-size: clamp(13px, -0.545rem + 3.61vw, 20px);
	line-height: 1.5;
	letter-spacing: 0.04em;
	width: 22vw;
	display: inline-block;
}
.model-spec span {
	display: inline;
}
.model-price {
	font-size: clamp(18px, -0.545rem + 3.61vw, 30px);
	font-weight: 500;
}
.model-price .tax {
	font-size: clamp(16px, -0.545rem + 3.61vw, 20px);
}
#line-up-panel-1 .line-up-item:hover {
	background: var(--blue-1);
}
#line-up-panel-2 .line-up-item:hover {
	background: var(--red-1);
}
#line-up-panel-1 .line-up-item:hover .ttl-icon-set,
#line-up-panel-2 .line-up-item:hover .ttl-icon-set {
	border-color: var(--white-1);
}
/* design
____________________*/
.contents--design {
	background: url(../../gamepc/img/reject/bg-2.webp) center top/cover;
	padding-top: 0;
	padding-bottom: 200px;
	overflow: hidden;
	position: relative;
}
.contents--design .jeje {
	width: 90%;
	position: absolute;
	bottom: 0;
	right: -7px;
	z-index: 0;
}
.design-txt-block {
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 35px 0;
    margin-top: 50px;
    max-width: 815px;
}
.design-txt-block::after {
    content: "";
    width: calc(100% + 130px);
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: -130px;
    z-index: 1;
}
.design-txt-block .ttl-icon-set {
	position: relative;
	z-index: 2;
}
.design-txt {
	font-size: clamp(12px, -0.545rem + 2.61vw, 20px);
	line-height: 1.8;
	margin: 30px 0 0 80px;
	position: relative;
	z-index: 2;
}
.design-list {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 60px;
	margin-top: 90px;
}
.design-list-item {
	width: 50%;
	/* max-width: 797px; */
	padding: 3vw 0 2vw;
	/* aspect-ratio: 797 / 567; */
	background: var(--white-1);
	border-radius: 5.25vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: 0.5s;
	cursor:pointer
}
.design-list-item .bg {
	width: 100%;
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}
.design-list-item .bg::before,
.design-list-item .bg::after {
    content: "";
    position: absolute;
    inset: 0;
	background-repeat: no-repeat;
    background-size: 92%;
    background-position: center 96%;
    transition: opacity 0.6s ease;
}
.design-list-item .bg::before {
    background-image: url("../../gamepc/img/reject/bg-design-item-w.webp");
    opacity: 1;
}
.design-list-item .bg::after {
    background-image: url("../../gamepc/img/reject/bg-design-item-r.webp");
    opacity: 0;
}
.design-list-item:hover .bg::before {
    opacity: 0;
}
.design-list-item:hover .bg::after {
    opacity: 1;
}
.design-list-item::before,
.design-list-item::after {
	content: "";
	width: 100%;
	background: var(--red-2);
	position: absolute;
	left: 0;
	z-index: 2;
	transition: 0.5s;
}
.design-list-item::before {
	height: 8.7vw;
	top: 0;
}
.design-list-item::after {
	height: 5.2vw;
	bottom: 0;
}
.design-list-ttl {
	position: relative;
	z-index: 3;
}
.design-list-ttl.pt1 {
	width: 21vw;
	max-width: 391px;
}
.design-list-ttl.pt2 {
	width: 25vw;
	max-width: 469px;
}
.design-list-ttl.pt3 {
    width: 28vw;
    max-width: 524px;
}
.design-img {
	width: 21vw;
	max-width: 385px;
	margin: 1.35vw auto 0;
	position: relative;
	z-index: 3;
}
.design-reject-icon {
	width: 29vw;
	max-width: 550px;
	position: relative;
	z-index: 2;
}
.design-note {
	font-size: clamp(12px, -0.545rem + 2.61vw, 20px);
	font-weight: 700;
	line-height: 1.8;
	text-align: left;
	margin-top: 75px;
	position: relative;
	z-index: 1;
}
.design-note.abs {
	margin-top: 20px;
	margin-left: 80px;
} 
/* モーダルの背景 */
.modal-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.7);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

/* モーダル本体 */
.modal-content {
	position: relative;
	width: inherit;
	max-width: 90%;
	max-height: 90%;
	animation: zoomIn 0.3s ease forwards;
	background: none;
}

/* ズームアニメーション */
@keyframes zoomIn {
	from {
		transform: scale(0.7);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}

/* 閉じるボタン（CSSで作成） */
.modal-close {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 60px;
	height: 60px;
	cursor: pointer;
}
.modal-close::before,
.modal-close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 60px;
	height: 2px;
	background: #fff;
}
.modal-close::before {
	transform: rotate(45deg);
}
.modal-close::after {
	transform: rotate(-45deg);
}

/* モーダル内の画像 */
#modalImage {
	max-width: 100%;
	max-height: 100%;
	display: block;
}
.design-led {
	display: flex;
	align-items: center;
	gap: 80px;
	position: relative;
	z-index: 2;
}
.design-led::after {
    content: "";
    width: calc(100% + 260px);
    height: 48vh;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 53%;
    left: -130px;
    transform: translate(0, -50%);
    z-index: -1;
}
/* スイッチ全体 */
.switch-wrap {
	width: fit-content;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 100px;
	margin-left: 80px;
	position: relative;
	z-index: 2;
}
.switch {
	position: relative;
	display: inline-block;
	width: 134px;
	height: 61px;
	margin-top: 10px;
}
.txt-switch {
	color: var(--color-white1);
	font-size: clamp(13px, -0.545rem + 2.61vw, 18px);
	line-height: 1;
	letter-spacing: 0.1em;
}
/* inputは非表示 */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
/* スイッチの背景部分 */
.switch-btn {
	position: absolute;
	cursor: pointer;
	top: 0; left: 0; right: 0; bottom: 0;
	background-color: var(--red-1);
	transition: 0.4s ease;
	border-radius: 32px;
}
/* 丸いノブ */
.switch-btn:before {
	position: absolute;
	content: "";
	height: 51px; 
	width: 51px;
	right: 7px;  /* 初期は右（OFF） */
	bottom: 5px;
	background-color: white;
	transition: 0.4s ease;
	border-radius: 50%;
}
/* ON のとき（左へ移動） */
.switch input:checked + .switch-btn {
	background-color: var(--gray-2);
}
.switch input:checked + .switch-btn:before {
	transform: translateX(-71px);
}
.led {
	width: 100%;
	max-width: 672px;
}
/* gift
____________________*/
.contents--gift {
	padding-top: 0;
	padding-bottom: 210px;
	margin-top: 0;
	margin-bottom: 0;
	position: relative;
	overflow: hidden;
}
.gift-content {
	width: 100%;
	padding: 90px 130px 70px;
	margin-top: 65px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}
.gift-content::after {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.gift .ttl-h3 {
	font-size: clamp(15px, -0.545rem + 2.61vw, 40px);
	text-align: center;
	line-height: 1.4;
}
.gift-item {
	background: var(--red-2);
	padding: 60px;
	margin-top: 190px;
	box-sizing: border-box;
	position:relative;
	z-index: 1;
}
.gift-item:nth-of-type(2) {
	margin-top: 280px;
}
.gift-item .gift-decoration-1,
.gift-item .gift-decoration-2 {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: -153px;
	right: 10px;
	z-index: 2;
}
.wallpaper-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1.45vw;
	margin-top: 60px;
}
.wallpaper-list-item {
	width: 100%;
	max-width: 402px;
}
.benefit-list {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 3.65vw;
}
.benefit-list-item:nth-of-type(1) {
	width: 28%;
	max-width: 357px;
}
.benefit-list-item:nth-of-type(2) {
	width: 64%;
	max-width: 809px;
	margin-top: -1.8vw;
}
.benefit-list-item-txt {
	width: 50%;
	font-size: clamp(12px, -0.545rem + 2.61vw, 20px);
	line-height: 1.4;
	text-align: center;
	display: inline-block;
	margin-top: 30px;
}
.benefit-list-item-txt.one {
	width: 100%;
	text-align: left;
}
.gift-note {
	font-size: clamp(12px, -0.545rem + 2.61vw, 20px);
	line-height: 2;
	text-align: center;
	margin-top: 35px;
}
/* about
____________________*/
.contents--about {
	padding-top: 210px;
	padding-bottom: 170px;
	background: url(../../gamepc/img/reject/bg-about.webp) no-repeat center top/cover;
}
.logo-about {
	width: 100%;
	max-width: 605px;
	margin-inline: auto;
}
.txt-about {
	font-size: clamp(12px, -0.545rem + 2.61vw, 26px);
	line-height: 2.2;
	text-align: center;
	margin-top: 50px;
}
.about-link {
	font-size: clamp(10px, -0.545rem + 2.61vw, 26px);
	line-height: 1;
    text-align: center;
    width: 100%;
    max-width: 395px;
    display: block;
    background: var(--red-2);
    border-radius: 10px;
    margin: 100px auto 0;
    padding: 35px 0;
    box-sizing: border-box;
	transition: 0.5s;
}
.about-link:hover {
	transform: translateY(-5px);
}
@media (max-width: 768px) {/*375-768*/
/* コンテンツ
____________________*/
.pc {
	display: none !important;
}
.sp {
	display: block !important;
}
.ttl-icon-set {
	gap: 10px;
}
.ttl-icon-set .normal-icon {
	width: 39px;
}
/* line up
____________________*/
.contents--line-up {
	padding-bottom: 70px;
}
.contents--line-up .bg-txt-1, .contents--line-up .bg-txt-2 {
    width: 100%;
    height: calc(100% - 165.6vw);
    display: block;
    position: absolute;
    top: 165.6vw;
}
.contents--line-up .bg-txt-1 {
    background: url(../../gamepc/img/reject/lineup-bg-txt-1-sp.webp) repeat-y center top / 100%;
}
.contents--line-up .bg-txt-2 {
    background: url(../../gamepc/img/reject/lineup-bg-txt-2-sp.webp) repeat-y center top / 100%;
}
.line-up .line-up-wrap {
	margin-top: 135vw;
}
.line-up .model-img-block {
	display: none;
}
.txt-summary {
	text-align: center;
}
.line-up-tabs {
    margin-top: 50px;
}
.line-up-tab {
	padding: 10px;
}
.line-up-panels {
	margin-top: 30px;
}
.line-up-item {
	padding: 20px 27px;
}
.line-up-item .line-up-arrow {
        width: 42px;
        height: 42px;
        top: inherit;
        bottom: -5px;
        right: 20px;
}
.line-up-item .line-up-arrow::before {
	width: 9px;
	height: 9px;
}
.model-name {
	margin-top: 10px;
}
.inner-flex {
	flex-direction: column;
	align-items: flex-start;
	margin-top: 10px;
}
.model-spec {
	width: 100%;
	line-height: 1.7;
}
.model-price {
	margin-top: 10px;
}
/* design
____________________*/
.contents--design {
	padding-bottom: 55px;
}
.contents--design .jeje {
        width: 70%;
        top: 0;
        bottom: auto;
        right: 0;
    }
.design .ttl-h2 figure + figure {
	width: 73vw;
}
.design-txt-block {
    padding: 20px 0;
    margin-top: 25px;
}
.design-txt {
	letter-spacing: 0.1em;
    margin: 10px 15px 0 49px;
}
.design-txt-block::after {
	left: -66px;
	width: calc(100% + 66px);
}
.design-list {
	margin-top: 30px;
	flex-direction: column;
	gap: 30px;
}
.design-list.sp-reverse {
	flex-direction: column-reverse;
	gap: 10px;
}
.design-list-item {
	width: 100%;
	border-radius: 20px;
	aspect-ratio: 308 / 223;
	padding: 6vw 0 3vw;
}
.design-list-item::before {
    height: 17.2vw;
}
.design-list-item::after {
    height: 10.3vw;
}
.design-list-ttl.pt1 {
	width: 45vw;
	max-width: 170px;
}
.design-list-ttl.pt2 {
	width: 55vw;
	max-width: 204px;
}
.design-list-ttl.pt3 {
	width: 60vw;
    max-width: 225px;
}
.design-img {
	width: 43vw;
	max-width: 335px;
}
.design-led {
	flex-direction: column;
	gap: 20px;
	margin-top: 70px;
}
.design-led::after {
    width: 100vw;
    height: 110%;
    top: 49%;
	left: -17vw;
}
.switch-wrap {
	margin: 15px auto 0;
}
.switch {
	width: 100px;
	height: 45px;
}
.switch-btn:before {
	height: 38px;
    width: 38px;
	bottom: 3.5px;
	right: 5px;
}
.switch input:checked + .switch-btn:before {
    transform: translateX(-53px);
}
.led {
	max-width: 274px;
}
.design-note {
	text-align: center;
	margin-top: 15px;
}
.design-note.abs {
	margin-left: 0;
}
/* gift
____________________*/
.contents--gift {
	padding-bottom: 70px;
}
.gift .ttl-h2 figure + figure {
	width: 42vw;
}
.gift-content {
	padding: 30px 15px 40px;
	margin-top: 10px;
}
.gift-item {
	padding: 60px 12px 25px;
	margin-top: 95px;
}
.gift-item:nth-of-type(2) {
    margin-top: 120px;
}
.gift-item .gift-decoration-1 {
	width: 215px;
	top: -55px;
}
.gift-item .gift-decoration-2 {
	width: 165px;
	top: -55px;
}
.gift-item .ttl-icon-set {
	justify-content: center;
}
.wallpaper-list {
	margin-top: 20px;
	gap: 2.45vw;
}
.wallpaper-list-item {
    width: 32vw;
}
.benefit-list {
	flex-direction: column;
	align-items: center;
	margin-top: 20px;
	gap: 9.65vw;
}
.benefit-list-item:nth-of-type(1) {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.benefit-list-item:nth-of-type(1) img {
	width: 60%;
}
.benefit-list-item:nth-of-type(2) {
	margin-top: 0;
	width: 85%;
}
.benefit-list-item-txt {
	margin-top: 10px;
}
.benefit-list-item-txt.one {
	width: fit-content;
}
.gift-note {
	margin-top: 30px;
}
/* about
____________________*/
.contents--about {
	padding-top: 60px;
	padding-bottom: 35px;
	background: url(../../gamepc/img/reject/bg-about-sp.webp) no-repeat center top / cover;
}
.logo-about {
	max-width: 143px;
}
.txt-about {
	margin-top: 15px;
	letter-spacing: 0.04em;
	text-align: left;
}
.about-link {
	margin-top: 30px;
	max-width: 172px;
	padding: 14px 0;
	border-radius: 3px;
}
}

/*　アニメーション
____________________*/
.fade-in { opacity: 0; transition: opacity 0.6s ease, transform 0.6s ease; }
.fade-in-center { transform: translate(0, 0); }      /* 位置変更なし */
.fade-in-top { transform: translateY(-100px); }      /* 上から */
.fade-in-bottom { transform: translateY(100px); }    /* 下から */
.fade-in-right { transform: translateX(100px); }     /* 右から */
.fade-in-left { transform: translateX(-100px); }     /* 左から */
.fade-in-zoom-in { transform: scale(0.2); }          /* ズームイン：最初は小さく表示される */
.fade-in-zoom-out { transform: scale(1.4); }         /* ズームアウト：最初は大きく表示される */
.fade-in.is-visible { opacity: 1; transform: translate(0, 0); } /* 元の位置に戻る */