@charset "utf-8";

/**
 * レスポンシブ：
	リオデジャネイロオリンピック・パラリンピック
 *
 **/


/* meadia query set
@media only screen and (min-width: 769px) {

}
@media screen and (max-width: 1180px) and (min-width: 769px) {

}
@media only screen and (max-width: 768px) {

}
*/

/*　いろいろ　*/
#rio2016 .txt-c { text-align:center;}
#rio2016 .font120 { font-size:120%; }
#rio2016 .font140 { font-size:140%; }
#rio2016 .font-b { font-weight:bold; }
#rio2016 .font-gold { color:#DFAF3A; }
#rio2016 .font-red { color:#cc0000; }
#rio2016 .font-blue { color:#0066cc; }

#rio2016 .fl_l { float:left; }
#rio2016 .fl_r { float:right; }

#rio2016 ul , #rio2016 li { list-style:none;}
#cboxLoadedContent ul , #cboxLoadedContent li { list-style:none;}

#rio2016 img { display:block; }
#rio2016 a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/*　上部検索窓　*/
@media only screen and (max-width: 768px) {
	#headerBtm .blockSearch table {
	margin-bottom: 0px;
	}
}

/*　外枠　*/
#rio2016 {
	position: relative;
	width: 100%;
	padding:0 0 40px 0; 
	color: #333;
	background-color: #E6E5E5;
	font-size: 13px !important;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
}


/* feature-header BEGIN */
#rio2016 .feature-header {
	text-align: center;
}
#rio2016 .feature-header_main {
	position: relative;
	padding:0px;
}
#rio2016 .feature-header_main-inner {
	position: relative;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0px;
}
#rio2016 .feature-header_main-inner h1 {
	color: #fff; 
	font-size: 40px;
}
#rio2016 .feature-header_main-inner h1 img {
	width:100%;
	height:auto;
}
/* feature-header END */



/*シェアボタン BEGIN*/
#rio2016 .feature-header_disc-sharebtn {
	text-align: center;
	margin-top:10px;
}
#rio2016 .feature-header_disc-sharebtn ul {
	list-style: none;
}
#rio2016 .feature-header_disc-sharebtn ul li {
	display: inline-block;
	height: 70px;
	vertical-align: middle;
	text-align: center;
}
#rio2016 .feature-header_disc-sharebtn .Y15-sharebtn-tw {
	/*width: 120px;*/
}
#rio2016 .feature-header_disc-sharebtn .Y15-sharebtn-fb {
	width: 74px;
	margin-left: 4px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#rio2016 .feature-header_disc-sharebtn .Y15-sharebtn-fb {
	margin-left: 25px; /*Chrome*/
	}
}
#rio2016 .feature-header_disc-sharebtn .Y15-sharebtn-gp {
	/*width: 57px;*/
}
/*シェアボタン END*/


/*幅768まで*/
@media only screen and (max-width: 768px) {
	#rio2016 .feature-header_main-inner {
	padding: 0px;
	}
	/*幅769までのシェアボタン*/
	#rio2016 .feature-header_disc-sharebtn .Y15-sharebtn-fb {
	overflow: hidden;
	width: auto;
	margin-left: 4px;
	}
	#rio2016 .feature-header_disc-sharebtn .Y15-sharebtn-fb iframe {
	width: 74px;
	height: 64px;
	}
}
/* feature-header END */



/*ナビゲーション*/
#rio2016 .feature-navi {
	position: relative;
	width: 100%;
	height: 70px;
	background-color:#E6E5E5;
	margin:0px;
	}
#rio2016 .feature-navi ul {
	max-width: 1180px;
	height: 70px;
	margin: 0px auto;
	text-align: left;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	border-left: 0px solid #F0EFEF;
	font-size:0;
}
#rio2016 .feature-navi ul li {
	position: relative;
	letter-spacing: normal; /* 文字間を通常に戻す */
	height: 70px;
	line-height: 70px;
	display: inline-block;
	width:25%;
	text-align: center;
}
#rio2016 .feature-navi ul li:first-child {
	
}
#rio2016 .feature-navi ul li a {
	color: #fff;
	font-size: 15px;
	letter-spacing: 0.9px;
	display: block;
	border-right: 2px solid #F0EFEF;
}	
#rio2016 .feature-navi ul li a:hover {
	text-decoration: none;
	background-color:#FAD812;
	color:#000;
}

#rio2016 .feature-navi li.bg-red { background-color:#E00D24; }
#rio2016 .feature-navi li.bg-green { background-color:#55B035; }
#rio2016 .feature-navi li.bg-lightblue { background-color:#279CDF; }
#rio2016 .feature-navi li.bg-navy { background-color:#113875; }


