@charset "shift_jis";
/*******************************************************/
/*　　　　　　　　　　LINE企画用CSS　　　　　　　　　　*/
/*******************************************************/
/*** 全ページ共通 ***/
* {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	word-break:break-all;
}
html, body {
	color:#333;
	font-size:16px;
	line-height:1.25;
	background-color:#FFF;
}
hr {
	margin-top:0;
	margin-bottom:16px;
}
/*** リード ***/
.lead {
	margin:16px 8px;
	text-align:left;
}
/*** アンカー ***/
.anchorBox {
	margin:16px 8px;
	text-align:center;
	line-height:1.0;
}
/*** 友だち追加 ***/
.friendBox {
	margin:16px 8px;
	text-align:center;
}
.friendBox a {
	margin:0 auto;
	display:block;
	width:240px;
}
/*** リンク ***/
.linkBox {
	margin:16px 8px;
	padding:0 16px;
	font-size:18px;
	line-height:1.0;
	text-align:center;
}
.linkBox a {
	padding:8px 0;
	width:100%;
	display:block;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	background-color:#E60012;
	box-shadow:0 1px 0 #AC000D;
	-moz-box-shadow:0 1px 0 #AC000D;
	-webkit-box-shadow:0 1px 0 #AC000D;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
/*** 本編リンク ***/
#story {
	margin:32px 8px;
	text-align:center;
	line-height:1.0;
}
#story div {
	margin:16px auto;
	text-align:center;
}
#story div a {
	display:block;
}
/*** 楽しみ方 ***/
#rule {
	margin:16px 8px;
	text-align:left;
	font-size:14px;
	border:solid 1px #AE8D0B;
	background-color:rgba(174,141,11,0.1);
	border-radius:32px;
	-moz-border-radius:32px;
	-webkit-border-radius:32px;
}
#rule div {
	margin:3px;
	padding:10px;
	border:solid 2px #AE8D0B;
	/*border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;*/
}
#rule p {
	margin:0 auto;
	font-size:20px;
	line-height:1.0;
	font-weight:bold;
	text-align:center;
	color:#E60012;
}
#rule span {
	color:#AE8D0B;
	font-weight:bold;
}
/*** 本編全体カコミ ***/
.contentsBox {
	margin:0 auto;
	padding:0;
	text-align:center;
	background-image:url(img/bg.jpg);
	background-repeat:repeat;
	background-size:100% auto;
	-moz-background-size:100% auto;
	background-position:center top;
}
/*** 本編タイトル ***/
.storyTitle {
	margin:0 auto 5px auto;
	padding:8px 0;
	text-align:center;
	line-height:1.0;
	/*font-weight:bold;*/
	color:#FFF;
	background-color:rgba(174,141,11,0.75);
	background:-moz-gradient(left, rgba(174,141,11,0) 0%, rgba(174,141,11,0.75) 15%, rgba(174,141,11,0.75) 85%, rgba(174,141,11,0) 100%);
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(174,141,11,0)), color-stop(15%,rgba(174,141,11,0.75)), color-stop(85%,rgba(174,141,11,0.75)), color-stop(100%,rgba(174,141,11,0)));
}
/*** 本編 ***/
.storyBox {
	margin:0 auto;
	padding:0 8%;
	text-align:left;
	background-image:url(img/frame_side.png);
	background-repeat:repeat;
	background-size:100% auto;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;
	background-position:center top;
}
.frameBox2 {
	margin:0 4%;
}
.storyBox2 {
	margin:0 4%;
	padding:0 5%;
	text-align:left;
	background-color:#FFF;
	background-image:url(img/frame2_side.png);
	background-repeat:repeat;
	background-size:100% auto;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;
	background-position:center top;
}
/*** ヒント ***/
.hintBox {
	margin:0 4%;
	padding:16px 5%;
	text-align:left;
	border:solid 1px #AE8D0B;
	background-color:rgba(174,141,11,0.1);
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
}
.hintBox p {
	margin:0 auto;
	font-size:20px;
	line-height:1.0;
	font-weight:bold;
	text-align:center;
	color:#E60012;
}
/*** 解答ボタン ***/
.contentsBox div.answer {
	padding:16px 8%;
	text-align:left;
}
.contentsBox .storyBox div.answer {
	padding:16px 0;
}
.contentsBox div.answer font[color*="#666666"] {
	font-size:12px;
}
.contentsBox div.answer a {
	margin:0 auto 4px auto;
	padding:12px 0;
	width:100%;
	display:block;
	text-align:center;
	font-size:20px;
	line-height:1.0;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	background-color:#00C300;
	box-shadow:0 2px 0 #009200;
	-moz-box-shadow:0 2px 0 #009200;
	-webkit-box-shadow:0 2px 0 #009200;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
/*** 次話を読むボタン ***/
.contentsBox div.next {
	padding:16px 8px;
	text-align:center;
	display:table;
	table-layout:fixed;
	width:100%;
}
.contentsBox div.next div {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.contentsBox div.next div:nth-child(2) {
	width:8px;
}
.contentsBox div.next img {
	box-shadow:0 0 20px #FFF;
	-moz-box-shadow:0 0 20px #FFF;
	-webkit-box-shadow:0 0 20px #FFF;
}
.contentsBox div.next a {
	display:block;
}
div.next + div.answer {
	padding-top:0;
}
/*** お知らせ ***/
#story .notice {
	margin:16px auto;
	text-align:left;
	font-size:14px;
	line-height:1.25;
}
#story .notice p {
	text-align:center;
}