@charset 'UTF-8';

/*  stockholder
--------------------------------------- */

.kv {
background: url("/ja/assets/img/stockholder/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 10px;
color: #000033;
font-size: 30px;
font-weight: bold;
}

.kv p {
padding: 0 0 51px;
color: #000033;
font-size: 15px;
font-weight: bold;
line-height: 1.47;
}

/*  stockholder/results
--------------------------------------- */

.results {
max-width: 900px;
margin: 0 auto;
padding: 65px 20px 40px;
text-align: center;
box-sizing: border-box;
}

.results h2 {
margin: 0 0 38px;
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;
}

.results h3 {
margin: 0 0 36px;
padding: 8px 20px;
color: #fff;
font-size: 20px;
font-weight: bold;
text-align: left;
background: url("/ja/assets/img/bg_h3_01.png") no-repeat center;
}

.results .ttl {
margin: 0 0 12px;
font-size: 18px;
font-weight: bold;
}

.results .note {
margin: 0 0 5px;
font-size: 14px;
text-align: right;
}

.results .tableBox {
display: flex;
}

.results .tableBox01 {
position: relative;
width: 264px;
border-top: 4px solid #ccc;
border-bottom: 4px solid #ccc;
}

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

.results .tableBox02 {
position: relative;
width: calc(100% - 254px);
border-top: 4px solid #ccc;
border-bottom: 4px solid #ccc;
}

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

.results .tableBox table th {
width: 265px;
padding: 15px;
font-size: 12px;
line-height: 1.58;
border-right: 1px solid #fff;
border-bottom: 1px solid #ccc;
background: #eef2f8;
box-sizing: border-box;
}

/* Firefox Hack */
@-moz-document url-prefix() {
  .results table th { 
    line-height: 1.54;
  }
}

.results .tableBox table th.center {
text-align: center;
}

.results .tableBox02 table tr:first-child td:first-child ,
.results .tableBox02 table tr:nth-child(2) td:first-child {
border-left: 1px solid #fff;
}

.results .tableBox table td {
padding: 15px 0;
font-size: 14px;
line-height: 1.572;
text-align: center;
vertical-align: middle;
border-right: 1px solid #fff;
border-bottom: 1px solid #ccc;
}

.results table tr:first-child td ,
.results .tableBox table tr:nth-child(2) td ,
.results table tr:first-child th ,
.results table tr:nth-child(2) th {
font-size: 14px;
border-bottom: 1px solid #144996;
}

.results .tableBox01 table tr th {
padding: 17px 15px 16px;
}
.results .tableBox01 table tr:first-child th {
padding: 48px 15px;
}

.results .tableBox02 table tr:nth-child(2) td {
padding: 17px 15px 16px;
}


.results .tableBox01 table tr:nth-child(11) th {
padding: 7px 15px 6px;
}

.results table tr:first-child td ,
.results .tableBox table tr:nth-child(2) td ,
.results .tableBox table td:nth-child(2) ,
.results .tableBox table td:nth-child(4) {
background: #f0f0f0;
}

.results table td:last-child {
background: #ffebf2 !important;
border-right: none;
}

.results table span {
font-size: 14px;
font-weight: bold;
}

.results .note02 {
margin: 15px 0 43px;
font-size: 14px;
text-align: left;
}

.results .img {
margin: 0 0 60px;
}

.results .note03 {
max-width: 750px;
margin: -50px auto 50px;
font-size: 14px;
text-align: left;
}

.results .tp_tableBox {
	width: 750px;
	margin: 0 auto;
}

.results .tp_tableBox table {
	width: 750px;
}

/*  stockholder/schedule
--------------------------------------- */

.schedule td p.tp_tableBox_txt01 a:hover {
  color: #0022ee;
  transition: 0.3s;
}







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

.kv {
background: url("/ja/assets/img/stockholder/bg_kv_01_sp.jpg") no-repeat center;
background-size: cover;
}

.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 9.16%;
color: #000033;
font-size: 13px;
font-weight: bold;
line-height: 1.16;
}

.results {
width: 86.666%;
margin: 0 auto;
padding: 11% 0 5%;
text-align: center;
box-sizing: border-box;
}

.results 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;
}

.results h3 {
margin: 0 0 7%;
padding: 7px 10px;
color: #fff;
font-size: 15px;
font-weight: bold;
text-align: left;
background: url("/ja/assets/img/bg_h3_01_sp.png") no-repeat center;
background-size: cover;
}

.results .ttl {
margin: 0 0 4%;
font-size: 14px;
font-weight: bold;
}

.results .note {
margin: 0 0 2%;
font-size: 12px;
text-align: right;
}

.results .tableBox {
display: block;
position: relative;
}

.results .tableBox01 {
position: absolute;
top: 0;
left: 0;
width: 193px;
border-top: none;
border-bottom: 2px solid #ccc;
z-index: 10;
}

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

.results .tableBox02 {
position: relative;
width: 107.69%;
margin: 0 0 0 -7.69%;
border-top: 2px solid #ccc;
border-bottom: 2px solid #ccc;
overflow-x: scroll;
}


.results .tableBox table {
position: relative;
width: 500px;
margin: 0 0 0 calc(193px + 7.69%);
table-layout: fixed;
border-collapse: collapse;
}

.results .tableBox01 table {
width: 100%;
margin: 0;
}

.results .tableBox table th {
width: 194px;
padding: 5px 8px;
font-size: 11px;
line-height: 1.42;
background: rgba(238,242,248,0.8);
}

.results .tableBox table tr:first-child th ,
.results .tableBox table tr:nth-child(2) th {
font-size: 12px;
}

.results .tableBox table tr:nth-child(2) th {
vertical-align: middle;
}

.results .tableBox table th span {
font-size: 12px;
}

.results .tableBox table td {
padding: 5px 0;
font-size: 12px;
line-height: 1.42;
}

.results .tableBox01 table tr th {
padding: 6px 8px;
}
.results .tableBox01 table tr:first-child th {
padding: 35px 8px 36px;
}

.results .tableBox01 table tr:nth-child(2) th {
padding: 7px 8px 8px;
}
  
.results .tableBox02 table tr:nth-child(2) td {
padding: 6px 8px 7px;
}

.results .tableBox02 table tr:nth-child(6) td {
padding: 21px 0;
}
.results .tableBox02 table tr:nth-child(9) td {
padding: 13px 0;
}
.results .tableBox01 table tr:nth-child(11) th {
padding: 6px 8px;
}
.results .tableBox02 table tr:nth-child(11) td {
padding: 13px 0;
}

.results .scroll {
display: block;
margin: 4% 0;
padding: 0 0 0 23px;
font-size: 13px;
font-weight: bold;
text-align: left;
background: url("/ja/assets/img/stockholder/results/ico_arw_01.png") no-repeat left center;
background-size: 12px auto;
}

.results .note02 {
margin: 4% 0 10%;
padding: 0 0 0 26px;
font-size: 13px;
line-height: 1.47;
text-align: left;
text-indent: -26px;
}

.results .img {
position: relative;
margin: 0 -7.69% 10%;
}

.results .img span {
position: absolute;
right: 5px;
bottom: 5px;
width: 5.6%;
}

.results .note03 {
margin: -5% auto 10%;
padding: 0 0 0 26px;
font-size: 13px;
line-height: 1.47;
text-align: left;
text-indent: -26px;
}

.results .tp_tableBox {
	width:auto;
	margin:0;
	padding: 0;
}

.results .tp_tableBox table {
	width:auto;
}

.results .tp_tableBox table tr th span,
.results .tp_tableBox table tr th {
	font-size: 11px;
	padding: 10px 0;
}





}