#main_contents {
	width:100% !important;
}

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

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

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

#DUNO a {
	text-decoration:none;
}
#DUNO img {
	max-width:100% !important;
	height:auto;
}
#DUNO > h1 {
	width:100% !important;
	display:block !important;
	text-align:center !important;
	font-size:30px;
	margin:7% auto 2% auto !important;
	color:#000;
	font-weight:bold;
}
#DUNO > h1 > span {
	display:block;
}
#DUNO > h1 > span img {
	height:3.0em;
	width:auto;
	margin-bottom:0.6em;
}
#DUNO > 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;
}
#DUNO > p {
	width:90% !important;
	display:block !important;
	text-align:left;
	font-size:18px;
	max-width:760px;
	margin:2% auto 2% auto !important;
	line-height:180%;
}

#DUNO .area_flex {
	display:flex;
}
#DUNO .itembox {
	width:100%;
	max-width:1000px;
	flex-wrap:wrap;
	margin:5.0em auto 0em auto !important;
	justify-content:flex-start;
	align-items:center;
}
#DUNO .itembox.type_r {
	margin:0.0em auto 25.0em auto !important;
}
	#DUNO .itembox > .img {
		width:100%;
		display:flex;
		justify-content:flex-start;
		position:relative;
	}
	#DUNO .itembox > .img > img {
		width:55%;
	}
	#DUNO .itembox > .img > img:nth-of-type(1) {
		z-index:2;
	}
	#DUNO .itembox > .img > img:nth-of-type(2) {
		position:absolute;
		bottom:-45%;
		left:auto;
		right:0;
		z-index:1;
	}
	#DUNO .itembox > .txt {
		width:100%;
		display:block;
		text-align:left;
		margin-top:3.5em;
	}
	
	#DUNO .itembox > .txt > p {
		display:inline-block;
		text-align:left;
		font-weight:bold;
		line-height:160%;
	}

	#DUNO .itembox > .txt > p .color,
	#DUNO .itembox > .txt > p .price {
		display:block;
	}
	#DUNO .itembox > .txt > p .tax {
		font-size:70%;
		margin-left:0.3em;
		letter-spacing:0;
	}
	#DUNO .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;
	}
	#DUNO .itembox > .txt > a:after {
		content:"";
		display:block;
		width:0.7em;
		height:calc(0.7em * 1.146);
		background:url(images/i_arrow_right.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%);
	}
#DUNO a.all_list {
	display:block;
	width:45%;
	max-wdith:350px;
	text-align:center;
	font-size:20px;
	margin:5.0em auto 10% auto;
	background:#000;
	color:#fff;
	box-sizing:border-box;
	padding:0.5em 0;
}


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

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

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

#DUNO > h1 {
	text-align:center;
	font-size:4.0vw;
}
#DUNO > h2 {
	text-align:center;
	font-size:4.5vw;
	margin-top:7%;
}
#DUNO > p {
	text-align:left;
	font-size:2.7vw;
	width:90%;
	max-width:630px;
	margin:2% auto;
	line-height:180%;
}
#DUNO .itembox {
	width:100%;
	margin:2.0em auto 0em auto !important;
}
#DUNO .itembox.type_r {
	margin:0em auto 3.0em auto !important;
}

	#DUNO .itembox > .img {
		width:100%;
		display:flex;
		flex-wrap:wrap;
		justify-content:flex-start;
		position:relative;
	}
	#DUNO .itembox > .img > img {
		width:91%;
	}
	#DUNO .itembox > .img > img:nth-of-type(1),
	#DUNO .itembox.type_r > .img > img:nth-of-type(1) {
		position:static;
		z-index:2;
		margin:0 auto 0 0;
	}
	#DUNO .itembox > .img > img:nth-of-type(2),
	#DUNO .itembox.type_r > .img > img:nth-of-type(2) {
		position:static;
		bottom:-45%;
		left:auto;
		right:0;
		z-index:1;
		margin:1.5em 0 0 auto;
	}
	#DUNO .itembox > .txt {
		width:100%;
		display:block;
		text-align:center;
		margin-top:1.5em;
	}
	#DUNO .itembox.type_l > .txt {
		position:relative;
		margin-bottom:3.0em;
	}
	#DUNO .itembox.type_l > .txt > p {
		position:static;
		width:90%;
		-webkit-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		transform:translate(0%, 0%);
		font-size:100%;
	}
	#DUNO .itembox > .txt > p {
		font-size:2.7vw;
		letter-spacing:0;
	}
	#DUNO .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;
	}
	#DUNO .itembox > .txt > a:after {
		top:50%;
		right:0.5em;
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		transform:translate(0%, -50%);
	}
	
#DUNO 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;
}
}