@charset "utf-8";
@media screen and (min-width:391px) {
	div.page {
		background-color: #FFF;
		color: #222222;
		margin: 0 auto;
		text-align: left;
		width: 940px;
	}
	.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
	div.page a {
		text-decoration: underline;
		color: #0055d0;
	}
	div.page h2 {
		padding: 0;
		margin: 0 0 20px 0;
	}
	div.page h3 {
		font-size: 1.85em;
		height: 47px;
		padding: 0 0 0 55px;
		margin: 0 0 20px 0;
		box-sizing: border-box;
		background-image: url("/parts/contents/copy_product/icon.png");
		background-repeat: no-repeat;
		background-position: top left;
	}
	div.page h4 {
		font-size: 1.45em;
		padding: 5px 15px;
		margin: 0 0 20px 0;
		box-sizing: border-box;
		border: solid 1px #000;
		background-color: #ffec00;
	}
	div.page div.section {
		padding: 0 0 40px 0;
	}
	div.page div.section p {
		font-size: 1.15em;
		line-height: 160%;
		padding: 0 20px 10px 20px;
		margin: 0;
	}
	div.page .marker_y {
	background: linear-gradient(transparent 60%, #ffec00 60%);
	}
	div.page .marker_p {
	background: linear-gradient(transparent 60%, #ffbbd4 60%);
	}
	div.page div.section p.manga {
		padding: 0;
		text-align: center;
	}
	div.page ul.case {
		font-size: 1.15em;
		font-weight: bold;
		padding: 0 0 10px 20px;
		width: 70%;
		box-sizing: border-box;
		float: left;
	}
	div.page ul.case li {
		background-image: url("/parts/contents/copy_product/ico_skull1_5.gif");
		background-repeat: no-repeat;
		background-position: top 2px left;
		padding: 0 0 15px 20px;
		line-height: 145%;
	}
	div.page ul.case + p {
		display: inline-block;
		float: right;
		box-sizing: border-box;
		padding: 0 20px 0 0;
	}
	div.page div.caution {
		border: solid 1px #9b9b9b;
		background-color: #fffcd0;
		clear: both;
		width: 870px;
		box-sizing: border-box;
		margin: 20px auto 0 auto;
		padding: 0 0 10px 0;
	}
	div.page div.caution h5 {
		background-color: #000;
		width: 100%;
		text-align: center;
		padding: 8px 0 9px 0;
		margin: 0 0 15px 0;
		color: #FFF;
		font-size: 1.45em;
	}
	div.page div.caution h5:before {
		content: url("/parts/contents/copy_product/caution_icon.png");
		padding: 3px 7px 0 0;
	}
	div.page div.price {
		border: solid 1px #9b9b9b;
		background-color: #ecf6fb;
		display: flex;
		flex-wrap: wrap;
		width: 780px;
		box-sizing: border-box;
		margin: 5px auto 20px auto;
		padding: 0 0 15px 0;
	}
	div.page div.price h5 {
		padding: 15px 0 7px 20px;
		margin: 0;
		font-size: 1.15em;
		box-sizing: border-box;
		width: 100%;
	}
	div.page div.price dl {
		font-size: 1.15em;
		padding: 0;
		margin: 0;
	}
	div.page div.price h5 + dl {
		width: 42%;
		padding: 0 0 0 20px;
		border-right: solid 1px #9b9b9b;
	}
	div.page div.price h5 + dl + dl {
		width: 55%;
		padding: 0 0 0 20px;
	}
	div.page div.price dt {
		padding: 0;
		margin: 0;
		line-height: 150%;
		float: left;
	}
	div.page div.price h5 + dl dt {
		width: 160px;
	}
	div.page div.price h5 + dl + dl dt {
		width: 300px;
	}
	div.page div.price dd {
		width: 80px;
		float: left;
		text-align: right;
		padding: 0;
		margin: 0;
	}
	div.page div.distinguish h5 {
		padding: 15px 0 7px 20px;
		margin: 0;
		font-size: 1.35em;
		box-sizing: border-box;
	}
	div.page div.distinguish ul {
		font-size: 1.25em;
		padding: 0 20px;
		box-sizing: border-box;
	}
	div.page div.distinguish li {
		background-image: url("/parts/contents/copy_product/check.png");
		background-repeat: no-repeat;
		background-position: top 1px left;
		padding: 0 0 10px 28px;
		line-height: 140%;
	}
	div.page div.distinguish li:last-child {
		padding-bottom: 0;
	}
	div.page ul.link {
		font-size: 1.15em;
		padding: 0 20px;
		box-sizing: border-box;
	}
	div.page ul.link li {
		list-style: disc;
		list-style-position: inside;
		line-height: 170%;
	}
}
@media screen and (max-width:390px) { 
	.page {
		color: #222222;
	}
	.page > div {
		margin: 0 auto;
		width: 95%;
	}
	div.page .small {
		font-size: 0.85em;
	}
	div.page h2 {
		width: 100%;
		margin: 0 0 10px 0;
		padding: 0;
	}
	div.page h3 {
		width: 95%;
		margin: 0 auto 10px auto;
		font-size: 1.15em;
		line-height: 130%;
		padding: 0 0 0 50px;
		box-sizing: border-box;
		background-image: url("/parts/contents/copy_product/icon.png");
		background-repeat: no-repeat;
		background-position: top left;
		background-size: contain;
	}
	div.page h4 {
		font-size: 1em;
		line-height: 140%;
		padding: 7px 3%;
		margin: 0 0 10px 0;
		box-sizing: border-box;
		border: solid 1px #000;
		background-color: #ffec00;
	}
	div.page div.section {
		width: 95%;
		margin: 0 auto;
		padding: 0 0 20px 0;
	}
	div.page div.section p {
		font-size: 0.85em;
		line-height: 160%;
		padding: 0 0 10px 0;
		margin: 0;
	}
	div.page .marker_y {
	background: linear-gradient(transparent 60%, #ffec00 60%);
	}
	div.page .marker_p {
	background: linear-gradient(transparent 60%, #ffbbd4 60%);
	}
	div.page ul.case {
		font-size: 0.85em;
		font-weight: bold;
		padding: 0 3% 10px 3%;
		margin: 0;
		box-sizing: border-box;
		list-style: none;
	}
	div.page ul.case li {
		background-image: url("/parts/contents/copy_product/ico_skull1_5.gif");
		background-repeat: no-repeat;
		background-position: top 2px left;
		padding: 0 0 10px 20px;
		line-height: 145%;
	}
	div.page ul.case + p {
		box-sizing: border-box;
		text-align: center;
		padding: 0;
		margin: 0;
	}
	div.page div.caution {
		border: solid 1px #9b9b9b;
		background-color: #fffcd0;
		clear: both;
		box-sizing: border-box;
		margin: 10px 0 0 0;
		padding: 0;
	}
	div.page div.caution h5 {
		background-color: #000;
		width: 100%;
		text-align: center;
		padding: 5px 0;
		margin: 0 0 10px 0;
		color: #FFF;
		font-size: 1em;
	}
	div.page div.caution h5:before {
		content: url("/parts/contents/copy_product/caution_icon.png");
		padding: 3px 7px 0 0;
	}
	div.page div.caution p {
		margin: 1em auto;
		width: 95%;
	}
	div.page div.price {
		border: solid 1px #9b9b9b;
		background-color: #ecf6fb;
		clear: both;
		width: 95%;
		box-sizing: border-box;
		margin: 5px auto 20px auto;
		padding: 0 0 15px 0;
	}
	div.page div.price::after {
		content: "";
	}
	div.page div.price h5 {
		padding: 10px 0 5px 0;
		margin: 0;
		font-size: 0.85em;
		box-sizing: border-box;
		text-align: center;
	}
	div.page div.price dl {
		font-size: 0.85em;
		padding: 0 3%;
		margin: 0;
		width: 100%;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
	}
	div.page div.price dt {
		padding: 0;
		margin: 0;
		line-height: 150%;
		width: 60%;
	}
	div.page div.price dd {
		text-align: right;
		padding: 0;
		margin: 0;
		width: 40%;
	}
	div.page div.distinguish {
		padding: 0 3% 10px 3%;
	}
	div.page div.distinguish h5 {
		padding: 0;
		margin: 0 0 5px 0;
		font-size: 0.85em;
		box-sizing: border-box;
	}
	div.page div.distinguish ul {
		font-size: 0.85em;
		padding: 0;
		margin: 0;
		box-sizing: border-box;
		list-style: none;
	}
	div.page div.distinguish li {
		background-image: url("/parts/contents/copy_product/check.png");
		background-repeat: no-repeat;
		background-position: top 1px left;
		padding: 0 0 10px 25px;
		line-height: 140%;
	}
	div.page div.distinguish li:last-child {
		padding-bottom: 0;
	}
	div.page ul.link {
		font-size: 0.85em;
		padding: 0 3%;
		box-sizing: border-box;
		margin: 0;
	}
	div.page ul.link li {
		list-style: disc;
		list-style-position: inside;
		padding: 0 0 5px 0;
	}
}