@charset "UTF-8";

/* 写真 */
.goods_main_photo {
	margin:15px 15px 0;
	position:relative;
}

.small_img {
	padding:0;
	margin:0;
}

.small_img_item {
	display:inline-flex;
	overflow:hidden;
	list-style:none;
	margin-left:9px;
	justify-content:center;
	align-items:center;
	vertical-align:middle;
}

.small_img_photo {
	max-width:100%;
	max-height:100%;
}

.icon_reserve {
	position:absolute;
	width:200px;
	left:20px;
	top:125px;
}

@media only all and (max-width : 1024px) {

	.icon_reserve {display:none;}

}

/* 買い物ボタン */
button[name=check_no] {background-color:#fff;}

button[name=check_no]:disabled {
	background-color:pink;
	border:1px solid pink;
}

/* 詳細 */
.detail_name {
	display:block;
	margin:0 0 0 1rem;
	padding:0;
	line-height:25px;
	position:relative;
	vertical-align:bottom;
}

.detail_name_title {
	margin:0;
	padding:0;
	vertical-align:middle;
	display:inline-block;
}

.detail_name_icon {
	margin:0;
	padding:0;
	vertical-align:middle;
	display:inline-block;
}

/* 価格など */
.detail_kakaku > h3, .detail_point > h3, .detail_maker > h3, .detail_maker_url > h3 {
	font-weight:normal;
	padding:5px;
	text-align:center;
	margin:0;
	vertical-align:middle;
	background-color:#eee;
}

.detail_kakaku > p, .detail_point > p, .detail_maker > p, .detail_maker_url > p {
	padding:5px;
	margin:0;
	vertical-align:middle;
}

.detail_kakaku > p, .detail_point > p {text-align:right;}

.detail_maker > p, .detail_maker_url > p {text-align:left;}

.detail_kakaku p {
	color:red;
	font-size:large;
}

/* 送料 */
.detail_soryo_text {
	display:block;
	margin:0 15px;
	padding:0;
	line-height:25px;
	position:relative;
	vertical-align:bottom;
}

.detail_soryo_text > * {
	margin:0;
	padding:0;
	vertical-align:middle;
	display:block;
}

.detail_soryo_text > h3 {
	border-bottom:1px dashed #ccc;
	margin:10px 0;
	font-size:14px;
	font-weight:normal;
}

.detail_soryo_text + hr {
	border-bottom:1px solid #ccc;
	margin:10px 15px 0;
}

.detail_soryo_text > pre {
	margin:0 1em;
	width:calc(100% - 2em);
}

/* コメント */
.detail_comment {
	display:block;
	margin:10px 15px 0;
	padding:0;
	line-height:25px;
	position:relative;
	vertical-align:bottom;
}

.detail_comment > * {
	margin:0;
	padding:0;
	vertical-align:middle;
	display:block;
}

.detail_comment h3 {
	font-size:14px;
	font-weight:normal;
}

/* リンク */
.detail_link {
	display:block;
	margin:0 10px;
	padding:0;
	line-height:25px;
	position:relative;
	vertical-align:bottom;
}

.detail_link * {
	display:inline-block;
	margin:0;
	padding:0;
	vertical-align:middle;
}

.detail_link h3 {
	font-size:14px;
	font-weight:normal;
}

.detail_link h3::after {content:' : ';}

.detail_link li {display:inline-block;}

/* 関連商品 */
.detail_rel_goods {
	display:block;
	margin:0 10px;
	padding:0;
	line-height:25px;
	position:relative;
	vertical-align:bottom;
}

.detail_rel_goods > * {
	display:inline-block;
	margin:0;
	padding:0;
	vertical-align:middle;
}

.detail_rel_goods h3 {
	font-size:14px;
	font-weight:normal;
}

.detail_rel_goods h3::after {content:' : ';}

.detail_rel_goods li {display:inline-block;}


/* 関連カテゴリ */
.detail_rel_cat {
	display:block;
	margin:0 10px;
	padding:0;
	line-height:25px;
	position:relative;
	vertical-align:bottom;
}

.detail_rel_cat > * {
	display:inline-block;
	margin:0;
	padding:0;
	vertical-align:middle;
}

.detail_rel_cat h3 {
	font-size:14px;
	font-weight:normal;
}

.detail_rel_cat h3::after {content:' : ';}

.detail_rel_cat li {display:inline-block;}


/* pdf */
.print_pdf {
	clear:both;
	float:left;
	text-align:left;
	margin:10px 0;
}

/* 生産者の声 */
.detail_create {
	display:block;
	margin:0 15px;
	padding:0;
	line-height:25px;
	position:relative;
	vertical-align:bottom;
}

.detail_create::after {
	content:'';
	display:block;
	clear:both;
}

.detail_create > * {
	margin:0;
	padding:0;
	vertical-align:middle;
	display:block;
}

.detail_create h3 {
	font-size:14px;
	font-weight:normal;
	border-bottom:1px dashed #ccc;
	margin-bottom:10px;
}


.create_right {
	float:right;
	width:170px;
	margin:0 10px 10px 10px;
}

.create_right img {
	display:block;
	width:100%;
}

.create_left {margin:0 0 10px 15px;}

.create_left * {
	margin:0;
	padding:0;
	display:inline;
}

/* bnr */
.detail_bnr {
	display:block;
	margin:0 15px;
	padding:0;
	line-height:25px;
	position:relative;
	vertical-align:bottom;
}

.detail_bnr img {
	margin:0 auto;
	max-width:100%;
	padding:0;
	vertical-align:middle;
	display:block;
}


/* お客様の声 */
.reviewer_list {
	overflow-y:auto;
	max-height:1500px;
	line-height:1.5;
	display:block;
	margin:0 15px;
	padding:0;
	line-height:25px;
	position:relative;
	vertical-align:bottom;
}

.reviewer {
	margin:0 10px;
	padding:0;
	vertical-align:middle;
	display:block;
}

.reviewer > * {margin:0;}

.reviewer h4 {
	font-weight:normal;
	border-bottom:3px double #ccc;
	text-indent:1em;
}

.reviewer pre {padding:5px;}

.reviewer img {
	display:block;
	margin:5px auto;
	max-width:100%;
}

.reviewer + .reviewer {margin-top:10px;}

/* 問い合わせ */
button[name=info_no] {
	float:right;
	margin:6px 0;
}

button[name=info_no] {
	border:none;
	background:none;
	cursor:pointer;
}

button[name=info_no] img {display:block;}

button[name=info_no]:hover img {opacity:0.7;}

button[name=info_no]::after {
	content:'';
	display:block;
	clear:both;
}

/* カート */
.buy_no {
	margin-top:20px;
	text-align:center;
}

.bun_no::after {
	content:'';
	display:block;
	clear:both;
}

.buy_no button {
	display:inline-block;
	border:none;
	background:none;
	cursor:pointer;
}

.buy_no button img {max-width:100%;}

.buy_no button:hover img {opacity:0.7;}

.kosu {
	display:inline-block;
	vertical-align:top;
}

.kosu span {
	display:block;
	text-align:right;
	margin: 10px;
}

.kosu input[type=number] {
	text-align:right;
	width:60px;
}

/* ポップアップ用 */
.photo_click {
/*	position:absolute;
	margin:0;
	right:0;
	top:0;*/
	text-align:right;
	line-height:30px;
	color:red;
	display:none;
}

#pop_up {
	display:none;
	position:fixed;
	top:0;
	z-index:20;
	width:100%;
	height:100%;
	background-color:rgba(255, 255, 255, 0.3);
}

#pop_up_img {
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	position:absolute;
}

/* 他 */
pre {
	width:100%;
	white-space:pre-wrap;
	word-break: break-all;
}
