/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 06 2026 | 04:40:52 */
/*************************************/
/*************************************/
/************* 検証用 ****************/
/*************************************/
/*************************************/


/**
 * 商品リンク2ndテンプレ：画像、タイトル、ショップリンクのレイアウトを設定する
 * 
 * 依存CSS：商品リンク 2ndのCSSクラス onk-wrap-ad-tpl-basic
 *************************************/

/* === 通常時のレイアウト === */

/* 商品リンク2ndテンプレ：1段目 1列目 画像。2列目 タイトルとショップリンク縦並び。 */
.onk-wrap-ad-tpl-basic.r1-it-r2-il {
	grid-template-areas:
		"g-onk-wrap-ad-image g-onk-wrap-ad-title"
		"g-onk-wrap-ad-image g-onk-wrap-ad-link";
}

/* WPAP用： */
/* :is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) {
	grid-template-areas:
		"g-wpap-image g-wpap-title"
		"g-wpap-image g-wpap-link";
} */



/* 共通 */
/* :is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail), */
.onk-wrap-ad-tpl-basic.r1-it-r2-il {
	grid-template-columns: auto 1fr;
	grid-template-rows: 1fr auto;

}

.onk-wrap-ad-tpl-basic.r1-it-r2-il .onk-wrap-ad-image {
	height: 100%;
}

.onk-wrap-ad-tpl-basic.r1-it-r2-il .onk-wrap-ad-link {
	grid-template-columns: repeat(auto-fit, 130px);
	font-size: 0.8rem;
}

.onk-wrap-ad-tpl-basic.r1-it-r2-il .onk-wrap-ad-link a {
	font-size: 0.8rem;
}







/*************************************/
/*************************************/
/*************************************/
/** 
* ボタンにマイクロコピー。セール時期間中の一時的な装飾変更。
* 
*************************************/
/*************************************/
/*************************************/


/* === ボタンにマイクロコピー === */

.wpap-link a.wpap-link-amazon:before,
span.btn.onk-ad-link-amazon:before,
.wpap-link a.wpap-link-rakuten:before,
span.btn.onk-ad-link-rakuten:before,
.wpap-link a.wpap-link-yahoo:before,
span.btn.onk-ad-link-yahoo:before,
span.btn.onk-ad-link-dell:before {
	font-size: 0.7rem;
	color: floralwhite;
	
	/* テーマcocoonのマージン解除 */
	margin-right: 0px;
}


.wpap-link a.wpap-link-amazon:before,
span.btn.onk-ad-link-amazon:before {
	white-space: pre;
	color: yellow;

/* 	content: "スマイルSALE\a＼開催中／"; */
/* 	content: "初売り\a＼SALE開催中／"; */
/* 	content: "＼サマーSALE中／"; */
/* 	content: "プライム感謝祭\a＼セール開催中／"; */
/* 	content: "Black Friday\a＼先行セール中／"; */
/* 	content: "クリスマスセール\a＼開催中／"; */
/* 	content: "年末ビッグセール\a＼開催中／"; */
/* 	content: "＼SALE開催中／"; */
/*  content: "＼タイムセール中／"; */

}

.wpap-link a.wpap-link-rakuten:before,
span.btn.onk-ad-link-rakuten:before {
	white-space: pre;
	
/*  	content: "＼スーパーSALE中／"; */
/* 	content: "BLACK FRIDAY\a＼セール開催中／"; */
	/* content: "＼タイムセール中／"; */

}

.wpap-link a.wpap-link-yahoo:before,
span.btn.onk-ad-link-yahoo:before {
	white-space: pre;
/* 	color: greenyellow; */

/* 	content: "BLACK FRIDAY\a＼セール開催中／"; */
	/* content: "＼タイムセール中／"; */
	
}

/* Dell直販リンク */
span.btn.onk-ad-link-dell:before {
	
/* 	content: "夏SALE 7/22まで!"; */

}



/*************************************/
/*************************************/
/*************************************/
/**
 * 商品リンク：共通のCSSクラス設定
 *
 * 対象テンプレ：商品リンク1st、商品リンク2nd、wpap
 *************************************/
/*************************************/
/*************************************/


