@charset "UTF-8";
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;}
}
@charset "UTF-8";
/* -----------------------------------------------------------
COMMON-BANNER
------------------------------------------------------------*/
#obiban_banner a{
	display: block;
	background-image:url(/obiban-bingo/img/banner201912.png);
	width: 300px;
	height: 150px;
	margin: 10px auto;
	text-indent: -9999px;
}


/* -----------------------------------------------------------
COMMON
------------------------------------------------------------*/

/*/TEXT/*/
.blue{ color:#0bc1f5 !important;}
.green{ color:#52b145 !important;}
.turquoise{ color:#2fbdb5 !important;}
.yellow{ color:#d6d414 !important;}
.orange{ color:#ee8020 !important;}
.pink{ color:#ef6589 !important;}
.red{ color:#eb3434 !important;}
.purple{ color:#9362dd !important;}
.brown{ color:#a05f37 !important;}
.navy{color:#1a44ad !important;}

.tCenter{ text-align:center !important;}
.tLeft{ text-align:left !important;}
.tRight{ text-align:right !important;}

/*/LINK/*/
a { text-decoration:none;}
a:hover { text-decoration:underline;}
a:visited { text-decoration:none;}

/*/MARGIN/*/
.mgBtm15{ margin-bottom:15px !important;}
.mgBtm25{ margin-bottom:25px !important;}
.mgBtm35{ margin-bottom:35px !important;}
.mgBtm45{ margin-bottom:45px !important;}
.mgBtm55{ margin-bottom:55px !important;}

/* -----------------------------------------------------------
BASE
------------------------------------------------------------*/
body {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	color:#575757;
	background-color:#000;
}
#con-body header{	background-color: #fff;}
#con-body header h1,#con-body header #head{
	display: block;
	background-image: url(../img/header.jpg?201909);
	height: 354px;
	text-indent: -9999px;
}
#wrap{
	background-image: url(../img/bg.png);
}

@media all and (min-width: 768px) {
	#con-body header{
		border-bottom: 6px solid #e7e6e6;
	}
	#con-body header h1,#con-body header #head{
		width: 980px;
		margin: 0 auto;
	}
	#con-body header #head{
		position: relative;
	}
	#con-body header #head a{
		display: block;
		width: 455px;
		height: 255px;
		position: absolute;
		top: 55px;
		left: 0;
	}
	#wrap{
		padding:30px 0;
	}
	#contents{
		width:980px;
		margin:0 auto;
		border: 6px solid #e7e6e6;
		box-sizing: border-box;
		background-color: #fff;
	}
	#contents .inner{
		width: 920px;
		margin:22px auto;
	}
	#contents #l-box{
		width: 595px;
		float: left;
		margin-right:25px;
		text-align: center;
	}
	#contents #r-box{
		width: 300px;
		float: left;
	}
}
@media all and (max-width: 767px) {
	#wrap{
		padding:8px 0 20px;
	}
	#con-body header{
		border-bottom:3px solid #e7e6e6;
	}
	#bottomArea{
		width:94%;
		margin:10px auto 0;
	}
	#con-body header h1,#con-body header #head{
		width: 100%;
		height: 0;
		padding-top: 36.12%;
		background-size: cover;
		position: relative;
	}
	#con-body header #head a,#con-body header #head img{
		display: block;
		width: 100%;
		height:100%;
		position: absolute;
		top: 0;
	}
	#contents{
		width:98%;
		margin:0 auto;

	}
	#contents #l-box{
		width: 94%;
		margin: 0 auto;
		border:3px solid #e7e6e6;
		box-sizing: border-box;
		background-color: #fff;
		padding:10px;
	}
	#contents #r-box{
		margin: 0 auto;
	}
	#contents #r-box ul{
		width: 90%;
		margin: 0 auto;
}
}

