@charset "utf-8";
/* CSS Document */

#right_box .graph img{
	max-width:100%;
}
#right_box .caption{
	margin-top:2.5em;
}
#right_box .caption li{
	font-size:1.4rem;
	padding-left:1em;
	text-indent:-1em;
}

#right_box h1 {
line-height:1.4;
}

#right_box h3 {
    display: inline-block;
    font-size: 1.8rem;
    border: solid 1px;
    padding: 0.2em 0.8em;
    margin-bottom: 1em;
  line-height: 1.4;
}

#right_box h3 span{
    
    font-size: 1.5rem;
}

#right_box .caption {
    margin-top: 1em;
}


/*表*/
#right_box table.number.dividends{
	width:100%;
}
#right_box table.number.dividends th{
	background-color:#fff;
	text-align:center;
	padding:0.5em 0.5em;
	font-weight:bold;
	vertical-align:middle;
}
#right_box table.number.dividends tr:first-child th{
	font-weight:normal;
		text-align:center;
	line-height:1.2;
  justify-content: center; /* 横方向の中央揃え */
  flex-wrap: wrap;
}

#right_box table.number.dividends th span{
font-size:80%;   
}

#right_box table.number.dividends td{
	/*border:solid 1px #ccc9c9;*/
	text-align:center;
	padding:0.5em 0.5em;
	vertical-align:middle;
	line-height:1.2;
  flex-wrap: wrap;
}

#right_box table.number.dividends .pink_bg{
background:#fcedee;
}

#right_box table.number.dividends td span{
display: block;
width: 100%;
font-size:80%;   
}

#right_box table.number.dividends .gray_bg{
background:#f7f7f7;
}


#right_box table.number.dividends tr.sub td{
font-size:80%;
}

#right_box table.number.dividends tr.sub td.border_none{
font-size:100%;
}

#right_box table.number.dividends tr.sub td.head{
padding:0;
}

#right_box table.number.dividends tr.sub td.head div{
width:94%;
display: flex;
    justify-content: flex-end;
}

#right_box table.number.dividends td b.red{
color:#EB0100;
}

#right_box table.number.dividends td:first-child{
	text-align:left;
  width: 30rem;
}


#right_box table.number.dividends td.sales{
	background-color:#FFF;
	padding-left:1.5em;
}

#right_box table.number.dividends th.bg_none {
    background: none;
}

#right_box table.number.dividends td.border_none{
border:none;
border-right: solid 1px #ccc9c9;
border-bottom:none;
}

#right_box table.number.dividends td.border_bottom_none {
border-bottom: none;
border-left: solid 1px #ccc9c9;
}


#right_box table.number.dividends td.border_top_none{
border-right: solid 1px #ccc9c9;
border-top:none;
}



/*---------------------------------------------------------------
横幅768px～1190pxまでのレイアウト
---------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1150px){

}





/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width:767px){
#right_box .graph{
	width:100%;
}

#right_box .table_wrap table.number tr::first-child {
        display: table;
    }
  #right_box .table_wrap table.number td:first-child {
    
   border-right:none;
    text-align: left;
  }

#right_box .table_wrap table.number th {
width:10rem;
display: flex;
align-items: center;
}

#right_box .table_wrap table.number td {
justify-content: center;
width:10rem;
}
  
#right_box .table_wrap table.number td:first-child {
width:10rem;
    }  

#right_box table.number.dividends tr.sub td.head div {
    width:100%;
    display: block;
    padding: 0.5em 0.5em 0.5em 2em;
}

#right_box table.number.dividends td.border_none {
border-bottom: none;
border-left: solid 1px #ccc9c9;
border-right: none;
padding-top:0;
align-items: self-start;  
}

#right_box table.number.dividends td.border_top_none {
border-right: none;
}

#right_box table.number.dividends td span{
margin-top: -1rem;  
}

}