@charset "utf-8";



#main_box { line-height: 2.0; }



/* side_menu ----------------- */

#side_box .side_menu .menu_grp_c.grp4 {

}





/* contents ---- */

a span.ow {

    padding-right: 20px;

    background-image: url(/common/images/tag_305.png);

    background-repeat: no-repeat;

    background-position: right center;

}



.main_inner { padding-bottom: 90px; }





/* ===== stock_index ==================== */

/* side_menu ----------------- */

.ir_stock_index .btn080.btn_toggle .btn_toggle_act::after {

  background-color: rgb(255,255,255) !important;

}

.ir_stock_index li.btn080 {

  background-color: rgb(218,218,218);

  border-bottom-color: rgb(204,204,204) !important;

}

.ir_stock_index li.btn080 > a {

  pointer-events:none;

  cursor: auto;

}

.ir_stock_index #side_box .side_menu .menu_grp_c > li.btn080 > a::after {

  display: none;

}



/* ===== ir_info ==================== */

/* side_menu ----------------- */

.ir_info li.btn081 {

  background-color: rgb(218,218,218);

  border-bottom-color: rgb(204,204,204) !important;

}

.ir_info li.btn081 > a {

  pointer-events:none;

  cursor: auto;

}

.ir_info #side_box .side_menu .menu_grp_c > li.btn081 > a::after {

  display: none;

}





/* contents ---- */



.ir_info #main_box table.dotline th {

	width: 200px;

  padding-right: 22px;

}

.ir_info .box01 .linkbox_gray {

  font-size: 14px !important;

  height: 50px;

}



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

  .ir_info #main_box table.dotline th,

  .ir_info #main_box table.dotline td {

    vertical-align: middle;

  }

  .ir_info #main_box table.dotline th {

	width: 70px;

    padding-left: 4px;

    padding-right: 4px;

  }

}







/* ===== shareholder ==================== */

/* side_menu ----------------- */

.ir_shareholder li.btn082 {

  background-color: rgb(218,218,218);

  border-bottom-color: rgb(204,204,204) !important;

}

.ir_shareholder li.btn082 > a {

  pointer-events:none;

  cursor: auto;

}

.ir_shareholder #side_box .side_menu .menu_grp_c > li.btn082 > a::after {

  display: none;

}





/* contents ---- */

.ir_shareholder #main_box .date { text-align: right; }

.ir_shareholder #main_box .box01_01 li {

	padding-left: 13px;

	background-image: url(../../../common/images/tag_302.png);

	background-repeat: no-repeat;

	background-position: left center;

}



.sharehold_box {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

}

.sharehold_box > li {

  width: 50%;

}

.sharehold_box > li > .title {

  margin-left: 5%;

  margin-right: 5%;

  border-radius: 4px;

  padding: 4px 8px;

  color: rgb(255,255,255);

  text-align: center;

}

.sharehold_box > .item01 > .title {

  background-color: rgb(134,204,23);

}

.sharehold_box > .item02 > .title {

  background-color: rgb(255,160,0);

}

html[lang="en"] .sharehold_box > li > .title > span {

  display: block;

  line-height: 1.4;

  font-weight: 700;

}

.sharehold_box > li > .image_box {

  position: relative;

  padding-top: 99%;

}

.sharehold_box > li > .image_box > .image {

  position: absolute;

  top: 0;

  width: 105%;

  height: 100%;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: contain;

}

.sharehold_box > .item01 > .image_box > .image {

  left: 0;

}

.sharehold_box > .item02 > .image_box > .image {

  right: 0;

}

.sharehold_box > .item03 {

  width: 100%;

  border: 1px rgb(217,217,217) solid;

  padding: 8px;

  line-height: 1.5;

  font-size: 14px;

}

.sharehold_box > .item03 > ul {

  display: flex;

  justify-content: space-between;

}

html[lang="en"] .sharehold_box > .item03 > ul {

  flex-wrap: wrap;

  justify-content: flex-start;

}

html[lang="en"] .sharehold_box > .item03 > ul > li {

  margin-right: 18px;

}



.sharehold_box > .item03 > ul > li > span {

  display: block;

}

.sharehold_box > .item03 > ul > li > span::before {

  display: inline-block;

  width: 16px;

  height: 16px;

  margin-right: 6px;

  margin-bottom: 3px;

  vertical-align: middle;

  content: '';

}

.sharehold_box > .item03 > ul > li > ._tag01::before {

  background-color: rgb(255,160,0);

}

.sharehold_box > .item03 > ul > li > ._tag02::before {

  background-color: rgb(255,103,0);

}

.sharehold_box > .item03 > ul > li > ._tag03::before {

  background-color: rgb(0,177,255);

}

.sharehold_box > .item03 > ul > li > ._tag04::before {

  background-color: rgb(167,0,255);

}