/*=================
header　cover img ↓
=================*/
@media all and (min-width: 768px) {
	header > h1 > img,
	#head img {
		pointer-events: none;
		position: relative;
		width: 980px;
		height: 355px;
		float: left;
		display: block;
	}
}
@media all and (max-width: 767px) {
	header > h1 > img{
		position: absolute;
		height: 100%;
		width: 100%;
		display: block;
		background-position: center;
		top: 0px
	}
}
/* -----------------------------------------------------------
NAVIGATION
------------------------------------------------------------*/
@media all and (min-width: 768px) {
	#wrap nav ul{
		width:980px;
		height:70px;
		margin:0 auto 30px;
		list-style:none;
	}
	#wrap nav li{
		float:left;
		margin-right:10px;
	}
	#wrap nav li:last-child{ margin-right:0;}
	#wrap nav a,#wrap nav span{
		display:block;
		background-image:url(../img/menu.png);
		text-indent:-9999px;
		height:70px;
		border-radius:35px;
		-webkit-border-radius:35px;
		-moz-border-radius:35px;
		box-sizing: border-box;
	}

	#wrap nav li#m1 a{ width: 200px;background-position:0 0;}
	#wrap nav li#m2 a{ width: 200px;background-position:-200px 0;}
	#wrap nav li#m3 a{ width: 260px;background-position:-400px 0;}
	#wrap nav li#m4 a{ width: 290px;background-position:-660px 0;}

	#wrap nav li#m1 a:hover,.intro nav li#m1 a{ background-position:0 -70px !important;}
	#wrap nav li#m2 a:hover,.caster nav li#m2 a{ background-position:-200px -70px !important;}
	#wrap nav li#m3 a:hover,.reporter nav li#m3 a{ background-position:-400px -70px !important;}
	#wrap nav li#m4 a:hover,.voice nav li#m4 a{ background-position:-660px -70px !important;}



}
@media all and (max-width: 767px) {
	#wrap nav{
		width:94%;
		margin:2% auto;
	}
	#wrap nav ul{
		width:100%;
		margin:0 auto;
		list-style:none;
	}
	#wrap nav li{
		width:49.5%;
		float:left;
		margin-bottom:5px;
		margin-right:1%;
		text-align: center;
	}
	#wrap nav a{
		display:block;
		width:100%;
		height:100%;
		padding:6% 0;
		background-color: #000;
		border-radius:20px;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		color: #fff;
		font-size:90%;
		font-weight: bold;
	}
	#wrap nav li:nth-child(2n) {
		margin-right:0px;
	}
	#wrap nav span{
		display:block;
		width:100%;
		height:100%;
		padding:6% 0;
		background-color: #000;
		filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;
		border-radius:20px;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		color: #fff;
		font-size:90%;
		font-weight: bold;
	}
}

/* -----------------------------------------------------------
RIGHT-COLLUMN
------------------------------------------------------------*/
#btnList a{ text-indent: -9999px;display: block;}
#btnList li{ list-style: none;}

@media all and (min-width: 768px) {
	#fbBtn a{
		height: 72px;
		margin-top: 10px;
		background-image: url(../img/fb_btn.png);
	}
	#twitBtn a{
		height: 72px;
		margin-top: 5px;
		background-image: url(../img/twitter_btn.png);
	}
	#instaBtn a{
		height: 72px;
		margin-top: 5px;
		background-image: url(../img/insta_btn.png);
	}
	.scoopBtn a{
		text-indent: -9999px;
		display: block;
		width: 300px;
		height: 71px;
		margin-top: 5px;
		background-image: url(../img/scoop_btn.png?);
	}
	#saigaiBtn a{
		text-indent: -9999px;
		display: block;
		width: 100%;
		height: 0;
		padding-top: 23.66%;
		margin-top: 10px;
		background-image: url(../img/saigai_btn.png);
		background-size: cover;
	}
	#btnList a:hover{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
	#snsBtn{
		margin-top:8px;
	}
}
@media all and (max-width: 767px)  {
	#btnList li{
		width:90%;
		margin: 0 auto;
	}
	#btnList a:first-child{margin-top: 10px;}
	#btnList a{margin-top:5px;}
	#fbBtn a,#twitBtn a,#instaBtn a,#saigaiBtn a{
		width: 100%;
		height: 0;
		padding-top: 23.666%;
		background-size: cover;
	}
	#fbBtn a{background-image: url(../img/fb_btn_smp.png);}
	#twitBtn a{background-image: url(../img/twitter_btn_smp.png);}
	#instaBtn a{background-image: url(../img/insta_btn_smp.png);}
	#saigaiBtn a{background-image: url(../img/saigai_btn.png);}
	.scoopBtn a{
		width: 100%;
		height: 0;
		padding-top: 23.666%;
		background-image: url(../img/scoop_btn_smp.png?);
		background-size: cover;
		text-indent: -9999px;
		display: block;
	}
	.voice .box .scoopBtn{width: 70%;}
	#snsBtn{
		width: 191px;
		margin:10px auto 0;
	}
	#rBanner{
		width:300px;
		margin:20px auto ;
		text-align:center;
	}

}
/* ----------------------------------------------------------
TOP
------------------------------------------------------------*/

