/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 06 2026 | 04:41:39 */
/*************************************/
/*************************************/
/*************************************/
/** 
* プラグインAuto Amazon Links カスタマイズ
* 
* ボタンにマイクロコピー。セール時期間中の一時的な装飾変更。
* 
*************************************/
/*************************************/
/*************************************/


.amazon-auto-links .button-label:before {
/*     content: "＼タイムセール中／"; */
}


/*************************************/
/*************************************/
/*************************************/
/**
 * プラグインAuto Amazon Links カスタマイズ
 *************************************/
/*************************************/
/*************************************/


/** 
 * テンプレート List
 *************************************/

/* 商品一覧 一番外側のラッパー */
.amazon-auto-links {
    background-color: white;
	max-width: 750px;
}

/* 商品一覧ラッパー */
.amazon-products-container-list {
    display: grid;
	
	/* 
	商品件数に応じて横並び数を可変表示。
	minmaxの最小幅を外側のラッパー幅750px時の4分の1以下にしたので1行4件まで収まる。それ以上は次の行から始まる。
	*/
	grid-template-columns: repeat(auto-fit, minmax(170px, auto)); 
	
	/* "┌ "の形で枠線を付ける。 */
    border-width: 1px 0px 0px 1px;
    border-style: solid;
    border-color: #232f3e;
}

@media only screen and (width <= 520px) {
	.amazon-products-container-list {
		/* 	row-gap: 0px; */

		/* 商品を縦並び(1列)にする。 */
		/* 	grid-template-columns: 1fr; */

	}
}

/* 各商品のラッパー */
.amazon-products-container-list .amazon-product-container {
	margin-bottom: 0;
}

@media only screen and (width <= 520px) {
	/* 3件目以降の商品を非表示にする(最初の2件だけ表示する) */
	.amazon-products-container-list .amazon-product-container:nth-child(n+3) {
		display: none;
	}
}




/* 各商品の基本設定 */
.amazon-auto-links-product {
    height: 100%;
    padding: 0px;
    background-color: white;

	/* 	"┘"の形で枠線を付ける。 */
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #232f3e;
	
	/* border: 1px solid #232f3e; */
    /* border-radius: 5px; */
    /* filter: drop-shadow(0px 1px 2px gray); */
}
	
