@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
gorin.jp 2018 (max-width:767px)
/////////////////////////////////////////////////////////////////////////*/
@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; -webkit-tap-highlight-color:rgba(0,0,0,0);}

/*@common
/////////////////////////////////////////////////////////////////////*/
body {
	color:#000;
	-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
body.pc { min-width:320px;}
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:100%; position:relative;}
.red { color:#ee0000;}
.bold { font-weight:bold;}
.right { text-align:right;}
.ms { font-family:'Montserrat', sans-serif; letter-spacing:0.05em;}
.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.pc { display:none;}

/*header*/
#gbheader { height:50px; background:#fff; position:relative;}
	#gbheader .inner { padding-top:5px;}
	#gbheader h1 {
		width:100px; height:38px;
		background:url(../img/logo_gorin.svg?v2020) no-repeat;
		background-size:contain;
		font-size:0; color:transparent;
		margin:0 auto; position:relative; z-index:10;
	}
	#gbheader h1 a { display:block; width:100%; height:100%; background:#fff; opacity:0;}
	#gbheader h1 a.hover { opacity:0.3;}
	#gbheader .olympic-channel {
		width:90px; height:20px;
		position:absolute; top:17px; right:5px;
	}
	#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;
	}
	/*search*/
	#mSearch {
		width:40px; height:40px;
		position:absolute; top:5px; left:70px;
		cursor:pointer;
	}
	#mSearch: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:-14px 0 0 -15px;
		transform:scale(0.8); -webkit-transform:scale(0.8);
	}
	#mSearch.active:before { background-position:-145px -75px; opacity:0.6;}
	/*search-field*/
	#gbheader .search-field {
		width:100%;
		background:#e8e8e8; padding:15px 10px 15px 20px;
		position:absolute; top:50px; left:0; z-index:100;
		display:none;
	}
	#gbheader .search-field .searchin { width:100%; height:34px; position:relative;}
	#gbheader .search-field input[type="text"] {
		width:100%; height:34px; font-size:16px; line-height:1.6;
		background:#fff;
		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; right:0; z-index:3;
		background:#e8e8e8;
	}
	#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:10px; left:10px;
	}
	.sharebtn li { display:inline-block; vertical-align:middle;}
	.sharebtn li a {
		display:block; width:30px; height:30px; 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:20px; height:20px;
		background:url(../img/parts.png) no-repeat;
		background-size:200px auto;
		position:absolute; top:50%; left:50%;
		margin:-10px 0 0 -10px;
		transform:scale(0.9); -webkit-transform:scale(0.9);
	}
	.sharebtn li.fb a:before { background-position:-145px 0;}
	.sharebtn li.tw a:before { background-position:-170px 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;}