.top .member{width:auto;height: auto;}
@media all and (min-width: 768px) {
	.top .member{
		width:auto;
		height: auto;
		margin-bottom: 20px;
	}
	.top #photo{
		width:600px;
		height:400px;
		background-image: url(../img/top_photo.jpg?201909);
		display: block;
	}
	.top #photo img{
		height: 100%;
		width: 100%;
		display: block;
		background-position: center;
	}
}

@media all and (max-width: 767px)  {
	#pageplugin{
		width: 94%;
		margin: 0 auto;
	}
	.top .member{width:auto;height: auto;margin-bottom: 20px;}
	.top #photo{
		float: left;
		position: relative;
		width: 100%;
		height: 0px;
		padding-top:66.66%;
		background-size: cover;
		margin-bottom: 20px;
		background-repeat: no-repeat;
		display: inline-block;
		top: 0px;
		background-image: url(../img/top_photo.jpg?201909);
	}
	.top #photo img{
		position: absolute;
		height: 100%;
		width: 100%;
		display: inline-block;
		background-position: center;
		top: 0px;
	}
}

/* -----------------------------------------------------------
INTRO
------------------------------------------------------------*/
@media all and (min-width: 768px) {
	.intro .block{
		width: 595px;
		margin: 0 auto;
	}
	.intro h1{
		height: 65px;
		background-image: url(../img/intro_parts.png);
		text-indent: -9999px;
		margin-bottom: 25px;
	}
	.intro h2{
		height: 25px;
		background: url(../img/intro_parts.png) 0 -65px no-repeat;
		text-indent: -9999px;
		margin-bottom:10px;
	}
	.intro .block p{
		font-size: 90%;
		text-align: left;
		line-height: 1.6;
		padding: 0 8px 20px;
	}
}
@media all and (max-width: 767px)  {
	.intro .block{
		width:96%;
		margin: 0 auto;
	}
	.intro h1{
		width: 100%;
		height: 0;
		padding-top: 12.711%;
		margin-bottom: 15px;
		background-image: url(../img/intro_parts_smp.png);
		background-size: cover;
		text-indent: -9999px;
	}
	.intro h2{
		color: #ff7600;
		font-size: 100%;
		margin-bottom: 10px;
		line-height: 1.4;
		padding: 0 8px;
	}
	.intro .block p{
		font-size:86%;
		text-align: left;
		line-height: 1.6;
		padding: 0 8px 10px;
	}
}
/* -----------------------------------------------------------
CASTER
------------------------------------------------------------*/
.c1 .photo{background-image: url(../img/caster1.jpg?201909);}
.c2 .photo{background-image: url(../img/caster2.jpg?201909);}
/* -----------------------------------------------------------------------------------------------------------------------*/
@media all and (min-width: 768px) {
	.caster h1{
		height: 65px;
		background-image: url(../img/caster_parts.png);
		overflow: hidden;
		text-indent: 300%;
		white-space: nowrap;
		margin-bottom: 25px;
	}
	.caster .c-box{
		margin-bottom: 20px;
		text-align: left;
	}
	.caster .c-box .c-box-in{
		margin-bottom: 20px;
	}

	.caster .c-box h2{
		display: inline-block;
		height: 30px;
		margin: 20px 0 5px 0;
		text-indent: -9999px;
	}
	.c1 h2{width: 280px;background: url(../img/caster_parts.png) left -70px no-repeat ;}
	.c2 h2{width: 280px;background: url(../img/caster_parts.png) left -100px no-repeat ;}
	.c3 h2{width: 316px;background: url(../img/caster_parts.png) left -130px no-repeat ;}
	.caster .c-box p{
		font-size: 90%;
		line-height: 1.6;
		text-align: left;
	}

	.c-box .c-box-in .photo{
		width: 200px;
		height: 210px;
		position: relative;
		margin-bottom: 20px;
		background-repeat: no-repeat;
		display: inline-block;
		float: left;
		margin-right: 15px;
		background-size: cover;
	}
	.c-box .c-box-in .photo img{
		width: 200px;
		height: 210px;
		display: inline-block;
		background-position: center;
	}
}

