/* =====================================
	sample css
====================================== */

/*	reset
============================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}


/*	both
============================== */

/* text */
body{
	font-family:-apple-system,’Lucida Grande’,‘Helvetica Neue’,’Hiragino Kaku Gothic ProN’,‘游ゴシック’,’メイリオ’,meiryo,sans-serif;
}
a:link {
	text-decoration:none;
	color:#ffffff;
}
a:visited {
	text-decoration:none;
	color:#ffffff;
}
a:active {
	text-decoration:underline;
	color:#ffffff;
}
a:hover {
	text-decoration:underline;
	color:#ffffff;
}

.twitter_area a:link {
	text-decoration:none;
	color:#ffffff;
}
.twitter_area a:visited {
	text-decoration:none;
	color:#ffffff;
}
.twitter_area a:active {
	text-decoration:underline;
	color:#ffffff;
}
.twitter_area a:hover {
	text-decoration:underline;
	color:#000000;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  transition:all 0.2s ease;
}
@media all and (min-width: 768px) {
	.br-pc {
		display:none;
	}
}
@media all and (max-width: 767px) {
	.br-sp {
		display:none;
	}
}

/*	background
============================== */
body {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
}
body{
	background-color:#ebebeb;
}
#con-body{
	background:none !important;
}
div#con-wrap, div#con-body{
	/*min-width:0 !important;*/
	overflow:hidden;
}

/*	header
============================== */
.mainvisual{
	width:100%;
}
.twitter_area{
	background-color:#5faade;
	width:100%;
	color:#ffffff;
}


@media all and (min-width: 768px) {
	header{
		height:790px;
	}
	.mainvisual{
		width:100%;
		height:700px;
		background-image:url(../img/bg_lptop2.jpg);
		background-size:cover;
		background-position:center top;
		background-repeat:no-repeat;
		overflow:hidden;
	}
	.mainvisual2{
		display:none;
	}
	.mainvisual_inner{
		width:960px;
		margin:0 auto;
		position:relative;
	}
	.mainimg{
		display:none;
	}
	.mainimg2{
		width:728px;
		height:690px;
		background-image:url(../img/main2.png);
		overflow:hidden;
		position:absolute;
		top:10px;
		right:-90px;
	}
	.logo{
		position:absolute;
		top:70px;
		left:25px;
	}
	.h2_text{
		width:316px;
		height:40px;
		background-color:#000000;
		position:absolute;
		padding:10px 40px;
		top:268px;
		left:45px;
	}
	.h2_text img{
		width:316px;
		height:40px;
	}
	.twitter_inner{
		display:block;
		position:absolute;
		top:350px;
		left:45px;
	}
	.twitter_area{
		height:90px;
		background-color:#5faade;
	}
	.twitter_area_inner{
		width:730px;
		margin:0 auto;
		position:relative;
	}
	.twitter_area p{
		float:left;
		display:block;
	}
	.twitter_caption{
		font-size:16px;
		margin:42px 0 0 0;
	}
	.twitter_area a{
		font-size:40px;
		font-weight:100;
		margin:0 0 0 20px;
		position:absolute;
		top:28px;
	}
	.banner_area{
		
	}
	.banner_twitter{
		width:360px;
		height:102px;
		float:left;
	}
	.banner_hp{
		width:360px;
		height:102px;
		float:right;
	}
	.banner_twitter img{
		width:100%;
	}
	.banner_hp img{
		width:100%;
	}
	
}

@media all and (max-width: 767px) {
	.mainvisual{
		height:100%;
		
	}
	.mainvisual_inner{
		width:100%;
		background-color:#5faade;
	}
	.mainimg{
		width:100%;
		background-image:url(../img/bg_lptop.jpg);
		background-size:cover;
		background-position:center top;
		background-repeat:no-repeat;	
	}
	.mainimg2{
		display:none;
	}
	.mainimg img{
		width:80%;
		text-align:center;
		padding:0 5% 0 15%;
	}
	.logo{
		width:70%;
		margin:-8% auto 0.5em;
	}
	.logo img{
		width:100%;
	}
	.h2_text{
		width:100%;
		background-color:#000000;
	}
	.h2_text img{
		width:60%;
		text-align:center;
		padding:0.5em 20%;
	}
	.twitter_inner{
		display:none;
	}
	.twitter_area{
		background-color:#5faade;
	}
	.twitter_area_inner{
		width:100%;
		margin:0 auto;
		padding:1.6em 0;
		position:relative;
	}
	.twitter_area p{
		text-align:center;
	}
	.twitter_caption{
		font-size:0.8em;
		margin-bottom:0.8em;
	}
	.twitter_area a{
		font-size:2.2em;
		
	}
	.banner_area{
		
	}
	.banner_twitter{
	}
	.banner_hp{
	}
	.banner_twitter img{
		width:100%;
	}
	.banner_hp img{
		width:100%;
	}
	
}

/*	main
============================== */

.mainwrap{
	position:relative;
}
.mainwrap_inner{
	
}
.campaign_block{
	background:#000000;
	color:#ffffff;
}
.campaign_number{
	color:#5faade;
}
.clock{
	z-index:-2;
}


