/*
	/sports/highfiveweb/nagoyavr2018/css/style.css
	-----------------------------------
	v1.0
	Last Updated: 2018-04-30
	Copyright: MIDLAND CHARITY SKYRUN 2018. All rights Reserved.
	-----------------------------------
	[Updated]
	v1.0		2018-04-30
	-----------------------------------
*/


html {
	background-color: #fff;
}

body {
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 400;
	font-size: 100%;
	line-height: 1.5;
	background-color: #fff;
}

#container {
	background-color: #fff;
}
@media screen and (min-width: 601px) {
	#container {
		width: 600px;
		margin: 0 auto;
	}
}
#top-topics {
	width: 100%;
}

.txt-red{
	color: #e60012;
}


/*
	:	Header Module
----------------------------------------- */

#header {
	width: 100%;
	top: 0;
	background-color: #ffff00;
	z-index: 4;
}
#header .header-wrap {
	width: 94%;
	margin: 0 auto;
	padding: 3% 0;
}

@media screen and (min-width: 601px) {
	#header {
		width: 600px;
	}
}

.header-nav {
	background: #ef891b;
}
.header-nav ul {
	width: 100%;
	position: relative;
}
.header-nav ul li {
	float: left;
	width: -webkit-calc(100% / 2);
	width: calc(100% / 2);
	text-align: center;
	border-right: 1px solid #e5f6ff;
}
.header-nav ul li:nth-child(3) {
	border-right: none;
}
.header-nav ul li a {
	color: #fbe5cd;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 10pt;
	padding-top: .75em;
	padding-bottom: .75em;
	display: block;
}
.header-nav ul li a:hover {
	background: #d77000;
}
.header-nav .en {
	font-family: 'Roboto', sans-serif;
}
.header-nav .jp {
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 16px;
	color: #fff;
}


.content-block {
	width: 94%;
	margin: 2em auto 0;
}

header.ttl {
	padding-left: 70px;
	padding-bottom: .5em;
	margin-bottom: 1em;
	height: 75px;
	background: transparent url(../img/marker_ttl.png) 0 0 no-repeat;
}
header.ttl h1,
header.ttl h2 {
	line-height: 1;
}
header.ttl h1 {
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	font-weight: 900;
	font-size: 30px;
	color: #ef891b;
}
header.ttl h2 {
	font-weight: 500;
	padding-left: .75em;
	margin-top: .5em;
}


#sns-block {
	width: 100%;
	padding-bottom: .75em;
}
.sns {
	width: 96%;
	padding-top: .75em;
	margin: 0 auto;
	text-align: center;
}
.ttl-sns {
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
	color: #2a2b2b;
	font-size: .9em;
}
.ttl-sns i {
	padding-right: .1em;
}
.sns-list {
	display: inline-block;
}
.sns-list li {
	display: inline-block;
	position: relative;
	padding-right: .2em;
}
.sns-list li img {
	width: 42px;
	height: auto;
	vertical-align: middle;
}
@media only screen and (max-width: 40em) {
	#sns-block {
		background: #fff;
	}
}
@media print, screen and (min-width: 40em) {
	#sns-block {
		padding-bottom: 15px;
	}
	.sns {
		width: 980px;
		padding-top: 15px; 
	}
	.sns-list li img {
		width: 26px;
		height: auto;
		vertical-align: middle;
	}
}

.content-body {
	padding-bottom: 2em;
}
.content-body  p {
	margin-bottom: .5em;
}

.btn-result {
	width: 80%;
	margin: 0 auto 1em;
	background: #e5f6ff;
	border: 1px solid #0084c7;
	text-align: center;
	font-weight: 500;
	position: relative;
}
.btn-result a {
	display: block;
	padding-top: 1em;
	padding-bottom: 1em;
	color: #0084c7;
}
.btn-result a:after {
	position: absolute;
	font-family: FontAwesome;
	content: '\f105';
	right: .5em;
}

.bg-nam2018 {
	/*background: #fff url(../img/bg_midland.png) right top no-repeat;*/
	padding-bottom: 4em;
}


.yt-live-block,
.yt-live-block02 {
	margin-bottom: 2em;
}
.yt-live-block02 {
	background: rgba(3, 122, 182, .6);
}
.yt-ttl {
	line-height: 1.5;
	border-bottom: 1px solid #ef891b;
	margin-bottom: .5em;
}
.yt-ttl02 {
	line-height: 1.5;
	padding-top: .5em;
	margin-bottom: .5em;
}
.yt-ttl h2 {
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	font-size: 24px;
	color: #ef891b;
	display: inline-block;
	position: relative;
}
.yt-ttl02 h2 {
	font-style: italic;
	font-size: 40px;
	color: #fff;
	display: inline-block;
	position: relative;
	padding-left: 3.5%;
}
.yt-ttl h2:before,
.yt-ttl02 h2:before {
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	content: 'LIVE';
	background: #f00;
	color: #fff;
	padding: .1em .3em;
	margin-right: .5em;
	vertical-align: middle;
}
.yt-live-block h3 {
	display: inline-block;
	margin-left: 3.2em;
	padding-bottom: .5em;
}
.yt-block-frame {
	width: 100%;
}
.yt-block-frame02 {
	width: 100%;
	margin: 0 auto .5em;
	padding-bottom: 3.5%;
}

.schedule-list {
	font-weight: 700;
}
.schedule-list dt {
	clear: both;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	float: left;
	text-align: center;
	width: 15%;
	background: #ef891b;
	margin-bottom: .5em;
	padding: .1em .4em;
}
.schedule-list dd {
	margin-left: 15%;
	margin-bottom: .5em;
	padding: .1em .4em;
}
table.tbl-schedule {
	border-top: 1px solid #0084c7;
	border-bottom: 1px solid #0084c7;
	font-size: 14px;
}
table.tbl-schedule th,
table.tbl-schedule td {
	text-align: left;
	padding: .5em;
	vertical-align: top;
}
table.tbl-schedule th {
	border-bottom: 1px solid #0084c7;
}
table.tbl-schedule td {
	border-bottom: 1px solid #d3d3d3;
}
table.tbl-schedule th {
	color: #0084c7;
}
table.tbl-schedule td.time {
	font-family: 'Roboto', sans-serif;
	color: #0084c7;
}
table.tbl-schedule td.num {
}
table.tbl-schedule td.num span {
	font-size: 12px;
}

@media only screen and (max-width: 40em) {
	.yt-ttl h2 {
		font-size: 20px;
	}
	.yt-live-block h3 {
		margin-bottom: 1em;
		margin-left: 3.25em;
	}
}


#footer {
	background: #ef891b;
	padding-top: 2em;
	padding-bottom: 3em;
}
#footer .wrap {
	width: 94%;
	margin: 0 auto;
}
.footer-bnr {
	padding-bottom: 1em;
}
.footer-bnr li {
	float: left;
	width : -webkit-calc(50% - 5px);
	width: calc(50% - 5px);
	margin: 0 10px 0 0;
}
.footer-bnr li:nth-child(2n) {
	margin-right: 0;
}
.copyright {
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	text-align: center;
}