@charset "UTF-8";

/**
 * Rugby Republic PCレイアウト用 共通CSS
 */


/*--------------------------------------------------------
　BASE
--------------------------------------------------------*/
html {
  font-size: 62.5%;
  font-family: sans-serif;
}

body {
  width: 100%;
  min-width: 1200px;
	background: #000000;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 16px;
	font-size: 1.6rem;
	color: #000000;
	line-height: 1.8em;
  letter-spacing: 0;
	text-align: left;
	-webkit-text-size-adjust: 100%;
}

a {
	border: none;
	text-decoration: none;
	color: #000000;
}
	
a	img {
	border: none;
}

.allwrap {
  width: 100%;
  overflow: hidden;
}



/*--------------------------------------------------------
　HEADER
--------------------------------------------------------*/
#header {
	background: #00416e;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}

#header .inner {
	width: 1152px;
	height: 160px;
	margin: 0 auto;
	padding: 34px 0 0;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

#header .h-summary {
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	position: absolute;
	top: 28px;
	left: 0;
}

#header .hbox-left {
	width: 390px;
	padding: 24px 0 0;
	float: left;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#header .hbox-right {
	float: right;
}

#header .logo-rugrep {
	width: 172px;
	height: 70px;
}

#header .logo-rugrep a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../images/common/logo-rugbyrep2019.png) no-repeat 0 0;
	background-size: 100% auto;
	opacity: 1;
	transition: opacity .4s ease;
}

#header .logo-rugrep a:hover {
	opacity: .7;
}

#header .btn-group {
	width: 200px;
	margin: 0;
	padding: 6px 0 0;
	list-style: none;
	display: -webkit-flex;
	display: flex;
	/*-webkit-justify-content: space-between;
	justify-content: space-between;*/
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#header .btn-group li {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
	padding-bottom: 8px;
}

#header .btn-group li a,
#header .btn-group li span {
	display: block;
	border-radius: 4px;
	padding: 6px 0;
	cursor: pointer;
	opacity: 1;
	transition: opacity .4s ease;
}

#header .btn-group li a:hover,
#header .btn-group li span:hover {
	opacity: .7;
}

#header .btn-group .tw-btn,
#header .btn-group .fb-btn,
#header .btn-group .ig-btn {
	margin-right: 10px;
	width: 26px;
	height: 26px;
}

#header .btn-group .tw-btn a,
#header .btn-group .fb-btn a,
#header .btn-group .ig-btn a {
	padding: 0;
}

#header .btn-group .signup-btn a {
	width: 96px;
	background: #fff100;
	color: #00416e;
}

#header .btn-group .login-btn a {
	width: 96px;
	background: #000000;
	color: #ffffff;
}

#header .btn-group .search-btn span {
	width: 200px;
	background: #ffffff;
	border: 1px solid #8c8c8c;
	box-sizing: border-box;
	color: #000000;
}

#header .btn-group .search-btn img {
	width: 12px;
	height: 12px;
}

#header .inner,
#header .logo-rugrep {
	transition: all .4s ease;
}

#header .pc-adarea-header {
	opacity: 1;
	transition: all .4s ease;
}

#header .h-summary,
#header .btn-group {
	opacity: 1;
	transition: opacity .4s ease;
}

#header .hbox-left {
	transition: padding .4s ease;
}

#header.is-anm .inner {
	padding-top: 10px;
	height: 73px
}

#header.is-anm .h-summary {
	opacity: 0;
}

#header.is-anm.is-done .h-summary {
	opacity: 1;
	top: 36px;
	left: 147px
}

#header.is-anm .hbox-left {
	padding: 0;
}

#header.is-anm.is-done .hbox-left {
	width: 100%;
}

#header.is-anm .logo-rugrep {
	width: 129px;
	height: 53px;
}

#header.is-anm .btn-group {
	opacity: 0;
}

#header.is-anm.is-done .btn-group {
	opacity: 1;
	width: 408px;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

#header.is-anm .pc-adarea-header {
	opacity: 0;
}

#header.is-anm.is-done .pc-adarea-header {
	display: none;
}



/*--------------------------------------------------------
　GLOBAL NAVI
--------------------------------------------------------*/
#gnavi {
	width: 100%;
	background: #ffffff;
	position: fixed;
	top: 160px;
	left: 0;
	z-index: 99;
}

#gnavi > ul {
	width: 1152px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
}

#gnavi > ul > li {
	position: relative;
	list-style: none;
}