.sharehold_box > .item03 > ul > li > ._tag05::before {

  background-color: rgb(255,0,219);

}

.sharehold_box > .item03 > ul > li > ._tag06::before {

  background-color: rgb(132,132,132);

}

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

  .sharehold_box > li {

    width: 100%;

  }

  .sharehold_box > li > .image_box > .image {

    width: 103%;

  }

  .sharehold_box > .item03 {

    font-size: 12px;

  }

  .sharehold_box > .item03 > ul {

    flex-wrap: wrap;

    justify-content: center;

  }

  .sharehold_box > .item03 > ul > li > span::before {

    width: 14px;

    height: 14px;

  }

  .sharehold_box > .item03 > ul > li {

    margin-right: 18px;

  }

}











.ir_shareholder #main_box table { 

	width: 100%;

}

.ir_shareholder #main_box table th, 

.ir_shareholder #main_box table td {

	height: 50px;

  vertical-align: middle;

}

.ir_shareholder #main_box table th {

	color: #fff;

	font-size: 114%;

	font-weight: bold;

	line-height: 114%;

	text-align: center;

}

.ir_shareholder #main_box table th { background-color: #7f7f7f; }

.ir_shareholder #main_box table tr { background-color: #f4f4f4;}

.ir_shareholder #main_box table tr:nth-child(2n+1) { background-color: #fff;}

.ir_shareholder #main_box table td {

	text-align: center;

}

.ir_shareholder #main_box table td:first-child {

	width: auto;

	padding-left: 10px;

	text-align: left;

}





/* ===== dividend ==================== */

.ir_dividend #main_box .box02_03 .dotline th:first-child,

.ir_dividend #main_box .box02_03 .dotline td:first-child {

    border-right: 1px #aaa dotted;

    text-align: center;

    width: auto;

}



.dividend_graph_box {

  display: flex;

  flex-direction: row;

  position: relative;

}

.dividend_graph_box > .memori {

  position: relative;

  width: 80px;

  display: flex;

  flex-direction: column-reverse;

  align-items: flex-end;

}

.dividend_graph_box > .memori::after {

  display: block;

  position: absolute;

  top: 50%;

  right: 0;

  width: 1px;

  height: calc(100% - 40px);

  background-color: rgb(128,128,128);

  transform: translate3d(0, -50%, 0);

  content: '';

}

.dividend_graph_box > .memori > li {

  height: 40px;

  font-size: 125%;

  padding-right: 20px;

  text-align: right;

}

.dividend_graph_box > .memori > li:first-child {

  position: absolute;

  top: -16px;

  right: 0;

  padding-right: 10px;

  font-size: 80%;

}

.dividend_graph_box > .memori > li:nth-of-type(n+2) {

  display: flex;

  align-items: center;

  position: relative;

}

.dividend_graph_box > .memori > li:nth-of-type(n+2)::after {

  display: block;

  position: absolute;

  top: 50%;

  right: 0;

  width: 12px;

  height: 1px;

  background-color: rgb(128,128,128);

  content: '';

}

.dividend_graph_box > .graph_body {

  position: relative;

  display: flex;

  flex-direction: row;

  width: calc(100% - 80px);

}

.dividend_graph_box > .graph_body::after {

  position: absolute;

  bottom: 19px;

  left: 0;

  width: 100%;

  height: 1px;

  background-color: rgb(128,128,128);

  content: '';

}

.dividend_graph_box > .graph_body > li {

  position: relative;

  width: 20%;

  height: 100%;

  text-align: center;

}

.dividend_graph_box > .graph_body ._tag40 {

  display: block;

  position: absolute;

  top: 100px;

  left: 50%;

  width: 66%;

  height: calc(40px * 4);

  background-color: rgb(247,175,11);

  transform: translate3d(-50%, 0, 0);

}

.dividend_graph_box > .graph_body ._tag60 {

  display: block;

  position: absolute;

  top: 20px;

  left: 50%;

  width: 66%;

  height: calc(40px * 6);

  background-color: rgb(247,175,11);

  transform: translate3d(-50%, 0, 0);

}

.dividend_graph_box > .graph_body ._tag40::before {

  display: block;

  position: absolute;

  top: -40px;

  left: 50%;

  font-size: 150%;

  color: rgb(247,175,11);

  transform: translate3d(-50%, 0, 0);

  content: '40';

}

.dividend_graph_box > .graph_body ._tag60::before {

  display: block;

  position: absolute;

  top: -40px;

  left: 50%;

  font-size: 150%;

  color: rgb(247,175,11);

  transform: translate3d(-50%, 0, 0);

  content: '60';

}



.dividend_graph_box > .graph_body .year {

  display: block;

  position: absolute;

  top: calc(100% - 16px);

  left: 0;

  width: 100%;

}

