#main_contents {
	width:100% !important;
}

#SumCollection div,#SumCollection p,#SumCollection span,#SumCollection figure,#SumCollection h2, #SumCollection h3, #SumCollection ul, #SumCollection li, #SumCollection ol, #SumCollection li { margin:0; padding:0; list-style-type:none; }

#SumCollection {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	letter-spacing:0.1em;
	text-align:center;
	color:#000;
}

#SumCollection .pc { display:block; }
#SumCollection .sp { display:none; }

#SumCollection a {
	text-decoration:none;
}
#SumCollection img {
	max-width:100% !important;
	height:auto;
}
#SumCollection > h1 {
	width:100% !important;
	display:block !important;
	text-align:center !important;
	font-size:30px;
	margin:7% auto 5% auto !important;
	color:#000;
	font-weight:bold;
}
#SumCollection > h1 > span {
	display:block;
}
#SumCollection > h1 > span img {
	height:6.0em;
	width:auto;
	margin-bottom:0.6em;
}
#SumCollection > h2 {
	width:100% !important;
	display:block !important;
	text-align:center !important;
	font-size:30px;
	margin:7% auto 2% auto !important;
	color:#000;
	font-weight:bold;
}
#SumCollection > p {
	width:90% !important;
	display:block !important;
	text-align:left;
	font-size:18px;
	max-width:850px;
	margin:2% auto 2% auto !important;
	line-height:180%;
}

#SumCollection .area_flex {
	display:flex;
}
#SumCollection .itembox {
	width:100%;
	max-width:1000px;
	margin:5.0em auto 7.0em auto !important;
	justify-content:space-between;
	align-items:center;
}
#SumCollection .itembox:nth-of-type(1) {
	margin:8.0em auto 7.0em auto !important;
}
	#SumCollection .itembox > .img {
		width:50%;
	}
	#SumCollection .itembox.type_l > .img {
		order:2;
	}
	#SumCollection .itembox.type_l > .txt {
		order:1;
	}
	
	#SumCollection .itembox > .txt {
		width:45%;
		display:block;
		text-align:center;
	}
	
	#SumCollection .itembox > .txt > h3 {
		margin-bottom:3.0em;
	}
	#SumCollection .itembox > .txt > p {
		display:inline-block;
		text-align:left;
		line-height:160%;
	}

	#SumCollection .itembox > .txt > p .color,
	#SumCollection .itembox > .txt > p .price {
		display:block;
	}
	#SumCollection .itembox > .txt > p .tax {
		font-size:70%;
		margin-left:0.3em;
		letter-spacing:0;
	}
	#SumCollection .itembox > .txt > a {
		width:9.0em;
		display:block;
		margin:10% auto 0 auto !important;
		text-align:center;
		box-sizing:border-box;
		background:#000;
		color:#fff;
		padding:0.3em 1.5em 0.3em 1.0em;
		text-decoration:none;
		position:relative;
	}
	#SumCollection .itembox > .txt > a:after {
		content:"";
		display:block;
		width:0.7em;
		height:calc(0.7em * 1.146);
		background:url(images/i_arrow_r.svg) no-repeat;
		background-size:contain;
		position:absolute;
		top:50%;
		right:1.0em;
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		transform:translate(0%, -50%);
	}
#SumCollection #info {
	margin:0 auto 5.0em auto;
}
#SumCollection #info > div {
	display:block;
	width:90% !important;
	max-width:650px !important;
	margin:0 auto;
	text-align:center;
}
#SumCollection #info p {
	display:inline-block;
	text-align:left;
}
#SumCollection #info p.tyui {
	font-size:90%;
}
#SumCollection a.all_list {
	display:block;
	width:45%;
	max-wdith:350px;
	text-align:center;
	font-size:20px;
	margin:4.0em auto 10% auto !important;
	background:#000;
	color:#fff;
	box-sizing:border-box;
	padding:0.5em 0;
	position:relative;
}
#SumCollection a.all_list:after {
		content:"";
		display:block;
		width:0.7em;
		height:calc(0.7em * 1.146);
		background:url(images/i_arrow_r.svg) no-repeat;
		background-size:contain;
		position:absolute;
		top:50%;
		right:3.0em;
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		transform:translate(0%, -50%);
	}


/* ------------------------------------------- */

@media screen and (max-width:767px) {

#SumCollection .pc { display:none; }
#SumCollection .sp { display:block; }

#SumCollection > h1 {
	text-align:center;
	font-size:4.0vw;
}
#SumCollection > h2 {
	text-align:center;
	font-size:4.5vw;
	margin-top:7%;
}
#SumCollection > p {
	text-align:left;
	font-size:2.7vw;
	width:90%;
	max-width:630px;
	margin:2% auto;
	line-height:180%;
}
#SumCollection .area_flex {
	display:flex;
	flex-wrap:wrap !important;
}
#SumCollection .itembox {
	width:90%;
	flex-wrap:wrap !important;
	margin:2.0em auto 4.0em auto !important;
}
	
	#SumCollection .itembox > .txt {
		width:45%;
		display:block;
		text-align:center;
	}

	#SumCollection .itembox > .img,
	#SumCollection .itembox.type_l > .img {
		width:100%;
	}
	#SumCollection .itembox > .txt,
	#SumCollection .itembox.type_l > .txt {
		width:100%;
		display:block;
		text-align:center;
		margin-top:1.5em;
		font-size:2.7vw !important;
	}
	#SumCollection .itembox.type_l > .img {
		order:1;
	}
	#SumCollection .itembox.type_l > .txt {
		order:2;
	}
	#SumCollection .itembox > .txt > h3 {
		font-size:3.0vw;
		margin-bottom:1.5em;
	}
	#SumCollection .itembox > .txt > p {
		font-size:2.7vw !important;
		letter-spacing:0;
	}
	#SumCollection .itembox > .txt > a {
		width:9.0em;
		font-size:2.5vw;
		display:block;
		margin:10% auto 0 auto;
		text-align:center;
		box-sizing:border-box;
		background:#000;
		color:#fff;
		padding:0.2em 0em;
		text-decoration:none;
	}
	#SumCollection .itembox > .txt > a:after {
		top:50%;
		right:0.5em;
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		transform:translate(0%, -50%);
	}
	
#SumCollection a.all_list {
	display:block;
	width:50%;
	max-wdith:350px;
	text-align:center;
	font-size:3.0vw;
	margin:5% auto;
	background:#000;
	color:#fff;
	box-sizing:border-box;
	padding:0.3em 0;
}
}