@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
gorin.jp 2018 (min-width:768px)
/////////////////////////////////////////////////////////////////////////*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');
* { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box;}
html, body { height:100%;}
html { font-family:"NotoSansCJKjp", "Hiragino Sans", "Hiragino Kaku Gothic ProN", メイリオ, sans-serif;}
body { font-size:62.5%; line-height:1; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
h1, h2, h3, h4, h5, h6 { font-size:100%;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary { display:block;}
audio,canvas,progress,video { display:inline-block;}
a,embed,object,button { outline:none;}
img { border:none; box-sizing:content-box; -webkit-box-sizing:content-box;}
hr { display:none;}
li { list-style:none;}
a { background-color:transparent; -webkit-text-decoration-skip:objects;}

/*@common
/////////////////////////////////////////////////////////////////////*/
body {
	color:#000; min-width:1080px;
	-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
a { color:#000; text-decoration:none; -webkit-transition:all 0.2s; transition:all 0.2s;}
input, button, textarea, select {
	border:none; border-radius:0; outline:none;
	background:none; vertical-align:baseline; font-family:inherit;
	-webkit-appearance:none; -moz-appearance:none; appearance:none;
	-webkit-transition:all 0.25s; transition:all 0.25s;
}
.inner { width:1000px; margin:0 auto; position:relative;}
.red { color:#ee0000;}
.bold { font-weight:bold;}
.right { text-align:right;}
.ms {
	font-family:'Montserrat', sans-serif; font-weight:500;
	font-style:normal; letter-spacing:0.05em;
	-webkit-font-smoothing:auto; -moz-osx-font-smoothing:auto;
}
.smooth { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
br.sp { display:none;}

/*header*/
#gbheader { height:90px; background:#fff; overflow:hidden;}
	#gbheader > .inner { width:100%; height:90px; padding-top:16px;}
	#gbheader h1 {
		width:150px; height:57px;
		background:url(../img/logo_gorin.svg?v2020) no-repeat;
		background-size:contain;
		font-size:0; color:transparent;
		margin:0 auto; position:relative;
	}
	#gbheader h1 a { display:block; width:100%; height:100%; background:#fff; opacity:0;}
	#gbheader h1 a:hover { opacity:0.3;}
	#gbheader .olympic-channel {
		width:180px; height:40px;
		position:absolute; top:28px; right:25px;
	}
	#gbheader .olympic-channel a {
		display:block; width:100%; height:100%;
		background:url(../img/logo_channel.png) no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:0; left:0;
	}
	#gbheader .olympic-channel a:hover { opacity:0.7;}
	/*search-field*/
	#mSearch { display:none;}
	#gbheader .search-field { width:250px; position:absolute; top:35px; left:30px;}
	#gbheader .search-field input[type="text"] {
		width:210px; height:34px; font-size:15px; line-height:1.5;
		background:#e8e8e8;
		padding:0 1em; position:relative; z-index:2;
		-webkit-transition:all 0.3s; transition:all 0.3s;
	}
	#gbheader .search-field button {
		width:40px; height:34px; font-size:0; color:transparent;
		background:none; cursor:pointer;
		position:absolute; top:0; left:210px; z-index:3;
	}
	#gbheader .search-field button:before {
		content:""; width:30px; height:30px;
		background:url(../img/parts.png) no-repeat -110px 0;
		background-size:200px auto;
		position:absolute; top:50%; left:50%;
		margin:-15px 0 0 -15px;
	}
	#gbheader .search-field input[type="text"]::-webkit-input-placeholder { color:#959595; opacity:1;}
	#gbheader .search-field input[type="text"]:-moz-placeholder { color:#959595;}
	#gbheader .search-field input[type="text"]::-moz-placeholder { color:#959595; opacity:1;}
	#gbheader .search-field input[type="text"]:-ms-input-placeholder { color:#959595;}

