@charset "UTF-8";
/* ******************************************************************************** */
/*  「忍たま乱太郎」キャラクターショー 入場券 追加募集バナー（トップページ）            */
/*  index.php の $show_nintama_show が true のときだけ読み込まれます                  */
/*  PC：左サイドバーのお知らせ欄／スマホ：メニュー一覧（どちらも .information の li）   */
/*  ※キャラクター・ロゴは使わない（使うと3人セット・©表記・監修が必要になるため）      */
/*  ※「忍たま乱太郎」には必ず「」を付ける                                              */
/* ******************************************************************************** */

.information ul li a.nintama-show-banner {
	display: block;
	max-width: 220px;
	margin: 0 auto;
	padding: 6px 8px 8px;
	background: #E6F5FC; /* 応募ページの空色 */
	border: 2px solid #1B5FB4;
	border-radius: 10px;
	color: #1B5FB4;
	font-family: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", sans-serif;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	transition: background-color .2s ease;
}
.information ul li a.nintama-show-banner:hover,
.information ul li a.nintama-show-banner:focus-visible {
	background: #fff;
	color: #1B5FB4;
	text-decoration: none;
}

/* 文字の大きさはトップページの「li span { font-size: 40% }」（NEW バッジ用）に負けないよう、詳しく指定する */
.information ul li a.nintama-show-banner .nintama-show-banner__title {
	display: block;
	font-size: .78rem;
}
.information ul li a.nintama-show-banner .nintama-show-banner__title span { display: inline-block; font-size: inherit; } /* 「忍たま乱太郎」の途中で折り返さない */

.information ul li a.nintama-show-banner .nintama-show-banner__catch {
	display: block;
	margin-top: 2px;
	color: #E60012;
	font-size: 1rem;
	letter-spacing: .04em;
}

/* スマホ：メニュー一覧の行全体を水色に（ボタンのようにはしない。枠は下と左右だけ、角丸なし）。375px（iPhone SE）まで */
@media screen and (max-width: 767px) {
	.content .contentInner .contentInnerBox main .information ul li.nintama-show-item {
		background-color: #E6F5FC;
		border: solid #8FD0EF;
		border-width: 0 3px 3px;
	}
	.information ul li a.nintama-show-banner,
	.information ul li a.nintama-show-banner:hover,
	.information ul li a.nintama-show-banner:focus-visible {
		max-width: none;
		padding: 0;
		background: none;
		border: 0;
		border-radius: 0;
	}
	.information ul li a.nintama-show-banner .nintama-show-banner__title { font-size: .85rem; }
	.information ul li a.nintama-show-banner .nintama-show-banner__catch { font-size: 1.1rem; }
}