/* -----------------------------------------------------------
ANA
------------------------------------------------------------*/
.ana1 img{ background-image:url(../img/ana1.jpg?)}
.ana2 img{ background-image:url(../img/ana2.jpg?)}
.ana3 img{ background-image:url(../img/ana3.jpg?)}
.ana4 img{ background-image:url(../img/ana4.jpg?1)}
.ana5 img{ background-image:url(../img/ana5.jpg?)}
.ana6 img{ background-image:url(../img/ana6.jpg?)}

@media all and (min-width: 768px) {
	#ana{
		width:580px;
		margin:30px auto 0;
	}
	#ana h2{
		display:none;
	}
	#ana ul{
		list-style:none;
	}
	#ana li{
		width:130px;
		float:left;
		margin-right:20px;
		margin-bottom: 10px;
		text-align:center;
		line-height: 1.2;
	}
	#ana li:nth-child(4){
		margin-right:0;
	}
	#ana img{
		width:130px;
		height:0;
		padding-top: 117.64%;
		background-size: cover;
		background-repeat:no-repeat;
		margin-bottom:3px;
		border:2px solid #e7e6e6;
		box-sizing:border-box;
	}

	.job{
		font-size:80%;
		color:#ff7600;
		font-weight:bold;
	}
	.name,.tbs-ana{ color: #575757;}
	.name{ font-size:110%;}
	.tbs-ana{ font-size:90%;}
}
@media all and (max-width: 767px)  {
	.caster h1{
		width: 100%;
		height: 0;
		padding-top: 12.711%;
		margin-bottom: 15px;
		background-image: url(../img/caster_parts_smp.png);
		background-size: cover;
		text-indent: -9999px;
	}
	.caster .c-box h2{
		font-weight: bold;
		color: #000;
		font-size: 120%;
		text-align: center;
		padding-bottom: 10px;
	}
	.caster .c-box h2 .eng{
		font-size: 90%;
		color: #ff7600;
	}
	.caster .c-box{
		margin-bottom: 20px;
	}
	.caster  .c-box .c-box-in > div{
		width: auto;
		height: auto;
	}
	.caster .c-box .photo{
		width:60%;
		height: 0;
		margin: 0 auto 20px;
		padding-top:63%;
		background-size: cover;
		position: relative;
		display: block;
	}
	.caster .c-box .photo img{
		position: absolute;
		height: 100%;
		width:100%;
		background-size: cover;
		top: 0px;
	}
	.caster .c-box p{
		font-size:86%;
		line-height: 1.4;
		text-align: left;
		padding: 0 8px;
	}
	.caster .c-box .comment p{
		padding: 0;

	}
	#ana{
		width:90%;
		margin:20px auto 0;
	}
	#ana h2{
		display:none;
	}
	#ana ul{
		width:100%;
		margin:0 auto;
		list-style:none;
	}
	#ana li{
		width:50%;
		float:left;
		margin-right:0;
		text-align:center;
		margin-bottom:4%;
		line-height:1.2;
	}
	#ana img{
		width:80%;
		height:0;
		padding-top:94.11%;
		background-repeat:no-repeat;
		background-size:cover;
		margin:0 auto 3px;
		border:2px solid #e7e6e6;
		box-sizing:border-box;
	}


	.tbs-ana{ font-size:80%;color:#171717;}
	#ana .job{ font-size:80%;color:#ff7600;clear:both; font-weight:bold; display:block;}
	#ana .name{ font-size:106%; color:#171717;}
}