@media all and (min-width: 768px) {
	.mainwrap{
	
	}
	.mainwrap_inner{
		width:730px;
		margin:70px auto;
		position:relative;
	}
	.campaign_block{
		width:610px;
		margin:30px 0 30px;
		padding:60px 60px;
	}
	.campaign_number{
		font-size:16px;
		font-weight:bold;
		margin-bottom:1.4em;
	}
	.campaign_number:before {
	   content:"";
	   float:left;
	   width:28px;
	   height:28px;
	   margin: -7px 6px 0 0;
	   background:url(../img/icon_clock.png);
	   background-position:center top;
	}
	.campaign_title{
		font-size:30px;
		font-weight:100;
		margin-bottom:0.5em;
		letter-spacing:0.1em;
	}
	.campaign_text{
		font-size:16px;
		line-height:1.8em;
	}
	/*
	.clock_fix{
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		overflow:hidden;
		z-index:-2;
	}
	/*
	.clock_wrap{
		position:relative;
		width:730px;
		margin:-50px auto 0;
	}
	*/
	.clock01{
		position:absolute;
		top:130px;
		left:-180px;
	}
	.clock02{
		position:absolute;
		top:-50px;
		right:-140px;
	}
	.clock03{
		position:absolute;
		top:160px;
		right:-145px;
		z-index:-3;
	}
	.clock04{
		position:absolute;
		top:330px;
		right:-180px;
	}
	.clock05{
		position:absolute;
		top:600px;
		left:-140px;
	}
	.clock06{
		position:absolute;
		top:770px;
		left:-50px;
		z-index:-3;
	}
	.clock07{
		position:absolute;
		top:700px;
		right:-100px;
	}
	.clock08{
		position:absolute;
		top:940px;
		left:-130px;
	}
	.clock09{
		position:absolute;
		top:1070px;
		right:-140px;
	}
	.clock10{
		position:absolute;
		top:1280px;
		right:-145px;
		z-index:-3;
	}
}

@media all and (max-width: 767px) {
	.mainwrap{
	
	}
	.mainwrap_inner{
		width:85%;
		margin:2em auto;
	}
	.campaign_block{
		margin:2em 0;
		padding:2em;
	}
	.campaign_number{
		font-size:1em;
		font-weight:bold;
		margin-bottom:1em;
	}
	.campaign_number:before {
	   content:"";
	   float:left;
	   width:28px;
	   height:28px;
	   margin: -7px 6px 0 0;
	   background:url(../img/icon_clock.png);
	   background-position:center top;
	}
	.campaign_title{
		font-size:2em;
		line-height:1.3em;
		font-weight:100;
		margin-bottom:0.3em;
		letter-spacing:-0.1em;
	}
	.campaign_text{
		font-size:0.9em;
		line-height:1.6em;
	}
	.banner_twitter{
		margin-bottom:1em;
	
	}
	.clock_wrap{
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		overflow:hidden;
		z-index:-2;
	}
	.clock{
		
	}
	.clock img{
		width:100%;
	}
	.clock01{
		width:200px;
		position:absolute;
		top:40px;
		left:-3em;
	}
	.clock02{
		width:100px;
		position:absolute;
		top:15px;
		right:1em;
	}
	.clock03{
		width:60px;
		position:absolute;
		top:100px;
		right:-0.8em;
		z-index:-3;
	}
	.clock04{
		width:70px;
		position:absolute;
		top:360px;
		left:-0.9em;
		z-index:-3;
	}
	.clock05{
		width:120px;
		position:absolute;
		top:420px;
		left:-0.7em;
		z-index:-3;
	}
	.clock06{
		display:none;
	}
	.clock07{
		width:140px;
		position:absolute;
		top:280px;
		right:-1.8em;
		z-index:-3;
	}
	.clock08{
		display:none;
	}
	.clock09{
		width:100px;
		position:absolute;
		top:515px;
		right:1em;
	}
	.clock10{
		width:60px;
		position:absolute;
		top:470px;
		right:-0.8em;
		z-index:-3;
	}
}

/*	footer
============================== */
footer{
	background:#000000;
	text-align:center;
}
.footer_inner{
	
}
.copyright{ 
	font-size:70%; 
	line-height:1.6em;
	color:#ffffff;
}

@media all and (min-width: 768px) {
	.footer_inner{
		width:980px;
		margin:0 auto;
		padding:60px 0;
	}
}

@media all and (max-width: 767px) {
	.footer_inner{
		width:95%;
		margin:0 auto;
		padding:2em 0;
	}
}


/*share*/

footer div.sns-btns div.tw{
	float:left;
}
footer div.sns-btns div.tw{
	float:left;
}

@media all and (min-width: 768px) {
	footer div.sns-btns{
		width: 260px;
		margin: 0px auto 30px;
		padding-left: 64px
	}
}

@media all and (max-width: 767px) {
	footer div.sns-btns{
		width: 260px;
		margin: 1em auto 1em;
	}
	footer div.sns-btns div.tw{
		padding-left: 40px;
		padding-right: 20px;
	}
	footer div.sns-btns div.fb{
		padding-left: 5px;
	}
}