/*幅769から980までの場合のナビ*/
@media screen and (max-width: 980px) and (min-width: 769px) {
	#rio2016 .feature-navi ul {
		margin: 0 0px;
	}
}
/*幅768までのナビ*/
@media only screen and (max-width: 768px) {
	#rio2016 .feature-navi {
		height: 102px;
	}
	#rio2016 .feature-navi ul {
		height: 102px;
		font-size:0;
	}
	#rio2016 .feature-navi ul li {
		width: 50%;
		height: 50px;
		line-height: 50px;
		margin-bottom: 1px;
		font-size:14px;
	}
	#rio2016 .feature-navi ul li a {
		font-size: 14px;
		font-weight: bold;
		border-bottom: 1px solid #E6E5E5;
	}
}
/* feature-navi END */



/*スクロールすると出てくるナビ*/
#rio2016 #feature-ssnavi {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 54px;
	background-color: rgba(85,85,85,.8);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#555555DD', endColorstr='#555555DD');
	display: none;
}
#rio2016 #feature-ssnavi ul {
	max-width: 1180px;
	height: 54px;
	margin: 0 auto;
	text-align: left;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	border-left: 1px solid #000;
	list-style: none;
}
#rio2016 #feature-ssnavi ul li {
	position: relative;
	letter-spacing: normal; /* 文字間を通常に戻す */
	height: 54px;
	line-height: 54px;
	display: inline-block;
	width: 25%;
	text-align: center;
}
#rio2016 #feature-ssnavi ul li:first-child {
	width: 0;
	height: 0;
}
#rio2016 #feature-ssnavi ul li a {
	color: #FFF;
	font-size: 15px;
	letter-spacing: 0.9px;
	display: block;
	border-right: 1px solid #000;
}
#rio2016 #feature-ssnavi ul li a:hover {
	text-decoration: none;
	background-color: #FAD812;
	color: #000;
	}
#rio2016 #feature-ssnavi ul li.Y15-current {
	text-decoration: none;
	background-color: #E00D24;
	}


@media screen and (max-width: 980px) and (min-width: 769px) {
	#rio2016 #feature-ssnavi ul {
	margin: 0 20px;
	}
}

@media only screen and (max-width: 768px) {
/*スクロールすると出てくるナビ*/
	#rio2016 #feature-ssnavi {
		height: 137px;
	}
	#rio2016 #feature-ssnavi ul {
		height: 188px;
		border-left: none;
		font-size: 0px;
	}
	#rio2016 #feature-ssnavi ul li {
		width: 50%;
		height: 50px;
		line-height: 50px;
		margin-bottom: 1px;
	}
	#rio2016 #feature-ssnavi ul li:first-child {
		width: 100%;
		height: 35px;
		line-height: 35px;
		border-bottom: 1px solid #fff;
		margin-bottom: 0;
		font-size: 13px;
		font-weight: bold;
		color: #FFF;
	}
	#rio2016 #feature-ssnavi ul li:first-child:after {
		content: "";
		display: inline-block;
		background-image: url(http://image.pia.jp/images2/static/pia/feature/feature_rs/icon-navi-menu.png);
		background-position: 50% 50%;
		background-size: contain;
		width: 15px;
		height: 12px;
		position: absolute;
		right: 10px;
		top: 11px;
	}
	#rio2016 #feature-ssnavi ul li a {
		font-size: 14px;
		font-weight: bold;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	#rio2016 #feature-ssnavi ul li:nth-child(2n+1) a {
		border-right: none;
	}
	#rio2016 #feature-ssnavi.menu-hide {
		height: 36px;
	}
	#rio2016 #feature-ssnavi.menu-hide ul {
		height: 35px;
	}
	#rio2016 #feature-ssnavi.menu-hide ul li {
		display: none;
	}
	#rio2016 #feature-ssnavi.menu-hide ul li:first-child {
		display: block;
	}
}
/* feature-ssnavi END */



/* feature-detail BEGIN */
/*枠*/
#rio2016 .feature-detail {
	padding: 0;
	max-width: 1180px;
	margin: 0 auto;
	position: relative;
}
#rio2016 #news ,
#rio2016 #player , 
#rio2016 #event ,
#rio2016 #ticket {
	max-width: 1180px;
	margin: 50px auto 0;
	background-color:#fff;
}
#rio2016 #news h3 ,
#rio2016 #player h3 , 
#rio2016 #event h3 ,
#rio2016 #ticket h3 {
	width:100%;
	padding:0;
	text-align:center;
	color:#fff;
	font-size:25px;
	line-height:70px;
}
#rio2016 #news h3 img ,
#rio2016 #player h3 img , 
#rio2016 #event h3 img ,
#rio2016 #ticket h3 img {
	width:100%;
	height:auto;
}
#rio2016 #news .inner ,
#rio2016 #player .inner , 
#rio2016 #event .inner ,
#rio2016 #ticket .inner {
	padding:20px 40px;
}

