﻿@charset "utf-8";
/* CSS Document */
/*******************************
Rugby2018
********************************/

/********reset seting*********/
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display:block;}
img {border-style: none;}
a { overflow: hidden; outline: none;}
/* clearfix-------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*.clearfix { display: inline-block; } */
.none{display:none;}
a:hover img{opacity:0.8;}


/*** all**********************/
.SPonly{display:none;}
.PConly{display:block;}
small{font-size:80%}

/*TOP Title*/
.Rugby_Title{background:#222; color:#fff; padding:1% 2%; font-size:130%; font-weight:bold; text-align:left;margin-top: 0;}
h1.Rugby_Title {background:#222; color:#fff; padding-left:2%; font-size:120%; font-weight:bold; text-align:left;margin-top: 0;border-top: 2px solid #7172ac;}
.Rugby_subT { font-size:50%; float:right; padding-right:20px; padding-top: 10px;}
.Rugby_TopTitle {background:#222; color:#fff; padding:0; width:100%; font-size:90%; text-align:left;overflow: hidden;margin-bottom: 0%;}

.mbt5 {margin-bottom: 5%;}
.pbt5 {padding-bottom: 5%;}
a.anchor{display: block;padding-top: 20px;margin-top: -20px;}

/* news　*/
.article_list {padding-right: 5%!important;}

/** main
-----------------------------------*/
#RJ_main{width:680px;margin:0px;padding:0;font-family:-apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", arial, helvetica, sans-serif;font-weight: 500;font-size:16px;position:relative;overflow:hidden;text-align:left;}
#RJ_main a:hover{text-decoration: none;color: #0b849c}

/*2019 ===============================================================================================================*/
/*font-family*/
.rugby_category h2,#RJ19_2photo figcaption h4, .JPplayerbox span {font-family: 'Montserrat', sans-serif;}
.Rugby_Title, .SParticle figcaption p, .SParticle figcaption h4, .rugby_category h3 {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;transform: rotate(.03deg);}
.rugby_category {width:100%;margin:2% 0 5% 0;padding-bottom:2%;line-height:160%;/*border-bottom: 1px dotted #555;*/text-align: left;}

.rugby_category h2 {border-bottom: solid 3px #fff;position: relative;margin: 5% 0; font-size: 200%;padding-bottom: 1%; color: #0b849c;letter-spacing: 0px;font-weight: bold;text-align: left;}
.rugby_category h2:after {position: absolute;content: " ";display: block;border-bottom: solid 3px #7172ac;bottom: -10px;width:15%;}
.rugby_category h2:first-letter {font-size: 150%;color: #7172ac;}
.rugby_category h3{position: relative;display: inline-block;margin:5% 0 5% 0 ;font-size: 180%;width: 100%;text-align: center;color: #555;}
.rugby_category h3:before {content: '';position: absolute;bottom: -12px;display: inline-block;width: 20%;height: 3px;left: 50%;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);background-color: #7172ac;border-radius: 2px;}
.rugby_category h3.mtp10{margin-top: 5%;}
.rugby_category.nonline {border-bottom: none;margin-bottom: 5%;}
.rugby_category .h3subT {text-align: center;margin-top: -1%;}
.rugby_category .h3subT2 {text-align: center;margin-top: -2%;font-size: 120%; font-weight: 600;color: #555;}
.rugby_category .wc19read {padding-bottom: 3%;}
/* news */
#RJnewslink {width: 100%; padding: 20px 0; text-align: right;background: #fff;}
#RJnewslink a:link, #RJnewslink a:active, #RJnewslink a:visited { color:#fff!important; }

/* wcup2019 */
#RJ19_2photo {margin: 2% 0 5% 0;width:100%;overflow: hidden;text-align: center;}
#RJ19_2photo figure {position: relative;overflow: hidden;width:49%;float:left;background:#123146;margin:0.5%;}
#RJ19_2photo figure img {position: relative;z-index: 1;-webkit-transition: .3s;transition: .3s;}
#RJ19_2photo figcaption {position: absolute;bottom: 0px;left: 0;z-index: 2;width: 100%;height: 100%;background: rgba(25,25,25,.3);-webkit-transition: .3s;transition: .3s;font-size:110%;}
#RJ19_2photo figcaption h4 {padding-top: 20%;color:#fff;font-size:180%;text-align: center; letter-spacing: -1px;}
#RJ19_2photo figure:hover img {-webkit-transition: .3s;transition: .3s;}
#RJ19_2photo figure:hover figcaption {bottom: 0;-webkit-transform: translateY(0px);transform: translateY(0px);}
#RJ19_2photo figcaption p{color: #fff!important;font-weight: bold;margin-top: 5%;}
#RJ19_2photo figure .new{background: #b973a0; padding: 2px 5px 5px 5px; font-size: 12px;position: absolute; right:2%; bottom:4%;color: #fff;height: 20px;z-index: 100;font-weight: 600;}
#RJ19_2photo figcaption h4, #RJ19_2photo figcaption p{text-shadow:2px 2px 3px #111;}
#RJ19_pool ul{ width:100%;text-align:center; margin:0px 0; padding:10px 0;overflow: hidden;}
#RJ19_pool ul li{width:23.5%;float:left;margin-bottom:10px;position:relative;overflow:hidden;background /*\**/:#c8d6f8\9;border-radius: 0%;opacity: 0.8}

#RJ19_pool ul li:first-child {background:#d06d8c;position: relative;}
#RJ19_pool li:nth-child(2) {background:#509bd6;margin-left:0.6%;}
#RJ19_pool li:nth-child(3) {background:#95b23d;margin-left:0.6%;}
#RJ19_pool li:nth-child(4) {background:#9a78a2;margin-left:0.6%;}

#RJ19_pool .RJ19_poolWaku {width:100%; margin:5px auto; text-align:center; color:#222; font-size:110%; height:190px;}
#RJ19_pool .RJ19_poolWaku h4{width:90%; margin:1% auto 5% auto;color:#fff; padding:5px 0;border-bottom: 1px solid #fff;font-size: 120%;}
#RJ19_pool .RJ19_poolWaku p{width:100%; margin:10% auto 1% auto; text-align:center; line-height:170%;color:#fff;font-size: 90%;font-weight: 700;}
#RJ19_pool .RJ19_poolWaku img{position: absolute;width: 12%;display: inline;top: 55%;left: 68%;}
#RJ19_pool .RJ19_poolWaku p a{color: #fff!important;}
#RJ19_pool .RJ19_poolWaku p a:hover{color: #f5f5f5!important; text-decoration:underline}
/*Contents
-----------------------------------*/
.RJ_3photos {width:100%;}
.RJ_3photos:after {content: '';clear: both;display: block;width:100%;}
#RJ_3photo {margin: 10px 0;width:100%;}
#RJ_3photo figure {float: left;width: 32.5%; height: auto;margin:0 0.83333333335% 0 0;}
#RJ_3photo figure:first-child {margin-left: 0;}
#RJ_2photoBRK {margin-bottom: -3px;width:100%;margin-left: 1px;}
#RJ_2photoBRK figure {position: relative;overflow: hidden;width:49.0023%;float:left; margin: 0 1% 0% 1%;}
#RJ_2photoBRK figure:first-child{margin-left: 0;}

/*Photo gallery
-----------------------------------*/
#RJ_3photoF {margin: 0px 0;width:100%;overflow: hidden;}
/* Effect 17 */
#RJ_3photoF figure {position: relative;overflow: hidden;width:32.3%;float:left;background:#777;margin:0.5%; text-align: center;}


#RJ_3photoF figure img {position: relative;z-index: 1;-webkit-transition: .3s;transition: .3s;}
#RJ_3photoF figcaption {position: absolute;bottom: 0px;left: 0;z-index: 2;width: 100%;height: 30%;background: rgba(50,50,50,.9);-webkit-transition: .3s;transition: .3s;font-size:100%;}
#RJ_3photoF figcaption h4 {padding: 0 2%;color:#fff;font-size:100%;line-height: 130%; margin-top: 4%;}
#RJ_3photoF figure:hover img {-webkit-transform: translateY(-40px);transform: translateY(-30px);}
#RJ_3photoF figure:hover figcaption {bottom: 0;-webkit-transform: translateY(10px);transform: translateY(10px);}


/*pagetop
-----------------------------------*/
.gotop {text-align: right;margin: 5% 0; width: 98%;}

/*bottom menu
-----------------------------------*/
ul.btmenu { text-align:center;padding: 0;width: 100%;overflow: hidden;float: left; margin-top: -5%; }
ul.btmenu a{ color:#0fb3d3!important; font-weight:bold; }
ul.btmenu li{list-style: none;width:23.8%;float:left;height:60px;line-height:60px;border:1px solid #dddddd;text-align:center;margin-left:6px!important;margin-bottom:3px;background: #fff;-webkit-transition: all .3s;
transition: all .3s;}
ul.btmenu li.lft{margin-left: 0!important;}
ul.btmenu li:hover {/*background: #7172ac;*/color: #fff; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px);background: url(/news2/handmade/special/rugby_2019/images/all/menu_BG.gif) left top repeat;}
.btmenu ul li a .tap{color:#0fb3d3; }

ul, menu, dir {display: block;list-style-type: none; -webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0;}




/*2nd-page ==================================================================================================*/

/* MENU */
#RJ_wc2019menu {width:100%; text-align:center; background:#fff; padding: 01% 0 0 0; /*box-shadow: 0 10px 6px -6px #777777;*/}
ul.wc2019menu { list-style: none; position: relative; overflow: hidden; width:90%; margin:0 auto 10px auto;padding: 1%;}
ul.wc2019menu li {border-left:1px solid #CCC;padding-left:8px;margin-left:6px;display: -moz-inline-box;display: inline-block;*display: inline;*zoom: 1;font-weight:800;}
ul.wc2019menu li:first-child{border-left:none;padding-left:0;margin-left:0;}
ul.wc2019menu li a { color:#2f5e90;}
ul.wc2019menu li a:hover { color:#7c4c85;}
ul.wc2019menu li a:active {color:#7c4c85;}


#RJ_wc2019Title h2{font-family: 'Montserrat', sans-serif;}
.voiceList dd h4,.RJ_voiceSUBT h3,#RJ_wc2019Title h2 span {font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;transform: rotate(.03deg);}

#RJ_wc2019Title{width:100%;background:#fff;margin-top:0;float:left;background-image: url(/news2/handmade/special/rugby_2019/images/wc2019/logoT.png), url(/news2/handmade/special/rugby_2019/images/wc2019/wc2019BG.png);background-repeat: no-repeat, repeat-x;background-position: left 50%, left top;height: 130px; background-color: #f3f3f3;}
#RJ_wc2019Title h1{padding:0;text-indent:-4999px!important; margin: 0!important;}
.RJ_wc2019period {width: 100%; /*border-bottom: 5px solid #333;*/ background: #333; color: #fff; padding: 1%;overflow: hidden;border-top: 2px solid #7172ac;}
.RJ_wc2019period p {padding-right: 2%;padding-left: 2%;}
#RJ_wc2019Title h2{text-align:left;font-size:240%;color:#ccc;line-height:170%;width:63%;float:right;margin-top: 0;position: relative;}
#RJ_wc2019Title h2:first-letter {font-size: 150%;color: #7172ac;}
#RJ_wc2019Title h2 span{font-size: 40%; font-weight: bold;position: absolute; top: 60%;color: #fff;}

/*2019schedule　-----------------------------------*/
.RJ2019_schedule {width: 100%; text-align:center; border-collapse: collapse; border-spacing: 0;border: 1px solid #ddd;}
.RJ2019_schedule th {padding: 10px; border-bottom: 1px solid #ddd;background: #f9f9f9;}
.RJ2019_schedule th{font-weight: 500;}
.RJ2019_schedule td {padding: 15px 5px; border-bottom: 1px solid #ddd;border-left: 1px dashed #eee;}
.RJ2019_schedule td a{border-bottom:1px dashed #ddd;}
.RJ2019_schedule tr:last-child th{padding: 10px; border-bottom: none}
.RJ2019_schedule tr:last-child td{padding: 10px; border-bottom: none;}
.RJ2019_schedule .bbnone {border: none!important;}
.RJ2019_schedule td.poolA {color:#d06d8c; font-weight: bold;}
.RJ2019_schedule td.poolB {color:#509bd6; font-weight: bold;}
.RJ2019_schedule td.poolC {color:#95b23d; font-weight: bold;}
.RJ2019_schedule td.poolD {color:#9a78a2; font-weight: bold;}
.scL {width:43%; display: inline-block; text-align:right;}
.scC {width:10%; display: inline-block; text-align:center;font-weight:bold;}
.scR {width:43%; display: inline-block; text-align:left;}
.red {color:#DD4A55; font-weight:bold;} 

/* ALL TITLE -----------------------------------*/
#RJ_rugbyTitle h2 {font-family: 'Montserrat', sans-serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Meiryo, "メイリオ"}
#RJ_rugbyTitle{width:100%;margin-bottom:20px;background:#fff;margin-top:0;float:left;background-image: url(/news2/handmade/special/rugby_2019/images/all/logoT.png);background-repeat: no-repeat;background-position: left 50%;height: 130px; background-color: #f8f8f8;}

.RJ_rugbyTitle {width: 100%; border-bottom: 5px solid #333; background: #eee; padding-left: 2%;}

#RJ_rugbyTitle h2{text-align:left;font-size:240%;color:#041c2c;line-height:170%;width:63%;float:right;margin-top: 3%;position: relative;}
#RJ_rugbyTitle h2:first-letter {font-size: 150%;color: #7172ac;}
#RJ_rugbyTitle h2 span{font-size: 40%; font-weight: bold;position: absolute; top: 60%;color: #666;}

/* 2019stadium -----------------------------------*/
#wcup19stadium {width: 100%; text-align: center;overflow: hidden;}
#wcup19stadium p {text-align: left;}
.stadium12 {width: 100%; margin: 2% auto 0% auto; display: inline-block;font-size: 90%; border-bottom: 1px solid #ddd; padding-bottom: 2%;position: relative;}
.stadium12 dt {clear: left; float: left; width: 30%; padding: 0; margin:0;color: #fff;}
.stadium12 dt img {width: 100%;}
.stadium12 dt .mark_area {position: absolute; /*width: 60px;*/ height: 28px; top: -11px; left: 0; z-index: 10; background: #0fb3d3;font-weight: 700; font-size: 80%; line-height: 33px; color: #fff;letter-spacing: 2px;text-align: center!important; padding: 0 1%;}
.stadium12 dd {padding: 1% 0; float: left; width: 65%; text-align: left; margin:0 0 2% 2%;}
.stadium12 dd p {font-size: 150%; font-weight: bold; color: #555; margin: 0 0 3% 0; overflow: hidden;padding-bottom: 1%;}
.stadium12 dd span {font-weight: normal; overflow: hidden; display: block; line-height: 160%;border-top: 1px dotted #555; padding: 3% 5% 0 0;font-size:100%;width: 100%;}

/* ////////////// 2019Player List JAPAN ///////////////-----------------------------------*/
#wcup19PlayerList {width: 100%; text-align: center;overflow: hidden;padding-bottom: 3%; margin-bottom: 2%;margin-left: 0;}
#wcup19PlayerList .pl_list {width: 100%;overflow: hidden;}
#wcup19PlayerList .pl_list li { float: left; width: calc(100% / 3 - 8px); margin-top: 10px; margin-left: 10px; text-align: left;line-height: 120%;list-style: none;height: 330px;}
#wcup19PlayerList .pl_list li:nth-child(3n+1) {margin-left: 0; }
#wcup19PlayerList .pl_list li img{ width: 100%; border-radius: 5px; }
#wcup19PlayerList .pl_list li p{margin: 3% 0 4% 0!important; padding: 1% 0 3% 0; border-bottom: 1px dotted #bbb;color: #444;font-weight: bold;}
#wcup19PlayerList .pl_list li span {font-size: 80%;line-height: 150%!important;font-weight: normal;}
.nameL {font-size: 93%;}

.pl_listTAB {width: 90%; margin: 5% auto 0 auto; overflow: hidden;border-bottom: 1px solid #eee;}
.pl_listTAB li { float: left; width: calc(100% / 2 - 15px); margin-top: 10px; text-align: left;line-height: 120%;list-style: none;text-align: center; padding: 2% 0;}
.pl_listTAB li:nth-child(2n+1) {margin-right: 2%; }
.act {background-image: linear-gradient(120deg, #0c2945 0%, #0d89a8 100%); color: #f9f9f9; font-weight: bold;}
.link {background: #f8f8f8!important; color: #999;}
.link:hover{background: #0d89a8!important; color: #fff;-webkit-transition: all .5s; transition: all .5s; font-weight: bold;}

/* ALL一覧(1908追加) */
.RJ_PlayerList { width: 98%; padding: 0 0 15px 0px; margin: 15px 0 10px 0px; text-align: center; font-size:110%; }
#RJ_4photo {margin: 10px 0;width:100%;overflow: hidden;}
#RJ_4photos {width:100%;}
#RJ_4photos:after {content: '';clear: both;display: block;width:100%;}
#RJ_4photo figure { float: left; width: 24%; height: auto;font-size:18px;font-weight: bold;margin-right: 1%;margin-bottom: 1%;}
#RJ_4photo figure:first-child {margin-left: 0;}
#RJ_4photo figure h4 {padding: 80px 0 5px;color: #fff;font-size: 15px;text-align: center;font-weight: 600;margin: 0;}
#RJ_4photo figure p{text-align: center;margin: 0;color: #fff; line-height: 110%;}
/* Effect 01 */
#RJ_Effect1 figure {position: relative;overflow: hidden;}
#RJ_Effect1 figcaption {position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;background: rgba(0,0,0,.6);-webkit-transition: .6s;transition: .6s;opacity: 0;}
#RJ_Effect1 figure:hover figcaption {opacity: 5;}

/* 2019 position別リスト (1908追加) -----------------------------------*/
.wcup19positionIMG{width:100%;margin:3% 0 4% 0;background-image: 
url(/news2/handmade/special/rugby_2019/images/wc2019/position/img_positionIMGbg.jpg);background-repeat: repeat;background-position: left top;height:230px; background-color: #333;text-align: center;padding: 3% 5%;width: 90%;}
.wcup19positionIMG img{margin: 2% auto;}
/*.wcup19positionIMG h4 {color: #fff; font-size: 160%; font-weight: bold; margin: 0% auto 5% auto;}*/
.wcup19position {width:99.5%; text-align:left; border:1px solid #666; background:#fff; margin-bottom:20px; position: relative; overflow: hidden;}
.wcup19positionR {float:left;width:158px!important; background:#333; height: auto !important; min-height: 100%;padding-bottom: 10000px; margin-bottom: -10000px;text-align: center;}
.wcup19positionR h4 {color: #fff;font-size: 170%;margin: 8% 0 5% 0; border-bottom: 1px dashed #ccc; padding-bottom: 4%;}
.wcup19positionR p {color: #fff;font-size: 110%;margin: 0;font-weight: bold;}
.wcup19positionR span {margin-top:2%;font-size: 95%;color:#fff;font-weight: normal;}
.wcup19positionR img {margin: 8% auto 0 auto;}
.wcup19positionL {float:right;width:72%; background:#fff; padding:10px 10px 0 10px; line-height:150%;}
.wcup19positionL img { margin-top:5px; margin-right: 0.1%!important;display: inline-block;}
.wcup19positionL p{display:none;}

/* positionTAG */
div.positionLink { padding: 3px; margin: 3% auto; color:#a0a0a0; font-size:14px; width:100%; float:left; text-align:center; }
div.positionLink a { margin-right:3px; margin-bottom:3px; padding: .5% 1.7%; color: #333; border: 1px solid #ccc;text-decoration: none;}
div.positionLink a:hover, div.positionLink a:active { background-color:#0d89a8; color: #fff!important; }
div.positionLink .ac{ background: #0c4563; color: #fff!important;} 

/* position-player -----------------------------------*/
#wcup19PlayerTitle{width:100%;margin-top:0;
background-image: url(/news2/handmade/special/rugby_2019/player/Title_BG.png);background-repeat: no-repeat;background-position: right top;background-color:#000;text-align: left; height: 80px; padding: 0;position: relative;}

#wcup19PlayerTitle img {padding: 1.5% 0 0 1%;float: left;}
#wcup19PlayerTitle img.sp2{margin-left:7%;}
#wcup19PlayerTitle h4 {font-size: 180%;color: #fff;font-weight: bold;display: inline-block;margin: 4.5% 0 0 4.5%;}

.JPplayerbox { padding: 0 0 0 10px; clear: both; width:98.3%;  overflow:hidden; margin-bottom:0;border: 1px solid #333;position: relative;height: 320px;margin-bottom: 3%;}
.JPplayerbox img{position: absolute; top:16%; right:0;}
.JPplayertext { margin: 10px 0; width: 60%; line-height:160%; font-size:100%;text-align: left;float: left;}
.JPplayerbox h4{ font-size:150%; font-weight:bold; border-bottom:1px solid #222; padding:0 0 9px 0; margin:2% 0 1% 0; text-align: left;}
.JPplayerbox span{font-size: 70%;font-weight: normal;padding-left: 5%;}

.RJ_BlockSect {width:100%!important; position: relative; overflow: hidden;background: #333;} 
.RJ_group {width:33.2%; float:left; height:auto; margin:0px;}

/* 情報 */
.PLdetail {width:100%; margin: 1% 0; overflow: hidden; float: left;padding-bottom: 1%; }
.PLdetail dt {clear: left; float: left; width: 20%; padding: .1% 1.5% 0 1.5%; margin-right: 3%; border: 1px solid #ddd; color: #333;-moz-text-align-last: justify; text-align-last: justify;margin-bottom: .2%;font-size: 80%;background: #f8f8f8;}
.PLdetail dd {padding: .5% 0; float: left; width: 70%; text-align: left; line-height: 180%;margin-bottom: .2%;margin-left: 0;font-size: 90%;}

.PLreview {width: 95.8%; padding: 2%; text-align: left;margin-bottom: 3%;border-bottom: 1px solid #333;border-left: 1px solid #333;border-right: 1px solid #333;margin-top: -3%;}
.PLreview.mbt0{margin-bottom: 0%!important;}
.PLreview a{border-bottom:1px dashed #999; color:#2f5e90}

/* SNS */
.JPplayerbox .share-art {float: right;padding: 0;padding-top: 0;font-size: 13px;font-weight: 400;text-transform: capitalize;position: absolute;right:1.5%;bottom:1%;z-index: 1;}
.JPplayerbox .share-art a {color: #fff;padding: 3px 8px;margin-left: 4px;display: inline-block;margin-right: 0;
background: #333;width: 15px; height: 25px;border-radius:2px;}

.JPplayerbox .share-art .home:hover{background: #ff8c00;transition: .4s;color:#fff!important;}
.JPplayerbox .share-art .facebook:hover{background: #2066b1;transition: .4s;color:#fff!important;}
.JPplayerbox .share-art .twitter:hover{background: #00acee;transition: .4s;color:#fff!important;}
.JPplayerbox .share-art .instagram:hover {transition: .6s!important; background-image: linear-gradient(to top, #e8198b 10%, #427eff 100%); color:#fff!important;}
/*background: linear-gradient(30deg,#f13f79 30%,#427eff 114%) no-repeat;*/

/* 外人用 */

.JPplayerboxO { padding: 0 0 0 10px; clear: both; width:98.3%;  overflow:hidden; margin-bottom:0;border: 1px solid #333;position: relative;margin-bottom: 5%;}
.JPplayerboxO img{float: right;margin-top: -1%;width: 30%;}

.JPplayerboxO h4{ font-size:150%; font-weight:bold; border-bottom:1px solid #222; padding:0 0 9px 0; margin:2% 0 1% 0; text-align: left;}
.JPplayerboxO span{font-size: 70%;font-weight: normal;padding-left: 5%;}



/** news list
-----------------------------------*/
#news_area {width:100%;display:block;position:relative;background:#fff;}

ul.news_list {width:100%;}
ul.news_list li{list-style:none;padding-bottom: 1%;text-align:left;font-size:100%;font-weight: normal;border-bottom: 1px dotted #ccc;margin-bottom: 1%;}
ul.news_list li a span {font-size: 75%;color: #8E8E8B;margin-left: 5px;vertical-align: 2px;text-decoration: none;}
.article_list {text-align: right;margin-top: 8px;}
ul.news_list li a:hover{text-decoration: none;color: #0fb3d3}
.CommonButtonMargin {display: none;}

/** Banner(1904追加)
-----------------------------------*/
#wcup19Banner{width:100%;position: relative;overflow: hidden; margin-bottom: 2%;}
#wcup19Banner ul{ width: 100%; padding: 2% 0;}
#wcup19Banner li {float:left;position: relative;width:160px;overflow:hidden;display:block;margin:1% .98%;text-align: center;line-height: 120%;}
#wcup19Banner li:nth-child(1) {margin-left: 0;}
#wcup19Banner li:nth-of-type(4n) {margin-right: 0;}
#wcup19Banner li img{width: 100%;margin-bottom: 3%;}
#wcup19Banner li .newico{bottom: 21%;right: 0px;background-image: url(/news2/handmade/special/rugby_2019/images/top/ico_new.png);background-repeat: no-repeat;background-size: 100%;width: 73px;height: 52px;z-index: 1;position: absolute;text-indent: -9999px;}
#wcup19Banner li .info{font-size: 100%;text-align: center;}


.more_btn { padding: 10px 25px; font-weight: 500; background: transparent; outline: none !important; cursor: pointer;
 transition: all 0.3s ease; position: relative; display: inline-block; width: 40%; margin: 0% 30% 5% 30%; font-size: 100%;}
.more_btnRUG { border: 1px solid #111;
 border-image-slice: 1; z-index: 1;}
.more_btnRUG:after { position: absolute; content: ""; width: 0; height: 100%; top: 0; right: 0; z-index: -1; background: #000; transition: all 0.3s ease;}
.more_btnRUG:hover { color: #fff;}
.more_btnRUG:hover:after { left: 0; width: 100%;}
.more_btnRUG:active { top: 2px;}


/*2019Special Article(1905追加)
-----------------------------------*/
/*#RJ2019_spArticle {width: 100%; text-align:center; border-collapse: collapse; border-spacing: 0;margin-top: 3%;}
.SPP_list {width: 100%; overflow: hidden;}
.SPP_list li {width: 48%;text-align: center;font-size: 16px;font-weight: bold;margin-top: 2%;float: left;margin-right: 2%;}
.SPP_list li:last-child {margin-bottom: 5%;}
.SPP_list li img {max-width: 100%;transition: 0.3s;}
.SPP_list li img:hover{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.SPP_list li:nth-child(2n){margin-right: 0;}

.SParticle {height: 250px; width: 330px; background-image: linear-gradient(to right, #243949 0%, #517fa4 100%);}

.SParticle figure {width: 330px;height: 200px;margin: 0 auto;position: relative;overflow: hidden;background: #000;}
.SParticle figure:after {position: absolute;display: block;width: 90%;height: 1px;left: 5%;top: 50%;transform: scale(0);transition: all .4s ease-out;}
.SParticle figure:hover:after {transform: scale(1);}
.SParticle figcaption p,
.SParticle figcaption h4 {position: absolute;text-align: center;width: 90%;opacity: 0;transition: all .2s ease-out .2s;color: #fff;margin-left: 5%;}
.SParticle figcaption h4 {bottom: 40%;transform: translateY(-30px);left: 0;margin-bottom: 4%;border-bottom: 2px solid #7172ac;padding-top: 2%;display:inline-block}
.SParticle figcaption h4.title {font-size: 18px;letter-spacing: 0;}
.SParticle figcaption p {top: 52%;transform: translateY(30px);font-size: 15px;letter-spacing: 0;}
.SParticle figure:hover figcaption p,
.SParticle figure:hover figcaption h4 {opacity: 1;transform: translateY(0);}
.SParticle figure img {transition: all .5s ease-out;width: 100%;}
.SParticle figure:hover img {opacity: .3;transform: scale(1.2);}

.SParticle p{font-size:100%; padding-top: 3%;font-weight: 500;color: #fff;}
.SParticle small{font-size:80%; padding-top: 1%;height: 20px;font-weight: normal;}*/


/*2019Special Article(1908修正)
-----------------------------------*/
#RJ2019_spArticle {width: 100%; text-align:center; border-collapse: collapse; border-spacing: 0;margin-top: 3%;}
.SPP_list {width: 100%; overflow: hidden;}
.SPP_list li {width: 32%;text-align: center;font-size: 16px;font-weight: bold;margin-top: 2%;float: left;margin-right: 2%;}
.SPP_list li:last-child {margin-bottom: 5%;}
.SPP_list li img {max-width: 100%;transition: 0.3s;}
.SPP_list li img:hover{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.SPP_list li:nth-child(3n){margin-right: 0;}

.SParticle {height: 170px;width: 220px;background-image: linear-gradient(to right, #243949 0%, #517fa4 100%);}

.SParticle figure {width: 220px;height: 130px;margin: 0 auto;position: relative;overflow: hidden;background: #000;}
.SParticle figure:after {position: absolute;display: block;width: 90%;height: 1px;left: 5%;top: 50%;transform: scale(0);transition: all .4s ease-out;}
.SParticle figure:hover:after {transform: scale(1);}
.SParticle figcaption p,
.SParticle figcaption h4 {position: absolute;text-align: center;width: 90%;opacity: 0;transition: all .2s ease-out .2s;color: #fff;margin-left: 5%;}
.SParticle figcaption h4 {bottom: 40%;transform: translateY(-30px);left: 0;margin-bottom: 4%;border-bottom: 2px solid #7172ac;padding-top: 2%;display:inline-block;}
.SParticle figcaption h4.title {font-size: 14px;letter-spacing: 0;}
.SParticle figcaption p {top: 52%;transform: translateY(30px);font-size: 12px;letter-spacing: 0;}
.SParticle figure:hover figcaption p,
.SParticle figure:hover figcaption h4 {opacity: 1;transform: translateY(0);}
.SParticle figure img {transition: all .5s ease-out;width: 100%;}
.SParticle figure:hover img {opacity: .3;transform: scale(1.2);}

.SParticle p{font-size:100%; padding-top: 3%;font-weight: 500;color: #fff;}
.SParticle small{font-size:80%; padding-top: 1%;height: 20px;font-weight: normal;}

.SParticlePL{width: 400px; margin: 3% auto;}

/* IE */
@media all and (-ms-high-contrast: none){
#wcup19PlayerList{margin-left: 2%;}
#wcup19PlayerList .pl_list li { float: left; width: calc(100% /3 - 18px); margin-top: 10px; margin-left: 5px; text-align: left;line-height: 120%;list-style: none; height: 320px;}
.pl_listTAB li {margin-left: -3%;}
.SPP_list {margin-left: 0;}
.SParticle p{margin: 1% 2% 0 2%;}
.wcup19position{width: 97.5%;}
div.positionLink a{padding: .9% 2% 0 1.7%;}
.PLdetail dt{padding: 1% 1.5% 0 1.5%;margin-bottom: .5%;}
.JPplayerbox{width: 94.2%;}
.JPplayerbox img{top:15.5%;}
.JPplayertext{padding: 5px 0 0 0px;}
.PLreview{width: 91.7%;}
.JPplayerboxO{width: 94.2%;}
#RJ19_pool .RJ19_poolWaku img{top: 55%;left: 62%;}
}/* IE end */


/* Firefox */
@-moz-document url-prefix() {
.SParticle p {margin: 1% 2% 0 2%;}
.PLreview{width: 95.8%;}
}