#gnavi > ul > li:hover {
	background: #f2f5f8;
}

#gnavi > ul > li > a {
	display: block;
	padding: 6px 24px 6px 36px;
	position: relative;
}

#gnavi > ul > li > a::after {
	content: "";
	width: 5px;
	height: 8px;
	border-right: 5px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 5px solid transparent;
	border-top: 8px solid #7fa0b6;
	box-sizing: border-box;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -4px;
}

#gnavi > ul > li > .submenu {
	display: none;
	width: 240px;
	background: #f2f5f8;
	position: absolute;
	top: 40px;
	left: 0%;
	margin: 0;
	padding: 0;
}

#gnavi > ul > li > .submenu > ul {
	margin: 0;
	padding: 0;
}

#gnavi > ul > li > .submenu > ul > li {
	font-size: 14px;
	font-size: 1.4rem;
	list-style: none;
}

#gnavi > ul > li > .submenu > ul > li > a {
	display: block;
	padding: 6px 30px 2px;
	border-bottom: 4px solid #f2f5f8;
	box-sizing: border-box;
}

#gnavi > ul > li > .submenu > ul > li > a:hover {
	border-bottom: 4px solid #7fa0b6;
}

#gnavi > ul > li:hover > .submenu {
	display: block;
}

#gnavi > ul > li:last-child > .submenu {
	left: auto;
	right: 0;
} 

#gnavi {
	transition: all .4s ease;
}

#gnavi.is-anm {
	top: 73px;
}



/*--------------------------------------------------------
　SEARCH MODULE
--------------------------------------------------------*/
#searchModule {
	width: 100%;
	height: 0;
	background: #f2f5f8;
	position: fixed;
	top: 160px;
	left: 0;
	z-index: 100;
	overflow: hidden;
	transition: height .2s ease;
}

#searchModule.open {
	height: 170px;
}

#searchModule .search-wrap {
	width: 700px;
	height: 44px;
	margin: 0 auto;
	padding: 30px 0 0;
}

#searchModule .search-wrap form {
	letter-spacing: -.4em;
}

#searchModule .search-wrap input[type=search] {
	width: 575px;
	height: 42px;
	background: #ffffff;
	border: 1px solid #808080;
	border-radius: 6px 0 0 6px;
	padding: 8px 16px;
	letter-spacing: normal;
	box-sizing: border-box;
	vertical-align: top;
	-webkit-appearance: none;
}

#searchModule .search-wrap input[type=search]::-webkit-input-placeholder {
	color: #808080;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	padding-top: .3em;
}

#searchModule .search-wrap input[type=submit] {
	width: 123px;
	height: 42px;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1em;
	letter-spacing: normal;
	color: #ffffff;
	background: #808080;
	border: 1px solid #808080;
	border-radius: 0 6px 6px 0;
	box-sizing: border-box;
	padding: 0;
	cursor: pointer;
}

#searchModule .popular-words {
	max-width: 1152px;
	margin: 0 auto;
	padding: 15px 0 40px;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
}

#searchModule .popular-words span,
#searchModule .popular-words a {
	display: inline-block;
	padding: 0 10px;
}

#searchModule .popular-words a:link,
#searchModule .popular-words a:visited {
	text-decoration: underline;
}

#searchModule .popular-words a:hover,
#searchModule .popular-words a:active {
	text-decoration: none;
}

#searchModule .close-btn {
	width: 110px;
	height: 17px;
	padding: 5px 0 0 10px;;
	background: #00416e;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1em;
	color: #ffffff;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -60px;
	cursor: pointer;
}

#searchModule .close-btn::after {
	content: "";
	width: 5px;
	height: 8px;
	border-right: 5px solid transparent;
	border-top: 8px solid transparent;
	border-left: 5px solid transparent;
	border-bottom: 8px solid #ffffff;
	box-sizing: border-box;
	position: absolute;
	left: 30px;
	top: 50%;
	margin-top: -12px;
}

#searchModule {
	transition: all .4s ease;
}

#searchModule.is-anm {
	top: 73px;
}



/*--------------------------------------------------------
　MAIN CONTENT
--------------------------------------------------------*/
#main {
	width: 1152px;
	margin: 0 auto;
	padding: 220px 0 50px;
	overflow: hidden;
}

.main-content {
	float: left;
	width: 832px;
}

.sub-content {
	float: right;
	width: 300px;
}

