#productListSection {max-width: 1280px;}
	.read {width: 100%; margin-bottom: 20px;font-family: "Open Sans", "Hiragino Kaku Gothic W3 JIS2004";}
	.read img {width: 100%;display: block;}
	.read .cp_sp ,.read .cp_pc {line-height: 0 !important;}
	.read .cp_sp img {line-height: 0;}
	.read_pc .cp_pc {width: 1280px; margin: 0 auto; text-align: center;}

	/* sp */
	.cp_sp .bnr_area { max-width: 688px; margin: 0 5.3% 0 2.6%;}
	.cp_sp .bnr_area div + div {margin-top: 1rem;}
	.cp_sp .present_area {background-image: url(../img/sp/bg.png);background-size: cover;}
	.cp_sp .present_area .caution {padding-top: 14.933vw;}

	/* pc */
	.cp_pc .present_area {background-image: url(../img/pc/bg.png);}
	.cp_pc .bnr_area{display: grid; grid-template-columns: 1fr 1fr;gap: .5rem; width: 1054px; margin: 0 auto 80px;align-items: end;}
	.cp_pc .present_area {padding-top: 10px;}
	.cp_pc .present_area div {max-width: 750px; margin: 0 auto;}
	.cp_pc .present_area .caution {padding-top: 90px;}
	
	/* present */
	.present_area .accordion,.present_area .accordion_fv {
		position: relative;
	}
	.present_area .accordion_cont {
		display: none;
		will-change: height; 
		backface-visibility: hidden;
		transform: translateZ(0);
	}
	.present_area .accordion_btn {
		width: calc(100% - 60px);
		height: 90px;
		max-width: 690px;
		cursor: pointer;
		transition: .3s;
		position: absolute;
		left: 50%;
		bottom: -90px;
		transform: translateX(-50%);
		z-index: 10;
	}
	.cp_sp .present_area .accordion_btn {
		width: calc(100% - 30px);
		height: 14.933vw;
		bottom: -14.933vw;
	}
	.present_area .accordion_btn::before {
		content: "";
		max-width: 690px;
		width: calc(100% - 4px);
		height: 240%;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
		background: #ffffff;
		background: linear-gradient(0deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0) 100%);
	}
	.present_area .accordion_btn::after {
		content: "Check!";
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 33;
		transform: translate(-50%, -50%);
		font-size: 40px;
		font-weight: bold;
	}
	.cp_sp .present_area .accordion_btn::after {
		font-size: 5vw;
	}
	.present_area .accordion_btn span {
		display: block;
		width: 100%;
		height: 100%;
		background-color: #fff;
		border: 2px solid #e56b36;
		position: relative;
		z-index: 11;
		transition: .3s;
		box-sizing: border-box;
	}
	.present_area .accordion_btn span::before {
		content: "";
		width: 2em;
		height: .3em;
		right: 2em;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		background-color: #333;
	}
	.present_area .accordion_btn span::after {
		content: "";
		width: 2em;
		height: .3em;
		right: 2em;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%) rotate(90deg);
		background-color: #333;
		transition: .3s;
	}
	.cp_sp .present_area .accordion_btn span::before  ,
	.cp_sp .present_area .accordion_btn span::after{
		width: 1.2em;
    	height: 0.2em;
		right: 1em;
	}
	.present_area .accordion_btn.open::before {
		content: none;
	}
	.present_area .accordion_btn.open::after {
		content: "Close";
	}
	.present_area .accordion_btn.open span::after {
		transform: translate(-50%, -50%) rotate(0);
	}