@charset "shift_jis";

/* トップページ用のCSS: styleBase.css に並して使う */

/* メニューバー無いぶん上書--------------*/
.MarginWrap { 
	/*padding-top: 0rem;*/ /*TopMenu分上を空ける*/ /* ※TopMenu高さと連動すべき*/
}
/* タイトル上書--------------------------*/
.Title p {	/* 今の気分 */
	padding: 0.5rem 0px 0px 0px;
	margin: 0;
}

.TitleLine .Accent {	/* 赤アクセント */
	width:1.2rem;
	height:2.4rem;
}
.TitleLine h2 {
	font-size: 2.2rem;
}
/* レスポンシブ部分 */
@media (max-width: 360px) {
	.TitleLine h2 { font-size: 2.0rem; }
	/*.TitleLine .Accent { height: 2.1rem; width:1.0rem;}*/
}

/* Javascript 警告 ------------------ */
.JSCaution .container {
	border:7px solid #de0029; /*3px*/
	border-radius: 8px;	/*6px*/
	border-collapse:collapse;
	border-spacing:0px;
	padding: 0px;
	margin: 4px auto 0px auto; /*14px*//*下だけ少しだけ広く空くよう*/
	background-color: #d0d0d0;
	font-size:1.2rem;
}
.JSCaution h3 {
	display:inline;
	color:#de0029;
	font-size:1.3rem;
}
.JSCaution em {
	font-style:normal;
	font-weight:bold;
}
.JSCaution span {
	font-style:normal;
	font-size:1rem;
}

/* おしらせ ------------------------ */
.Notice .container {
	border-bottom: solid 3px #e07001;
	margin-bottom: 12px;
	padding: 3px 0px;
	display: flex;
	/*align-items: flex-end; */
}
.Notice .TableLike .NoticeTitle {
	display:table-cell;
	white-space: nowrap; /*改行禁止 <nobr>(css3で廃止)に相当 */
	font-weight:bold;
	margin:0px;
	padding:0px;
	border:0px;
	color: #C06001;
}

.Notice ul {
	margin:0;
	border: 0;
	padding: 0;
	list-style-type: none;
}
.Notice li {
	margin:0;
	border: 0;
	padding: 0;
}
.Notice a {
	white-space: nowrap; /*改行禁止 <nobr>(css3で廃止)に相当 */
	font-weight:bold;
	color: #de0029;
}

/* たけちゅうヘッドライン ------------------------ */
.Headline .container   {	/* 囲み */
	border:4px solid #4060a1; /*3px*/
	border-radius: 8px;	/*6px*/
	border-collapse:collapse;
	border-spacing:0px;
	padding: 0px;
	margin-bottom: 14px; /*14px*//*下だけ少しだけ広く空くよう*/
	background-color: #ffffff;
}
.Headline .text {
	margin: 0rem 0.33rem;
}
.Headline h2 { /* たけちゅうヘッドラインタイトル */
	margin:0;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.4em; /* 文字間隔 */
	color: #ffffff;
	background-color:#4060a1;
}
.Headline h3 {
	margin-top: 2px;
	margin-bottom: 0px;
	font-size: 1rem;
	letter-spacing: 0.0em;
	margin-left: 0.0em;
	background-color: #e07001; /*#305091;*/ 
	color:#ffffff;
	padding: 2px 0px 2px 0.5rem;
}

.Headline p {
	margin : 0;
	padding: 2px 0px 2px 1rem;
	font-size:14px; /*絶対指定*/
}

.Headline footer {
	margin : 0px 4px;
	padding: 0;
	border-top: solid 3px #e07001;
	text-align: center;
}

.Headline footer a { /*ボタンに上書き設定*/
	margin : 7px 0px;
}

/* ボタン群------------------------ */
.TopCorners .container {
	border-collapse:collapse;
	border-spacing:0px;
	padding: 0px;
	margin-bottom: 14px; /*下だけ少しだけ広く空くよう*/
}
.TopCorners a {	/* ボタン用リンク */
	display: block;
	font-size: 1.2rem;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	/* width:100%;*/
}
	/* ----------------- */
.TopCorners .CornerFrame {
	display: block;
	margin: 0px 0px 6px 0px;
	border: solid 2px #808080; /*#4060a1;*/ /*#808080;*/
	border-radius: 6px;
	background-color: #ffffff;/*#f0f0f0;*/
}
.CornerFrame .TitleLine { /* リンク選択時に広く色がつくよう、この設定に */
	margin:4px 6px;
}
.CornerFrame .TitleLine .Accent {
	width:0.6rem;
	height:1.4rem;
}
.CornerFrame .TitleLine h2 {
	font-size: 18px;
}
.CornerFrame .TitleLine .Tori {
	font-weight: normal;
	font-size: 12px;
}
#Linx .TitleLine { /*リンク集は赤でなく青*/
	border-bottom: solid 3px #de0029;
}
#Linx .TitleLine  .Accent { /*リンク集は赤でなく青*/
	background-color: #808080; /*#4060a1;*/
}

/* 推奨とQRコード ----------*/
.SystemInfo {
	display:block;
}
.Recommendation {
	margin:0px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
.Recommendation span {
	display:inline;
	white-space: nowrap; /*改行禁止 <nobr>(css3で廃止)に相当 */
}
.QRCode {
	text-align:center;
}

/* フッターのボタン用上書き------------------*/
footer .Button {
	margin-top:6px;
}

/* レスポンシブ段組(画面大きな時)-------------- */
@media (min-width: 640px) {
	.CornerLayout {
		display: flex;
		align-items: flex-start; /* 上揃え */
	}
	.TopCorners .container {
		width:220px;
		margin-left:6px;
	}

	.SystemInfo {
		display: flex;
		flex-direction: row-reverse;
	}
	.Recommendation {
		margin:4px 6px 0px 0px;
		text-align:right;
		font-size:14px;
		font-weight:bold;
	}
	.Recommendation span {
		display: block;
		white-space: nowrap; /*改行禁止 <nobr>(css3で廃止)に相当 */
	}
	.QRCode {
		text-align:right;
	}
}

/* --------------------------*/
/* a に対する「上書き」なので、一番最後！*/
a:hover {
	background-color: rgba(255,192,192,0.66);
}