@charset "utf-8";

body{font-family: tbcgothic-std, sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size:20px;}

.main_img{width:100%;
	background:url(../img/main_bg1.jpg);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center;}	

.main_img_img{width:990px;
	height:700px;
	margin:0 auto;
	position:relative;}

.header_logo{height:50px;
	margin-left:-20px;
	text-align:left;
	position:absolute; top:0; left:0;}
	
.header_logo img{height:100%;}

.main_info{width:100%;
	padding:10px 0;
	text-align:center;
	background:rgba(249,236,160,1.00);}

.main_info_inner1{width:800px;
	height:75px;
	margin:0 auto;
	position:relative;}
	
.main_info_title{position:absolute; top:5px; left:0;
	z-index:2;}

.main_info_text{width:720px;
	height:50px;
	padding:10px;
	font-size:14px;
	text-align:left;
	background:rgba(255,255,255,1.00);
	border:rgba(236,103,71,1.00) solid 2px;
	position:absolute; top:0; left:7%;
	overflow-y:scroll;
	z-index:1;}

.main_info_text_inner{width:520px;
	padding-left:180px;
	font-family:
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;
		 font-weight:bold;}

.topic1{overflow:hidden;}

.main_info_inner2{display:inline-block;
	overflow:hidden;}
	
.main_info_inner2_block1{height:85px;
	padding:0 5px;
	float:left;
	position:relative;}

.main_info_inner2_block1 img{height:100%;}

.main_info_inner2_block1 a:hover{opacity:0.8;}
	
.countdown{position:absolute; top:5px; right:80px;
	font-size:54px;
	color:rgba(255,240,0,1.00);
	font-family:
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;
		 font-weight:bold;}

.con_title{width:100%;
	height:100px;
	text-align:center;
	color:rgba(255,255,255,1.00);
	background:url(../img/titlebar_bg.jpg);
	background-repeat:repeat-x;
	background-position:center left;}