.caster .c-box .comment{
	clear: both;
	background: #f2f1f1;
	dispay: inline-block;
	position: relative;
	padding: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top:20px;
}
.caster .c-box .comment:before {
	content: "";
	display: inline-block;
	border: 12px solid transparent;
	position: absolute;
	left:50%;
	top: -24px;
}
.caster .c-box .comment:after {
	content: "";
	display: inline-block;
	border: 11px solid transparent;
	border-bottom-color: #f2f1f1;
	position: absolute;
	left:49%;
	top: -22px
}
.caster .c-box .comment p{
	color: #5a5a5a;
	margin-bottom: 15px;
}
/* -----------------------------------------------------------
REPORTER
------------------------------------------------------------*/
.r1 .photo{background-image: url(../img/reporter1.jpg);}
/*.r2 .photo{background-image: url(../img/reporter2.jpg);}*/
.r3 .photo{background-image: url(../img/reporter3.jpg);}
/*.r4 .photo{background-image: url(../img/reporter4.jpg);}
.r5 .photo{background-image: url(../img/reporter5.jpg);}
.r6 .photo{background-image: url(../img/reporter6.jpg);}
.r7 .photo{background-image: url(../img/reporter7.jpg);}
.r8 .photo{background-image: url(../img/reporter8.jpg);}*/
/*.r9 .photo{background-image: url(../img/reporter9.jpg);}*/
.r10 .photo{background-image: url(../img/reporter10.jpg?);}
.r11 .photo{background-image: url(../img/reporter11.jpg?);}
.r12 .photo{background-image: url(../img/reporter12.jpg?);}
.r1,/*.r2,*/.r3,/*.r4,.r5,.r6,.r7,*/.r8/*,.r9*/,.r10,.r11,.r12{display: block;}

@media all and (min-width: 768px) {
	.reporter .photo{
		position: relative;
		margin-bottom: 20px;
		background-repeat: no-repeat;
		display: inline-block;
	}
	.reporter .photo img{
		height: 100%;
		width: 100%;
		display: inline-block;
		background-position: center;
	}
}
@media all and (max-width: 767px)  {
	.reporter .photo{
		position: relative;
		width: 50%!important;
		padding-top: 50%;
		margin-bottom: 20px!important;
		display: block;
		background-size: cover;
		border: 2px solid #e7e6e6;
		box-sizing: border-box;
		margin: 0 auto 8px!important;
	}
	.reporter .photo img{
		position: absolute;
		height: 100%;
		width: 100%;
		display: inline-block;
		background-position: center;
		top: 0px;
	}
	.reporter #l-box .block .r-box .r-box-in div{
		width: auto; height: auto;margin: 0px auto
	}
}

@media all and (min-width: 768px) {
	.reporter h1{
		height: 65px;
		background-image: url(../img/reporter_parts.png);
		overflow: hidden;
		text-indent: 300%;
		white-space: nowrap;
		margin-bottom: 25px;
	}
	.reporter .r-box{
		text-align: left;
	}
	.reporter .r-box .photo{
		width: 180px;
		height: 180px;
		float: left;
		margin-right: 15px;
		background-size: cover;
		border: 2px solid #e7e6e6;
		box-sizing: border-box;
	}
	.reporter .r-box h2{
		font-weight: bold;
		font-size: 120%;
		color: #575757;
		padding:2px 0;
	}
	.reporter .r-box .job{
		font-size: 100%;
		color:#ff7600;
		font-weight: bold;
		line-height: 1.6;
		text-align: left;
	}
	.reporter .r-box .info{
		font-size: 90%;
		line-height: 1.6;
		text-align: left;
		color: #575757;
	}
}
@media all and (max-width: 767px)  {
	.reporter h1{
		width: 100%;
		height: 0;
		padding-top: 12.711%;
		margin-bottom: 15px;
		background-image: url(../img/reporter_parts_smp.png);
		background-size: cover;
		text-indent: -9999px;
	}
	.reporter .r-box h2{
		font-weight: bold;
		color: #575757;
		font-size: 110%;
		text-align: center;
		padding-bottom:5px;
	}
	.reporter .r-box{
		margin-bottom: 20px;
	}
	.reporter .r-box .job{
		font-size:86%;
		font-weight: bold;
		color:#ff7600;
		line-height: 1.4;
		text-align: center;
		padding: 0 8px;
	}
	.reporter .r-box .info{
		font-size:86%;
		color: #575757;
		line-height: 1.4;
		text-align: center;
		padding: 0 8px;
	}
}