/*sharebtn*/
.sharebtn {
	font-size:0; text-align:center;
	position:absolute; top:30px; right:235px;
	}
	.sharebtn li { display:inline-block; vertical-align:middle;}
	.sharebtn li a {
		display:block; width:40px; height:40px; position:relative;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
	.sharebtn li.fb a { background:#3b5998;}
	.sharebtn li.tw a { background:#55acee;}
	.sharebtn li a:before {
		content:""; display:block; width:30px; height:30px;
		background:url(../img/parts.png) no-repeat;
		background-size:200px auto;
		position:absolute; top:50%; left:50%;
		margin:-15px 0 0 -15px;
		transform:scale(0.8); -webkit-transform:scale(0.8);
	}
	.sharebtn li.fb a:before { background-position:0 0;}
	.sharebtn li.tw a:before { background-position:-35px 0;}
	.sharebtn li.fb a:hover { background:#2d4886;}
	.sharebtn li.tw a:hover { background:#449be9;}
	.sharebtn .share { font-size:12px; font-weight:bold; color:#fff; text-align:center; margin-bottom:4px;}
	.sharebtn li.line { display:none;}
	/*small*/
	.sharebtn.small li a { width:35px; height:35px;}
	.sharebtn.small li a:before { transform:scale(0.7); -webkit-transform:scale(0.7);}

/*footer*/
#gbfooter { text-align:center;}
#gbfooter ul li { display:inline-block; vertical-align:top;}
#gbfooter .f1 { background:#383838; padding:35px 0;}
	#gbfooter .f1 .ms { font-weight:bold;}
	#gbfooter .follow li { margin:0 5px;}
	#gbfooter .follow a {
		display:block; width:285px; height:40px;
		font-size:12px; font-weight:bold; color:#fff;
		line-height:40px; letter-spacing:0.07em;
		background:#5b5858; border-radius:50px;
		padding-right:10px;
	}
	#gbfooter .follow a:before {
		content:""; display:inline-block; width:30px; height:30px;
		background:url(../img/parts.png) no-repeat;
		background-size:200px auto;
		vertical-align:middle; margin:-3px 10px 0 -10px;
	}
	#gbfooter .follow .fb a:before { background-position:0 0;}
	#gbfooter .follow .tw a:before { background-position:-35px 0;}
	#gbfooter .txtlink { padding-top:35px;}
	#gbfooter .txtlink a {
		display:block; width:100%;
		font-size:14px; font-weight:bold; color:#fff;
		letter-spacing:0.07em; padding:5px 15px;
		position:relative;
	}
	#gbfooter .txtlink .pp a:after {
		content:""; display:block; width:15px; height:15px;
		background:url(../img/parts.png) no-repeat -170px -55px;
		background-size:200px auto;
		position:absolute; top:50%; right:-4px;
		margin-top:-8px;
	}
	/*hover*/
	#gbfooter .follow .fb a:hover { background:#3b5998;}
	#gbfooter .follow .tw a:hover { background:#55acee;}
	#gbfooter .txtlink a:hover { opacity:0.7;}
#gbfooter .f2 { background:#fff; padding:20px 0 15px; position:relative;}
	#gbfooter .tvlink { padding:10px 0 15px;}
	#gbfooter .tvlink li { margin:0 5px;}
	#gbfooter .tvlink li a {
		display:block; height:40px;
		background:url(../img/logo_tv.png) no-repeat;
		background-size:445px auto;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
	#gbfooter .tvlink li.tv1 a { background-position:0 0; width:60px;}
	#gbfooter .tvlink li.tv2 a { background-position:-65px 0; width:85px;}
	#gbfooter .tvlink li.tv3 a { background-position:-155px 0; width:80px;}
	#gbfooter .tvlink li.tv4 a { background-position:-240px 0; width:90px;}
	#gbfooter .tvlink li.tv5 a { background-position:-335px 0; width:110px;}
	#gbfooter .officiallink { position:absolute; top:30px; right:20px;}
	#gbfooter .officiallink a {
		display:block; width:90px; height:43px;
		background:url(../img/logo_ioc.png) no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
	#gbfooter .f2 a:hover { opacity:0.7;}
	#gbfooter .copyright { font-size:10px; letter-spacing:0;}
#ptop {
	position:fixed; bottom:20px; right:30px; z-index:100;
	-webkit-transition:all 0.5s; transition:all 0.5s;
	visibility:hidden; opacity:0;
	}
	#ptop a {
		display:block; width:72px; height:72px;
		background:rgba(0, 0, 0, 0.5); border-radius:50%;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:relative;
	}
	#ptop a:hover { background:rgba(0, 0, 0, 0.8);}
	#ptop a:before {
		content:""; display:block; width:35px; height:30px;
		background:url(../img/parts.png) no-repeat -70px 0;
		background-size:200px auto;
		position:absolute; top:50%; left:50%;
		margin:-15px 0 0 -17.5px;
	}
	#ptop.end { bottom:185px;}

/*@contents
/////////////////////////////////////////////////////////////////////*/
#contents { padding-bottom:0; overflow:hidden;}
.bn_app { width:370px; margin:0 auto 40px;}
.bn_app img { display:block; width:100%;}
.omega.sp { display:none;}
/*pic*/
.pic {
	width:100%; height:0; padding-top:56.25%;
	position:relative; overflow:hidden;
	}
	.pic:after {
		content:""; display:block; width:100%; height:100%;
		background:#000;
		position:absolute; top:0; left:0;
		-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
		opacity:0;
	}
	.picinner {
		width:100%; height:100%;
		background:transparent no-repeat center center;
		background-size:cover;
		position:absolute; top:0; left:0;
		-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
	}
	a:hover .pic:after { opacity:0.2;}
	a:hover .picinner { transform:scale(1.05); -webkit-transform:scale(1.05);}
