@charset "utf-8";

.-----PC_MOBILE_COMMON_CSS_START----- {}

* {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	-webkit-text-size-adjust: 100%;
	max-height: 999999px;
}
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	font-size: 84%;
	line-height: 170%;
	color: #333;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
table {
	border-collapse: collapse;
}
a:link,
a:visited {
	text-decoration: none;
	color: #0066CC;
}
a:hover,
a:active {
	text-decoration: underline;
	color: #FF6600;
}
br.pc_nowrap {
	display: none;
}
#modal_wrapper {
	width: 640px;
	margin-right: auto;
	margin-left: auto;
}
#modal_wrapper .product_name {
	font-size: 25px;
	font-weight: normal;
	color: #3DAF33;
	line-height: 150%;
}
#modal_wrapper .product_photo {
	height: 480px;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
#modal_wrapper .product_comment {
	line-height: 150%;
	margin-top: 1em;
}

.-----PC_MOBILE_COMMON_CSS_END----- {}


/* スマートフォン用CSS */
@media screen and (max-width: 640px) {
	
.-----MOBILE_ONLY_CSS_START----- {}

body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	font-size: 24px;
	line-height: 170%;
	color: #333;
}

#modal_wrapper {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#modal_wrapper .product_name {
	font-size: 30px;
	font-weight: normal;
	color: #3DAF33;
	line-height: 150%;
}
#modal_wrapper .product_photo {
	height: 400px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}

.-----MOBILE_ONLY_CSS_END----- {}

	
}