/*footer*/
#gbfooter { text-align:center;}
#gbfooter .f1 { background:#383838; padding:20px 0;}
	#gbfooter .f1 .ms { font-weight:bold;}
	#gbfooter .follow li { width:250px; padding:5px 0; margin:0 auto;}
	#gbfooter .follow a {
		display:block; width:100%; height:40px;
		font-size:12px; font-weight:bold; color:#fff;
		line-height:40px; letter-spacing:0.07em;
		background:#5b5858; border-radius:50px;
		padding-left:14px; position:relative;
	}
	#gbfooter .follow a:before {
		content:""; display:inline-block; width:30px; height:30px;
		background:url(../img/parts.png) no-repeat;
		background-size:200px auto;
		position:absolute; top:6px; left:20px;
		transform:scale(0.9); -webkit-transform:scale(0.9);
	}
	#gbfooter .follow .fb a:before { background-position:0 0;}
	#gbfooter .follow .tw a:before { background-position:-35px 0;}
	#gbfooter .txtlink { width:310px; padding-top:20px; margin:0 auto;}
	#gbfooter .txtlink li { display:inline-block; vertical-align:top;}
	#gbfooter .txtlink a {
		display:block; width:100%;
		font-size:12px; font-weight:500; color:#fff;
		letter-spacing:0.07em; padding:8px;
		position:relative;
	}
	#gbfooter .txtlink .pp a:after {
		content:""; display:block; width:15px; height:15px;
		background:url(../img/parts.png) no-repeat -55px -115px;
		background-size:200px auto;
		position:absolute; top:50%; right:-8px;
		margin-top:-7px;
		transform:scale(0.8); -webkit-transform:scale(0.8);
	}
	/*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; overflow:hidden;}
	#gbfooter .tvlink { width:80%; padding-left:12px; margin-bottom:25px;}
	#gbfooter .tvlink ul {
		width:100%; height:0; padding-top:8.98876%;
		background:url(../img/logo_tv.png) no-repeat;
		background-size:100% auto;
		position:relative;
	}
	#gbfooter .tvlink li a {
		display:block; height:100%;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:0;
	}
	#gbfooter .tvlink li.tv1 a { width:14%; left:0;}
	#gbfooter .tvlink li.tv2 a { width:18.5%; left:14.5%;}
	#gbfooter .tvlink li.tv3 a { width:20%; left:33.5%;}
	#gbfooter .tvlink li.tv4 a { width:20%; left:54%;}
	#gbfooter .tvlink li.tv5 a { width:26%; left:74.5%;}
	#gbfooter .officiallink { position:absolute; top:10px; right:-10px;}
	#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;
		transform:scale(0.6); -webkit-transform:scale(0.6);
	}
	#gbfooter .copyright {
		font-size:10px; letter-spacing:0; line-height:1.35;
		transform:scale(0.9); -webkit-transform:scale(0.9);
	}
#ptop {
	position:fixed; bottom:20px; right:2%; z-index:100;
	-webkit-transition:all 0.5s; transition:all 0.5s;
	visibility:hidden; opacity:0;
	}
	#ptop a {
		display:block; width:50px; height:50px;
		background:rgba(0, 0, 0, 0.5); border-radius:50%;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:relative;
	}
	#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:-16px 0 0 -17px;
		transform:scale(0.7); -webkit-transform:scale(0.7);
	}
	#ptop.end { bottom:295px;}

/*@contents
/////////////////////////////////////////////////////////////////////*/
#contents { position:relative;}
#contentsIn { background:#fff; position:relative; z-index:10;}
.bn_app { width:100%; padding-top:20px;}
.bn_app img { display:block; width:100%;}
.omega { background:#232323; padding:25px 0;}
.omega .inner { width:300px; margin:0 auto;}
/*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;}
.pic-circle {
	display:inline-block; width:100px; height:100px;
	background:transparent no-repeat center center;
	background-size:cover;
	border-radius:50%;
	position:relative;
}
/*btn*/
.btn { width:80%; 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:2px; background:#383838;
		border-radius:2px; padding-left:22px; 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 7px;
		transform:scale(0.8); -webkit-transform:scale(0.8);
	}
	.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 7px;
		transform:scale(0.8); -webkit-transform:scale(0.8);
	}