.dividend_graph_box > .graph_body .year > span {

  font-size: 125%;

}

.dividend_graph_box > .text {

  position: absolute;

  top: 50%;

  left: calc(50% + 40px);

  width: 70%;

  border: 1px rgb(128,128,128) solid;

  border-radius: 4px;

  padding: 24px 0;

  background-color: rgb(255,255,255);

  font-size: 125%;

  text-align: center;

  transform: translate3d(-50%, -50%, 0);

}

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

  .dividend_graph_box > .memori {

    width: 40px;

  }

  .dividend_graph_box > .memori::after {

    height: calc(100% - 32px);

  }

  .dividend_graph_box > .memori > li {

    font-size: 100%;

    height: 32px;

  }

  .dividend_graph_box > .graph_body {

    width: calc(100% - 40px);

  }

  .dividend_graph_box > .graph_body::after {

    bottom: 15px;

  }

  .dividend_graph_box > .graph_body .year {

    line-height: 1;

    top: calc(100% - 8px);

  }

  .dividend_graph_box > .graph_body ._tag40 {

    top: 80px;

    height: calc(32px * 4);

  }

  .dividend_graph_box > .graph_body ._tag60 {

    top: 16px;

    height: calc(32px * 6);

  }

  .dividend_graph_box > .graph_body ._tag40::before {

    top: -24px;

    font-size: 100%;

  }

  .dividend_graph_box > .graph_body ._tag60::before {

    top: -24px;

    font-size: 100%;

  }

  .dividend_graph_box > .graph_body .year > span {

    font-size: 100%;

  }

  .dividend_graph_box > .text {

    left: calc(50% + 20px);

    font-size: 14px;

  }

  

}











.ir_dividend #main_box .box02_03 .dotline th, .ir_dividend #main_box .box02_03 .dotline td {

    text-align: center;

    width: 191px;

}

.ir_dividend #main_box .box02_03 .dotline th:last-child, .ir_dividend #main_box .box02_03 .dotline td:last-child {

    border-left: 1px #aaa dotted;

    width: 191px;

}



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

  .ir_dividend #main_box .box02_03 table.dotline th,

  .ir_dividend #main_box .box02_03 table.dotline td {

    padding: 8px 4px;

    width: calc(100% / 3);

    vertical-align: middle;

  }

  .ir_dividend #main_box .box02_03 table.dotline th:first-child,

  .ir_dividend #main_box .box02_03 table.dotline td:first-child {

    width: calc(100% / 3);

  }

  .ir_dividend #main_box .box02_03 table.dotline th {

    line-height: 1.3;

  }

  

}





/* qa ---- */



#main_box .ttl_s12 {

    clear: both;

	padding: 16px 20px 13px 45px;

	background-color: #f4f4f4;

    color: #3d3333;

    font-weight: 700;

    font-size: 18px;

    line-height: 25px;

  text-indent: -25px;

}





#main_box .answerbox dl dd {

	padding-top: 19px;

	padding-left: 20px;

}

#main_box .answerbox dl dd .tag_a {

	display: block;

	float: left;

	width: 25px;

	padding-top: 6px;

    color: #3d3333;

    font-weight: 700;

    font-size: 18px;

	line-height: 18px;

}

#main_box .answerbox dl dd p.right,

#main_box .answerbox dl dd .kakomi {

	display: block;

	margin-left: 25px;

}

#main_box .answerbox dl dd p.right {

	float: none;

}

#main_box .answerbox dl dd .img {

	text-align: center;

}



#main_box .answerbox .box03_01 dl dd {

	padding-top: 0px;

}





/* side_menu ----------------- */

.ir_dividend li.btn083 {

  background-color: rgb(218,218,218);

  border-bottom-color: rgb(204,204,204) !important;

}

.ir_dividend li.btn083 > a {

  pointer-events:none;

  cursor: auto;

}

.ir_dividend #side_box .side_menu .menu_grp_c > li.btn083 > a::after {

  display: none;

}





/* contents ---- */

.ir_dividend #main_box table.dotline th {

	width: 118px;

}



#main_box .subbox05 {

    border: 1px solid #a69e91;

    padding: 14px 29px;

    overflow: hidden;

    margin-top: 20px;

}



#main_box .subbox05 .inner {

    float: left;

    margin: 0 0 0 15px;

    width: 500px;

    color: #443a2f;

}







#main_box .box01_03 a.btn01 {

	display: block;

	background-image: url(/ir/stock/images/dividend/tag_301.png);

	background-repeat: no-repeat;

	background-position: 639px 6px;

}



#main_box .box01_03 a.btn01:hover {

	background-color: #f5f0e2;

}



#main_box .subbox05 img {

    float: left;

}