/* -----------------------------------------------------------
VOICE
------------------------------------------------------------*/
.voice #mail{ background-image:url(../img/voice_mail.png)}
@media all and (min-width: 768px) {
	.voice h1{
		height: 65px;
		background-image: url(../img/voice_parts.png);
		text-indent: -9999px;
		margin-bottom: 25px;
	}
	.voice #mail{
		width: 595px;
		height: 217px;
		position: relative;
		margin-bottom: 30px;
	}
	.voice #mail a{
		width: 420px;
		height: 52px;
		position: absolute;
		top: 92px;
		left:87px;
		text-indent: -9999px;
	}
	.voice #mail a:hover{background-image:url(../img/voice_mail_on.png)}
	.voice .box{
		margin-bottom: 30px;
	}
	.voice .box h2{
		display: block;
		height: 30px;
		margin-bottom: 4px;
		background-image: url(../img/voice_parts.png);
		text-indent: -9999px;
	}
	.voice .box h2#v1{ background-position: 0 -65px;}
	.voice .box h2#v2{ background-position: 0 -95px;}
	.voice .box h2#v3{ background-position: 0 -125px;}
	.voice .box p{
		font-size: 90%;
		line-height: 1.4;
		text-align: left;
	}
}
@media all and (max-width: 767px)  {
	.voice h1{
		width: 100%;
		height: 0;
		padding-top: 12.711%;
		margin-bottom: 15px;
		background-image: url(../img/voice_parts_smp.png);
		background-size: cover;
		text-indent: -9999px;
	}

	.voice #mail{
		width: 100%;
		height: 0;
		padding-top: 36.47%;
		background-size: cover;
		position: relative;
		margin-bottom: 20px;
	}
	.voice #mail a{
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		text-indent: -9999px;
	}
	.voice .box{
		margin-bottom: 20px;

	}
	.voice .box h2{
		font-size: 100%;
		background: url(../img/voice_icon_smp.png) left top no-repeat;
		background-size: 6%;
		text-align: left;
		padding-left: 8%;
		color: #000;
		padding-bottom:6px;
	}
	.voice .box p{
		font-size: 86%;
		line-height: 1.4;
		text-align: left;
	}
}

/* -----------------------------------------------------------
PAGETOP
------------------------------------------------------------*/
@media all and (min-width: 768px) {
	#page-top {
		position:fixed;
		bottom:150px;
		right: 20px;
	}
	#page-top a {
		background-image:url(../img/pagetop.png);
		width:70px;
		height:0;
		padding-top:100%;
		overflow:hidden;
		display: block;
	}
	#page-top a:hover{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
}
@media all and (max-width: 767px)  {
	#page-top {
		width:35%;
		margin:20px auto 0;
		text-align:center;
		border-radius:20px;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		background-color: #000;
	}
	#page-top a {
		display: block;
		width:100%;
		padding: 5% 0;
		color: #fff;
		font-size: 86%;
	}
}
/* -----------------------------------------------------------
FOOTER
------------------------------------------------------------*/

footer{
	background-color: #000;
	width:100%;
	color: #fff;
}
p.copyright {
	font-size:75%;
	line-height:1.25;
}
p.copyright a{
	font-weight:bold;
	color:#fff;
}
@media all and (min-width: 768px) {
	footer{
		padding:30px 0;
	}
	p.copyright {
		text-align:center;
	}
}
@media all and (max-width: 767px)  {
	p.copyright{
		padding:10px 10px;
		text-align:center;
	}
}