/*769-1180　枠の左右にマージン作る*/
@media screen and (max-width: 1180px) and (min-width: 769px) {
	#rio2016 #news ,
	#rio2016 #player , 
	#rio2016 #event ,
	#rio2016 #ticket {
		margin: 40px 20px 0;
	}
}


/*768までの枠*/
@media only screen and (max-width: 768px) {
	#rio2016 .feature-detail {
		padding: 0 ;
		margin:0 10px;/*画面左右のマージン*/
	}
	#rio2016 #news ,
	#rio2016 #player , 
	#rio2016 #event ,
	#rio2016 #ticket  {
		margin-top: 40px;	
	}
	#rio2016 #news h3 ,
	#rio2016 #player h3 , 
	#rio2016 #event h3 ,
	#rio2016 #ticket h3 {
		font-size:20px;
		line-height:50px;
	}	
	#rio2016 #news .inner ,
	#rio2016 #player .inner , 
	#rio2016 #event .inner ,
	#rio2016 #ticket .inner {
		padding:20px;
	}		
}
/* feature-detail END */


/* ticket_btn */
#rio2016 .ticket_btn {
	margin-top: 20px;
	text-align:center;
}
#rio2016 .ticket_btn a {
	position: relative;
	background-color: #FF9F07;
	border-radius: 4px;
	color: #fff;
	height: 40px;
	line-height: 40px;
	display: block;
	width: 200px;
	margin: 0 auto;
	font-size: 15px;
	font-weight: bold\0;
	box-shadow: 0 4px 0 #BC7B13;
}
#rio2016 .ticket_btn a:hover {
	top: 4px;
	box-shadow: none;
	text-decoration: none;
}
#rio2016 .ticket_btn a:active {
	top: 4px;
	box-shadow: none;
}

@media only screen and (max-width: 768px) {
	#rio2016 .ticket_btn {
	margin-top: 15px;
	}
	#rio2016 .ticket_btn a {
	position: relative;
	background-color: #FF9F07;
	border-radius: 4px;
	color: #fff;
	height: 40px;
	line-height: 40px;
	display: block;
	width: 188px;
	margin: 0 auto;
	padding:0;
	font-size: 13px;
	font-weight: bold;
	box-shadow: 0 4px 0 #BC7B13;
	}	
}	
	


/* news */
#rio2016 #news h3 {
	background-color:#E00D24;
}
#rio2016 #news li {
	position:relative;
	min-height:40px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #cdcdcd;
}
#rio2016 #news li:last-child {
	border-bottom:none;
	margin-bottom:0px;
	padding-bottom:0px;
}
#rio2016 #news li:before {
	content: "";
	position: absolute;
	background: #E00D24;
	top: 3px;
	left: 0;
	height: 8px;
	width: 8px;
	border-radius: 50%;
}
#rio2016 #news li p.news {
	width:75%;
	padding-left:16px;
}
#rio2016 .ticket_btn {
	position:absolute;
	top:-20px;
	right:0;
}

@media only screen and (max-width: 768px) {
	#rio2016 #news li {
		height:auto;
		margin-bottom:15px;
		padding-bottom:15px;
	}
	#rio2016 #news li:before {
		display:none;
	}	
	#rio2016 #news li p.news {
		width:100%;
		position: static;
		padding-left:0px;
	}
	#rio2016 .ticket_btn {
		position:static;
		margin:10px auto;
	}	
}



/* player */
#rio2016 #player h3 {
	background-color:#55B035;
}
#rio2016 #player ul.ichiran {
	width:100%;
	text-align:center;
}
#rio2016 #player ul li.player {
	width:180px;
	padding:0 15px;
	margin:0 0 15px 0;
	display:inline-block;
	vertical-align:top;
}	
#rio2016 #player ul li.player .ph {
	width:100%;
	margin-bottom:3px;
	font-size:70%;
	color:#666;
	text-align:right;
}
#rio2016 #player ul li.player .ph img {
	width:100%;
	height:auto;
	margin-bottom:1px;
}
#rio2016 #player ul li.player a:link {
	color:#333;
}
#rio2016 #player ul li.player .eventname {
	color:#55B035;
}
#rio2016 #player ul li.player .name {
	font-size:120%;
	font-weight:bold;
}
#rio2016 #player ul li.player .catch {
	margin-bottom:5px;
}