/* === CSSレイアウト崩れ防止対策。Amazonアソシエイトツールで作成した商品画像リンクに含まれる計測画像タグを非表示にする。 === */

.onk-wrap-ad-tpl-basic .onk-wrap-ad-image>a+img[src*="ir-jp.amazon-adsystem.com"] {
	display: none;
}


/* === テンプレートタイプimage-text-h === */

:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) p {
	margin: initial;
}


/*************************************/
/*************************************/
/*************************************/
/**
 * 商品リンクテンプレ：共通のショップリンクボタンCSSクラス設定
 * (兼用 商品リンク1st(初期版)の商品リンクテンプレート)
 * 
 * 対象テンプレ：商品リンク1st、商品リンク2nd、wpap
 *
 * 
 *************************************/
/*************************************/
/*************************************/



/* === ショップリンクボタンのショップ毎の背景色と文字色の設定 === */

/* Amazonリンク */
:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-link a.wpap-link-amazon,
.onk-ad-link-amazon {
	color: #ffffff;
	background-color: #232f3e;
}


/* 楽天市場リンク */
:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-link a.wpap-link-rakuten,
.onk-ad-link-rakuten {
	color: #ffffff;
	background-color: #BE0000;

}

/* ヤフーショッピングリンク */
:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-link a.wpap-link-yahoo,
.onk-ad-link-yahoo {
	color: #ffffff;
	background-color: #F28224;
}


/* Microsoft Storeリンク */
.onk-ad-link-microsoft {
	color: #ffffff;
	background-color: #575453;
}

/* Dell直販リンク */
.onk-ad-link-dell {
	color: #ffffff;
	background-color: #0076ce;
}


/* Lenovo直販リンク */
.onk-ad-link-lenovo {
	color: #ffffff;
	background-color: #d41f24;
}

/* パソコン工房リンク */
.onk-ad-link-pckoubou {
	color: #ffffff;
	background-color: #3A82C9;
}

/* ASUS Storeリンク */
.onk-ad-link-asus {
	color: #ffffff;
	background-color: #205698;
}


/* === ショップリンクボタンの設定 === */


/* markdownからhtml変換で挿入されるbrタグを除去する。 */
.onk-wrap-ad-link br {
	display: none;
}



:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-link,
.onk-wrap-ad-link {
	/* font-size: 0.95rem; */
	column-gap: 3px;
	row-gap: 3px;
	place-content: center;
	display: grid;
	grid-template-columns: repeat(auto-fit, 170px);
	word-break: keep-all;
	line-height: 1;
	/* margin: initial; */
	margin: 5px 0 5px 0;
}

/* === 商品リンク2ndから導入したgridのための設定 */
.onk-wrap-ad-tpl-basic .onk-wrap-ad-link {
	grid-area: g-onk-wrap-ad-link;
}

:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-link {
	grid-area: g-wpap-link;
}

:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-link a,
.onk-wrap-ad-link a {

	text-decoration: none;
	text-align: center;
}


:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-link a,
.onk-wrap-ad-link .btn {
	font-size: 0.888rem;
/* 	font-size: 0.95rem; */
	line-height: 1;
	
	padding: 0.2rem 0px;
	margin: initial;

	width: 100%;
	min-height: 1.7rem;
/* 	min-height: 2rem; */
	max-height: 3.5rem;
	height: 100%;

	display: inline-grid;
	align-content: center;
	justify-items: center;

	border-radius: 5px;
/* 	border-radius: 50px; */

	border-style: none;	/* テーマCocoonのbtnクラスの影響解除 */
	transition: none;		/* テーマCocoonのbtnクラスの影響解除 */
	font-weight: normal;	/* テーマCocoonのbtnクラスの影響解除 */

}

/* === ホバー === */

main#main .wpap-link a:hover,	
.onk-wrap-ad-link a:hover {
	text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
	/*
	.onk-wrap-ad-link a:hover {
		text-decoration: none;
	}
	*/
	
	:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-link a:hover,
	.onk-wrap-ad-link .btn:hover {
		/* filter: drop-shadow(0px 1px 1px black); */
		filter: drop-shadow(0px 1px 1px black);
		/*transition: none;*/
		opacity: unset;		/* テーマCocoonのbtnクラスの影響解除 */
	}


	:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-link a:active,
	.onk-wrap-ad-link .btn:active {
		/* filter: opacity(0.7); */
		filter: brightness(1.5);
	}
}

