/* ===========================================
	TBS di2 one column
=========================================== */

body {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
}

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

div.single h1 {
	color:#4e4e4e;
	line-height:1.25;
	height:49px;
}
div.single h1:before {
	content:"";
	display:block;
	float:left;
	width:49px;
	height:49px;
	background-image:url(../img/di2_icons.svg);
	background-position:left top;
	background-size:50px 800px;
	border-radius:12px;
}
div.single h1:after {
	display:block;
	line-height:1.5;
	font-size:12px;
	color:#999;
}
body.tvJimaku div.single h1:before,
body.tvKaisetsu div.single h1:before {
	background-position:0 -50px;
}
body.tvJimaku div.single h1:after {
	content:"Captioned";
}
body.tvKaisetsu div.single h1:after {
	content:"TV Commentary";
}
body.rights div.single h1:before,
body.sitepolicy div.single h1:before {
	background-position:0 -100px;
}
body.rights div.single h1:after {
	content:"Copyright ＆ Link Policy";
}
body.sitemap div.single h1:before {
	background-position:0 -150px;
}
body.sitemap div.single h1:after {
	content:"Sitemap";
}
body.sitepolicy div.single h1:after {
	content:"Site Policy";
}
body.sns div.single h1:before {
	background-position:0 -250px;
}
body.sns div.single h1:after {
	content:"External Service";
}
body.contact div.single h1:before {
	background-position:0 -200px;
}
body.contact div.single h1:after {
	content:"Information";
}

p.smbtn {
	float:left;
}
p.smbtn a {
	color:#000;
	text-decoration:none;
	padding-right:16px;
}
div.unit p.smbtn, section.unit p.smbtn {
	font-size:100%;
}


div.single p.update {
	text-align:right;
	font-size:75%;
	line-height:1.5;
	margin-bottom:1em;
}
/* update */
div.single p.update {
	text-align:right;
	font-size:75%;
	line-height:1.5;
	margin-bottom:1em;
}

/* sections */
div.unit p, section.unit p {
	line-height:1.5;
	margin-bottom:1.25em;
}
div.unit ul, section.unit ul,
div.unit dl, section.unit dl {
	margin-bottom:1.25em;
}
section.unit h2 {
	color:#333;
	font-size:100%;
	border-top: 3px dotted #bfdcf3;
	border-bottom: 3px dotted #bfdcf3;
	padding:0;
	margin:0;
	line-height:1.25;
	padding:0.25em 0;
	margin-bottom:0.5em;
}
div.unit ul, section.unit ul {
	margin-left:1.5em;
	list-style-type:circle;
}
div.unit ul li, section.unit ul li,
div.unit dl dt, section.unit dl dt,
div.unit dl dd, section.unit dl dd {
	line-height:1.5;
}
div.unit h3, section.unit h3, div.unit h4, section.unit h4 {
	line-height:1.25;
	margin-bottom:0.5em;
}
div.unit h3, section.unit h3 {
	color:#005090;
	border-left:6px solid #003967;
	padding:0.2em 0.5em;
}
div.unit h4, section.unit h4 {
	color:#4d85b2;
}
div.unit h4:before, section.unit h4:before {
	content:"◆ ";
}
div.unit dl, section.unit dl {
	clear:both;
}
div.unit dl.kome1 dt, section.unit dl.kome1 dt,
div.unit dl.kome2 dt, section.unit dl.kome2 dt {
	float:left;
}
div.unit dl.kome1 dd, section.unit dl.kome1 dd {
	padding-left:1.5em;
}
div.unit dl.kome2 dd, section.unit dl.kome2 dd {
	padding-left:2.5em;
}


div.headLink {
	background-color:#cce3f5;
	border:1px solid #ccc;
}
div.headLink ul {
	margin-bottom:0.5em;
}
div.headLink ul li {
	float:left;
	line-height:1.5;
	padding-right:1em;
	font-size:83%;
}
div.headLink ul li a {
	text-decoration:none;
	font-weight:bold;
	color:#0073cf;
}
div.headLink ul li a:hover {
	text-decoration:underline;
}
div.headLink p {
	font-size:75%;
	line-height:1.25;
}


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

div.con-bg {
	min-width:0;
}
div.single h1 {
	font-size: 125%;
	margin-top:2px;
	margin-bottom:15px;
}
div.single h1:before {
	margin-top:-2px;
	margin-right:14px;
}

div.single main {
	padding-bottom:64px !important;
}

/* sections */
section.unit {
	margin-bottom:20px;
}
div.unit p, section.unit p,
div.unit ul li, section.unit ul li,
div.unit h3, section.unit h3, div.unit h4, section.unit h4,
div.unit ul li, section.unit ul li,
div.unit dl dt, section.unit dl dt,
div.unit dl dd, section.unit dl dd {
	font-size:87.5%;
}

div.headLink {
	padding:15px;
	margin-bottom:20px;
}

}


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

div.single h1 {
	font-size: 100%;
	margin-top:5px;
	margin-bottom:10px;
}
div.single h1:before {
	margin-top:-5px;
	margin-right:10px;
}

/* sections */
section.unit {
	margin-bottom:15px;
}
div.unit p, section.unit p,
div.unit ul li, section.unit ul li,
div.unit h3, section.unit h3, div.unit h4, section.unit h4,
div.unit ul li, section.unit ul li,
div.unit dl dt, section.unit dl dt,
div.unit dl dd, section.unit dl dd {
	font-size:83%;
}

div.headLink {
	padding:10px;
	margin-bottom:15px;
}

}

/*	page top
============================== */

p.pgt a {
	display:block;
	text-decoration:none;
}
@media all and (min-width: 768px) {
	p.pgt {
		position:absolute;
		right:20px;
		/*bottom:-9px;*/
		bottom:0;
	}
	p.pgt a {
		background-image:url(../img/gf_pagetop.png);
		background-position:left top;
		background-repeat:no-repeat;
		background-size:cover;
		width:152px;
		height:102px;
		font-size:2px;
		text-indent: 110%;
		white-space: nowrap;
		overflow: hidden;
	}
}
@media all and (max-width: 767px) {
	p.pgt {
		text-align:center;
	}
	p.pgt a {
		font-weight:bold;
		color:#fff;
		background-color:#0073cf;
		line-height:49px;
		height:49px;
	}
	p.pgt a span {
		display:inline-block;
		height:49px;
		background-image:url(../img/gf_parts.svg);
		background-position:0 -216px;
		background-repeat:no-repeat;
		padding-left:28px;
	}
}

/*	copyright
============================== */

p.copyright {
	color:#4e4e4e;
	text-align:center;
	line-height:1.25;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
}
p.copyright a {
	color:#177bd6;
	text-decoration:underline;
}
@media all and (min-width: 768px) {
	p.copyright {
		width:980px;
		margin:20px auto 0;
		padding-bottom:30px;
		font-size:83%;
	}
	p.copyright a:hover {
		text-decoration:none;
	}
}
@media all and (max-width: 767px) {
	p.copyright {
		margin-top:20px;
		padding:0 15px 30px;
		font-size:75%;
	}
}
@media all and (min-width: 768px) {
	p.copyright {
		width:auto;
		margin:20px 0 0;
	}
}