#main_box .box01_03_01 img {

	margin: 0;

	padding: 0;

}

#main_box .box01_03_02 {

	overflow: hidden;

	margin: 20px 20px;

}

#main_box .box01_03_02 h5 {

	text-align: center;

}

#main_box .box01_03_02_01, #main_box .box01_03_02_02 {

/*

	float: left;

	width: 305px;

*/

}

#main_box .box01_03_02_01 {

	margin-right: 5px;

}

#main_box .box01_03_02_02 {

	margin-left: 5px;

}

#main_box .box01_03_02 table {

	clear: both;

}

#main_box .box01_03_02 th,

#main_box .box01_03_02 td {

	border-style: none;

	padding: 10px;

	text-align: center;

}

#main_box .box01_03_02 th {

	color: #fff;

}



#main_box .box01_03_02 tr.red td {

	background-color: rgb(255, 231, 225);

	color: #d00f1a;

	font-weight: bold;

}



#main_box .box01_03_02_01 th { background-color: #87b5dc;}

#main_box .box01_03_02_01 tr.even td { background-color: #e9f1f8;}

#main_box .box01_03_02_02 th { background-color: #87b5dc;}

#main_box .box01_03_02_02 tr.even td { background-color: #e9f1f8;}











/* ===== procedure ==================== */

/* side_menu ----------------- */

.ir_procedure li.btn084 {

  background-color: rgb(218,218,218);

  border-bottom-color: rgb(204,204,204) !important;

}

.ir_procedure li.btn084 > a {

  pointer-events:none;

  cursor: auto;

}

.ir_procedure #side_box .side_menu .menu_grp_c > li.btn084 > a::after {

  display: none;

}







/* contents ---- */

.ir_procedure #main_box .dotline th:first-child,

.ir_procedure #main_box .dotline td:first-child {

	border-right: 1px #aaa dotted;

}

.ir_procedure #main_box .dotline td li {

  padding-left: 1em;

  text-indent: -1em;

}

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

  .ir_procedure #main_box .dotline th,

  .ir_procedure #main_box .dotline td {

    padding-left: 4px;

    padding-right: 4px;

  }

  .ir_procedure #main_box .box_gray dd a {

    font-size: 11px;

  }



}



/* ===== rating ==================== */

/* side_menu ----------------- */

.ir_rating li.btn085 {

  background-color: rgb(218,218,218);

  border-bottom-color: rgb(204,204,204) !important;

}

.ir_rating li.btn085 > a {

  pointer-events:none;

  cursor: auto;

}

.ir_rating #side_box .side_menu .menu_grp_c > li.btn085 > a::after {

  display: none;

}









/* contents ---- */

.ir_rating #main_box .box01 .dotline th,

.ir_rating #main_box .box01 .dotline td {

	text-align: center;

    padding-left: 0px;

}

.ir_rating #main_box .box01 .dotline th:first-child,

.ir_rating #main_box .box01 .dotline td:first-child {

	border-right: 1px #aaa dotted;

	width: calc(280 / 794 * 100%);

    text-align: left;

    padding-left: 22px;

}



.ir_rating #main_box .box01 .dotline th:last-child,

.ir_rating #main_box .box01 .dotline td:last-child {

	border-left: 1px #aaa dotted;

  width: calc(191 / 794 * 100%);

}



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

  .ir_rating #main_box .box01 .dotline th,

.ir_rating #main_box .box01 .dotline td {

	text-align: center;

    padding-left: 4px;

    padding-right: 4px;

}

  .ir_rating #main_box .box01 .dotline th:first-child,

  .ir_rating #main_box .box01 .dotline td:first-child {

    padding-left: 4px;

    padding-right: 4px;

    width: 40%;

    text-align: center;

  }

  .ir_rating #main_box .box01 .dotline th:last-child,

.ir_rating #main_box .box01 .dotline td:last-child {

	width: 40%;

}

}







/* ===== regulations ==================== */

/* side_menu ----------------- */

.ir_regulations li.btn086 {

  background-color: rgb(218,218,218);

  border-bottom-color: rgb(204,204,204) !important;

}

.ir_regulations li.btn086 > a {

  pointer-events:none;

  cursor: auto;

}

.ir_regulations #side_box .side_menu .menu_grp_c > li.btn086 > a::after {

  display: none;

}







/* contents ---- */





/* ===== publicnotice ==================== */

/* side_menu ----------------- */

.ir_publicnotice li.btn087 {

  background-color: rgb(218,218,218);

  border-bottom-color: rgb(204,204,204) !important;

}

.ir_publicnotice li.btn087 > a {

  pointer-events:none;

  cursor: auto;

}

.ir_publicnotice #side_box .side_menu .menu_grp_c > li.btn087 > a::after {

  display: none;

}







/* contents ---- */