.cate.worldcup {background-color: #aa2caf;}
.cate.japan {background-color: #d83338;}
.cate.nations {background-color: #464646;}
.cate.domestic {background-color: #ac9300;}
.cate.abroad {background-color: #00b9cc;}
.cate.sevens {background-color: #438b56;}
.cate.woman {background-color: #e045ad;}
.cate.column {background-color: #a36b1c;}
.cate.others {background-color: #66768e;}
.cate.pickup {background-color: #3372c3;}
.cate.contents {background-color: #df9c52;}
.cate.rugmaga {background-color: #FF8300;}

.breadcrumb {
	margin: 0;
	padding: 0;
	list-style: none;
}

.breadcrumb li {
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.2em;
	padding-right: 1em;
	position: relative;
}

.breadcrumb li::after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	box-sizing: border-box;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 2px;
	margin-top: -3px;
}

.breadcrumb li:last-child {
	padding-right: 0;
}

.breadcrumb li:last-child::after {
	display: none;
}

.column-wrap, .related-wrap {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.column-wrap h3, .related-wrap h3 {
	width: 100%;
	background: #3f3f3f;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1em;
	color: #ffffff;
	text-align: center;
	padding: 10px 0 8px;
	margin: 0 0 30px;
}

.columnbox, .relatedbox {
	width: 272px;
	margin-bottom: 8px;
	margin-right: 8px;
}

.columnbox:nth-of-type(3n), .relatedbox:nth-of-type(3n) {
	margin-right: 0;
}

.columnbox a, .relatedbox a {
	display: block;
	width: 100%;
	height: 100%;
}

.columnbox .img img, .relatedbox .img img {
	vertical-align: bottom;
	opacity: 1;
	transition: opacity .4s ease;
}

.columnbox a:hover .img img, .relatedbox a:hover .img img {
	opacity: .7;
}

.columnbox h4, .relatedbox h4 {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6em;
	font-weight: normal;
	color: #e5e5e5;
	margin: 0;
	padding: 15px;
	min-height: 4.7em;
}

.columnbox .author, .relatedbox .author {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1em;
	text-align: right;
	color: #e5e5e5;
	padding: 0 15px 15px;
}

#news .eplayer-outer {
	margin-bottom: 50px;
}



/*--------------------------------------------------------
　EDITOR
--------------------------------------------------------*/
.txt-wrap {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8em;
}

.txt-wrap h3,
.txt-wrap h4,
.txt-wrap h5,
.txt-wrap h6 {
	clear: both;
	line-height: 1.4;
	margin: 2em 0 .6em;
}

.txt-wrap h3:first-child,
.txt-wrap h4:first-child,
.txt-wrap h5:first-child,
.txt-wrap h6:first-child {
	margin-top: 0;
}

.txt-wrap h3 {
	background: #00416e;
	padding: 6px 10px 4px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #ffffff;
}

.txt-wrap h4 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

.txt-wrap h5 {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}

.txt-wrap h6 {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}

.txt-wrap p {
	margin: 1.5em 0 0;
}

.txt-wrap p:first-child {
	margin-top: 0;
}

.txt-wrap h3 + p,
.txt-wrap h4 + p,
.txt-wrap h5 + p,
.txt-wrap h6 + p,
.txt-wrap h3 + ol,
.txt-wrap h3 + ul,
.txt-wrap h4 + ol,
.txt-wrap h4 + ul,
.txt-wrap h5 + ol,
.txt-wrap h5 + ul,
.txt-wrap h6 + ol,
.txt-wrap h6 + ul {
	margin-top: 0;
}

.txt-wrap dfn,
.txt-wrap cite,
.txt-wrap em,
.txt-wrap i {
	font-style: italic;
}

.txt-wrap blockquote {
	background: #f2f5f8;
	padding: 20px;
	margin: 0 0 1.5em 0;
	position: relative;
}

.txt-wrap blockquote::before {
	content: "“";
	font-size: 60px;
	line-height: 0;
	color: #7fa0b6;
	position: absolute;
	left: 6px;
	top: 30px;
	z-index: 1;
}

.txt-wrap blockquote::after {
	content: "”";
	font-size: 60px;
	line-height: 0;
	color: #7fa0b6;
	position: absolute;
	right: 6px;
	bottom: -4px;
	z-index: 1;
}

.txt-wrap blockquote > p {
	margin: 0;
	position: relative;
	z-index: 2;
}

.txt-wrap address {
	margin: 0 0 1.5em;
}

.txt-wrap pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

.txt-wrap code,
.txt-wrap kbd,
.txt-wrap tt,
.txt-wrap var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
}

.txt-wrap abbr,
.txt-wrap acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

.txt-wrap mark,
.txt-wrap ins {
	background: #eee;
	text-decoration: none;
}

.txt-wrap big {
	font-size: 125%;
}

/**
 * 3.0 - Elements
 */

.txt-wrap hr {
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

.txt-wrap ul,
.txt-wrap ol {
	margin: 1.5em 0;
	padding-left: 1.5em;
}

.txt-wrap ul {
	list-style: disc;
}

.txt-wrap ol {
	counter-reset: item;
}

.txt-wrap ol li {
	display: block;
	position: relative;
}

.txt-wrap ol li:before {
	counter-increment: item 1;
	content: counter(item) ". ";
	left: -1.5em;
	position: absolute;
}

.txt-wrap li > ul,
.txt-wrap li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

.txt-wrap dt {
	font-weight: 700;
}

.txt-wrap dd {
	margin: 0 1.5em 1.5em;
}

.txt-wrap table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

.txt-wrap thead th {
	border-bottom: 1px dashed #bbb;
	padding-bottom: 0.5em;
}

.txt-wrap th {
	padding: 0.4em;
	text-align: left;
}

.txt-wrap tr {
	border-bottom: 1px dashed #bbb;
}

.txt-wrap td {
	padding: 0.4em;
}

.txt-wrap a {
	text-decoration: underline;
	color: #00416e;
}

.txt-wrap a:hover,
.txt-wrap a:focus {
	text-decoration: none;
}

/**
 * 4.0 - Alignment
 */

.txt-wrap img {
	height: auto; /* Make sure images are scaled correctly. */
	width: inherit;  /* Make images fill their parent's space. Solves IE8. */
	max-width: 100%; /* Adhere to container width. */
}

.txt-wrap embed,
.txt-wrap iframe,
.txt-wrap object {
	margin-bottom: 1.5em;
	max-width: 100%;
}
 
.txt-wrap img.alignleft{
	float: left;
	display: block;
	margin: 0 1.5em 1em 0;
}

.txt-wrap img.alignright{
	float: right;
	display: block;
	margin: 0 0 1em 1.5em;
}
 
.txt-wrap img.aligncenter{
	display: block;
	margin: 0 auto;
}

/**
 * 5.0 - Caption
 */

.txt-wrap .wp-caption {
	color: #666;
	font-size: 13px;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.txt-wrap .wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.txt-wrap .wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/**
 * 6.0 - Galleries
 */

.txt-wrap .gallery {
	margin-bottom: 1.5em;
}

.txt-wrap .gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.txt-wrap .gallery-item a,
.txt-wrap .gallery-item a:hover,
.txt-wrap .gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
}

.txt-wrap .gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.txt-wrap .gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.txt-wrap .gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.txt-wrap .gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.txt-wrap .gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.txt-wrap .gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.txt-wrap .gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.txt-wrap .gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.txt-wrap .gallery-caption {
	display: block;
}

/**
 * 7.0 - Media Elements
 */

.txt-wrap .mejs-container {
	margin-bottom: 1.5em;
}

/* Audio Player */

.txt-wrap .mejs-controls a.mejs-horizontal-volume-slider,
.txt-wrap .mejs-controls a.mejs-horizontal-volume-slider:focus,
.txt-wrap .mejs-controls a.mejs-horizontal-volume-slider:hover {
	background: transparent;
	border: 0;
}

/* Playlist Color Overrides: Light */

.txt-wrap .wp-playlist-light {
	border-color: #eee;
	color: #222;
}

.txt-wrap .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
	color: #333;
}

.txt-wrap .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
	color: #767676;
}

.txt-wrap .wp-playlist-light .wp-playlist-item {
	border-bottom: 1px dotted #eee;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.txt-wrap .wp-playlist-light .wp-playlist-item:hover,
.txt-wrap .wp-playlist-light .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #767676;
	color: #fff;
}

.txt-wrap .wp-playlist-light a.wp-playlist-caption:hover,
.txt-wrap .wp-playlist-light .wp-playlist-item:hover a,
.txt-wrap .wp-playlist-light .wp-playlist-item:focus a {
	color: #fff;
}

/* Playlist Color Overrides: Dark */

.txt-wrap .wp-playlist-dark {
	background: #222;
	border-color: #333;
}

.txt-wrap .wp-playlist-dark .mejs-container .mejs-controls {
	background-color: #333;
}

.txt-wrap .wp-playlist-dark .wp-playlist-caption {
	color: #fff;
}

.txt-wrap .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
	color: #eee;
}

.txt-wrap .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
	color: #aaa;
}

.txt-wrap .wp-playlist-dark .wp-playlist-playing {
	background-color: #333;
}

.txt-wrap .wp-playlist-dark .wp-playlist-item {
	border-bottom: 1px dotted #555;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.txt-wrap .wp-playlist-dark .wp-playlist-item:hover,
.txt-wrap .wp-playlist-dark .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #aaa;
	color: #222;
}

.txt-wrap .wp-playlist-dark a.wp-playlist-caption:hover,
.txt-wrap .wp-playlist-dark .wp-playlist-item:hover a,
.txt-wrap .wp-playlist-dark .wp-playlist-item:focus a {
	color: #222;
}

/* Playlist Style Overrides */

.txt-wrap .wp-playlist {
	padding: 0.625em 0.625em 0.3125em;
}

.txt-wrap .wp-playlist-current-item .wp-playlist-item-title {
	font-weight: 700;
}

.txt-wrap .wp-playlist-current-item .wp-playlist-item-album {
	font-style: normal;
}

.txt-wrap .wp-playlist-current-item .wp-playlist-item-artist {
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
}

.txt-wrap .wp-playlist-item {
	padding: 0 0.3125em;
	cursor: pointer;
}

.txt-wrap .wp-playlist-item:last-of-type {
	border-bottom: none;
}

.txt-wrap .wp-playlist-item a {
	padding: 0.3125em 0;
	border-bottom: none;
}

.txt-wrap .wp-playlist-item a,
.txt-wrap .wp-playlist-item a:focus,
.txt-wrap .wp-playlist-item a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
}

.txt-wrap .wp-playlist-item-length {
	top: 5px;
}

/**
 * 8.0 - RTL
 */

.txt-wrap .rtl th {
	text-align: right;
}

.txt-wrap .rtl ol {
	counter-reset: item;
}

.txt-wrap .rtl ol li:before {
	left: auto;
	right: -1.5em;
}

.txt-wrap .rtl li > ul,
.txt-wrap .rtl li > ol {
	margin-left: 0;
	margin-right: 1.5em;
}

.txt-wrap .rtl .mejs-offscreen {
	right: -10000px;
}



/*--------------------------------------------------------
　SUB CONTENT
--------------------------------------------------------*/
.countdown-area {
	background: url(../images/common/countdown_bg.png) repeat 0 0;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 20px;
}

.countdown-area .ttl {
	width: 205px;
	height: 95px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.4em;
	color: #ffffff;
	text-align: center;
}

.countdown-area .num {
	width: 95px;
	height: 95px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	background: #fff100;
	font-family: 'Fjalla One', sans-serif;
	font-size: 47px;
	font-size: 4.7rem;
	color: #00416e;
	text-align: center;
}

.countdown-area .num .day {
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: -24px;
}

.sub-content > aside {
	background: #ececec;
	border-top: 7px solid #b2c6d3;
	padding: 33px 20px 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
}

.sub-content > aside h3 {
	margin: 0 0 .6em;
}

.sub-content > aside h3 .en {
	display: block;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.sub-content > aside h3 .jp {
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	font-weight: bold;
	display: block;
}

.sub-content .btn-list {
	margin-top: 1em;
}

.sub-content .btn-list a {
	display: block;
	background: #ffffff;
	border: 1px solid #9a9a9a;
	border-radius: 4px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	padding: 8px 0 6px 15px;
	position: relative;
}

.sub-content .btn-list a::before,
.sub-content .btn-list a::after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: rotate(45deg);
	margin-top: -3px;
}

.sub-content .btn-list a::before {
	margin-left: -35px;
}

.sub-content .btn-list a::after {
	margin-left: -40px;
}

.sub-content .pc-side-bnr-area > div {
	margin-bottom: 20px;
	line-height: 0;
}

.livescore-area h3 .en {
	background: url(../images/common/side_ttl_livescores.png) no-repeat 0 0;
	background-size: 100% auto;
	width: 210px;
	height: 22px;
}

.game-area h3 .en {
	background: url(../images/common/side_ttl_game.png) no-repeat 0 0;
	background-size: 100% auto; 
	width: 93px;
	height: 22px;
}

.result-area h3 .en {
	background: url(../images/common/side_ttl_result.png) no-repeat 0 0;
	background-size: 100% auto; 
	width: 124px;
	height: 22px;
}

.livescore-area .date,
.game-area .date,
.result-area .date {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: .4em;
}

.livescore-area .txt,
.game-area .txt,
.result-area .txt {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5em;
}

.livescore-area li {
	word-break: break-all;
}

/* 速報調整 */
.livescore-area #sj_contents_div ul.SJ_tabs + ul.SJ_ul-match li.SJ_li-caption + li{border-width:1px 0 0;}
.livescore-area #sj_contents_div ul.SJ_ul-match li ul.SJ_ul-table li{padding:0 1% 5px;}
.livescore-area #sj_contents_div .SJ_ul-table-solid.SJ_ul-match{border-width:0 0 1px;border-style:solid;border-color:#e1e1e1;}

.livescore-area #sj_contents_div ul.SJ_ul-match li ul li.SJ_date {width:50%;text-align:right;}
.livescore-area #sj_contents_div ul.SJ_ul-match li ul li.SJ_time {width:50%;text-align:left;}
.livescore-area #sj_contents_div ul.SJ_ul-match li ul li.SJ_result-1 {width:39%;}
.livescore-area #sj_contents_div ul.SJ_ul-match li ul li.SJ_result-2 {width:22%;padding-left:1%;padding-right:1%;}
.livescore-area #sj_contents_div ul.SJ_ul-match li ul li.SJ_result-3 {width:39%;}
.livescore-area #sj_contents_div ul.SJ_ul-match li ul li.SJ_place {width:100%;font-size:90%;}
.livescore-area #sj_contents_div ul.SJ_ul-match li ul li.SJ_place {display:inline-block;}
.livescore-area #sj_contents_div ul.SJ_ul-match li ul li.SJ_live {padding-top:7px;border-width:1px 0 0;border-style:dotted;border-color:#e1e1e1;}
.livescore-area #sj_contents_div ul.SJ_ul-match li ul li .SJ_flag-mini{width:32px;}

.livescore-area #sj_contents_div ul.SJ_ul-match li ul li.SJ_group-date {width:39%;text-align:right;}
.livescore-area #sj_contents_div ul.SJ_ul-match li ul li.SJ_group-time {width:22%;}
.livescore-area #sj_contents_div ul.SJ_ul-match li ul li.SJ_group-group{width:39%;text-align:left;}
.livescore-area #sj_contents_div ul.SJ_ul-match li ul li.SJ_group-result-1{width:39%;text-align:right;}
.livescore-area #sj_contents_div ul.SJ_ul-match li ul li.SJ_group-result-2{width:22%;}
.livescore-area #sj_contents_div ul.SJ_ul-match li ul li.SJ_group-result-3{width:39%;text-align:left;}

.livescore-area #sj_contents_div ul.SJ_ul-table.SJ_ul-match li ul.SJ_ul-table-in{display:block;}
.livescore-area #sj_contents_div ul.SJ_ul-table.SJ_ul-match li ul.SJ_ul-table-in li{display:block;}
.livescore-area #sj_contents_div ul.SJ_ul-table.SJ_ul-match li ul.SJ_ul-table-in li.SJ_result-1,
.livescore-area #sj_contents_div ul.SJ_ul-table.SJ_ul-match li ul.SJ_ul-table-in li.SJ_result-2,
.livescore-area #sj_contents_div ul.SJ_ul-table.SJ_ul-match li ul.SJ_ul-table-in li.SJ_result-3{float:left;}
.livescore-area #sj_contents_div ul.SJ_ul-table.SJ_ul-match li ul.SJ_ul-table-in li.SJ_place{clear:left;}
/* add 1612 */
.livescore-area #sj_contents_div ul.SJ_ul-table.SJ_ul-match li ul.SJ_ul-table-in li.SJ_result-1 div,
.livescore-area #sj_contents_div ul.SJ_ul-table.SJ_ul-match li ul.SJ_ul-table-in li.SJ_result-3 div{display:inherit;}
.livescore-area #sj_contents_div ul.SJ_ul-table.SJ_ul-match li ul.SJ_ul-table-in li.SJ_result-1 div > div,
.livescore-area #sj_contents_div ul.SJ_ul-table.SJ_ul-match li ul.SJ_ul-table-in li.SJ_result-3 div > div{display:block;}

.livescore-area .nav-contents {display: none;}
.livescore-area #sj_contents_div ul.SJ_ul-table.SJ_ul-solid > li.SJ_li-header {display: none;}
.livescore-area #sj_contents_div ul.SJ_ul-table.SJ_ul-match li ul.SJ_ul-table-in li.SJ_kickoff {width: 100%}
.livescore-area #sj_contents_div ul.SJ_ul-table.SJ_ul-match li ul.SJ_ul-table-in li.SJ_place {display: none;}
.livescore-area #sj_contents_div ul.SJ_ul-table.SJ_ul-match li ul.SJ_ul-table-in li.SJ_place-2 {display: block;clead: both;}
.livescore-area #sj_contents_div ul.SJ_ul-table.SJ_ul-match li ul.SJ_ul-table-in li.SJ_result-1,
.livescore-area #sj_contents_div ul.SJ_ul-table.SJ_ul-match li ul.SJ_ul-table-in li.SJ_result-3 {width: 39%;}
.livescore-area #sj_contents_div ul.SJ_ul-table.SJ_ul-match li ul.SJ_ul-table-in li.SJ_result-2 {width: 22%;}
.livescore-area #sj_contents_div ul.SJ_ul-table.SJ_ul-match li ul.SJ_ul-table-in li.SJ_result-1 > div,
.livescore-area #sj_contents_div ul.SJ_ul-table.SJ_ul-match li ul.SJ_ul-table-in li.SJ_result-3 > div {text-align: center;}
.livescore-area #sj_contents_div ul.SJ_ul-table.SJ_ul-match li ul.SJ_ul-table-in li .SJ_logo-s {display: none !important;}
.livescore-area #sj_contents_div ul.SJ_ul-table.SJ_ul-match li ul.SJ_ul-table-in li .SJ_logo-m {display: block !important;}
/* 速報調整 */

.magazine-area h3 .en {
	background: url(../images/common/side_ttl_magazine.png) no-repeat 0 0;
	background-size: 100% auto;
	width: 170px;
	height: 22px;
}

.magazine-area .magazines-box {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.magazine-area .book {
	text-align: center;
	margin: 0 10px;
}

.magazine-area .book a,
.magazine-area .book span {
	display: block;
}

.magazine-area .book a img {
	opacity: 1;
	transition: opacity .4s ease;
}

.magazine-area .book a:hover img {
	opacity: .7;
}

.magazine-area .book .img {
	width: 110px;
	height: 148px;
	position: relative;
	overflow: hidden;
}

.magazine-area .book .img img {
	height: 100%;
	width: auto;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.magazine-area .book .name {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.4em;
	text-align: left;
	margin-top: 6px;
}

.magazine-area .book .btn-buy {
	background: #ffffff;
	border: 1px solid #9a9a9a;
	border-radius: 4px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	margin-top: 6px;
	padding: 6px 0 4px 15px;
	position: relative;
}

.magazine-area .book .btn-buy::before,
.magazine-area .book .btn-buy::after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: rotate(45deg);
	margin-top: -3px;
}

.magazine-area .book .btn-buy::before {
	margin-left: -20px;
}

.magazine-area .book .btn-buy::after {
	margin-left: -25px;
}

.newsrank-area h3 .en {
	background: url(../images/common/side_ttl_newsrank.png) no-repeat 0 0;
	background-size: 100% auto;
	width: 252px;
	height: 22px;
}

.newsrank-area ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.newsrank-area ol li {
	border-top: 1px dashed #bebebe;
}

.newsrank-area ol li a {
	display: -webkit-flex;
	display: flex;
	padding: 25px 0;
}

.newsrank-area ol li:last-child a {
	padding-bottom: 5px;
}

.newsrank-area ol li .num {
	display:block;
	width: 30px;
	height: 30px;
	margin-right: 15px;
	background: #fff100;
	position: relative;
}

.newsrank-area ol li:nth-child(4) .num,
.newsrank-area ol li:nth-child(5) .num {
	background: #000000;
}

.newsrank-area ol li .num::before {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	width: 30px;
	text-align: center;
	color: #000000;
	position: absolute;
	top: 3px;
	left: 0;
}

.newsrank-area ol li:nth-child(1) .num::before {
	content: "1";
}

.newsrank-area ol li:nth-child(2) .num::before {
	content: "2";
}

.newsrank-area ol li:nth-child(3) .num::before {
	content: "3";
}

.newsrank-area ol li:nth-child(4) .num::before {
	content: "4";
	color: #ffffff;
}

.newsrank-area ol li:nth-child(5) .num::before {
	content: "5";
	color: #ffffff;
}

.newsrank-area ol li .txt {
	width: 215px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5em;
}

.newsrank-area ol li a:hover .txt {
	text-decoration: underline;
}

.worldrank-area h3 .en {
	background: url(../images/common/side_ttl_worldrank.png) no-repeat 0 0;
	background-size: 100% auto;
	width: 242px;
	height: 50px;
}

.worldrank-area ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.worldrank-area ol li a {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 10px;
}

.worldrank-area ol li .num {
	display:block;
	width: 28px;
	height: 27px;
	margin-right: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	padding-top: 1px;
	color: #ffffff;
	background: #000000;
	border-radius: 50%;
	text-align: center;
}

.worldrank-area ol li .flag {
	width: 24px;
	height: 16px;
	line-height: 1em;
	margin-right: 10px;
}

.worldrank-area ol li .country {
	width: 188px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.15em;
}

.worldrank-area ol li a:hover .country {
	text-decoration: underline;
}

.worldrank-area .btn-list a::before {
	margin-left: -50px;
}

.worldrank-area .btn-list a::after {
	margin-left: -55px;
}

.pc-adarea-footer {
	text-align: center;
	padding-bottom: 50px;
}



/*--------------------------------------------------------
　FOOTER
--------------------------------------------------------*/
#footer .pc-ftnavi {
	width: 1152px;
	margin: 0 auto 50px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#footer .pc-ftnavi > ul {
	margin: 0;
	padding: 0;
	width: 282px;
	background: #ffffff;
	list-style: none;
}

#footer .pc-ftnavi > ul > li {
	width: 262px;
	padding: 10px;
	margin: 0;
	border-top: 8px solid #000000;
}

#footer .pc-ftnavi > ul > li a.big-cat {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1em;
	font-weight: bold;
	color: #00416e;
}

#footer .pc-ftnavi > ul > li > ul {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.6em;
	padding-left: 0;
	list-style: none;
}

#footer .pc-ftnavi > ul > li > ul > li {
	padding-left: 1em;
	position: relative;
}

#footer .pc-ftnavi > ul > li > ul > li::after {
	content: "\30FB";
	width: 1em;
	height: 1em;
	position: absolute;
	top: 0;
	left: 0;
}

#footer .pc-ftnavi a:link,
#footer .pc-ftnavi a:visited {
	text-decoration: none;
}