/* -----------------------------------------------------------
bunner311
------------------------------------------------------------*/
/*===================================================*/
#bunner311 a{
	background-image: url(../img/top_bunner.jpg);
}
@media all and (min-width: 768px) {
	#bunner311{width: 595px;height: 260px;margin-bottom: 20px;}
	#bunner311 a{
		position: relative;
		width: 595px;
		height: 260px;
		margin-bottom: 20px;
		background-repeat: no-repeat;
		display: inline-block;
	}
	#bunner311 img{
		height: 100%;
		width: 100%;
		display: inline-block;
		background-position: center;
		top: 0px;
	}
}
@media all and (max-width: 767px)  {
	#bunner311 a{
		float: left;
		position: relative;
		width: 100%;
		height: 0;
		padding-top: 43.697478991596639%;
		background-size: cover;
		margin-bottom: 20px;
		background-repeat: no-repeat;
		display: inline-block;
		top: 0px;
	}
	#bunner311 img{
		position: absolute;
		height: 100%;
		width: 100%;
		display: inline-block;
		background-position: center;
		top: 0px;
	}
}
div.player-deco p.caution {
	font-size:75%;
	line-height:1.25;
	padding-top:0.5em;
}
@media all and (min-width: 768px) {
	div.player-deco {
		margin-bottom:30px;
	}
}

@media all and (max-width: 767px)  {
	div.player-deco {
		width:270px;
		margin:0 auto 15px;
	}
}
/* ボタン
===================================================*/
section.box p.come{font-size: 13px;margin-top: 10px;}
section.box p.scoopBtn{margin:10px auto 5px;}
@media all and (min-width: 768px) {section.box p.scoopBtn{width: 300px;margin:20px auto 15px;}}
.button{
	display: block;
	width: 180px;
	height: 50px;
	line-height: 70px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	background-color: #f39800;
	border-bottom: solid 6px #ec6c00;
	border-radius: 5px;
	position: relative;
	margin: 20px auto;
}
.button:hover{
  background-color: #f9c500;
  border-bottom: solid 6px #f39800;
  -moz-transition: -moz-transform 0.1s linear;
  -webkit-transition: -webkit-transform 0.1s linear;
  -o-transition: -o-transform 0.1s linear;
  -ms-transition: -ms-transform 0.1s linear;
  transition: transform 0.1s linear;
}
.button:active {
	margin-bottom:36px;
   margin-top: 20px;
   border-bottom: none;
   -webkit-transform: translateY(3px);
   transform: translateY(3px);
}
@media all and (max-width: 767px)  {
.button:active {
		margin-bottom:26px;
	}
}
.button a{
	width: 100%;
	height: 100%;
	display: block;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	line-height: 3.1;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
}

/* ==========================================================================
obiban-bingo　
============================================================================ */


@media all and (max-width: 767px){
	.obiban-bingo a{
		width: 300px;
		height: 150px;
		background-image: url(../../obiban-bingo/img/banner.png?0);
		text-indent: -9999px;
		display: block;
		margin: 0 auto;
	}
	.voice .box .obiban-bingo {
		width: 70%;
	}
}
@media all and (min-width: 768px) {
	.obiban-bingo a{
		text-indent: -9999px;
		display: block;
		width: 300px;
		height: 150px;
		margin-top: 5px;
		background-image: url(../../obiban-bingo/img/banner.png?0);
	}
}

/* ============================================================================
obiban-bingo　
========================================================================== */

.lazy {
	position:relative;
}

/*	member
============================== */
div.pic-member span, div.pic-member a img {
	display:block;
}
div.pic-member span {
	position:relative;
	height:0;
	background-repeat:no-repeat;
	background-size:cover;
	padding-top:67.2268907563025%;
}
div.pic-member span.lazy-done {
	-webkit-animation: fadeIn 700ms;
	animation: fadeIn 700ms;
}
div.pic-member span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media all and (min-width: 768px) {
div.pic-member {
	margin-bottom:30px;
}
}
@media all and (max-width: 767px) {
div.pic-member {
	margin-bottom:20px;
}
}


/*	banner 160
============================== */
div.bn160 a, div.bn160 a img {
	display:block;
}
div.bn160 a {
	position:relative;
	height:0;
	background-repeat:no-repeat;
	background-size:cover;
	padding-top:26.890756302521%;
}
div.bn160 a.lazy-done {
	-webkit-animation: fadeIn 700ms;
	animation: fadeIn 700ms;
}
div.bn160 a img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media all and (min-width: 768px) {
div.bn160 {
	margin-bottom:30px;
}
}
@media all and (max-width: 767px) {
div.bn160 {
	margin-bottom:20px;
}
}



@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}