body {
font-family: "游ゴシック体", "Yu Gothic", "Yu Gothic M", Meiryo, sans-serif;
}


#bsfr{
	margin:0;
	padding:0;
	background-color:#0050ff;
	color:#fff;
}


header img{
	background-image:url(../img/tbs-insiders/title.png);
	background-size:contain;
	background-repeat:no-repeat;
	vertical-align:top; margin-top:5%;
}

#mdp-fr, header, footer{margin:0 auto;}

.ld{
	background-image:url(../img/tbs-insiders/bg-smp.png);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size:contain;
	color:#013fc8;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	text-shadow:
	-1px -1px 1px #fff, -1px 0 1px #fff, -1px 1px 1px #fff,
	0 -1px 1px #fff, 0 1px 1px #fff,
	1px -1px 1px #fff, 1px 0 1px #fff, 1px 1px 1px #fff;
	display:table-cell;
	vertical-align:middle;
}


#mdp{
	padding:3rem 0;
	background-color:#fff;
	color:#333;
}

a.pst{
	background-color:#ffdd1e;
	margin:3rem auto;
	padding:2.0rem 0;
	border-radius:8px;
	color:#493c00;
	font-weight:bold;
	text-align:center;
	display:block;
}

#mdp p{color:#625101;}

footer{
/*	width:100%;*/
	background-color:#00b4ff;
}

footer p{
	margin:0 auto;
	padding:1.8rem 0 2.2rem 0;
	color:#013fc8;
}

.cpy{
	margin:0 auto;
	padding:1rem 0 0.5rem 0;
	border-top:1px solid #fff;
	font-size:0.5rem;
	text-align:center;
	line-height:1rem;
	word-break: break-all;
}


/* タグ共通 */

a.pst:link { color:#493c00; text-decoration:none; box-shadow:0px 6px #ffba00;}
a.pst:visited { color:#493c00; text-decoration:none; box-shadow:0px 6px #ffba00;}
a.pst:active { color:#493c00; text-decoration: none; box-shadow:0px 6px #ffba00;}
a.pst:hover { color:#493c00; text-decoration: none; background-color:rgba(255,221,30,0.8); box-shadow:none; position:relative; top:5px;}


a.kyk-b:link { color:#f90; text-decoration:none;}
a.kyk-b:visited { color:#f90; text-decoration:none;}
a.kyk-b:active { color:#f90; text-decoration: none;}
a.kyk-b:hover { color:#fff; background-color:#fa0;}


.kyk-b{
	margin:40px auto -10px auto;
	display:block;
	border:2px solid #f90;
	font-weight:bold;
	box-sizing:border-box;
	text-align:center;
}



/*pc*/

@media all and (min-width: 769px) {


#mdp{min-width: 900px; font-size:1.2rem;}
header{width:900px;}
#mdp-fr, footer p, div.cpy{width:740px;}

.ld{
	background-color:rgba(255,255,255,0.15);
	width:800px;
	height:180px;
	font-size:1.6rem;
	letter-spacing:0.1rem;
	line-height:2.5rem;
}

#mdp p{line-height:1.8rem;}


a.pst{
	width:60%;
	font-size:2.2rem;
}

footer p{
	font-size:1rem;
	line-height:1.4rem;
}


.brsmp{display:none;}


.kyk-b{
	padding:10px;
	width:400px;
}



}




/*smp*/

@media all and (max-width: 768px) {

header img{width:100%;}
header{width:100%;}
#mdp-fr, footer p, div.cpy{width:95%;}


.ld{
	background-color:rgba(255,255,255,0.15);
	background-blend-mode:lighten;
	width:800px;
	height:180px;
	font-size:1.25rem;
	letter-spacing:0.1rem;
	line-height:1.85rem;
}

#mdp p{line-height:1.6rem;}

a.pst{
	width:85%;
	font-size:1.8rem;
}

footer p{
	font-size:0.8rem;
	line-height:1.2rem;
}


.kyk-b{
	padding:12px 10px;
	width:70%;
}



}