@charset 'UTF-8';

/*  news
--------------------------------------- */

.kv {
background: url("/ja/assets/img/tabletennis/bg_kv_01.jpg") no-repeat center;
}

.kv .inner {
max-width: 900px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}

.kv h1 {
padding: 50px 0 4px;
color: #000033;
font-size: 30px;
font-weight: bold;
}

.kv p {
padding: 0 0 29px;
color: #000033;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
}

.news {
max-width: 900px;
margin: 0 auto;
padding: 62px 20px 85px;
text-align: center;
box-sizing: border-box;
}

.news h2 {
margin: 0 0 40px;
padding: 0 0 18px;
color: #333;
font-size: 30px;
font-weight: bold;
background: url("/ja/assets/img/bg_h2_01.png") no-repeat center bottom;
}

.news .yearSelect {
position: relative;
width: 164px;
margin: 0 0 10px auto;
}
.news .yearSelect:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 39px;
height: 39px;
background: #144996;
z-index: 1;
}
.news .yearSelect:after {
content: "";
position: absolute;
top: 13px;
right: 11px;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 12px 7px 0 7px;
border-color: #fff transparent transparent transparent;
z-index: 2;
}
.news .yearSelect select {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
padding: 5px 45px 5px 25px;
color: #144996;
font-size: 18px;
font-weight: bold;
border: 1px solid #144996;
background: none;
z-index: 3;
}
.news .yearSelect select::-ms-expand {
display: none;
}

.news .newsList dl {
display: flex;
flex-wrap: wrap;
}

.news .newsList dl dt {
position: relative;
width: 118px;
padding: 15px 14px;
font-size: 14px;
line-height: 1.58;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
}

.news .newsList dl dt:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 1px;
height: 22px;
margin: auto 0;
background: #134590;
}

.news .newsList dl dd {
width: calc(100% - 118px);
padding: 15px 20px;
font-size: 14px;
line-height: 1.58;
text-align: left;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
}

.news .newsList dl dt:nth-last-child(2) ,
.news .newsList dl dd:last-child {
border-bottom: none;
}

.news .pager {
display: flex;
justify-content: center;
align-items: center;
padding: 60px 0 35px;
}

.news .pager li {
width: 30px;
margin: 0 5px;
text-align: center;
}

.news .pager li a {
display: block;
color: #fff;
font-size: 15px;
font-weight: bold;
line-height: 2;
background: #c5d3f4;
}

.news .pager li .arw {
color: #12428c;
background: none;
}

.news .pager li span {
color: #12428c;
}

.news .pager li .act {
display: block;
color: #fff;
font-size: 15px;
font-weight: bold;
line-height: 2;
background: #12428c;
}

.news .link {
font-size: 14px;
text-align: right;
}

.news .link a {
text-decoration: underline;
}


.newsDetails {
max-width: 900px;
margin: 0 auto;
padding: 66px 20px 60px;
box-sizing: border-box;
}

.newsDetails .date {
margin: 0 0 18px;
font-size: 14px;
}

.newsDetails .date span {
display: inline-block;
width: 108px;
margin: 0 0 0 15px;
font-size: 12px;
font-weight: bold;
line-height: 1.67;
text-align: center;
box-sizing: border-box;
}

.newsDetails .date .release {
color: #ce0f60;
border: 1px solid #ce0f60;
}
.newsDetails .date .event {
color: #6718b0;
border: 1px solid #6718b0;
}
.newsDetails .date .relate {
color: #0022ff;
border: 1px solid #0022ff;
}

.newsDetails h2 {
margin: 0 0 30px;
padding: 10px 0 10px 20px;
font-size: 20px;
font-weight: bold;
background: url("/ja/assets/img/news/bg_details_01.png") no-repeat left center;
background-size: 5px auto;
}

.newsDetails .img {
margin: 0 0 20px;
}

.newsDetails p {
margin: 0 0 22px;
font-size: 16px;
line-height: 1.58;
}

.newsDetails .link {
margin: 0 0 22px;
padding: 5px 0;
font-size: 14px;
line-height: 1.58;
text-align: right;
}

.newsDetails .link a {
text-decoration: underline;
}