#footer .pc-ftnavi a:hover,
#footer .pc-ftnavi a:active {
	text-decoration: underline;
}

#footer .pc-bottom-links {
	background: #00416e;
	padding: 20px 0 0;
}

#footer .pc-bottom-links ul {
	max-width: 1152px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
	letter-spacing: -.4em;
}

#footer .pc-bottom-links ul li {
	display: inline-block;
	letter-spacing: normal;
	border-right: 1px solid #ffffff;
}

#footer .pc-bottom-links ul li:first-child {
	border-left: 1px solid #ffffff;
}

#footer .pc-bottom-links ul li a {
	display: block;
	padding: 2px 1em;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1em;
	color: #ffffff;
}

#footer .pc-bottom-links ul li a:hover {
	opacity: .7;
}

#footer .copyright {
	background: #00416e;
	padding: 0 0 10px;
	font-size: 10px;
	font-size: 1.0rem;
	text-align: center;
	color: #ffffff;
}



/*--------------------------------------------------------
　NOT FOUND
--------------------------------------------------------*/
.notfound .num {
	font-family: 'Fjalla One', sans-serif;
	font-size: 50px;
	font-size: 5.0rem;
	text-align: center;
	color: #00416e;
	padding: 1em 0;
}

.notfound .btn-toppage a {
	display: block;
	width: 300px;
	background: #ffffff;
	border: 1px solid #9a9a9a;
	border-radius: 4px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #000000;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	text-decoration: none;
	padding: 12px 0 10px 15px;
	margin: 0 auto;
	position: relative;
}

.notfound .btn-toppage a::before,
.notfound .btn-toppage a::after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: rotate(45deg);
	margin-top: -3px;
}

.notfound .btn-toppage a::before {
	margin-left: -80px;
}

.notfound .btn-toppage a::after {
	margin-left: -85px;
}