/* === レスポンシブ：商品リンク共通のCSSクラス設定用 === */
@media screen and (width <= 599px) {

	:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-link,
	.onk-wrap-ad-link {
		display: grid;
/* 		grid-template-columns: repeat(auto-fit, 100px); */
		grid-template-columns: repeat(auto-fit, 31%);

		/* word-break: normal; */
		/* column-gap: 3px; */
		/* row-gap: 3px; */
		/* justify-content: center; */
		/* line-height: 1; */
	}

	:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-link a,
	.onk-wrap-ad-link .btn {
		/* min-height: 3rem; */
		min-height: 2.5rem;
		max-height: 3.5rem;
		width: 100%;
		/* display: inline-grid; */
		/* margin: initial; */
		/* padding: 0px 0px; */
	}

}




/*************************************/
/*************************************/
/*************************************/
/**
 * 商品リンクテンプレ：レイアウト設定：W250px 縦3段。タイトル、画像、ショップリンク縦並び。
 * 
 * 対象テンプレ：商品リンク2nd、wpap
 *
 * HTMLで指定するCSSクラス：
 * span class="onk-wrap-ad-tpl-basic w250-r1-i-r2-t-r3-l"
 *************************************/
/*************************************/
/*************************************/




.onk-wrap-ad-tpl-basic.w250-r1-i-r2-t-r3-l {
	grid-template-areas:
		"g-onk-wrap-ad-image"
		"g-onk-wrap-ad-title"
		"g-onk-wrap-ad-link";
}

/* WPAP用： */
:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail).w250-r1-i-r2-t-r3-l {
	grid-template-areas:
		"g-wpap-image"
		"g-wpap-title"
		"g-wpap-creator"
		"g-wpap-release"
		"g-wpap-price"
		"g-wpap-note"
		"g-wpap-link";
}

/* 共通 */
:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail).w250-r1-i-r2-t-r3-l,
.onk-wrap-ad-tpl-basic.w250-r1-i-r2-t-r3-l {
	min-width: 200px;
	max-width: 250px;
	grid-template-columns: 1fr;
	/* grid-template-rows: minmax(auto, 160px) auto; */
	grid-template-rows: auto;

}

:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail).w250-r1-i-r2-t-r3-l .wpap-image,
.onk-wrap-ad-tpl-basic.w250-r1-i-r2-t-r3-l .onk-wrap-ad-image {
	width: 100%;
	/* display: grid;
	grid-template-columns: 1fr; */
}

/*************************************/
/*************************************/
/*************************************/
/**
 * 商品リンクテンプレ：レイアウト設定：画像非表示時のタイトルとショップリンク縦並び
 * 
 * 対象テンプレ：商品リンク2nd、wpap
 *
 * HTMLで指定するCSSクラス：
 * span class="onk-wrap-ad-tpl-basic title-link"
 *************************************/
/*************************************/
/*************************************/

.onk-wrap-ad-tpl-basic.title-link {
	display: grid;
	grid-template-areas:
		"g-onk-wrap-ad-title"
		"g-onk-wrap-ad-link";
}

/* WPAP用： */
:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail).onk-wpap-title-link {
	display: grid;
	grid-template-areas:
		"g-wpap-title"
		"g-wpap-price"
		"g-wpap-creator"
		"g-wpap-release"
        "g-wpap-note"
		"g-wpap-link";
}

:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail).onk-wpap-title-link .wpap-image {
	display: none;
}

/* 共通 */
:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail).onk-wpap-title-link,
.onk-wrap-ad-tpl-basic.title-link {
	grid-template-columns: auto;
	grid-template-rows: auto;
	gap: 0;
	/* padding: 5px 0; */
}


/*************************************/
/*************************************/
/*************************************/
/**
 * 商品リンクテンプレ：レイアウト以外の設定
 * 
 * 対象テンプレ：商品リンク2nd、wpap
 *
 *************************************/
/*************************************/
/*************************************/



:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail),
.onk-wrap-ad-tpl-basic {
	display: grid;
	font-size: 0.95rem;
	max-width: 600px;
	min-width: 300px;
	column-gap: 0rem;
	row-gap: 0px;
	filter: drop-shadow(0px 1px 2px gray);
	outline: 1px solid gray;
	/* border: 1px solid gray; */
	background-color: white;
	border-radius: 3px;
	/* padding: 0px 0px 10px 0px; */
	padding: 0px 0px 0px 0px;
	margin-bottom: 1rem;
	
/* 	letter-spacing: -1px; */
}

blockquote :is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail),
blockquote .onk-wrap-ad-tpl-basic {
	margin-top: 0;
	margin-bottom: 0;

}

/* markownからhtml変換で挿入されるbrタグを除去する。brのみでもgridの要素として扱われてしまい都合が悪い */
.onk-wrap-ad-tpl-basic br {
	display: none;
}

/* === 価格 === */
.wpap-tpl-with-detail .wpap-price {
	grid-area: g-wpap-price;
}
.wpap-tpl-with-detail .wpap-price {
	display: grid;
	padding: 0 5px;

    color: #b12704;
    font-size: 1.5rem;
    font-weight: bold;

}

/* === 著者名 Kindle本の時に表示される === */
.wpap-tpl-with-detail .wpap-creator {
	grid-area: g-wpap-creator;
}

.wpap-tpl-with-detail .wpap-creator {
	padding: 0 5px;
}


/* === 発売日 Kindle本の時に表示される === */
.wpap-tpl-with-detail .wpap-release {
	grid-area: g-wpap-release;
}
.wpap-tpl-with-detail .wpap-release {
	padding: 0 5px;
}

/* === 価格 === */
.wpap-tpl-with-detail .wpap-price {
	grid-area: g-wpap-price;
}

/* === 価格横の日時 === */
.wpap-tpl-with-detail .wpap-date {
    color: #555;
    font-size: 0.7rem;
    font-weight: normal;
}

/* === note (「ショップ名の情報を掲載しています」部分) === */
.wpap-tpl-with-detail .wpap-note {
	grid-area: g-wpap-note;
}
.wpap-tpl-with-detail .wpap-note {
    position: unset;
    font-size: 0.7rem;

	display: grid;
	align-items: center;
	padding: 0 5px;
}



/* === サムネイル === */
.onk-wrap-ad-tpl-basic .onk-wrap-ad-image {
	grid-area: g-onk-wrap-ad-image;
}

:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-image {
	grid-area: g-wpap-image;
}

:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-image,
.onk-wrap-ad-tpl-basic .onk-wrap-ad-image {
	margin: initial;
	background-color: white;

	min-width: 160px;
	min-height: 160px;
	width: 100%;
	height: 100%;

	max-width: inherit;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, auto));

}

:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-image a,
.onk-wrap-ad-tpl-basic .onk-wrap-ad-image a {


	/*
	display: grid;
	justify-items: center;
	width: 100%;
	height: 100%;
	 */

	/* 横長画像は160px四方の中でセンタリングしつつ、 160px四方の領域はその上の枠内において上寄せにする。 */
	display: grid;
	justify-items: center;
	align-items: center;
	min-width: inherit;
	min-height: inherit;

	/* 画像を2枚並べた場合に、モバイル表示時に横並びする。 */
	grid-template-columns: repeat(auto-fit, minmax(160px, auto));
}




:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-image img,
.onk-wrap-ad-tpl-basic .onk-wrap-ad-image a img {
	/* border: 1px dotted dodgerblue; */
	max-width: 160px;
	max-height: 160px;
}

/* === タイトルの設定 === */
.onk-wrap-ad-tpl-basic .onk-wrap-ad-title {
	grid-area: g-onk-wrap-ad-title;
}

:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-title {
	grid-area: g-wpap-title;
}


:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-title,
.onk-wrap-ad-tpl-basic .onk-wrap-ad-title {
	font-size: 0.95rem;

	padding: 0 5px;
	line-height: 1.4;
	font-weight: normal;

	/* リンク無しタイトルの時の上下中央揃え */
	display: grid;
	align-items: center;
}

:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-title a,
.onk-wrap-ad-tpl-basic .onk-wrap-ad-title a {
	width: 100%;
	height: 100%;
	display: grid;
	align-items: center;
	transition: initial;
	text-decoration: none;
	color: #3538c5;
}

