@charset "UTF-8";

/* --------------------------------	 */
/* 				Amazon JS			 */
/* --------------------------------	 */
.amazonjs_item{
	border:solid 1px #ddd;
	margin:1em 0;
	padding:7px 12px;
	display:flex;
	clear:both;
}
/* 画像イメージ */
.amazonjs_item .amazonjs_image{
	margin-right:10px;
	width:130px;
	text-align:center;
}
article.contents .amazonjs_item img{
	margin-bottom:0;
}


/* 商品情報（右側） */
.amazonjs_item .amazonjs_info{
	width:calc(100% - 130px);
}
.amazonjs_item .amazonjs_info_img_none{
	width:100% !important;
}

/* 商品名 */
.amazonjs_item p.product_title{
	margin:0 0 5px;
	padding:0;
	font-size:15px;
	font-weight:bold;
	line-height:1.5em;
}
.amazonjs_item p.product_title a{
	color:#333;
	text-decoration:none;
}
.amazonjs_item p.product_title::before{
	display:block;
	background-color:transparent;
}


/* ショップボタン */
.amazonjs_item .shop_button{
	margin-top:10px;
}
.amazonjs_item .shop_button a{
	display:block;
	padding:8px 10px;
	color:#fff;
	font-size:14px;
	border-radius:2px;
	text-align:center;
	text-decoration:none;
	margin-bottom:5px;
	line-height:1.5em;
	font-weight:bold;
	text-decoration:none !important;
	transition-property:filter;
	transition-timing-function:ease;
	transition-duration:0.3s;
}
.amazonjs_item .shop_button a:hover{
	filter: brightness(0.7);
}
.amazonjs_item .amazonjs_info_img_none a{
	padding:11px 0;
}

/* Amazon */
.amazonjs_item .shop_button a.amazon{
	background-color:#e47911;
}

/* 楽天 */
.amazonjs_item .shop_button a.rakuten{
	background-color:#bf0000;
}
/* YAHOO */
.amazonjs_item .shop_button a.yahoo{
	color:#ff0027;
	background-color:#fff;
	font-weight:bold;
	border:solid 2px #ff0027;
	padding:6px 8px;
}
.amazonjs_item .amazonjs_info_img_none a.yahoo{
	padding:9px 0;
}


.amazonjs_item .shop_button a span{
	margin-right:0.5em;
}

/* ショップボタン（3カラム） */
.amazonjs_item .amazonjs_info_img_none .shop_button{
	display:flex;
}
.amazonjs_item .amazonjs_info_img_none a{
	width:30%;
	margin-right:5%;
}
.amazonjs_item .amazonjs_info_img_none a:last-of-type{
	margin-right:0;
}


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

		解像度640px以上

 ------------------------------------------------------- */
@media (min-width:641px){

	.amazonjs_item{
		padding:12px 18px;
	}
	.amazonjs_item .amazonjs_image{
		width:30%;
		margin-right:3%;
	}
	.amazonjs_item .amazonjs_info{
		width:67%;
	}

	/* 画像 */
	.amazonjs_item .amazonjs_image img{
		max-height:150px;
		width:auto;
	}


	/* ショップボタン */
	.amazonjs_item .shop_button{
		display:flex;
	}
	.amazonjs_item .shop_button a{
		width:30%;
		margin-right:5%;
	}
	.amazonjs_item .shop_button a:last-of-type{
		margin-right:0;
	}

}