.newsDetails .imgList {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.newsDetails .imgList li {
width: 48.84%;
margin: 0 0 32px;
text-align: center;
}

.newsDetails .imgList li span {
display: block;
margin: 8px 0 0;
font-size: 14px;
line-height: 1.58;
}

.newsDetails figcaption {
display: block;
margin: 8px 0 0;
font-size: 14px;
line-height: 1.58;
text-align: center;
}

.newsDetails h3 {
padding: 10px 0 15px;
font-size: 18px;
font-weight: bold;
}

.newsDetails .tableBox {
position: relative;
margin: 0 0 22px;
border-top: 4px solid #ccc;
border-bottom: 3px solid #ccc;
}

.newsDetails .tableBox:after {
content: '';
position: absolute;
top: -4px;
left: 0;
width: 195px;
height: 4px;
background: url("/ja/assets/img/bg_line_01.png") no-repeat center;
}

.newsDetails table {
position: relative;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}

.newsDetails table th {
width: 195px;
padding: 14px 20px;
font-size: 16px;
font-weight: bold;
line-height: 1.72;
border-bottom: 1px solid #ccc;
background: #eef2f8;
box-sizing: border-box;
}

.newsDetails table td {
padding: 14px 20px;
font-size: 16px;
line-height: 1.72;
border-bottom: 1px solid #ccc;
}










@media screen and (max-width: 750px) {

.kv {
background: url("/ja/assets/img/tabletennis/bg_kv_01_sp.jpg") no-repeat center;
background-size: cover;
box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

.kv .inner {
width: 88%;
margin: 0 auto;
padding: 0;
}

.kv h1 {
padding: 6% 0 0;
color: #000033;
font-size: 20px;
font-weight: bold;
line-height: 2;
}

.kv p {
padding: 0 0 4.3%;
color: #000033;
font-size: 13px;
font-weight: bold;
line-height: 1.16;
}

.news {
margin: 0 auto;
padding: 9.5% 0 11%;
text-align: center;
box-sizing: border-box;
}

.news h2 {
margin: 0 0 10%;
padding: 0 0 2%;
color: #333;
font-size: 20px;
font-weight: bold;
background: url("/ja/assets/img/bg_h2_01.png") no-repeat center bottom;
background-size: 100px auto;
}

.news .yearSelect {
position: relative;
width: 120px;
margin: 0 6.66% 10px auto;
}
.news .yearSelect:before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 29px;
height: 100%;
background: #144996;
z-index: 1;
}
.news .yearSelect:after {
content: "";
position: absolute;
top: 9px;
right: 8px;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 6px 0 6px;
border-color: #fff transparent transparent transparent;
z-index: 2;
}
.news .yearSelect select {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
padding: 4px 35px 5px 25px;
color: #144996;
font-size: 13px;
font-weight: bold;
border: 1px solid #144996;
background: none;
z-index: 3;
}

.news .newsList dl {
display: block;
padding: 0;
}

.news .newsList dl:last-child {
border-bottom: none;
}

.news .newsList dl dt {
width: auto;
margin: 0;
padding: 10px 6.66%;
font-size: 11px;
text-align: left;
border-bottom: none;
}

.news .newsList dl dt:after {
display: none;
}

.news .newsList dl dd {
width: auto;
padding: 0 6.66% 10px;
}

.news .newsList dl dd a {
font-size: 16px;
line-height: 1.5;
}

.news .newsList dl dd:last-child {
border-bottom: 1px solid #ccc;
}

.news .pager {
display: flex;
justify-content: center;
align-items: center;
padding: 8% 0 10%;
}

.news .link {
margin: 0 6.66%;
font-size: 12px;
text-align: right;
}



.newsDetails {
max-width: inherit;
margin: 0 auto;
padding: 11% 0 2%;
box-sizing: border-box;
}

.newsDetails .date {
margin: 0 6.66% 4%;
font-size: 11px;
}

.newsDetails .date span {
display: inline-block;
width: 86px;
margin: 0 0 0 8px;
font-size: 10px;
font-weight: bold;
line-height: 1.5;
text-align: center;
box-sizing: border-box;
}

.newsDetails h2 {
margin: 0 6.66% 5%;
padding: 0 0 0 20px;
font-size: 18px;
font-weight: bold;
line-height: 1.62;
background: url("/ja/assets/img/news/bg_details_01.png") no-repeat left center;
background-size: 5px auto;
}

.newsDetails .img {
margin: 0 0 6%;
}

.newsDetails p {
margin: 0 6.66% 5%;
font-size: 12px;
line-height: 1.59;
}

.newsDetails .link {
margin: 0 6.66% 5%;
padding: 2% 0;
font-size: 12px;
line-height: 1.59;
text-align: right;
}

.newsDetails .link a {
text-decoration: underline;
}

.newsDetails .imgList {
display: block;
}

.newsDetails .imgList li {
width: 100%;
margin: 0 0 5%;
text-align: center;
}

.newsDetails .imgList li span {
display: block;
margin: 2% 6.66% 0;
font-size: 12px;
line-height: 1.59;
}

.newsDetails figcaption {
display: block;
margin: 2% 6.66% 0;
font-size: 12px;
line-height: 1.59;
}

.newsDetails h3 {
padding: 0 6.66% 1.5%;
font-size: 13px;
font-weight: bold;
}

.newsDetails .tableBox {
position: relative;
margin: 0 0 6%;
border-top: 2px solid #ccc;
border-bottom: 1px solid #ccc;
}

.newsDetails .tableBox:after {
content: '';
position: absolute;
top: -2px;
left: 0;
width: 75px;
height: 2px;
background: url("/ja/assets/img/bg_line_01.png") no-repeat center;
background-size: auto 2px;
}

.newsDetails table {
position: relative;
width: 100%;
}

.newsDetails table .pcHide {
display: table-column-group;
}

.newsDetails table th {
width: 75px;
padding: 11px 12px;
font-size: 12px;
font-weight: bold;
line-height: 1.5;
background: #eef2f8;
box-sizing: border-box;
}

.newsDetails table td {
padding: 11px 12px;
font-size: 12px;
line-height: 1.5;
}

}