/* === ホバー === */

@media (hover: hover) and (pointer: fine) {

	:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-title a:hover,
	.onk-wrap-ad-tpl-basic .onk-wrap-ad-title a:hover {
		text-decoration: underline;
	}

}



/*************************************/
/*************************************/
/*************************************/
/**
 * 商品リンクテンプレ：レイアウト設定：画像、タイトル、ショップリンクのレイアウトを設定する
 *
 * 自作テンプレート
 * .onk-wrap-ad-tpl-basic
 * 
 *  WPAPテンプレート
 * .wpap-tpl.wpap-tpl-with-image-text-h
 *************************************/
/*************************************/
/*************************************/


/* === 通常時のレイアウト === */

/* 商品リンク2ndテンプレ：1段目 画像 タイトル横並び。2段目 ショップリンク。 */
.onk-wrap-ad-tpl-basic {
	grid-template-areas:
		"g-onk-wrap-ad-image g-onk-wrap-ad-title"
		"g-onk-wrap-ad-link g-onk-wrap-ad-link";
}

/* WPAPテンプレート .wpap-tpl.wpap-tpl-with-image-text-h */
.wpap-tpl.wpap-tpl-with-image-text-h {
	grid-template-areas:
		"g-wpap-image g-wpap-title"
		"g-wpap-link g-wpap-link";
}

/* 上記共通 */
.wpap-tpl.wpap-tpl-with-image-text-h,
.onk-wrap-ad-tpl-basic {
	grid-template-columns: auto 1fr;
	/* grid-template-columns: minmax(auto,160px) auto; */
	/* grid-template-rows: auto 1fr; */
	/* grid-template-rows: minmax(160px, auto) 1fr; */
	grid-template-rows: auto;
}


/* === レスポンシブでのレイアウト === */
@media screen and (width <= 599px) {

	/** 商品リンク2ndテンプレ：縦3段。タイトル、画像、ショップリンク縦並び。**/
	.onk-wrap-ad-tpl-basic {
		display: grid;
/* 		grid-template-areas:
			"g-onk-wrap-ad-image"
			"g-onk-wrap-ad-title"
			"g-onk-wrap-ad-link"; */
	}

	/* WPAP用：縦3段。タイトル、画像、ショップリンク縦並び。 */
	:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) {
		display: grid;
/* 		grid-template-areas:
			"g-wpap-image"
			"g-wpap-title"
			"g-wpap-link"; */
	}

	/* 共通 */
	:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail),
	.onk-wrap-ad-tpl-basic {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}


	:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-image,
	.onk-wrap-ad-tpl-basic .onk-wrap-ad-image {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(160px, auto));
	}

	:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-image img,
	.onk-wrap-ad-tpl-basic .onk-wrap-ad-image img {
		vertical-align: middle;
	}

	:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-title,
	.onk-wrap-ad-tpl-basic .onk-wrap-ad-title {
		margin: 0px;
		padding: 0px 5px;
		/* place-self: center; */
	}

	:is(.wpap-tpl.wpap-tpl-with-image-text-h, .wpap-tpl.wpap-tpl-with-detail) .wpap-title a,
	.onk-wrap-ad-tpl-basic .onk-wrap-ad-title a {
		padding: 0 0;
	}

}


/*************************************/
/*************************************/
/*************************************/
/**
 * 商品リンクテンプレ：レイアウト設定：画像、タイトル、ショップリンクのレイアウトを設定する
 * 
 * WPAPテンプレート
 * .wpap-tpl.wpap-tpl-with-detail
 * 
 *************************************/
/*************************************/
/*************************************/


.wpap-tpl.wpap-tpl-with-detail {
	grid-template-areas:
		"g-wpap-image g-wpap-title"
		"g-wpap-image g-wpap-creator"
		"g-wpap-image g-wpap-release"
		"g-wpap-image g-wpap-price"
		"g-wpap-image g-wpap-note"
		"g-wpap-link g-wpap-link";
}

.wpap-tpl.wpap-tpl-with-detail {
	grid-template-columns: auto 1fr;
	grid-template-rows: 2fr auto;
}