/* 共通 */
	#productListSection {max-width: 1280px;}
	.read {width: 100%; margin:0 auto 20px;}
	.read img {max-width: 100%; display: block; height: auto;line-height: 0;}
	.read .cp_sp, .read .cp_pc {line-height: 0 !important;}
	.read a {display: block;}

		/* PRESENT アコーディオン */
		.present-accordion-wrap {
			position: relative;
			line-height: 0;
		}

		.present-accordion-wrap.active {
			padding-bottom: 0;
		}

		.present02-wrap {
			line-height: 0;
		}

		.present02-wrap img {
			width: 100%;
			display: block;
		}

		.accordion_btn {
			width: calc(90% - 8vw);
			max-width: 690px;
			height: 10.667vw;
			max-height: 80px;
			cursor: pointer;
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
			z-index: 10;
			transition: bottom 0.5s ease;
		}

		.accordion_btn::before {
			content: "";
			width: 96vw;
			height: 300%;
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
			z-index: 1;
			background: #fff7d4;
			background: linear-gradient(0deg, rgba(255, 247, 212, 1) 50%, rgba(255, 255, 255, 0) 90%);
		}

		.accordion_btn::after {
			content: "open";
			position: absolute;
			top: 50%;
			left: 50%;
			z-index: 33;
			transform: translate(-50%, -50%);
			font-size: 5vw;
			font-family: "MFW-HiraKakuProN-W6", sans-serif;
		}

		.accordion_btn span {
			display: block;
			width: 100%;
			height: 100%;
			background-color: #fff;
			border: 1px solid #333;
			border-radius: 1.5vw;
			position: relative;
			z-index: 11;
			transition: .3s;
		}

		.accordion_btn span::before {
			content: "";
			width: 1.2em;
			height: 0.2em;
			position: absolute;
			top: 50%;
			right: 1em;
			transform: translate(-50%, -50%);
			background-color: #333;
		}

		.accordion_btn span::after {
			content: "";
			width: 1.2em;
			height: 0.2em;
			position: absolute;
			top: 50%;
			right: 1em;
			transform: translate(-50%, -50%) rotate(90deg);
			background-color: #333;
			transition: .3s;
		}

		.accordion_btn.open {
			bottom: 7%;
		}

		.accordion_btn.open::before {
			content: none;
		}

		.accordion_btn.open::after {
			content: "close";
		}

		.accordion_btn.open span::after {
			transform: translate(-50%, -50%) rotate(0);
		}

		.present-extra {
			display: none;
			line-height: 0;
		}

		/* PRESENT 背景 */
		.present-bg {
			background-repeat: repeat-y;
			background-position: top center;
			line-height: 0;
		}

	/* sp */
	@media screen and (max-width: 750px) {
		.read .cp_pc {display: none;}
		.read {max-width: 750px;}
		.bnr-row {width: calc(100% - 2rem); margin: 0 auto 3rem; display: block;transform: translateX(-4px);}
		.bnr-item + .bnr-item {margin-top: 1.6rem;}
		.present-open-btn {font-size: 15px; padding: 13px 40px;}
		.present-bg-sp {background: url(../img/sp/bg.jpg) repeat-y; background-size: 100% auto;}
		.present-accordion-wrap { padding-bottom: 10.667vw;}
		.accordion_btn.open { bottom: 10.667vw;}
	}

	/* pc */
	@media screen and (min-width: 751px) {
		.read .cp_sp {display: none;}
		.read {width: 1280px;text-align: center;}
		.cp_bnr {width: 1094px; margin: 0 auto 70px; transform: translateX(-6px);}
		.cp_bnr picture img {margin: 20px auto 30px;}
		.bnr_ttl{margin: 30px auto 20px;}
		.bnr-row {display: flex; gap: 20px; justify-content: space-between;}
		.bnr-item {width: 524px;}
		.present-bg-pc {background: url(../img/pc/bg.jpg) repeat-y; background-size: 100% auto;}
		.present-inner {width: 750px; margin: 0 auto;}
		.accordion_btn {height: 110px; width: calc(90% - 60px);}
		.accordion_btn::after {font-size: 36px;}
		.accordion_btn::before {width: 690px;}
		.present-accordion-wrap { padding-bottom: 80px;}
		.accordion_btn.open { bottom: 80px;}
	}