/* 各商品内の画像、ボディ部分の配置 flex版 */
.amazon-auto-links-product {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


/* 各商品内の画像、ボディ部分の配置 grid版 */
/* 
.amazon-auto-links-product {
    display: grid;
    grid-template-areas:
		"product-image"
		"product-body";

	grid-template-rows: fit-content(100%) 1fr;
	height: 100%;
	padding: 0px;
    border: 1px solid #232f3e;
    background-color: white;
}
*/

@media only screen and (width <= 520px) {

	.amazon-auto-links-product {
/* 		display: grid; */
/* 		grid-template-areas: "product-image product-body"; */

		/*
		grid-template-areas:
			"product-image"
			"product-body";
		*/
	}
}


/* 商品画像ラッパー */
.amazon-products-container-list .amazon-auto-links-product-image {
    vertical-align: unset;
    width: unset;
    margin-right: 0;
    font-size: unset;
}

/* 商品画像ラッパー。商品内の画像、ボディ部分の配置をflexでおこなう時 */
.amazon-products-container-list .amazon-auto-links-product-image {
    flex: 0;
}

/* 商品画像ラッパー。 商品内の画像、ボディ部分の配置をgridでおこなう時 */
/* 
.amazon-products-container-list .amazon-auto-links-product-image {
    grid-area: product-image;
    display: grid;
    justify-content: center;
	grid-template-rows: fit-content(100%) 1fr;
}
 */

@media only screen and (width <= 520px) {
	.amazon-products-container-list .amazon-auto-links-product-image {
		margin-bottom: 0;
	}
}

/* 商品画像メインサムネイル ラッパー */
.amazon-products-container-list .amazon-product-thumbnail-container {
    width: unset;
}

/* 商品画像メインサムネイル */
.amazon-products-container-list .amazon-product-thumbnail {
    padding: 0;
	
	height: 160px;
    display: flex;
    align-items: center;
	justify-content: center;
}

/* 商品画像メインサムネイル リンク */
.amazon-products-container-list .amazon-product-thumbnail a {
    padding: 0;
}


/* 商品画像サブ サムネイル */
.amazon-products-container-list .sub-images {
    max-width: unset;
    width: unset;
    justify-self: center;
}

@media only screen and (width <= 520px) {
	.amazon-products-container-list .sub-images {
		display: none;
	}
}

/* 商品Body(画像以外の情報)ラッパー */
.amazon-products-container-list .amazon-auto-links-product-body {
    width: unset;
	padding: 0 2px;
	letter-spacing: -1px;
}

/* 商品Body(画像以外の情報)ラッパー。商品内の画像、ボディ部分の配置をflexでおこなう時 */
.amazon-products-container-list .amazon-auto-links-product-body {
    flex: 1;
}

/* 商品Body(画像以外の情報)ラッパー。商品内の画像、ボディ部分の配置をgridでおこなう時 */
/*
.amazon-products-container-list .amazon-auto-links-product-body {
    grid-area: product-body;
}
*/



/* 商品名 */
.amazon-products-container-list .amazon-product-title {
    font-size: 0.9rem;
	font-weight: normal;
	line-height: 1.4;
	padding: 0;
	margin: 0.1rem 0.1rem;
	
	/* 商品名(タイトル)を指定行数分(プロパティ -webkit-line-clamp)だけ表示してそれ以降は切り詰める。 */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}

@media only screen and (width <= 520px) {
	.amazon-products-container-list .amazon-product-title {
		-webkit-line-clamp: 4;
	}
}

/* %price% タグの文字を装飾。 */
span.offered-price {
	font-size: 1.5rem;
}

/* %discount% タグの文字を装飾。 */
.amazon-discount .discount-label {
	font-size: 1.1rem;
	vertical-align: unset;
}

/* %disclaimer% タグの文字を装飾。 */
.pricing-disclaimer {
	display: inline-block;
}

@media only screen and (width <= 520px) {
	.pricing-disclaimer {
		display: none;
	}
}


/* %prime% タグの文字を装飾。 */
@media only screen and (width <= 520px) {
	.amazon-products-container-list .amazon-prime {
		display: none;
	}
}

/* 値引き前価格の文字を装飾。 */
@media only screen and (width <= 520px) {
	.amazon-products-container-list .amazon-prices .proper-price {
		display: none;
	}
}


/* ショップリンクボタン */
.amazon-auto-links-button-link {
	display: grid;
	justify-content: center;
}

/* マイクロコピーをbeforeで付けた際に積み重ね表示させる */
.amazon-auto-links .button-label {
    display: grid;
}


/* カスタムテキストで自動追加されるpタグ */
.amazon-auto-links p {
    margin-bottom: 0px;
}

/* カスタムテキスト ラッパー。%text%タグで出力されるエリア */
.amazon-auto-links-custom-text-wrapper {
	max-width: 750px;

    word-break: auto-phrase;
    display: grid;
	
	background-color: white;
    color: black;
	
	letter-spacing: -1px;
	
	border-color: #232f3e;
    border-style: solid;
	border-width: 1px;

	/* 両サイド("││")に枠線を付ける。 */
	/* border-width: 0px 1px 0px; */

}

/* カスタムテキスト サイト名 */
.amazon-auto-links-custom-text-shop-name {
    font-size: 0.9rem;
	padding: 0 1px;
	color: white;
	background-color: #232f3e;
	text-align: left;
}

/* カスタムテキスト タイトル */
.amazon-auto-links-custom-text-title {
    font-size:1.5rem;
	font-weight: bold;
	padding: 0;
	line-height: 1;
	word-break: break-all;

}

/* カスタムテキスト リード文 */
.amazon-auto-links-custom-text-lead {
    font-size: 0.9rem;
    color: salmon;
    line-height: 1;
    padding: 0.5rem 3px 3px;
	word-break: break-all;
}


/** 
 * ウィジェットエリアでの使用時に追加されるCSSを解除
 *************************************/

.widget-area .amazon-products-container-list .amazon-product-container,
.amazon-auto-links-widget .amazon-products-container-list .amazon-product-container {
	padding-right: unset;
}

.widget-area .amazon-products-container-list .amazon-auto-links-product-image,
.amazon-auto-links-widget .amazon-products-container-list .amazon-auto-links-product-image {
	width: unset;
	max-width: unset;
}

.widget-area .amazon-products-container-list .amazon-auto-links-product-body,
.amazon-auto-links-widget .amazon-products-container-list .amazon-auto-links-product-body {
	width: unset;
	max-width: unset;
	margin-left: unset;
	margin-right: unset;
}



/*
.amazon-products-container-list a:link {
	color: var(--link-text);
	text-decoration: underline;
}
*/

/*
.amazon-products-container-list a:visited {
	color: var(--link-text);
	text-decoration: underline;
}
*/

/*
.amazon-products-container-list a:hover {
	color: var(--link-text-hover);
}
*/