/*video-list*/
.video-list { width:100%; font-size:0; padding:0 2% 10px;}
	.video-list:after { content:""; clear:both; display:block;}
	.video-item { width:46%; float:left; margin:0 2% 15px;}
	.video-item:nth-child(4n) { margin-right:0;}
	.video-item a { display:block; width:100%; background:#fff; position:relative;}
	.video-item .title {
		height:65px; font-size:12px; line-height:1.35; text-align:left;
		padding-top:8px; position:relative; z-index:10;
	}
	.video-item .title p {
		height:34px; font-weight:bold; overflow:hidden;
		display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
	}
	.video-item .title .game {
		display:block; font-size:10px; padding-top:4px;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	.video-item .video-time { position:absolute; bottom:65px; right:0;}
	/*hover*/
	.video-item a.hover { color:#666;}
/*video-time*/
.video-time span {
	display:inline-block; height:15px; line-height:15px;
	font-size:10px; color:#fff;
	padding:0 5px; vertical-align:top; position:relative;
	}
	.video-time .time {
		font-family:'Montserrat', sans-serif; font-weight:500;
		background:#363636; padding-left:13px;
	}
	.video-time .time:before {
		content:''; display:inline-block; width:0; height:0;
		position:absolute; top:5px; left:5px;
		border:5px transparent solid;
		border-left-color:#fff;
		border-width:3px 0 3px 5px;
	}
	.video-time .olympics { min-width:50px; text-align:center; font-weight:600; letter-spacing:normal;}
	.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 { display:none;}

/*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:320px; margin:20px auto; position:relative;}
.ad:before {
	content:"AD"; display:inline-block; height:12px; line-height:12px;
	font-size:10px; color:#fff; font-weight:700;
	background:#b5b5b5; letter-spacing:0.1em;
	padding:0 0.4em 0 0.5em;
	position:absolute; top:-12px; left:0;
}
.ad img { display:block; width:100%;}
.ad.pc { display:none;}


/*@TOP
/////////////////////////////////////////////////////////////////////*/
/*headline*/
#headline { width:100%; position:relative; overflow:hidden;}
	#headline .item a { display:block; width:100%; padding-top:56.25%; position:relative;}
	#headline .item a.hover .pic:after { opacity:0;}
	#headline .item .pic { position:absolute; top:0; left:0;}
	#headline .title { height:80px; line-height:1.3; padding:8px 12px;}
	#headline .title p {
		font-size:15px; font-weight:500;
		max-height:40px; overflow:hidden;
		display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
	}
	#headline .title .game {
		display:block; font-size:10px; padding-top:4px;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	#headline .video-time { position:absolute; bottom:80px; right:0;}
	/*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:25%; z-index:100;
		cursor:pointer;
		-webkit-transform:scale(0.7); transform:scale(0.7);
	}
	#headline .arrows .slick-prev { left:-8px; background-position:0 -35px;}
	#headline .arrows .slick-next { right:-8px; background-position:-55px -35px;}
/*olympics*/
#olympics-list { width:100%; height:177px; background:#1e1e1e; overflow:hidden; margin-bottom:20px;}
	#olympics-list .list-inner {
		width:100%; height:185px; background:#1e1e1e; padding:4px 2px 0;
		overflow-x:auto; -webkit-overflow-scrolling:touch;
	}
	#olympics-list .list-inner ul { display:inline-table; max-width:100%;}
	#olympics-list .list-inner ul li {
		display:table-cell; text-align:center; line-height:1.3;
		vertical-align:top; padding:0 2px;
	}
	#olympics-list .list-inner ul li a { display:block; width:100px;}
	#olympics-list .list-inner ul li img { display:block; width:100%;}
	#olympics-list .list-inner ul li a.hover { opacity:0.8;}
/*athletes*/
#top-athletes {
	width:100%; background:#fff;
	padding:0 5px 20px; margin-bottom:15px;
	overflow-x:auto; -webkit-overflow-scrolling:touch;
	}
	#top-athletes .outer { width:100%; position:relative;}
	#top-athletes .slider-athletes { display:inline-table; max-width:100%;}
	#top-athletes .item { display:table-cell; text-align:center; line-height:1.3; vertical-align:top;}
	#top-athletes .item a { display:block; width:110px;}
	#top-athletes .item a.hover { opacity:0.7;}
	#top-athletes .name { font-size:13px; font-weight:bold; padding-top:3px;}
	#top-athletes .game { font-size:10px; color:#7f7f7f; padding-top:5px;}
/*main*/
.top-video { padding:25px 0;}
#top-pickup { padding:5px 0 10px;}
	#top-pickup .video-list { padding-bottom:0;}
	#top-pickup .video-item { display:none;}
	#top-pickup .video-item:nth-child(1),
	#top-pickup .video-item:nth-child(2) { display:block; margin-bottom:0;}

