/* EASYUP 共通 */
:is(.easyup_archive, .easyup_detail){
	padding: 5em 0 10em;
	font-size: min(calc(100vw * 10 / 1050), 10px);
	line-height: 1.4;
}
:is(.easyup_archive, .easyup_detail) *{
	font-weight: 700;
}
:is(.easyup_archive, .easyup_detail) img{
	display: block;
	width: 100%;
}
.easyup_detail section::before,
.easyup_detail section::after{
	display: none;
}
@media (max-width: 500px){
	:is(.easyup_archive, .easyup_detail){
		font-size: min(calc(100vw * 10 / 500), 10px);
	}
}


/* EASYUP 一覧ページ */
.easyup_archive .cat{
	display: flex;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
}
.easyup_archive .cat li{
	flex: 1;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}
.easyup_archive .cat li a{
	display: block;
	padding: .5em 0;
	font-size: 1.6em;
	text-align: center;
	text-decoration: none;
}
.easyup_archive .content{
	position: relative;
	margin-top: 5em;
}
.easyup_archive .content .anchor{
	position: absolute;
	inset: 0 auto auto 0;
	translate: 0 -100px;
}
.easyup_archive .content .ttl{
	padding-bottom: .5em;
	font-size: 4em;
	line-height: 1;
	text-align: center;
}
.easyup_archive .content .grid{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2em;
}
.easyup_archive .content .grid li{
	grid-column: span 1;
}
@media (max-width: 500px){
	.easyup_archive .cat{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	.easyup_archive .cat li{
		grid-column: span 1;
	}
	.easyup_archive .content .anchor{
		translate: 0 -50px;
	}
	.easyup_archive .content .grid{
		grid-template-columns: repeat(1, 1fr);
		gap: 1em;
	}
}


/* EASYUP 詳細ページ */
.easyup_detail .sec_mv{
	margin: -5em 0 6em;
}
.easyup_detail .sec_head{
	display: flex;
	align-items: flex-start;
	gap: 5em;
	padding-bottom: 6em;
}
.easyup_detail .sec_head .logo{
	width: 36em;
}
.easyup_detail .sec_head .txt_content{
	flex: 1;
}
.easyup_detail .sec_head .txt_content .year{
	font-size: 2em;
}
.easyup_detail .sec_head .txt_content h2{
	font-size: 5.4em;
	line-height: 1;
}
.easyup_detail .sec_head .txt_content .type{
	padding-bottom: 1em;
	font-size: 1.4em;
}
@media (max-width: 500px){
	.easyup_detail .sec_head{
		flex-direction: column;
	}
	.easyup_detail .sec_head .logo{
		display: none;
	}
}
.easyup_detail .sec_point{
	display: flex;
	align-items: flex-start;
	gap: 2em;
	padding-bottom: 6em;
}
.easyup_detail .sec_point .img_content{
	width: 45em;
}
.easyup_detail .sec_point .img_content .img + .img{
	margin-top: 1em;
}
.easyup_detail .sec_point .txt_content{
	flex: 1;
}
.easyup_detail .sec_point .txt_content ul{
	padding-top: 4em;
}
.easyup_detail .sec_point .txt_content ul li{
	display: flex;
	align-items: center;
	gap: 2em;
}
.easyup_detail .sec_point .txt_content ul li span{
	flex: 1;
	font-size: 2.4em;
	line-height: 1;
	text-align: center;
}
.easyup_detail .sec_point .txt_content ul li::before,
.easyup_detail .sec_point .txt_content ul li::after{
	content: '';
	background: #000;
	width: 6em;
	height: .6em;
}
.easyup_detail .sec_point .txt_content .cap{
	padding-top: 4em;
	font-size: 1.2em;
}
@media (min-width: 501px){
	.easyup_detail .sec_point .txt_content ul li + li{
		padding-top: 3em;
	}
}
@media (max-width: 500px){
	.easyup_detail .sec_point{
		flex-direction: column;
	}
	.easyup_detail .sec_point .img_content{
		width: 100%;
	}
	.easyup_detail .sec_point .txt_content ul{
		padding-top: 0;
	}
	.easyup_detail .sec_point .txt_content ul li{
		padding: 2em 0;
		border-bottom: 1px solid #000;
	}
	.easyup_detail .sec_point .txt_content ul li::before,
	.easyup_detail .sec_point .txt_content ul li::after{
		display: none;
	}
	.easyup_detail .sec_point .txt_content .cap{
		padding-top: 2em;
	}
}
.easyup_detail .sec_product{
	padding-bottom: 6em;
}
.easyup_detail .sec_product .product{
	border: 2px solid #000;
	border-top: 0;
}
.easyup_detail .sec_product .product + .product{
	margin-top: 2em;
}
.easyup_detail .sec_product .product .product_ttl{
	background: #000;
	color: #fff;
	padding: .5em 0;
	font-size: 2em;
	line-height: 1;
	text-align: center;
}
.easyup_detail .sec_product .product .parts{
	padding: 1em;
	border-bottom: 2px solid #000;
}
.easyup_detail .sec_product .product .parts ul{
	display: flex;
}
.easyup_detail .sec_product .product .parts ul li{
	position: relative;
	flex: 1;
	padding: 1em 0;
}
.easyup_detail .sec_product .product .parts ul li p{
	font-size: 1.6em;
	text-align: center;
}
.easyup_detail .sec_product .product .parts ul li .parts_ttl{
	padding-bottom: 1em;
}
.easyup_detail .sec_product .product .parts .parts_cap{
	padding-top: 2em;
	font-size: 1.2em;
	line-height: 1.2;
}
.easyup_detail .sec_product .product .price_txt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1em;
}
.easyup_detail .sec_product .product .price_txt .product_txt{
	font-size: 1.6em;
}
.easyup_detail .sec_product .product .price_txt a{
	display: inline-block;
	padding: .5em 1em;
	font-size: 1.6em;
	line-height: 1;
	text-decoration: none;
	border: 2px solid #000;
	box-shadow: 0 0 5px #aaa;
	transition: .2s;
}
@media (min-width: 501px){
	.easyup_detail .sec_product .product .parts ul li + li{
		border-left: 2px solid #000;
	}
	.easyup_detail .sec_product .product .price_txt .product_txt br{
		display: none;
	}
	.easyup_detail .sec_product .product .price_txt a:hover{
		box-shadow: none;
	}
}
@media (max-width: 500px){
	.easyup_detail .sec_product .product .parts ul{
		flex-direction: column;
	}
	.easyup_detail .sec_product .product .parts ul li{
		display: flex;
		justify-content: center;
		gap: 4em;
		border-bottom: 2px solid #000;
	}
	.easyup_detail .sec_product .product .parts ul li p{
		font-size: 1.8em;
	}
	.easyup_detail .sec_product .product .parts ul li .parts_ttl{
		padding-bottom: 0;
	}
	.easyup_detail .sec_product .product .price_txt{
		flex-direction: column;
		gap: 1.5em;
	}
	.easyup_detail .sec_product .product .price_txt .product_txt{
		width: 100%;
		font-size: 1.8em;
	}
	.easyup_detail .sec_product .product .price_txt a{
		font-size: 2em;
	}
}
.easyup_detail .sec_gallery{
	padding-bottom: 6em;
}
.easyup_detail .sec_gallery .ttl{
	font-size: 3em;
}
.easyup_detail .sec_gallery ul{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1em;
}
.easyup_detail .sec_gallery ul li{
	grid-column: span 1;
}
.easyup_detail .sec_gallery ul li img{
	aspect-ratio: 3 / 2;
	object-fit: cover;
}
@media (max-width: 500px){
	.easyup_detail .sec_gallery ul{
		grid-template-columns: repeat(2, 1fr);
	}
}
.sec_btm{
	display: flex;
	align-items: flex-start;
	gap: 2em;
}
.sec_btm .ezup_txt{
	width: 40em;
}
.sec_btm .acc_logo{
	width: 12em;
}
.sec_btm ul{
	flex: 1;
}
.sec_btm ul li + li{
	padding-top: .5em;
}
@media (max-width: 500px){
	.sec_btm{
		flex-direction: column;
		align-items: center;
	}
	.sec_btm ul li{
		font-size: 1.2em;
	}
}