/* =================================
	TBS COIN-TOSS season8 CSS
================================= */

/* =================================
	TBS RESET CSS
================================= */

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;
}

/* =================================
	COMMON CSS
================================= */

/* link */
a:link {
	text-decoration:underline;
	color:#fa4e17;
}
a:visited {
	text-decoration:none;
	color:#fa4e17;
}
a:active {
	text-decoration:none;
	color:#fa4e17;
}
a:hover {
	text-decoration:underline;
	color:#fa4e17;
}

/* text-color */
.gray {color:#808080;}
.black {color:#171717;}
.purple {color:#a757a8;}
.ultramarine {color:#465daa;}
.blue {color:#0067c0;}
.lightblue {color:#afdfe4;}
.deepgreen {color:#060;}
.green {color:#008000;}
.yellowgreen {color:#b9c42f;}
.yellow {color:#ffb74c;}
.orange {color:#ff7b00;}
.pink {color:#f58f98;}
.vermilion {color:#ef454a;}
.red {color:#ed1a3d;}
.carmine {color:#c22047;}
.magenta {color:#ec008c;}
.brown {color:#994c00;}
.reddishbrown {color:#800000;}
.yellowocher {color:#c39143;}
.gold {color:#ffd700;}
.silver {color:#c0c0c0;}

/* margin-bottom */
.mgb-0 {margin-bottom:0 !important;}
.mgb-20 {margin-bottom:20px !important;}
.mgb05em {margin-bottom:0.5em !important;}
.mgb1em {margin-bottom:1em !important;}
.mgb15em {margin-bottom:1.5em !important;}

/* lazyload */
.lazy {
	display:block;
	position:relative;
}

/* strech */
.img-strech {
	position:relative;
	height:0;
}
.img-strech .inner {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

/* nowrap */
.nowp {
	white-space:nowrap;
}


/*	background
============================== */
html, body, div#con-body {
	background-color:#177bd6;
}
body {
	color:#4e667b;
	text-align:center;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
}
div.cover {
}
@media all and (min-width: 768px) {
div.cover {
	position:relative;
	background-image:url(../img/bg.png?0);
	background-position:center top;
	background-repeat:repeat;
	background-color:#2c90f4;
	padding-bottom:40px;
	border-bottom:15px solid #fff;
}
}
@media all and (max-width: 767px) {
div.cover {
	background-position:left top;
	background-size:22px;
}
}


/*	copyright
============================== */
p.copyright {
	color:#cceaff;
	line-height:1.25;
	text-align:center;
}
p.copyright a {
	color:#ffc2ea;
}
@media all and (min-width: 768px) {
	p.copyright {
		font-size:75%;
		padding:25px 0;
	}
	p.copyright a:hover {
		text-decoration:none;
	}
}
@media all and (max-width: 767px) {
	p.copyright {
		font-size:67.5%;
		padding:10px;
	}
}


/*	pagetop
============================== */
p.pgt {
}
p.pgt a {
	display:block;
}
@media all and (min-width: 768px) {
p.pgt {
	position:absolute;
	right:40px;
	bottom:30px;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}
p.pgt a {
	background-image:url(../img/cm_btns_pc.png?20180119);
	background-repeat:no-repeat;
	background-position:0 -240px;
	width:140px;
	height:114px;
}
}
@media all and (max-width: 767px) {
p.pgt {
	text-align:center;
}
p.pgt a, p.pgt span {
	display:block;
}
p.pgt a {
	text-decoration:none;
	color:#fff44e;
	background-color:#ff177b;
}
p.pgt a span {
	background-image:url(../img/cmn_menu.svg);
	background-repeat:no-repeat;
	background-position:right bottom;
	font-weight:bold;
	height:44px;
	line-height:44px;
}
}


/*	layout
============================== */
div.cover div.wrap {
	text-align:left;
}
@media all and (min-width: 768px) {
div.cover div.wrap {
	width:980px;
	margin:0 auto;
}
div.col-lef {
	width:656px;
	float:left;
}
div.col-rig {
	width:300px;
	float:right;
	padding-bottom:140px;
}
}
@media all and (max-width: 767px) {
.smp-bg {
	background-image:url(../img/bg.png?0);
	background-position:center top;
	background-repeat:repeat;
	background-size:28px;
}
div.cover div.wrap {
}
div.col-rig {
}
}


/*	header
============================== */
@font-face {
	font-family: 'Fredoka One';
	src: url('/um/library/fonts/Fredoka_One/FredokaOne-Regular.ttf') format("truetype");
}
div.header header {
	text-align:left;
}
div.header header h1 {
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}
div.header header p.oa {
	text-align:center;
	color:#994e17;
	line-height:1.25;
	font-weight:bold;
	letter-spacing:1px;
}
div.header header p.oa span {
	color:#ff177b;
	font-size:125%;
	font-family: 'Fredoka One', 'sans serif';
	font-weight:normal;
}
@media all and (min-width: 768px) {
div.header {
	min-width:980px;
}
div.header {
	background-image:url(../img/idx_bg_header.png?0);
	background-repeat:repeat-x;
	background-position:center top;
}
div.header header {
	position:relative;
	width:980px;
	margin:0 auto;
}
.idx div.header header {
	height:400px;
}
.idx div.header header h1 {
	background-image:url(../img/top_logo_pc.png);
	position:absolute;
	left:0;
	top:0;
	width:980px;
	height:380px;
	z-index:2;
}
.cmn div.header header h1 {
	position:absolute;
	left:2px;
	top:20px;
}
div.header header p.oa {
	font-size:150%;
	z-index:3;
}
.idx div.header header p.oa {
	position:absolute;
	left:0;
	top:264px;
	width:390px;
}
.cmn div.header header p.oa {
	position:absolute;
	right:20px;
	top:135px;
	width:600px;
	text-align:right;
}
.idx div.header header div.pics,
.idx div.header header div.pics img {
	width:610px;
	height:366px;
}
.idx div.header header div.pics {
	background-image:url(../img/top_main_pc9.jpg?201801);
	background-repeat:no-repeat;
	background-position:left top;
	position:absolute;
	left:340px;
	top:0;
	z-index:1;
}
div.header header div.pics img {
	display:block;
}
}
@media all and (max-width: 767px) {
.idx div.header header h1 {
	display:none;
}
.cmn div.header header h1 {
	background-position:center center;
	background-color:#fff;
	background-size:230px 136px;
	height:156px;
}
.cmn div.header header h1 > a {
	display:block;
	height:156px;
}
div.header header p.oa {
	background-color:hsla(0,0%,100%,0.9);
	padding:0.25em 0;
}
.idx div.header header div.pics {
	background-image:url(../img/top_main_smp9.jpg?0);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	position:relative;
	height:0;
	padding-top:71.614583%;
}
.idx div.header header div.pics img {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}



/* =================================
	RIGHT COLUMN
================================= */

/* rectangle */
div.col-rig div.recta {
	width:300px;
	height:250px;
	overflow:hidden;
	background-color:#ccc;
}
@media all and (min-width: 768px) {
div.col-rig div.recta {
	margin-bottom:20px;
}
}
@media all and (max-width: 767px) {
div.col-rig div.recta {
	margin:10px auto;
}
}

/* sns buttons */
div.col-rig div.sns-btns {
	padding:10px 0 7px;
	background-color:#b2e0ff;
}
@media all and (min-width: 768px) {
div.col-rig div.sns-btns {
	border-radius:12px;
	margin-bottom:20px;
}
div.col-rig div.sns-btns div.tw {
	width:100px;
	float:left;
	margin-left:40px;
}
div.col-rig div.sns-btns div.fb {
	float:right;
}
}
@media all and (max-width: 767px) {
div.col-rig div.sns-btns {
	text-align:center;
}
div.col-rig div.sns-btns div.tw, div.col-rig div.sns-btns div.fb {
	display:inline-block;
}
div.col-rig div.sns-btns div.tw {
	padding-right:50px;
}
}

/* Twitter timeline */
div.col-rig aside section.tw-timeline {
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fffaea), color-stop(0.2, #ffea66), color-stop(0.5, #ffd600), to(#ffd600));
	background-image: linear-gradient(#fffaea, #ffea66 20%, #ffd600 50%, #ffd600);
	padding-bottom:10px;
}
div.col-rig aside section.tw-timeline h2 {
	background-image:url(../img/cmn_rig_png.png);
	background-position:center top;
	background-repeat:no-repeat;
}
div.col-rig aside section.tw-timeline h2 a {
	display:block;
	height:50px;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}
div.col-rig aside section.tw-timeline div.inner {
	background-color:#fff;
}
@media all and (min-width: 768px) {
div.col-rig aside section.tw-timeline {
	margin-bottom:20px;
}
div.col-rig aside section.tw-timeline div.inner {
	margin:0 10px;
}
}
@media all and (max-width: 767px) {
div.col-rig aside section.tw-timeline div.inner {
	width:260px;
	margin:0 auto;
}
div.col-rig aside section.tw-timeline div.inner iframe {
	width:260px !important;
}
}


/* right banners */
.rig-bns {
	list-style-type:none;
}
.rig-bns li {
	background-repeat:no-repeat;
	background-color:#fff;
}
.rig-bns li:not(:last-child) {
	margin-bottom:10px;
}
.rig-bns li.bn-fb {
	background-image:url(../img/cmn_rig_png.png);
	background-position:0 -150px;
}
.rig-bns li a {
	display:block;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
	height:100px;
}
@media all and (min-width: 768px) {
.rig-bns {
	margin-bottom:20px;
}
.rig-bns li a:hover {
	background-color:#fff;
	opacity:0.3;
}
}
@media all and (max-width: 767px) {
.rig-bns {
	padding:10px 0;
}
.rig-bns li {
	width:300px;
	margin:0 auto;
}
}


aside.m-sns > div {
	background-image:url(../img/cm_btns_pc.png);
	background-position:-360px -10px;
	width:300px;
	height:110px;
	position:relative;
}
aside.m-sns ul {
	list-style-type:none;
}
aside.m-sns ul li {
	position:absolute;
	top:23px;
}
aside.m-sns ul li.myt {
	left:56px;
}
aside.m-sns ul li.mtw {
	left:124px;
}
aside.m-sns ul li.mig {
	left:192px;
}
aside.m-sns ul li a {
	display:block;
	width:50px;
	height:50px;
}
aside.m-sns > div > p {
	color:#666;
	position:absolute;
	width:282px;
	left:9px;
	top:78px;
	text-align:center;
	line-height:1.25;
	font-size:75%;
}
@media all and (min-width: 768px) {
aside.m-sns {
	margin-bottom:15px;
}
}
@media all and (max-width: 767px) {
aside.m-sns {
	background-color:hsla(0,0%,100%,0.75);
	padding:10px 0;
}
aside.m-sns > div {
	width:300px;
	margin:0 auto;
}
}


/* =================================
	ARCHIVES
================================= */

/*	archives banners
============================== */
section.archives {
	background-color:#fff;
	padding-bottom:10px;
}
section.archives ul {
	width:280px;
	margin:0 auto;
}
section.archives ul li {
	background-image:url(/coin-toss/img/cmn_archives.jpg?202310);
	background-repeat:no-repeat;
}
section.archives ul li:not(:last-child) {
	margin-bottom:6px;
}
section.archives h2 {background-position:center top;}
section.archives ul li.season12 {background-position:0 -700px;}
section.archives ul li.season11 {background-position:0 -650px;}
section.archives ul li.season10 {background-position:0 -600px;}
section.archives ul li.season9 {background-position:0 -550px;}
section.archives ul li.season8 {background-position:0 -500px;}
section.archives ul li.season7 {background-position:0 -450px;}
section.archives ul li.season6 {background-position:0 -400px;}
section.archives ul li.season5 {background-position:0 -350px;}
section.archives ul li.season4 {background-position:0 -300px;}
section.archives ul li.season3 {background-position:0 -50px;}
section.archives ul li.season2 {background-position:0 -100px;}
section.archives ul li.season1 {background-position:0 -150px;}
section.archives ul li.nico {background-position:0 -200px;}
section.archives ul li.inter2 {background-position:0 -250px;}
section.archives h2,
section.archives ul li a {
	display:block;
	height:50px;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}
section.archives h2 {
	height:10px;
}
@media all and (min-width: 768px) {
section.archives {
	border-radius:10px;
}
section.archives ul li a:hover {
	background-color:#fff;
	opacity:0.3;
}
}
@media all and (max-width: 767px) {
}


/* =================================
	LEFT COLUMN
================================= */

div.contents {
}
div.contents span.bnr, div.contents span.bnr img {
	display:block;
}
div.contents span.bnr {
	position:relative;
	height:0;
	background-size:cover;
	padding-top:121.9512195121951%;
}
div.contents span.bnr img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media all and (max-width: 767px) {
div.contents {
	background-image:url(../img/bg.png);
	background-position:center top;
	background-repeat:repeat;
	background-color:#ff8ec0;
	background-size:22px;
	padding:12px;
	overflow:hidden;
}
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 20%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 20%, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

div.contents span.lazy-done {
	-webkit-animation: fadeInUp 1500ms;
	animation: fadeInUp 1500ms;
}


div.bn-member span,
div.bn-member span img {
	display:block;
}
div.bn-member span {
	background-repeat:no-repeat;
}
@media all and (min-width: 768px) {
div.bn-member {
	margin-bottom:30px;
}
div.bn-member span img {
	height:150px;
}
}
@media all and (max-width: 767px) {
div.bn-member {
	margin:0 0 15px;
}
div.bn-member span {
	position:relative;
	height:0;
	background-size:contain;
	padding-top:22.8658636586366%;
}
div.bn-member span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}