.pic-circle {
	display:inline-block; width:133px; height:133px;
	background:transparent no-repeat center center;
	background-size:cover;
	border-radius:50%;
	position:relative;
}
/*btn*/
.btn { width:670px; text-align:center; margin:0 auto;}
	.btn a {
		display:inline-block; width:100%; height:40px;
		font-size:15px; font-weight:bold; color:#fff; line-height:40px;
		border-radius:50px; background:#383838;
		padding-left:10px; cursor:pointer;
	}
	.btn a:hover { opacity:0.8;}
	.btn.link a:after {
		content:""; display:inline-block; width:20px; height:20px;
		background:url(../img/parts.png) no-repeat -145px -50px;
		background-size:200px auto;
		vertical-align:middle; margin:-3px 0 0 15px;
	}
	.btn.more a:after {
		content:""; display:inline-block; width:25px; height:20px;
		background:url(../img/parts.png) no-repeat -145px -25px;
		background-size:200px auto;
		vertical-align:middle; margin:-3px 0 0 15px;
	}
/*video-list*/
.video-list { width:100%; font-size:0;}
	.video-list:after { content:""; clear:both; display:block;}
	.video-item { width:230px; margin:0 26px 20px 0; float:left;}
	.video-item:nth-child(4n) { margin-right:0;}
	.video-item a { display:block; width:100%; background:#fff; position:relative;}
	.video-item a:before {
		content:""; display:block; width:100%; height:0;
		background:#000;
		position:absolute; top:129px; left:0;
		-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
	}
	.video-item .title {
		height:95px; font-size:14px; line-height:1.4; text-align:left;
		padding:17px 10px 12px; position:relative; z-index:10;
	}
	.video-item .title p {
		height:40px; font-weight:bold; overflow:hidden;
		display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
	}
	.video-item .title .game {
		display:block; font-size:12px; padding-top:8px;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	.video-item .video-time { position:absolute; top:117px; right:0;}
	/*hover*/
	.video-item a:hover { color:#fff;}
	.video-item a:hover:before { height:95px;}
/*video-time*/
.video-time span {
	display:inline-block; height:21px; line-height:21px;
	color:#fff; font-weight:500;
	vertical-align:top; position:relative;
	}
	.video-time .time {
		font-size:13px; font-family:'Montserrat', sans-serif;
		background:#363636; padding:0 6px 0 18px;
	}
	.video-time .time:before {
		content:''; display:inline-block; width:0; height:0;
		position:absolute; top:7px; left:7px;
		border:7px transparent solid;
		border-left-color:#fff;
		border-width:4px 0 4px 7px;
	}
	.video-time .olympics {
		min-width:64px; font-size:12px; text-align:center;
		letter-spacing:normal; padding:0 6px;
	}
	.video-time .icon-PYEONGCHANG { background:#003f87;}
	.video-time .icon-RIO { background:#249e3b;}
	.video-time .icon-SOCHI { background:#0071bb;}
	.video-time .icon-LONDON { background:#e4007f;}
	.video-time .icon-VANCOUVER { background:#6090c4;}
	.video-time .icon-BEIJING { background:#760008;}
	.video-time .icon-OTHER { background:#777;}
	.video-time .icon-TOKYO { background:#e51717;}
	.video-time .icon-PreTOKYO { background:#e51717;}
	.video-time .icon-Athlete { background:#8f7653;}
	.video-time .icon-OlympicChannel { background:#252b32;}

/*side*/
.side-area {
	width:330px; height:100%;
	background:#000; padding:15px;
	position:absolute; top:0; right:0; z-index:999;
}
.side-area .omega { position:absolute; top:274px; left:85px;}
.side-area .omega { position:absolute; top:274px; left:85px;}

/*slick*/
.slick-slider {
	position:relative;
	display:block; box-sizing:border-box;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent;
}
.slick-list {
	position:relative;
	display:block; overflow:hidden;
	margin:0; padding:0;
}
.slick-list:focus { outline:none;}
.slick-list.dragging { cursor:pointer; cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
.slick-track { position:relative; top:0; left:0; display:block;}
.slick-track:before,
.slick-track:after { display:table; content:'';}
.slick-track:after { clear:both;}
.slick-loading .slick-track { visibility:hidden;}
.slick-slide {
	display:none;
	float:left; height:100%; min-height:1px;
}
[dir='rtl'] .slick-slide { float:right;}
.slick-slide img { display:block;}
.slick-slide.slick-loading img { display:none;}
.slick-slide.dragging img { pointer-events:none;}
.slick-initialized .slick-slide { display:block;}
.slick-loading .slick-slide { visibility:hidden;}
.slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden { display:none;}
.slick-arrow.slick-disabled { display:none !important;}

/*AD*/
.ad { width:300px; position:relative;}
.ad:before {
	content:"AD"; display:inline-block; height:15px; line-height:15px;
	font-size:10px; color:#fff; font-weight:700;
	background:#363636; letter-spacing:0.1em;
	padding:0 0.4em 0 0.5em;
	position:absolute; top:-15px; right:0;
}
.ad img { display:block; width:100%;}
.ad.sp { display:none;}


/*@TOP
/////////////////////////////////////////////////////////////////////*/
.idx #contents { background:#f2f2f2;}
/*headline*/
#headline {
	width:100%; height:450px;
	background:#303030; padding-right:330px;
	position:relative; overflow:hidden;
	}
	#headline .outer { width:100%; padding-top:15px; position:relative; overflow:hidden;}
	#headline .slider-main { width:100%; height:450px; overflow:hidden;}
	#headline .item { width:600px; height:435px; outline:none; position:relative; margin:0 8px;}
	#headline .item a {
		display:block; width:600px; height:100%;
		position:absolute; top:0; left:0;
	}
	#headline .item .pic {
		width:600px; height:337px; padding-top:0;
		position:relative; overflow:hidden;
	}
	#headline .item a:hover .pic:after { opacity:0;}
	#headline .title {
		font-size:18px; line-height:1.3; font-weight:500;
		color:#fff; padding:12px 0 5px;
		opacity:0.3;
	}
	#headline .title p {
		max-height:48px; overflow:hidden;
		display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
	}
	#headline .title .game {
		display:block; font-size:12px; padding-top:8px;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	#headline .video-time { position:absolute; top:316px; right:0;}
	#headline .picinner:after {
		content:""; display:block; width:100%; height:100%;
		background:#000;
		position:absolute; top:0; left:0;
		-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
		opacity:0;
	}
	/*current*/
	#headline .slick-current .title { opacity:1;}
	/*arrow*/
	#headline .arrows .slick-arrow {
		display:block; width:52px; height:76px;
		background:url(../img/parts.png) no-repeat;
		background-size:200px auto;
		position:absolute; top:150px; z-index:100;
		cursor:pointer;
	}
	#headline .arrows .slick-prev { left:0; background-position:0 -35px;}
	#headline .arrows .slick-next { right:0; background-position:-55px -35px;}
	#headline .arrows .slick-arrow:hover { opacity:0.7;}
/*olympics*/
#olympics-list { background:#1e1e1e; padding:10px 5px;}
	#olympics-list ul { display:table; width:100%; max-width:1200px; table-layout:fixed; margin:0 auto;}
	#olympics-list ul li { display:table-cell; width:16%; vertical-align:top; padding:0 5px;}
	#olympics-list ul li a { display:block; width:100%;}
	#olympics-list ul li a:hover { opacity:0.8;}
	#olympics-list ul li img { display:block; width:100%;}
/*athletes*/
#top-athletes { width:100%; height:230px; background:#fff; overflow:hidden;}
	#top-athletes .outer { width:960px; margin:0 auto; position:relative;}
	#top-athletes .slider-athletes { height:230px;}
	#top-athletes .item {
		width:160px; height:230px; outline:none; position:relative;
		text-align:center; line-height:1.3; padding:23px 5px 10px;
	}
	#top-athletes .item a { display:block;}
	#top-athletes .item a:hover { opacity:0.7;}
	#top-athletes .name { font-size:16px; font-weight:bold; padding-top:3px;}
	#top-athletes .game { font-size:12px; color:#7f7f7f; padding-top:8px;}
	/*arrow*/
	#top-athletes .arrows2 .slick-arrow {
		display:block; width:30px; height:35px;
		background:url(../img/parts.png) no-repeat;
		background-size:200px auto;
		position:absolute; top:50%; z-index:100;
		margin-top:-17px; cursor:pointer;
	}
	#top-athletes .arrows2 .slick-prev { left:-40px; background-position:-110px -35px;}
	#top-athletes .arrows2 .slick-next { right:-40px; background-position:-110px -75px;}
/*main*/
.top-video { width:1080px; padding:35px 0 60px 30px; margin:0 auto;}
#top-pickup { width:1080px; padding:20px 0 20px 30px; margin:0 auto;}
#top-pickup .outer { height:315px; overflow:hidden;}
.idx .video-item { width:320px; margin:0 0 30px;}
	.idx .video-item a:before { top:180px;}
	.idx .video-item .title { height:105px; font-size:16px; padding:17px 14px 12px;}
	.idx .video-item .title p { height:45px;}
	.idx .video-item .video-time { top:169px;}
	/*large*/
	.idx .video-item.large { width:670px;}
	.idx .video-item.large a:before { top:376px;}
	.idx .video-item.large .title { height:84px;}
	.idx .video-item.large .title p {
		display:block; height:24px;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	.idx .video-item.large .video-time { top:366px;}
	/*hover*/
	.idx .video-item a:hover:before { height:105px;}
	.idx .video-item.large a:hover:before { height:84px;}

/*@d2
/////////////////////////////////////////////////////////////////////*/
.d2 .heading { background:#fff; text-align:center; padding:50px 0 20px;}
.d2 .heading h2 {
	display:inline-block; font-size:32px;
	border-bottom:2px solid #000;
	padding:0 3px 10px; margin-bottom:20px;
}
/*search*/
.search-area { background:#000; text-align:center; padding:25px 0 25px;}
.select-game {
	display:inline-block; width:190px; vertical-align:top;
	margin-right:10px; position:relative;
	}
	.select-game:last-child { margin-right:0;}
	.select-game label {
		display:inline-block; width:100%; height:40px;
		font-size:18px; font-weight:500; line-height:40px;
		color:#000; text-align:left; background:#fff;
		white-space:nowrap; overflow:hidden;
		padding:0 35px 0 15px; cursor:pointer;
		position:relative; z-index:1;
	}
	.select-game label:before {
		content:''; display:block; width:35px; height:40px;
		background:#fff;
		position:absolute; top:0; right:0;
	}
	.select-game label:after {
		content:''; display:block; width:0; height:0;
		position:absolute; top:50%; right:15px; margin-top:-5px;
		border:7px transparent solid;
		border-top-color:#000;
		border-width:12px 7px 0 7px;
	}
	.select-game select {
		display:inline-block; width:100%; height:40px;
		font-size:16px; line-height:1.5; cursor:pointer; opacity:0;
		position:absolute; top:0; left:0; z-index:2;
		display:none;
	}
	.select-game select option { opacity:1; background-color:#fff;}
/*keyword*/
.keyword { padding-top:20px;}
	.keyword p, .keyword ul, .keyword li { display:inline-block; vertical-align:middle;}
	.keyword p { font-size:16px; font-weight:500; color:#fff; margin:4px 10px 4px 0;}
	.keyword ul { font-size:0;}
	.keyword li { margin:4px 8px;}
	.keyword li a {
		display:inline-block; font-size:16px; line-height:1.35;
		color:#fff; border-bottom:1px solid #fff;
	}
	.keyword li a:hover { opacity:0.7;}

/*@video
/////////////////////////////////////////////////////////////////////*/
.video .heading { display:none;}
.video .video-list { padding-bottom:20px;}
.video #player { background:#000;}
	.video #player .inner {
		width:1000px; min-height:485px;
		padding:15px 0; margin:0 auto; position:relative;
	}
	.video #player .video-player { width:685px; height:385px; position:relative; overflow:hidden;}
	.video #player .video-player .player-in { width:100%; height:100%; background:#555; position:absolute; top:0; left:0;}
	.video #player .video-title {
		width:685px; min-height:75px; color:#fff;
		font-weight:500; line-height:1.3;
		padding:12px 156px 10px 0; position:relative;
	}
	.video #player .video-title p { font-size:18px;}
	.video #player .video-title .game { display:block; font-size:12px; padding-top:8px;}
	.video #player .video-time { position:absolute; top:13px; right:0;}
	.video #player .video-time .olympics { min-width:96px; padding:1px 5px 0;white-space:nowrap;}
	.video #player .side-area { width:315px; padding-right:0;}

/*@data
/////////////////////////////////////////////////////////////////////*/
.data-block { background:#fff; text-align:center; padding:50px 0 70px;}
	.data-block h2 {
		display:inline-block; font-size:32px; letter-spacing:0.03em;
		margin-bottom:40px; position:relative;
	}
	.data-block h2 .small { display:inline-block; font-size:25px; font-weight:normal; margin:0 10px;}

/*category*/
.video-category { padding:30px 0; text-align:left; position:relative;}
	.video-category h2 { font-size:36px; letter-spacing:-0.02em; margin:0;}
	.video-category .olympic-channel {
		width:370px; height:30px;
		position:absolute; top:40px; right:30px;
	}
	.video-category .olympic-channel a {
		display:block; width:100%; height:100%;
		background:url(../img/logo_channel2.png) no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:0; left:0;
	}
	.video-category .olympic-channel a:hover { opacity:0.7;}
.d2 .video-category { padding-top:0;}
.d2 .video-category .olympic-channel { top:10px; right:0;}

/*olympicchannel*/
.olympicchannel #contents,
.olympicchannel .data-block { background:#f2f2f2;}
.olympicchannel .side-area .omega { position:absolute; top:15px; left:15px;}
.olympicchannel .side-area .banner { width:300px; position:absolute; top:280px; left:15px;}
.olympicchannel .side-area .banner img { width:100%;}
.olympicchannel .banner.sp { display:none;}


/*@app_info
/////////////////////////////////////////////////////////////////////*/
.app_info #gbheader { border-bottom:1px solid #ccc;}
.app_info #contents { padding-bottom:50px;}
.app_info .heading h2 { line-height:1.3; padding-bottom:8px;}
.app_info .heading h2 .ms { font-weight:700; letter-spacing:0.03em;}
.app_info .download { background:#f5f5f5;}
	.app_info .download .inner { height:165px; text-align:center; padding-top:30px;}
	.app_info .download .inner p { font-size:18px; font-weight:bold; color:#f56f40; padding-bottom:18px;}
	.app_info .download li { display:inline-block; width:320px; vertical-align:top; margin:0 5px;}
	.app_info .download li a {
		display:block; width:100%; height:60px;
		font-size:30px; color:#fff; line-height:60px;
		background:#f56f40; border-radius:50px;
		position:relative;
	}
	.app_info .download li a:after {
		content:""; display:inline-block; width:15px; height:25px;
		background:url(../img/parts.png) no-repeat -175px -25px;
		background-size:200px auto;
		position:absolute; top:50%; right:24px;
		margin-top:-12px;
	}
	.app_info .download li a:hover { background:#383838;}
.app_info .app-block { padding:40px 0;}
	.app_info .app-block .inner { width:920px; min-height:520px; padding:70px 340px 0 0;}
	.app_info .app-block .inner h2 { font-size:32px; line-height:1.35; color:#f56f40; padding-bottom:30px;}
	.app_info .app-block .inner p { font-size:18px; font-weight:500; line-height:1.8; padding-bottom:30px;}
	.app_info .app-img { width:300px; position:absolute; top:0; right:0;}
	.app_info .app-img img { display:block; width:100%;}

/*@info
/////////////////////////////////////////////////////////////////////*/
.info #gbheader { border-bottom:1px solid #ccc;}
.info .heading h2 .ms { font-weight:700; letter-spacing:0.02em;}
.info-main { background:#fff;}
/*about*/
.about .info-main .text { background:#f5f5f5; padding:40px 0 50px;}
.about .info-main .text p {
	font-size:18px; font-weight:500;
	text-align:center; line-height:2.2; letter-spacing:0.05em;
	padding-bottom:40px;
}
.about .info-main .text p:last-child { padding-bottom:0;}
.about .info-main .logo { width:420px; margin:-10px auto 25px;}
.about .info-main img { width:100%;}
/*faq*/
.faq .info-main .inner { padding:0 40px 60px;}
.faq .qa { padding-top:30px;}
	.faq .qa .inner > h3 { font-size:20px; color:#000; padding:0 0 15px 45px; position:relative;}
	.faq .qa .inner > p { font-size:16px; line-height:1.8; padding:3px 0 50px 45px; position:relative;}
	.faq .qa .inner > h3:before,
	.faq .qa .inner > p:before {
		display:block; width:40px; font-size:28px;
		text-align:center; position:absolute; left:0;
		font-family:'Montserrat', sans-serif; font-weight:500; font-style:normal;
	}
	.faq .qa .inner > h3:before { content:"Q"; top:-5px;}
	.faq .qa .inner > p:before { content:"A"; top:-7px; color:#ee0000;}
	.faq .info-main .system { border:1px solid #e5e5e5; padding:30px; margin:-30px 10px 0;}
	.faq .info-main .system h4 {
		height:40px; line-height:40px; font-size:18px;
		font-weight:500; background:#f5f5f5; padding:0 10px;
	}
	.faq .info-main .system h5 {
		font-size:16px; font-weight:500;
		border-bottom:1px solid #e5e5e5;
		padding:20px 10px 7px;
	}
	.faq .info-main .system dl { font-size:15px; line-height:1.5; margin-bottom:10px;}
	.faq .info-main .system dl:after { content:""; clear:both; display:block;}
	.faq .info-main .system dt { width:9em; float:left; padding:6px 10px 5px;}
	.faq .info-main .system dd { border-bottom:1px solid #e5e5e5; padding:6px 10px 5px 9em; position:relative;}
	.faq .info-main .system dd:before { content:"："; position:absolute; top:9px; left:7.5em;}
	.faq .info-main .system .note { font-size:13px; line-height:1.5; text-indent:-1em; padding-left:1em; margin:0 10px;}
	.faq .info-main .system .note + h4 { margin-top:30px;}

/*contact*/
.faq.contact .contact { padding-top:45px;}
	.faq.contact .heading { padding:0;}
	.faq .contact p.read { font-size:16px; line-height:1.8; text-align:center; padding-bottom:10px;}
	.faq .contact p.red { font-size:13px; font-weight:bold;}
	.faq .form-block { padding:20px 50px 0; margin:0 10px;}
	.faq .form-block form p + dl { margin-top:15px;}
	.faq .form-block dl { display:table; width:100%; table-layout:fixed; padding:1.5em 1em;}
	.faq .form-block dt,
	.faq .form-block dd { display:table-cell; vertical-align:top; line-height:1.5; position:relative;}
	.faq .form-block dt { width:210px; font-size:17px; padding:8px 0 0 10px;}
	.faq .form-block .err {
		display:block; font-size:13px; font-weight:bold;
		color:#ee0000; margin-top:4px;
		display:none;
	}
	.faq .form-block input {
		width:100%; height:42px; font-size:16px;
		background:#fff; border:1px solid #444;
		border-radius:5px;
		padding:9px 1em; position:relative;
	}
	.faq .form-block textarea {
		width:100%; height:200px; font-size:16px;
		line-height:1.35; background:#fff; border-radius:5px;
		border:1px solid #444; padding:10px; position:relative;
	}
	.faq .form-block input:focus,
	.faq .form-block textarea:focus { border:1px solid #0680ce;}
	/*btn*/
	.faq .form-block .send { text-align:center; padding-top:40px;}
	.faq .form-block button {
		display:inline-block; width:460px; height:56px;
		line-height:56px; font-size:20px; color:#fff; font-weight:500;
		border-radius:2px; background:#383838;
		-webkit-box-shadow:none; box-shadow:none;
		padding:0; cursor:pointer; position:relative; z-index:10;
	}
	.faq .form-block button:hover { opacity:0.8;}
	.faq .form-block button.na { background:#d5d5d5;}
	.faq .form-block button.na:hover { opacity:1;}
	.faq .form-block::-moz-focus-inner { padding:0; border:0;}
	/*attention*/
	.faq .contact .attention {
		height:270px; background:#f5f5f5;
		padding:30px; margin-top:10px;
		overflow:auto; -webkit-overflow-scrolling:touch;
	}
	.faq .contact .attention h3 { font-size:15px; padding-bottom:12px;}
	.faq .contact .attention p { font-size:14px; line-height:1.8; padding-bottom:20px;}
	.faq .contact .attention p:last-child { padding-bottom:0;}
	.faq .contact .attention a { color:#0680ce; border-bottom:1px solid #0680ce;}
	.faq .contact .attention a:hover { color:#000; border-bottom:1px solid #000;}
	/*check*/
	.faq .contact .checkbox { text-align:center; padding-top:40px;}
	.faq .contact input[type="checkbox"] { display:none;}
	.faq .contact .checkbox label {
		display:inline-block; vertical-align:middle;
		height:44px; line-height:44px; font-size:15px;
		background:#f5f5f5; border-radius:5px;
		padding:0 30px 0 60px;
		cursor:pointer; position:relative;
	}
	.faq .contact .checkbox label:before {
		content:''; display:block; width:18px; height:18px;
		border:2px solid #ccc; border-radius:5px;
		position:absolute; top:50%; left:28px;
		margin-top:-11px;
		-webkit-transition:border-color 0.1s linear;
		transition:border-color 0.1s linear;
	}
	.faq .contact .checkbox label:after {
		content:''; display:block; width:5px; height:11px;
		border-right:2px solid #fff;
		border-bottom:2px solid #fff;
		position:absolute; top:50%; left:36px; margin-top:-8px;
		opacity:0;
		-webkit-transition:opacity 0.1s linear;
		transition:opacity 0.1s linear;
		-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	/*hover*/
	.faq .contact .checkbox label:hover { color:#0680ce; background:#e8f3fb;}
	.faq .contact .checkbox label:hover:before { border-color:#0680ce;}
	.faq .contact input[type="checkbox"]:checked + label { color:#0680ce; background:#e8f3fb;}
	.faq .contact input[type="checkbox"]:checked + label:before { border-color:#0680ce; background:#0680ce;}
	.faq .contact input[type="checkbox"]:checked + label:after { opacity:1;}
	/*end*/
	.faq .info-main.end .inner { height:300px; line-height:2;}
	.faq .info-main.end h3 { font-size:28px; text-align:center; color:#0680ce;}
	.faq .info-main.end p { font-size:20px; text-align:center; padding-bottom:30px;}
	.faq .info-main.end a { font-size:16px; color:#0680ce; font-weight:500; border-bottom:1px solid #0680ce;}
	.faq .info-main.end a:hover { border-color:transparent;}
/*terms*/
.terms .info-main .inner { font-size:15px; line-height:1.8; padding:0 40px 60px;}
	.terms .info-main h3 { font-size:18px; margin-bottom:5px;}
	.terms .info-main p { padding-bottom:30px;}
	.terms .info-main p.right { font-size:14px;}
	.terms .info-main .note { font-size:13px;}
	.terms .info-main a { color:#0680ce; font-weight:500; border-bottom:1px solid #0680ce;}
	.terms .info-main a:hover { border-color:transparent;}
	.terms .info-main ul { padding:0 0 15px 24px;}
	.terms .info-main ul li { list-style:disc; margin-bottom:3px;}
	.terms .info-main .box {
		display:inline-block; border:1px solid #000;
		padding:20px 80px; margin:-20px 0 30px;
		text-align:center;
	}
	.terms .info-main .box a { display:inline-block; margin-bottom:5px;}
/*systemerr*/
.systemerr .info-main .inner { min-height:420px; font-size:16px; line-height:1.8; padding:60px 80px 80px;}
	.systemerr .info-main h2 { font-size:28px; color:#0680ce; margin-bottom:15px;}
	.systemerr .info-main p { padding-bottom:30px;}
	.systemerr .info-main a { color:#0680ce; font-weight:500; border-bottom:1px solid #0680ce;}
	.systemerr .info-main a:hover { border-color:transparent;}


/*BC Player*/
.vjs-dock-text{display:none;}
.video-item .title,
#headline .title { font-family:YakuHanJPs, "NotoSansCJKjp", "Hiragino Sans", "Hiragino Kaku Gothic ProN", メイリオ, sans-serif;}

.vjs-big-play-button:active,
.vjs-big-play-button:focus,
.bc-player-S1Ptg6P5f_default:active .vjs-big-play-button,
.bc-player-S1Ptg6P5f_default:hover .vjs-big-play-button{
	background-color:rgba(0,170,70,0.9) !important;
}
.vjs-dock{outline:none;}
.video-js .vjs-dock-text,
.vjs-contextmenu-ui-menu{display:none !important;}
.vjs-play-progress,
.vjs-volume-level{
	background-color:rgba(0,170,70,1) !important;
}
.vjs-ad-playing .vjs-play-progress{
	background-color:#ffe400 !important;
}
.vjs-big-play-button :after,
.vjs-big-play-button :before{
	font-size:66px !important;
}
button.vjs-play-control{cursor:pointer !important;}



/*@media
/////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:1080px) {
	.top-video,
	#top-pickup { width:1080px;}
}
@media screen and (min-width:1430px) {
	.top-video,
	#top-pickup { width:1430px;}
}
@media screen and (min-width:1780px) {
	.top-video,
	#top-pickup { width:1780px;}
}

/*IE11*/
@media all and (-ms-high-contrast:none) {
	::-ms-backdrop , a:hover .picinner { transform:none; -webkit-transform:none;}
}

/*tokyo2020*/
.tokyo2020 .bn_app { padding-bottom:40px;}
.tokyo2020 .data-block { width:980px; margin:0 auto 30px;padding-top:0;}
.tokyo2020 .data-block .inner { width:100%; padding-left:30px;}
.tokyo2020 .video-item { width:215px; margin:0 20px 20px 0;}
.tokyo2020 .video-item .video-time { top:108px;}
.tokyo2020 .video-item a:before { top:120px;}
.tokyo2020 h2{height:0;padding-bottom:20%;position:relative;}
.tokyo2020 h2 img{display:inline-block;width:100%;}

/*omega*/
body:not(.olympicchannel) .side-area .omega { 
	position:absolute; top:295px; left:84px;
	transform-origin:left top;
	transform: scale(0.65,0.65);
}

/*
.bn_app{display:none;}*/

/*companion ad*/
#companionDiv > a{position:absolute;top:0;}