@media only screen and (max-width: 768px) {
	#rio2016 #player ul li.player {
		width:45%;
		padding:0 5px 20px 5px;
		margin:0 0 20px 0;
		border-bottom:2px dotted #ccc;
	}
	#rio2016 #player ul li.player:nth-of-type(2n-1):nth-last-of-type(2) {
		border-bottom:none;
	}			
	#rio2016 #player ul li.player:last-child {
		border-bottom:none;
	}			
	#rio2016 #player ul li.player .catch {
		font-size:90%;
	}
}




/* player display:none frame */
#cboxLoadedContent div.cont {

}
#cboxLoadedContent div.cont .player-frame {
	background:#fff;
	border:5px solid #55B035;
	padding:15px;
}
#cboxLoadedContent .inner:after {
	content: "";
	display: table;
	clear: both;
}

#cboxLoadedContent div.cont .player-frame .eventname {
	text-align:center;
	color:#55B035;
	font-size:120%;
}
#cboxLoadedContent div.cont .player-frame .name {
	text-align:center;
	font-weight:bold;
	font-size:170%;
	padding-top:10px;
}
#cboxLoadedContent div.cont .player-frame .bar {
	height:2px;
}
#cboxLoadedContent div.cont .player-frame .bar img {
	width:100%;
	height:100%;
}
#cboxLoadedContent div.cont .player-frame .yomi {
	text-align:center;
	font-size:90%;
	color:#55B035;
	margin-bottom:10px;
	letter-spacing:0.3em;
}
#cboxLoadedContent div.cont .player-frame .ph {
	width:48%;
	float:left;
	font-size:70%;
	text-align:right;
}
#cboxLoadedContent div.cont .player-frame .ph_frame {
	width:100%;
	height:250px;
	background-color:#000;
	position:relative;
	margin-bottom:3px;
}
#cboxLoadedContent div.cont .player-frame .ph_frame img {
		width:auto;
		height:auto;
		max-height:100%;
		max-width:100%;
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
}
#cboxLoadedContent div.cont .player-frame .text {
	width:48%;
	float:right;
}
#cboxLoadedContent div.cont .player-frame li.prof {
	margin-bottom:10px;
}
#cboxLoadedContent div.cont .player-frame li.point {

}
#cboxLoadedContent div.cont .player-frame p.point_tit {
	background-color:#55B035;
	color:#fff;
	padding:2px 0;
	text-align:center;
	margin-bottom:5px;
}

#cboxLoadedContent div.cont .player-frame div.data {
	margin:10px 0 0 0 ;
}
#cboxLoadedContent div.cont .player-frame div.data p.game_tit {
	font-weight:bold;
	color:#55B035;
	margin-bottom:5px;
}
#cboxLoadedContent div.cont .player-frame div.data p.game {
	border-bottom:1px dotted #999;
	margin-bottom:3px;
	padding-bottom:3px;
}
#cboxLoadedContent div.cont .player-frame div.data p.game:after {
	content: "";
	display: table;
	clear: both;
}


@media only screen and (max-width: 768px) {
	#cboxLoadedContent div.cont {
		font-size:12px;
	}
	#cboxLoadedContent div.cont .player-frame .ph {
		width:200px;
		float:none;
		margin:0 auto 10px;
	}
	#cboxLoadedContent div.cont .player-frame .ph_frame {
		width:100%;
		height:150px;
	}	
	#cboxLoadedContent div.cont .player-frame .text {
		width:100%;
		float:none;
	}
	#cboxLoadedContent div.cont .player-frame li.point {
		font-size:90%;
	}	
	#cboxLoadedContent div.cont .player-frame div.data {
		font-size:90%;
	}	
}




/* event */
#rio2016 #event h3 {
	background-color:#279CDF;
}
#rio2016 #event ul.ichiran {
	width:100%;
	text-align:center;
}
#rio2016 #event ul li.event {
	width:180px;
	padding:0 15px;
	margin:0 0 15px 0;
	display:inline-block;
	vertical-align:top;
}	
#rio2016 #event ul li.event .ph {
	width:100%;
	margin-bottom:3px;
	font-size:70%;
	color:#666;
	text-align:right;	
}
#rio2016 #event ul li.event .ph img {
	width:100%;
	height:auto;
	margin-bottom:1px;
}
#rio2016 #event ul li.event a:link {
	color:#333;
}
#rio2016 #event ul li.event img {
	display:block;
	margin:0 auto;
	margin-bottom:5px;
}	
#rio2016 #event ul li.event .name {
	font-size:120%;
	font-weight:bold;
}
#rio2016 #event ul li.event .catch {
	margin-bottom:5px;
}

