/**
 * Takekawa Member-Only Checkout
 *
 * 会員限定購入の案内・導線用スタイル。
 * テーマ simplePAC2 のボタン（.to_reganddeliveryinfo_button = 188x45 / padding 10px /
 * border 2px outset / font-size 14px）に高さと質感を揃え、
 * 「会員登録して次へ」を主導線（オレンジ）、「ログイン」を副導線（ニュートラル）として並べる。
 *
 * 【a要素のセレクタに :link / :visited を付けている理由】
 * テーマの base.css が `a:link { color:#333; text-decoration:none }` を持つ。
 * `.tmc-member-only-notice a` と `a:link` は詳細度が同点(0,1,1)で、
 * base.css の方が後に読み込まれるため素の子孫セレクタでは負ける。
 * :link / :visited を足して詳細度を(0,2,1)に上げて勝たせている。
 * （!important は使わない。テーマ側の上書き余地を残すため）
 */

/* ------------------------------------------------------------------
 * 会員限定である旨の案内ボックス（カートページ／ログインページ）
 * ------------------------------------------------------------------ */
.tmc-member-only-notice {
	box-sizing: border-box;
	/* 会員ページのテンプレートはコンテナに左右余白が無く、無指定だと
	   画面端に張り付くため、わずかな左右マージンを持たせる。 */
	margin: 0 15px 20px;
	padding: 16px 20px;
	border: 1px solid #f0d5d1;
	border-left: 5px solid #de5d50;
	background: #fdf3f1;
	color: #333;
	font-size: 14px;
	line-height: 1.8;
}

.tmc-member-only-notice p {
	margin: 0 0 8px;
}

.tmc-member-only-notice p:last-child {
	margin-bottom: 0;
}

/* 本文と同色（#333）だとリンクに見えないため、明示的に色と下線を与える。 */
.tmc-member-only-notice a:link,
.tmc-member-only-notice a:visited {
	color: #b8433a;
	font-weight: bold;
	text-decoration: underline;
}

.tmc-member-only-notice a:hover,
.tmc-member-only-notice a:focus {
	color: #8f322b;
	text-decoration: none;
}

/* ------------------------------------------------------------------
 * 「ログインして購入手続きへ」
 * a 要素のためテーマの input 向けボタン指定が当たらない。
 * 副導線として、主導線（オレンジの会員登録ボタン）と競合しない
 * ニュートラルなボタンとして見せる。
 * ------------------------------------------------------------------ */
a.tmc-login-prompt-button:link,
a.tmc-login-prompt-button:visited {
	display: inline-block;
	box-sizing: border-box;
	/* 狭い画面では横幅を詰めて折り返しに耐えるようにする。 */
	min-width: 188px;
	max-width: 100%;
	margin: 6px 0 6px 8px;
	padding: 10px;
	border: 2px outset #000;
	background: #f0f0f0;
	color: #333;
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
}

a.tmc-login-prompt-button:hover,
a.tmc-login-prompt-button:focus {
	background: #e2e2e2;
	color: #000;
	text-decoration: none;
}