.story{width:100%;
	background:url(../img/story_bg1.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;}

.story_inner{width:900px;
	margin:0 auto;
	text-align:center;
	background:url(../img/story_img1.jpg);
	background-size:auto 250px;
	background-repeat:no-repeat;
	background-position:bottom left;}
	
.story_text{margin:0 auto;
	text-align:center;}
	
.character{width:100%;
	background:url(../img/character_list_bg1.jpg);
	background-repeat:repeat;
	background-position:center top;}

.character_inner{width:800px;
	margin:0 auto;
	text-align:center;}
	
.diagram{width:100%;
	background:url(../img/diagram_bg2.jpg);
	background-repeat:repeat;
	background-size:100% 100%;
	background-position:center top;}

.diagram_inner{width:800px;
	margin:0 auto;
	text-align:center;}

.diagram_inner img{width:100%;}
	
.campaign{width:100%;
	background:url(../img/campaign_bg1.jpg);
	background-size:100% 100%;
	background-position:center top;}

.campaign_inner{width:825px;
	margin:0 auto;}
	
.campaign_text1,.campaign_text1 img{width:100%;}
	
.campaign_text2{text-align:center;
	font-size:14px;}
	
.campaign_text2 a{color:rgba(0,179,255,1.00);}

.campaign_text2 a:hover{color:rgba(247,147,30,1.00);}
	
.tweet_reward{width:100%;
	font-family:
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;
		 font-weight:bold;}

.tweet_reward_inner1{width:100%;
	overflow:hidden;}
	
.tweet_reward_bunner1{width:320px;
	padding-right:10px;
	float:left;}

.tweet_reward_bunner1 img{width:100%;}

.tweet_reward_text1{width:471px;
	padding:5px 10px; 
	text-align:left;
	float:left;
	background:rgba(255,255,255,1.00);
	border:rgba(232,53,24,1.00) solid 2px;
	border-radius:5px;}

.tweet_name{font-size:16px;
	line-height:20px;
	color:rgba(217,49,22,1.00);}

.tweet_text{font-size:14px;
	line-height:20px;}

.link_twitter a:hover{opacity:0.8;}

/* ▼2019/4/24追記・変更 */

.privilege{width:100%;
	background:url(../img/privilege_bg1.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center center;}
	
.privilege_inner{/*width:820px;
	margin:0 auto;
	overflow:hidden;*/
	text-align:center;}

.privilege_box1{width:791px;
	padding:20px;
	margin:0 auto;
	background:rgba(251,249,208,1.00);
	border:rgba(35,24,21,1.00) solid 3px;}
	
.privilege_img1{/*width:400px;
	padding:0 5px;
	float:left;*/}
	
.privilege_img1 img{width:100%;}
	
.privilege_text_title1{width:calc(100% - 20px);
	background:rgba(191,156,70,1.00);
	padding:5px 10px;
	text-align:left;}

.privilege_text_text1{width:calc(100% - 40p);
	padding:10px 20px;
	font-size:16px;
	line-height:20px;
	text-align:left;}

.privilege_text_text2{width:calc(100% - 40p);
	padding:0 20px;
	text-align:left;}

.privilege_text_box1{width:100%;
	text-align:center;
	background:rgba(237,238,143,1.00);}
	
.privilege_text_box1_inner1{width:100%;
	padding:5px 0;
	background:rgba(0,0,0,1.00);}
	
.privilege_text_box1_inner2{padding:10px 10px 30px;}

/* ▲2019/4/24追記・変更 */
	
.link_twitter{text-align:center;}

.link_twitter img:hover{opacity:0.8;}
	
.interview{width:100%;}

.interview_inner{width:750px;
	margin:0 auto;}

.interview_head,.interview_head img{width:100%;}
	
.interview_block1{width:calc(100% - 20px);
	padding-left:20px;
	font-family:
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;
		 font-weight:bold;}
	
.interview_q{font-size:20px;
	line-height:24px;
	padding-bottom:5px;
	color:rgba(57,170,225,1.00);
	border-bottom:rgba(15,129,174,1.00) solid 5px;}

.interview_a{font-size:20px;
	line-height:24px;
	padding-top:5px;
	color:rgba(221,66,145,1.00);}

.interview_foot{width:100%;
	padding-top:10px;
	font-size:20px;
	line-height:24px;
	border-top:rgba(35,24,21,1.00) solid 5px;
	font-family:
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;
		 font-weight:bold;}

.ai{width:100%;
	text-align:center;}

.ai_inner{width:800px;
	margin:0 auto;}
	
.ai_head{width:100%;
	text-align:center;
	background:rgba(249,236,160,1.00);}

.ai_block1{font-family:
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;
		 font-weight:bold;}

.ai_block1_title{font-size:26px;
	line-height:40px;
	color:rgba(52,162,220,1.00);}
	
.ai_block1_text{font-size:18px;
	line-height:24px;}
	
.ai_block1_img1{width:650px;
	margin:0 auto;}

.ai_block1_img1 img{width:100%;}
	
.ai_block1_img2{display:inline-block;
	margin:0 auto;
	overflow:hidden;}

.ai_block1_img2_img1{height:235px;
	float:left;}
	
.ai_block1_img2_img2{height:235px;
	float:left;}
	
.ai_block1_img2_img1 img,.ai_block1_img2_img2 img{height:100%;}
	
.ai_keyward{width:95%;
	margin:0 auto;
	font-size:18px;
	line-height:40px;
	text-align:center;
	border:rgba(0,0,0,1.00) solid 1px;}
	
.ai_block1_title2{font-size:30px;
	line-height:40px;
	color:rgba(186,84,146,1.00);}

.book_info{background:url(../img/bookinfo_bg1.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}
	
.book_info_inner{width:850px;
	margin:0 auto;
	overflow:hidden;}
	
.cover{width:360px;
	float:left;}
	
.book_info_text{padding-left:20px;
	float:left;
	font-family:
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;
		 font-weight:bold;}

.book_info_text a:hover{opacity:0.8;}

.book_info_text_text1{font-size:30px;
	font-weight:bold;
	line-height:38px;
	color:rgba(231,49,24,1.00);}
	
.book_info_text_text2{font-size:18px;
	line-height:24px;}

footer{width:100%;
	padding:40px 0 50px;
	text-align:center;
	background:rgba(35,24,21,1.00);
	font-family:
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;
		 font-weight:bold;}
	
.footer_logo{display:inline-block;
	overflow:hidden;}

.footer_logo_img{height:50px;
	padding:0 10px;
	float:left;}

.footer_logo_img img{height:100%;}
	
.copyright{font-size:16px;
	text-align:center;
	color:rgba(255,255,255,1.00);}
	
@media screen and ( max-width:736px )
{
.main_img{width:100%;
	background:url(../img/main_bg1.jpg);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center;}	

.main_img_img{width:100%;
	max-width:420px;
	height:auto;
	margin:0 auto;
	position:relative;}

.header_logo{height:25px;
	margin-left:10px;
	text-align:left;
	position:absolute; top:0; left:0;}
	
.header_logo img{height:100%;}

.main_info{width:100%;
	padding:10px 0;
	text-align:center;
	background:rgba(249,236,160,1.00);}

.main_info_inner1{width:95%;
	max-width:400px;
	height:110px;
	margin:0 auto;
	position:relative;}
	
.main_info_title{height:20px;
	position:absolute; top:0; left:0;
	z-index:2;}

.main_info_title img{height:100%;}

.main_info_text{width:calc(100% - 20px);
	max-width:380px;
	height:55px;
	margin:0 auto;
	padding:10px;
	font-size:12px;
	line-height:18px;
	text-align:left;
	background:rgba(255,255,255,1.00);
	border:rgba(236,103,71,1.00) solid 2px;
	position:absolute; top:25px; left:0;
	overflow-y:scroll;
	z-index:1;}

.main_info_text_inner{width:100%;
	padding-left:0;
	font-family:
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;
		 font-weight:bold;}

.main_info_inner2{display:inline-block;
	margin:0 auto;
	overflow:hidden;}
	
.main_info_inner2_block1{height:40px;
	padding:0 2px;
	float:left;
	position:relative;}

.main_info_inner2_block1 a:hover{opacity:1.0;}
	
.countdown{position:absolute; top:0; right:40px;
	font-size:25px;
	line-height:40px;
	color:rgba(255,240,0,1.00);}

.con_title{width:100%;
	height:50px;
	text-align:center;
	color:rgba(255,255,255,1.00);
	background:url(../img/titlebar_bg.jpg);
	background-repeat:repeat-x;
	background-position:center left;}

.con_title img{height:100%;}

.story{width:100%;
	background:url(../img/story_bg1.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;}

.story_inner{width:95%;
	max-width:400px;
	margin:0 auto;
	text-align:center;
	background:url(../img/story_img1.jpg);
	background-size:auto 120px;
	background-repeat:no-repeat;
	background-position:bottom left;}
	
.story_text{margin:0 auto;
	text-align:center;}
	
.character{width:100%;
	background:url(../img/character_list_bg1.jpg);
	background-repeat:repeat;
	background-position:center top;}

.character_inner{width:90%;
	max-width:400px;
	margin:0 auto;
	text-align:center;}
	
.diagram{width:100%;
	background:url(../img/diagram_bg2.jpg);
	background-repeat:repeat;
	background-size:100% 100%;
	background-position:center top;}

.diagram_inner{width:90%;
	max-width:400px;
	margin:0 auto;
	text-align:center;}

.diagram_inner img{width:100%;}
	
.campaign{width:100%;
	background:url(../img/campaign_bg1.jpg);
	background-size:100% 100%;
	background-position:center top;}

.campaign_inner{width:90%;
	max-width:400px;
	margin:0 auto;}
	
.campaign_text1,.campaign_text1 img{width:100%;}
	
.campaign_text2{text-align:center;
	font-size:14px;
	text-align:left;}

.campaign_text2 a:hover{color:rgba(0,179,255,1.00);}
	
.tweet_reward{width:100%;
	font-family:
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;
		 font-weight:bold;}

.tweet_reward_inner1{width:100%;
	overflow:hidden;}
	
.tweet_reward_bunner1{width:250px;
	padding-right:0;
	float:none;
	margin:0 auto;}

.tweet_reward_bunner1 img{width:100%;}

.tweet_reward_text1{width:90%;
	padding:5px 10px; 
	font-size:20px;
	text-align:left;
	float:none;
	margin:10px auto 0;
	background:rgba(255,255,255,1.00);
	border:rgba(232,53,24,1.00) solid 2px;
	border-radius:5px;}

.tweet_name{font-size:14px;
	line-height:20px;
	color:rgba(217,49,22,1.00);}

.tweet_text{font-size:12px;
	line-height:20px;}

.link_twitter{width:150px;
	margin:0 auto;
	height:30px;}

.link_twitter img{height:30px;}

.link_twitter img:hover{opacity:1.0;}

/* ▼2019/4/24追記・変更 */

.privilege{width:100%;
	background:url(../img/privilege_bg1.jpg);
	background-size:100% auto;
	background-repeat:repeat-y;
	background-attachment:fixed;
	background-position:center center;}
	
.privilege_inner{/*width:820px;
	margin:0 auto;
	overflow:hidden;*/
	text-align:center;}

.privilege_box1{width:90%;
	max-width:400px;
	padding:10px;
	margin:0 auto;
	background:rgba(251,249,208,1.00);
	border:rgba(35,24,21,1.00) solid 3px;}
	
.privilege_img1{width:calc(100% - 10px);
	padding:0 5px;
	/*float:left;*/}
	
.privilege_img1 img{width:100%;}
	
.privilege_text_title1{width:calc(100% - 20px);
	height:25px;
	background:rgba(191,156,70,1.00);
	padding:5px 10px;
	text-align:left;}

.privilege_text_title1 img{height:25px;}

.privilege_text_text1{width:calc(100% - 40p);
	padding:10px 20px;
	font-size:14px;
	line-height:20px;
	text-align:left;}

.privilege_text_text2{width:calc(100% - 40p);
	height:20px;
	padding:0 20px;
	text-align:left;}

.privilege_text_text2 img{height:20px;}

.privilege_text_box1{width:100%;
	text-align:center;
	background:rgba(237,238,143,1.00);}
	
.privilege_text_box1_inner1{width:100%;
	height:20px;
	padding:5px 0;
	background:rgba(0,0,0,1.00);}

.privilege_text_box1_inner1 img{height:20px;}
	
.privilege_text_box1_inner2{padding:10px 10px 30px;}

.privilege_text_box1_inner2 img{max-width:300px;}

/*.privilege{width:100%;
	background:url(../img/privilege_bg1.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}
	
.privilege_inner{width:90%;
	max-width:400px;
	margin:0 auto;
	overflow:hidden;}
	
.privilege_img1{width:calc(50% - 10px);
	padding:0 5px;
	float:left;}
	
.privilege_img1 img{width:100%;}*/
	
/* ▲2019/4/24追記・変更 */
	
.link_twitter{text-align:center;}

.link_twitter a:hover{opacity:0.8;}
	
.interview{width:100%;}

.interview_inner{width:90%;
	max-width:400px;
	margin:0 auto;}

.interview_head,.interview_head img{width:100%;}
	
.interview_block1{width:calc(100% - 20px);
	margin:0 auto;
	padding-left:0;
	font-family:
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;
		 font-weight:bold;}
	
.interview_q{font-size:14px;
	line-height:20px;
	padding-bottom:5px;
	color:rgba(57,170,225,1.00);
	border-bottom:rgba(15,129,174,1.00) solid 5px;}

.interview_a{font-size:14px;
	line-height:20px;
	padding-top:5px;
	color:rgba(221,66,145,1.00);}

.interview_foot{width:100%;
	padding-top:10px;
	font-size:14px;
	line-height:20px;
	border-top:rgba(35,24,21,1.00) solid 5px;
	font-family:
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;
		 font-weight:bold;}

.ai{width:100%;
	text-align:left;}

.ai_inner{width:90%;
	max-width:400px;
	margin:0 auto;}
	
.ai_head{text-align:center;}

.ai_block1{font-family:
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;
		 font-weight:bold;}

.ai_block1_title{font-size:16px;
	line-height:30px;
	text-align:center;
	color:rgba(52,162,220,1.00);}
	
.ai_block1_text{font-size:14px;
	line-height:20px;}
	
.ai_block1_img1{width:100%;
	margin:0 auto;}

.ai_block1_img1 img{width:100%;}
	
.ai_block1_img2{display:block;
	width:100%;
	margin:0 auto;
	overflow:hidden;}

.ai_block1_img2_img1{width:100%;
	height:auto;
	padding-bottom:20px;
	float:none;}
	
.ai_block1_img2_img2{width:100%;
	height:auto;
	float:none;}
	
.ai_block1_img2_img1 img,.ai_block1_img2_img2 img{width:100%;
	height:auto;}
	
.ai_keyward{width:95%;
	margin:0 auto;
	padding:5px;
	font-size:14px;
	line-height:20px;
	text-align:center;
	border:rgba(0,0,0,1.00) solid 1px;}
	
.ai_block1_title2{font-size:16px;
	line-height:22px;
	text-align:center;
	color:rgba(186,84,146,1.00);}

.book_info{background:url(../img/bookinfo_bg1.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;}
	
.book_info_inner{width:90%;
	max-width:400px;
	margin:0 auto;
	overflow:hidden;}
	
.cover{width:80%;
	margin:0 auto;
	float:none;}
	
.cover img{width:100%;}
	
.book_info_text{width:90%;
	max-width:400px;
	margin:0 auto;
	padding-left:0;
	float:none;
	font-family:
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;
		 font-weight:bold;}

.book_info_text a:hover{opacity:1.0;}

.book_info_text_text1{font-size:20px;
	font-weight:bold;
	line-height:22px;
	text-align:center;
	color:rgba(0,0,0,1.00);}
	
.book_info_text_text2{width:80%;
	margin:0 auto;
	font-size:14px;
	line-height:20px;
	text-align:center;}

.book_info_link{text-align:center;}

.book_info_link img{width:180px;}

footer{width:100%;
	padding:40px 0 50px;
	text-align:center;
	background:rgba(35,24,21,1.00);
	font-family:
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;
		 font-weight:bold;}
	
.footer_logo{display:inline-block;
	overflow:hidden;}

.footer_logo_img{height:25px;
	padding:0 10px;
	float:left;}

.footer_logo_img img{height:100%;}
	
.copyright{font-size:12px;
	text-align:center;
	color:rgba(255,255,255,1.00);}
}

































