/* ――――――――― */
/* VRチア子 標準 CSS  */
/* ――――――――― */
/* by Nishishi 2018/01/28 20:57 */

/* ============== */
/* ■共通基底装飾 */
/* ============== */
html {
	background-color: #864;
	background-image: url("roomshot_bk.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic","游ゴシック","YuGothic",sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: rgba(255,238,238,0.8);
	-webkit-text-size-adjust: 100%;
}

/* ▼リンク */
a:link { color: #000099; }
a:visited { color: #660099; }
a:hover { background-color: #c1e4ec; color: #006699; }

/* ▼汎用 */
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

.logobtn {
	text-align: center;
}
.logobtn img {
	display: inline-block;
	max-width: 100%;
}


/* ▼ページ最外枠 */
.thepage {
	max-width: 1100px;
	margin: 0px auto;
	padding: 0 1em 1em 1em;
	box-sizing: border-box;
	background-color: #fff;
	border-style: solid;
	border-color: pink;
	border-width: 0px 12px;
	box-shadow: 1px 0px 3px #fff, -1px 0px 3px #fff;
}
	@media all and (min-width: 800px) {
		.thepage {
			padding: 0 2em 2em 2em;
		}
	}




	/* ============ */
	/* ■ヘッダ領域 */
	/* ============ */
	h1 {
		font-size: 2em;
		color: #c55;
		margin: 0;
		padding: 0;
	}
	h1 img {
		display: block;
		max-width: 100%;
	}
	.cheerkoguide {
		margin: 1em 0;
		padding: 1em;
		background-color: #ffe5e5;
		border-radius: 1em;
		min-height: 3em;
	}
	@media all and (min-width: 600px) {
		h1 {
			font-size: 3em;
			color: #c55;
		}
	}

	/* ================== */
	/* ■メニューバー領域 */
	/* ================== */
	.menubar {
		border-radius: 0.5em;
		background-color: #c00;
		padding: 0 0.5em;
		margin: 1em 0;
	}
		.mainmenu {
			margin: 0;
			padding: 0 20px;
			list-style-type: none;
		}
		.mainmenu li {
			display: inline-block;
			border-left: 1px solid #fff;
		}
		.mainmenu li:last-child {
			border-right: 1px solid #fff;
		}
		.mainmenu a {
			display: block;
			margin: 0;
			padding: 0.5em;
			color: #fff;
			text-decoration: none;
			font-weight: bold;
		}
			.mainmenu a:hover { background-color: pink; }
			a .longname { display: none; }
			@media all and (min-width: 600px) {
				a .longname { display: inline; }
			}

	/* 本文汎用 */
	.massiveimage {
		margin: 0;
		padding: 0;
		text-align: center;
		line-height: 1;
	}
	.massiveimage img {
		max-width: 100%;
	}

	/* ================ */
	/* ■まんがタブ領域 */
	/* ================ */

	/* ▼タブ機能制御用ラジオボタンは非表示 */
	input.tabcheck { display: none; }
	/* ▼タブ(共通装飾＋非選択状態の装飾) */
	.tab {
		display: inline-block;
		padding: 0.67em 0.75em;
		border-width: 3px 3px 0px 3px;
		border-style: solid;
		border-color: pink;
		border-radius: 0.75em 0.75em 0px 0px;
		background-color: #fff5f5;
		color: #f88;
		font-weight: bold;
		display: none\9;	/* IE8対策:全部非表示 */
	}
	.longtabname { display: none; }
	.tab:hover {
		background-color: pink;
		color: #fff;
		cursor: pointer;
	}

	/* ▼チェックが入っているラジオボタンの隣にあるタブの装飾(＝選択状態のタブ) */
	input:checked + .tab {
		position: relative; z-index: 10;
	}
	input:checked + #tab1 { background-color: #fdd; color: #d00; }
	input:checked + #tab2 { background-color: #f5f5b5; color: #880; }
	input:checked + #tab3 { background-color: #e0f0b0; color: #680; }
	input:checked + #tab4 { background-color: #ddf; color: #00b; }
	input:checked + #tab5 { background-color: #fd9; color: #a70; }

	/* ▼タブの中身(共通装飾＋非選択状態の装飾) */
	.tabcontent {
		display: none;
		border: 3px solid pink;
		margin-top: -3px;
		position: relative;
		z-index: 0;
		display: block\9;	/* IE8対策:全部表示 */
	}

	/* ▼チェックが入っているラジオボタンに対応するタブの中身を表示する */
	#tabcheck1:checked ~ #tabcontent1,
	#tabcheck2:checked ~ #tabcontent2,
	#tabcheck3:checked ~ #tabcontent3,
	#tabcheck4:checked ~ #tabcontent4,
	#tabcheck5:checked ~ #tabcontent5 { display: block; }

	/* ▼タブ背景 */
	#tabcontent1 { background-color: #fdd; }
	#tabcontent2 { background-color: #f5f5b5; }
	#tabcontent3 { background-color: #e0f0b0; }
	#tabcontent4 { background-color: #ddf; }
	#tabcontent5 { background-color: #fd9; }

	@media all and (min-width: 600px) {
		.tab li a { padding: 0.5em 0.5em 0.25em 0.5em; }
		.longtabname { display: inline; }
		fieldset ul.list { padding-left: 1.5em; }
	}

	/* ---------------- */
	/* ▼まんが掲載区画 */
	/* ---------------- */
	.mangapage {
		margin: 8px;
		padding: 8px;
		box-sizing: border-box;
		line-height: 1;
	}
		/* ▽まんが画像BOX */
		.mangaimage {
			margin: 0;
			padding: 0;
			text-align: center;
		}
		.mangaimage img {
			max-width: 100%;
			border-radius: 8px;
		}

		/* ▽まんが移動ボタン */
		.mekuru {
			margin: 0.5em 0;
			padding: 0;
			text-align: center;
		}
		.mekuru a {
			display: inline-block;
			background-color: #c00;
			color: #fff;
			font-weight: bold;
			margin: 0;
			padding: 0.5em 1em;
			border-radius: 1.5em;
			text-decoration: none;
		}
		.mekuru a:hover {
			background-color: orange;
			color: #fff;
			text-decoration: underline;
		}

	/* ------------------ */
	/* ▼まんがリスト区画 */
	/* ------------------ */
	.mangalist {
		margin: 1em 0;
		padding: 0;
		list-style-type: none;
	}
		.mangalist li {
			display: inline-block;
			margin-bottom: 0.25em;
		}
			.mangalist li a {
				display: block;
				border: 1px solid pink;
			}
			.mangalist li a:hover {
				opacity: 0.75;
			}

	/* ============ */
	/* ■フッタ領域 */
	/* ============ */
	footer {
		margin: 5em 0 0 0;
		padding: 1em;
		background-color: #d44;
		color: #fff;
	}
		footer a:link,
		footer a:visited { color: #fff; }

		/* ▼QRコード */
		.qr-code {
			display: none;
		}
		.qr-code img {
			margin: 12px 0;
		}

		@media all and (min-width: 700px) {
			.qr-code {
				display: block;
				width: 240px;
				margin: 0 0 1rem 0;
				padding: 1em;
				line-height: 1.25;
				float: right;
				background-color: #fff;
				border: 1px solid pink;
				border-radius: 2em;
				font-size: 0.8em;
				text-align: center;
				color: #555;
			}
		}

		/* ▼Copyright */
		.copyright {
			clear: both;
			border-top: 1px solid #fff;
			margin: 1em 0 0 0;
			padding: 1em 0 0 0;
			font-size: 0.9em;
		}


/* ■外部スクリプト用CSSの調整 */
#lightbox .lb-container { padding: 0px; }
#lightbox .lb-outerContainer { padding: 6px; }