/*@d2
/////////////////////////////////////////////////////////////////////*/
.d2 .heading { text-align:center; padding:30px 0 20px;}
.d2 .heading h2 {
	display:inline-block; font-size:24px;
	border-bottom:2px solid #000;
	padding:0 4px 6px;
}
/*search*/
.search-area { background:#000; text-align:center; padding:16px 0 11px;}
.select-game {
	display:inline-block; width:40%; vertical-align:top;
	margin:0 0.5% 5px; position:relative;
	}
	.select-game label.pc { display:none;}
	.select-game label {
		display:inline-block; width:100%; height:32px;
		font-size:14px; font-weight:bold; line-height:32px;
		color:#000; text-align:left;
		background:#fff; white-space:nowrap; overflow:hidden;
		padding:0 25px 0 12px; cursor:pointer;
		position:relative; z-index:1;
	}
	.select-game label:before {
		content:''; display:block; width:25px; height:32px;
		background:#fff;
		position:absolute; top:0; right:0;
	}
	.select-game label:after {
		content:''; display:block; width:0; height:0;
		position:absolute; top:50%; right:8px; margin-top:-4px;
		border:6px transparent solid;
		border-top-color:#000;
		border-width:10px 6px 0 6px;
	}
	.select-game select {
		display:inline-block; width:100%; height:34px;
		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 .inner { text-align:center;}
	.keyword ul, .keyword li { display:inline-block; vertical-align:middle;}
	.keyword p { font-size:13px; font-weight:bold; color:#fff; text-align:center; margin-bottom:8px;}
	.keyword ul { font-size:0;}
	.keyword li { margin:0 8px 5px;}
	.keyword li a {
		display:inline-block; font-size:13px; line-height:1.35;
		color:#fff; border-bottom:1px solid #fff;
	}
	.keyword li a.hover { opacity:0.7;}

/*@video
/////////////////////////////////////////////////////////////////////*/
.video .heading { display:none;}
.video #player { background:#fff;}
	.video #player .video-player {
		width:100%; height:0; padding-top:56.25%;
		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:100%; min-height:70px; line-height:1.35;
		padding:10px 15px 20px 15px; position:relative;
	}
	.video #player .video-title p { font-size:16px; font-weight:500;}
	.video #player .video-title .game { display:block; font-size:10px; padding:6px 80px 0 0;}
	.video #player .video-time { position:absolute; bottom:20px; right:15px;}
	.video #player .video-time .olympics { min-width:75px;white-space:nowrap;}

/*@data
/////////////////////////////////////////////////////////////////////*/
.data-block { background:#fff; text-align:center; padding:25px 0;}
	.data-block h2 {
		display:inline-block; font-size:22px; letter-spacing:0.02em;
		line-height:1.3; padding:0 10px; margin-bottom:20px;
	}
	.data-block h2 .small { display:inline-block; font-size:16px; font-weight:normal; margin:0 5px;}

/*category*/
.video-category { padding:15px 4%; text-align:left; position:relative;}
	.video-category h2 { font-size:24px; letter-spacing:-0.02em; padding:0; margin:0;}
	.video-category .olympic-channel {
		width:210px; height:17px;
		position:absolute; top:22px; right:3.5%;
	}
	.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;
	}
.d2 .video-category { padding-top:0;}
.d2 .video-category .olympic-channel { top:10px;}

/*olympicchannel*/
.olympicchannel #contents,
.olympicchannel .data-block { background:#f2f2f2;}
.olympicchannel .banner { background:#fff; margin:10px 0;}
.olympicchannel .banner a { display:block; width:100%; height:100%; padding-bottom:5px;}
.olympicchannel .banner img { display:block; width:280px; margin:0 auto;}
.olympicchannel .video-item .title { padding:8px 10px;}


/*@app_info
/////////////////////////////////////////////////////////////////////*/
.app_info #gbheader { border-bottom:1px solid #ccc;}
.app_info .heading h2 {
	font-size:20px; line-height:1.3;
	margin:0 16px;
}
.app_info .heading h2 .ms { font-weight:700;}
.app_info .download { background:#f5f5f5;}
	.app_info .download .inner { text-align:center; padding:20px 0 25px;}
	.app_info .download .inner p { font-size:16px; font-weight:bold; color:#f56f40; padding-bottom:12px;}
	.app_info .download ul { font-size:0;}
	.app_info .download li { display:inline-block; width:46%; vertical-align:top; margin:0 1%;}
	.app_info .download li a {
		display:block; width:100%; height:46px;
		font-size:19px; color:#fff; line-height:45px;
		background:#f56f40; border-radius:50px;
		position:relative;
	}
	.app_info .download li a .ms { font-weight:600;}
	.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:12px;
		margin-top:-12px;
		transform:scale(0.8); -webkit-transform:scale(0.8);
	}
	.app_info .download li a.hover { background:#54ee00;}
.app_info .app-block { background:#fff;}
	.app_info .app-block .inner { padding:30px 10px 30px 20px;}
	.app_info .app-block .inner:after { content:""; clear:both; display:block;}
	.app_info .app-block .inner h2 { font-size:20px; line-height:1.3; color:#f56f40; padding-bottom:20px;}
	.app_info .app-block .inner p { font-size:14px; font-weight:500; line-height:1.8; padding-bottom:20px;}
	.app_info .app-img { width:40%; float:right; margin:-5px 5px 0 10px;}
	.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;}
/*about*/
.about .info-main { padding:10px 0 40px;}
	.about .info-main .text { background:#f5f5f5; padding:30px 25px 35px;}
	.about .info-main .text p {
		font-size:15px; font-weight:500;
		text-align:left; line-height:2; letter-spacing:0.05em;
		padding-bottom:30px;
	}
	.about .info-main .text p:last-child { padding-bottom:0;}
	.about .info-main .logo { width:55%; margin:0 auto 14px;}
	.about .info-main img { width:100%;}
/*faq*/
.faq #contents { padding-bottom:20px;}
.faq .info-main { padding-bottom:20px;}
.faq .info-main .inner { padding:0 16px 0;}
.faq .qa { padding-top:20px;}
	.faq .qa .inner > h3 { font-size:15px; line-height:1.35; padding:0 0 5px 30px; position:relative;}
	.faq .qa .inner > p { font-size:14px; line-height:1.6; padding:2px 0 30px 30px; position:relative;}
	.faq .qa .inner > h3:before,
	.faq .qa .inner > p:before {
		display:block; width:30px; font-size:22px;
		text-align:center; position:absolute; left:-7px;
		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:-3px; color:#ee0000;}
	.faq .info-main .system { border:1px solid #e5e5e5; padding:10px; margin:-20px 0 0 0;}
	.faq .info-main .system h4 {
		height:34px; line-height:34px; font-size:14px;
		font-weight:500; background:#f5f5f5; padding:0 10px;
	}
	.faq .info-main .system h5 {
		font-size:14px; font-weight:500;
		border-bottom:1px solid #e5e5e5;
		padding:12px 0 7px;
	}
	.faq .info-main .system dl { font-size:13px; line-height:1.5; margin-bottom:10px;}
	.faq .info-main .system dl:after { content:""; clear:both; display:block;}
	.faq .info-main .system dt { width:6.5em; float:left; padding:6px 0 5px;}
	.faq .info-main .system dd { border-bottom:1px solid #e5e5e5; padding:6px 10px 5px 6.5em; position:relative;}
	.faq .info-main .system dd:before { content:"："; position:absolute; top:6px; left:5.3em;}
	.faq .info-main .system .note { font-size:10px; line-height:1.35; text-indent:-1em; padding:0 0 5px 1em;}
	.faq .info-main .system .note + h4 { margin-top:20px;}
	.faq .info-main .other { text-align:center; padding:30px 0 0;}
	.faq .info-main .other p.out { font-size:14px; line-height:1.6; padding:0 15px 10px;}
	.faq .info-main .other p.in { font-size:13px; line-height:1.6; background:#f5f5f5; padding:15px;}
	.faq .info-main .other p a {
		display:inline-block; color:#0680ce; font-weight:500;
		border-bottom:1px solid #0680ce; margin-bottom:5px;
	}
	.faq .info-main .other p a.hover { border-color:transparent;}
/*contact*/
.faq .contact .heading { padding-bottom:15px;}
	.faq .contact p.read { font-size:15px; line-height:1.8; text-align:center; padding-bottom:15px;}
	.faq .contact p.red { font-size:12px; font-weight:bold; padding-bottom:15px;}
	.faq .form-block dt { font-size:16px;}
	.faq .form-block dd { padding:8px 0 20px;}
	.faq .form-block .err {
		display:block; font-size:12px; 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:180px; 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:30px;}
	.faq .form-block button {
		display:inline-block; width:90%; height:42px;
		line-height:42px; font-size:16px; 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.na { background:#d5d5d5;}
	.faq .form-block::-moz-focus-inner { padding:0; border:0;}
	/*attention*/
	.faq .contact .attention {
		height:200px; background:#f5f5f5; padding:25px 20px;
		overflow-y:auto; -webkit-overflow-scrolling:touch;
		word-wrap:break-word;
	}
	.faq .contact .attention h3 { font-size:14px; padding-bottom:12px;}
	.faq .contact .attention p { font-size:13px; line-height:1.8; padding-bottom:20px;}
	.faq .contact .attention p:last-child { padding-bottom:0;}
	.faq .contact .attention a { display:inline; 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:30px;}
	.faq .contact input[type="checkbox"] { display:none;}
	.faq .contact .checkbox label {
		display:inline-block; vertical-align:middle;
		height:42px; line-height:42px; font-size:13px;
		background:#f5f5f5; border-radius:5px;
		padding:0 20px 0 43px;
		cursor:pointer; position:relative;
	}
	.faq .contact .checkbox label:before {
		content:''; display:block; width:16px; height:16px;
		border:2px solid #ccc; border-radius:5px;
		position:absolute; top:50%; left:15px;
		margin-top:-10px;
		-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:22px; 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 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 { line-height:2;}
	.faq .info-main.end h3 { font-size:20px; text-align:center; color:#0680ce;}
	.faq .info-main.end p { font-size:16px; text-align:center; padding-bottom:30px;}
	.faq .info-main.end a { font-size:14px; 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:13px; line-height:1.6; padding:0 20px 30px;}
	.terms .info-main h3 { font-size:15px; margin-bottom:5px;}
	.terms .info-main p { padding-bottom:25px;}
	.terms .info-main p.right { font-size:12px; padding-bottom:10px;}
	.terms .info-main .note { font-size:11px;}
	.terms .info-main ul { padding:0 0 15px 24px;}
	.terms .info-main ul li { list-style:disc; margin-bottom:3px;}
	.terms .info-main .box { text-align:center; border:1px solid #000; padding:20px; margin:-10px 0 25px;}
	.terms .info-main a { color:#0680ce; font-weight:500; border-bottom:1px solid #0680ce;}
	.terms .info-main .box a { display:inline-block; margin-bottom:5px;}
/*systemerr*/
.systemerr .info-main { margin-top:10px;}
.systemerr .info-main .inner { font-size:14px; line-height:1.6; padding:30px 20px 40px;}
	.systemerr .info-main h2 { font-size:20px; 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;}

.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 (max-width:360px){
	#gbfooter .txtlink a { padding:8px 5px;}
	#gbfooter .tvlink { margin-bottom:15px;}
	#gbfooter .officiallink { transform:scale(0.9); -webkit-transform:scale(0.9); top:9px; right:-20px;}
	#gbfooter .copyright { transform:scale(0.8); -webkit-transform:scale(0.8); width:110%; margin-left:-5%;}
	#ptop.end { bottom:285px;}
	#gbheader .olympic-channel { transform:scale(0.9); -webkit-transform:scale(0.9); right:0;}
	#mSearch { width:30px; left:70px;}
	#mSearch:before { transform:scale(0.7); -webkit-transform:scale(0.7);}
	.video-category .olympic-channel { transform:scale(0.9); -webkit-transform:scale(0.9); right:0;}
}
@media screen and (max-width:320px){
	#ptop.end { bottom:90px;}
}

.Android4h.about .info-main .logo { width:198px;}
.Android4h.about .info-main .logo img { width:198px; height:76px;}

.tokyo2020 .data-block { margin:0 auto;padding-top:0;}
.tokyo2020 h2{height:0;padding:0 0 20%;position:relative;}
.tokyo2020 h2 img{display:inline-block;width:100%;}

/**/
.ad{display:none;}