@media only screen and (max-width: 768px) {
	#rio2016 #event ul li.event {
		width:45%;
		padding:0 5px 20px 5px;
		margin:0 0 20px 0;
		border-bottom:2px dotted #ccc;
	}
	#rio2016 #event ul li.event:nth-of-type(2n-1):nth-last-of-type(2) {
		border-bottom:none;
	}			
	#rio2016 #event ul li.event:last-child {
		border-bottom:none;
	}			
	#rio2016 #event ul li.event .catch {
		font-size:90%;
	}	
}


/* event display:none frame */
#cboxLoadedContent div.cont {

}
#cboxLoadedContent div.cont .event-frame {
	background:#fff;
	border:5px solid #279CDF;
	padding:15px;
}
#cboxLoadedContent .inner:after {
	content: "";
	display: table;
	clear: both;
}

#cboxLoadedContent div.cont .event-frame .eventname {
	text-align:center;
	font-weight:bold;
	font-size:170%;
	padding-bottom:10px;
	color:#279CDF;
}
#cboxLoadedContent div.cont .event-frame .bar {
	height:2px;
	margin-bottom:15px;
}
#cboxLoadedContent div.cont .event-frame .bar img {
	width:100%;
	height:100%;
}
#cboxLoadedContent div.cont .event-frame .ph {
	width:48%;
	float:left;
	font-size:70%;
	text-align:right;
}
#cboxLoadedContent div.cont .event-frame .ph_frame {
	width:100%;
	height:250px;
	background-color:#000;
	position:relative;
	margin-bottom:3px;
}
#cboxLoadedContent div.cont .event-frame .ph_frame img {
		width:auto;
		height:auto;
		max-height:100%;
		max-width:100%;
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
}
#cboxLoadedContent div.cont .event-frame .text {
	width:48%;
	float:right;
}
#cboxLoadedContent div.cont .event-frame li.prof {
	margin-bottom:10px;
}
#cboxLoadedContent div.cont .event-frame li.point {

}
#cboxLoadedContent div.cont .event-frame p.point_tit {
	background-color:#279CDF;
	color:#fff;
	padding:2px 0;
	text-align:center;
	margin-bottom:5px;
}

#cboxLoadedContent div.cont .event-frame div.data {
	margin:10px 0 0 0 ;
}
#cboxLoadedContent div.cont .event-frame div.data p.game_tit {
	font-weight:bold;
	color:#279CDF;
	margin-bottom:5px;
}
#cboxLoadedContent div.cont .event-frame div.data p.game {
	border-bottom:1px dotted #999;
	margin-bottom:3px;
	padding-bottom:3px;
}
#cboxLoadedContent div.cont .event-frame div.data p.game:after {
	content: "";
	display: table;
	clear: both;
}


@media only screen and (max-width: 768px) {
	#cboxLoadedContent div.cont {
		font-size:12px;
	}
	#cboxLoadedContent div.cont .event-frame .ph {
		width:200px;
		float:none;
		margin:0 auto 10px;
	}
	#cboxLoadedContent div.cont .event-frame .ph_frame {
		width:100%;
		height:150px;
	}	
	#cboxLoadedContent div.cont .event-frame .text {
		width:100%;
		float:none;
	}
	#cboxLoadedContent div.cont .event-frame li.point {
		font-size:90%;
	}	
	#cboxLoadedContent div.cont .event-frame div.data {
		font-size:90%;
	}	
}




/* ticket */
#rio2016 #ticket h3 {
	background-color:#113875;
}
#rio2016 #ticket ul {
	border: 1px solid #ccc;
	margin: 0;
	list-style: none;
}
#rio2016 #ticket li {
	padding: 20px;
	position: relative;
	border-bottom: 1px solid #ccc;
}
#rio2016 #ticket li:last-child {
	border-bottom:none;
}

#rio2016 #ticket li p.naiyou {
	font-weight: bold;
	line-height: 150%;
	width: 70%;
}
#rio2016 .ticket_btn {
	position: absolute;
	right: 20px;
	top: 49%;
	margin-top: -20px;
}

@media only screen and (max-width: 768px) {
	#rio2016 #ticket li {
		padding: 10px;
	}
	#rio2016 #ticket li p.naiyou {
		width:100%;
	}
	#rio2016 .ticket_btn {
		position:static;
		margin:10px auto;
	}	
}