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

/*------------------------------
共通
------------------------------*/
.pc_hide{ display: block;}
.sp_hide{ display: none;}

.fnav a{
  color: #ccc;
}

table.stock_tab td:not(:first-child),
table.gove_tab td:not(:first-child){
  text-align: right;
}
table.stock_tab tr:nth-of-type(-n+2) td,
table.gove_tab tr:nth-of-type(-n+3) td{
  text-align: center;
}

#menuback #menu{
  display: none;
}
#margin_center,
#wrapper,
#investor #menuback{
  width: 100%;
  box-sizing: border-box;
}
#investor #pan{
  display: none;
}
#investor #contents{
  width: 100% !important;
  float: none;
  padding: 0 20px;
  box-sizing: border-box;
}

#sp_content h1{
  background: url("/corp/ir/images/ir_title.png") no-repeat center bottom;
  background-size: cover;
  display: flex;
  align-items: center;
  padding: 40px;
  margin-bottom: 2rem;
}
#sp_content h1 .page_title{
  color: #fff;
}
#sp_content h1 .page_title span{
  font-size: 1.5rem;
}

#investor #sp_content h2{
  color: #000;
  border: none;
  font-size: 2.4rem !important;
  text-align: center;
}

#investor #sp_content .ir_section{
  padding: 0 20px;
  margin-bottom: 20px;
}
#investor #sp_content .ir_section:last-of-type{
  margin-bottom: 0;
}
#investor #sp_content .ir_section.bk_color{
  background: rgba(214,207,183,0.25);
  padding: 20px;
}
#investor #sp_content .more_link a{
  display: block;
  color: #fff;
  background: #5C3707;
  width: 50%;
  min-width: 170px;
  margin: 20px auto 0;
  padding: 15px 20px;
  text-align: center;
  font-weight: bold;
  border-radius: 5px;
  position: relative;
  z-index: 0;
}
#investor #sp_content .more_link a:hover{
  text-decoration: none;
}
#investor #sp_content .more_link a::after{
 position:absolute;
 top:50%;
 right:15px;
 display:block;
 width:8px;
 height:8px;
 margin-top:-4px;
 content:"";
 border-top:3px solid #FFC406;
 border-right:3px solid #FFC406;
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg) ;
}

@media screen and (min-width:768px) {
	a.drower__listLink{
		color: #fff;
	}
	
  .pc_hide{ display: none;}
  .sp_hide{ display: block;}
  #menuback #menu{
    display: block;
  }
  #investor #menu #bnr li{
    line-height: 1.6;
  }
  #investor{
    width: 950px;
    margin: 0 auto;
  }
  #investor #menuback{
    width: 950px;
  }
  #investor #pan{
    display: block;
    width: 940px;
  }
  #investor #contents {
    float:right;
    width:715px !important;
    padding:0px 15px 0px 20px;
    box-sizing: content-box;
  }
  #investor div.irtopcontents #message_index div, #investor div.irtopcontents #corp_index div, #investor div.irtopcontents #library_index div, #investor div.irtopcontents #event_index div.event_link, #investor div.irtopcontents #highlight_index div.highlight_link, #investor div.irtopcontents #stock_index div{
    box-sizing: content-box;
  }
  
  #investor #menu #bnr {
    box-sizing: content-box;
}
  
}

/* sp menu */
.ir_menu p{
  position: absolute;
  top: 50%;
  right: 50px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
#sp_menu{
  position: relative;
  height: 45px;
  z-index: 1;
}
#sp_menu .menu-trigger{
  position:absolute;
  width:22px;
  height:18px;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  cursor:pointer;
}
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger span {
  position:absolute;
  left:0;
  display:inline-block;
  width:100%;
  height:2px;
  cursor:pointer;
  background:#000;
  -webkit-transition:all .4s ease-out;
  transition:all .4s ease-out
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top:8px
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform:translateY(8px) rotate(-45deg);
  transform:translateY(8px) rotate(-45deg)
}
.menu-trigger.active span:nth-of-type(2) {
  opacity:0
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform:translateY(-8px) rotate(45deg);
  transform:translateY(-8px) rotate(45deg)
}

#investor .menu-container{
  padding-top: 45px !important;
}
.menu-container .menu{
  display: none;
  width: 100%;
}
.menu-container .menu li{
  position: relative;
  background: rgba(37,21,3,.9);
  border-bottom: 1px solid #FFFCF3;
}
#investor .menu-container .menu li a:not(.sub-expand){
  display: block;
  color: #fff;
  padding: 15px 30px;
}
#investor .menu-container .menu li a:hover{
  text-decoration: none;
}
.menu-item .sub-expand{
  position: absolute;
  top: 7px;
  right: 30px;
}
.menu-item .sub-expand::after{
  content: '＋';
  display: block;
  color: #fff;
  font-size: 2.5rem;
}
.menu-item .sub-expand.open-sub::after{
  content: '－';
}

/* 第三階層 */
.menu-container .menu .sub-menu{
  display: none;
}
.menu-container .menu .sub-menu li{
  background: none;
}
.menu-container .menu .sub-menu li:first-of-type{
  border-top: 1px solid #FFFCF3;
}
.menu-container .menu .sub-menu li:last-of-type{
  border-bottom: none;
}
#investor .menu-container .menu .sub-menu li a{
  padding-left: calc(30px + 1em);
}
.sub-menu li a[target="_blank"]::after{
  content: "";
  display: inline-block;
  background: url("/corp/ir/images/icon_blank.png") no-repeat left center;
  width: 16px;
  height: 16px;
  margin-left: 1rem;
}

@media screen and (min-width:768px) {
  #sp_menu{
    display: none;
  }
}

/*------------------------------
IRトップ
------------------------------*/
.ir_section.ir_news .news_area{
  width: 100%;
  /*min-height: 400px;
  overflow: scroll;*/
}
.ir_section.ir_news .news_area iframe{
  width: 100%;
  min-height: 400px;
}

.ir_content_box_wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#investor .ir_content_box{
  width: 100%;
  margin-bottom: 20px;
  background: #fff;
}
#investor .ir_content_box:last-of-type{
  margin-bottom: 0;
}
#investor .ir_content_box .ir_content_box_img{
  display: block;
  width: 100%;
}
#investor .ir_content_box .ir_content_box_img img{
  width: 100%;
}
#investor .ir_content_box.single_cont a{
  display: block;
}
#investor .ir_content_box.single_cont a,
#investor .ir_content_box:not(.single_cont) .box_inner{
  padding: 15px;
}
#investor .ir_content_box h3{
  text-align: center;
  margin-bottom: 10px;
}
#investor .ir_content_box.single_cont h3,
#investor .ir_content_box .box_inner h3 a{
  color: #000;
  font-size: 1.6rem !important;
  position: relative;
}
#investor .ir_content_box.single_cont h3::after,
#investor .ir_content_box .box_inner h3 a::after{
  display: inline-block;
  width:8px;
  height:8px;
  content:"";
  border-top:3px solid #FFC406;
  border-right:3px solid #FFC406;
  position:absolute;
  top:50%;
  margin-top: -2px;
  transform:rotate(45deg) translateY(-50%);
  -webkit-transform:rotate(45deg) translateY(-50%);
  -ms-transform: translateY(-50%);
  margin-left: 1em;
}
#investor .ir_content_box:not(:nth-of-type(4)) .cont_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#investor .ir_content_box:not(:nth-of-type(4)) .cont_list li{
  width: calc((100% - 2%) / 2);
}
#investor .ir_content_box .cont_list li{
  margin-bottom: 5px;
}
#investor .ir_content_box .cont_list li a::after{
  content: '';
  display: inline-block;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border-top:3px solid #FFC406;
  border-right:3px solid #FFC406;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  margin-left: .5rem;
}
#investor .ir_content_box .cont_list li img{
  vertical-align: middle;
  margin-left: .5rem;
}
#investor .ir_content_box .cont_list li a[target="_blank"]::after{
  border: none;
  background: url("/corp/ir/images/index/icon_blank.gif") no-repeat left center;
  transform:none;
  width: 15px;
  height: 16px;
}

#investor .bn_list li{
  margin-bottom: 20px;
}
#investor .bn_list a img{
  width: 100%;
  margin-bottom: 5px;
}
#investor .pc_hide.notop .bn_list p,
#investor .bn_list p{
  text-indent: -.5em;
  margin-left: .6em;
  margin-bottom: 0;
}
#investor .bn_list p::before {
    content: '';
    display: inline-block;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
        border-left-color: transparent;
        border-left-style: solid;
        border-left-width: 4px;
    border-left: 4px solid #5C3707;
}
/**坂井追記**/
#investor .bk a img {
vertical-align: baseline;
}

@media screen and (min-width:480px) {
  #investor .bn_list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #investor .bn_list li{
    flex: 0 0 48%;
  }
}

@media screen and (min-width:768px) {
  .ir_content_box{
    width: 48%;
  }
}


/* 以下中面 */
#investor .pc_hide.notop .serif {
font-family: 'Noto Serif JP', serif !important;
}
#investor #contents #textarea {
   padding-bottom:40px;
}
#investor .pc_hide.notop h1 {
    background:#FFE07B !important;
    display: flex;
    align-items: center;
    margin-bottom: 32px;
	padding:0!important;
}

#investor .pc_hide.notop h1 .page_title {
	width:100%;
	height:100%;
    display: flex;
	justify-content:center;
    align-items: center;
    padding: 40px!important;
}
#investor .pc_hide.notop h1 .page_title p {
	color:#000!important;
	font-size:24px;
	font-weight:bold;
	margin:0;
}
#investor h2 {
    margin: 10px 0px;
    padding: 0px;
    font-size: 130% !important;
    color: #060;
    border-bottom: #060 dotted 1px;
	border-left:none;
	font-weight:bold;
}
#investor h2.h2 {
    color: #006600;
    font-size: 16px !important;
    font-weight: bold;
    line-height: 20px !important;
    margin: 10px 0 20px;
    padding: 0 0 0 10px;
    border-left: 10px solid #006600;
	border-bottom:none;
}
#investor .pc_hide.notop h3 {
	text-align: center;
}
#investor .pc_hide.notop h3 span {
display: inline-block;
border-bottom: #FFC406 4px solid;
padding-bottom:16px;
color:#000;
font-size:1.42em;
font-weight:bold;
}
#investor h4, #investor h3 {
font-weight:bold;
}
#investor .pc_hide.notop p {
font-size:1em;
margin-bottom:2em;
}

#investor .pc_hide.notop .figure {
width:100%;
position:relative;
margin:20px auto;
}
#investor .pc_hide.notop .figure img {
width:100%;
}
#investor .pc_hide.notop .figure .titBox {
position:absolute;
left:28px;
top:28px;
font-size:calc(100vw / 30);
  padding: 10px;
  background: rgba(266,266,266,.8);
}
#investor .pc_hide.notop .figure .titBox span {
display: block;
font-size:0.9em;
margin-bottom:16px;
}
#investor .pc_hide.notop .figure .titBox p{
  margin-bottom: 0;
}
#investor .pc_hide.notop ul.whiteBox {
display: block;
margin:24px auto 0;
}
#investor .pc_hide.notop ul.whiteBox li {
background: #FFF;
padding:24px;
text-align: center;
font-weight:bold;
color:#5C3707;
font-size:1.142em;
margin:0 auto 16px;
width:100%;
}
#investor .pc_hide.notop ul.whiteBox  > li:last-child{
margin-bottom:0;
}
#investor .ir_content_box.single_cont.nophoto{
margin-bottom:0;
}
#investor .ir_content_box.single_cont.nophoto a {
    padding: 0;
	box-shadow: 0 0 4px rgba(0,0,0,0.15);
}
#investor .ir_content_box.single_cont.nophoto a h3 {
margin-bottom:0;
}
#investor .ir_content_box.single_cont.nophoto .box_inner {
    padding: 15px;
}
#investor .ulti-corpSide__item {
    display: block;
    margin-bottom: 30px;
}
#investor .ulti-corp__title, #investor .ulti-corpSide__title {
    padding: 10px;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.3;
    border: 1px solid #e8e8e8;
    border-top: 2px solid #fabe00;
}
#investor .ulti-corpSide__title {
    position: relative;
    background: #fff;
    transition: all .3s;
}
#investor .ulti-corpSide__word {
    padding: 10px 15px;
    background: #f5f5f5;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.4;
}
#investor .pc_hide.notop .ulti-corpSide__word p {
margin-bottom:0;
}

#xj_graph{	
width:100%;
margin:20px auto 0;
}
#xj_graph .graph {
width:100%;
margin-bottom: 20px;
}

.XJSImage_Title{
  padding:8px 16px;
  background-color:#FFC500 !important;
}
.xj_chart_header{
  background-color:#FFC500 !important;
}
.XJSImage_Main { text-align: center;}
.xj_chart_header_tit {
  border-bottom: 1px solid #808080;
  border-right: 1px solid #808080;
}
.cap {
font-size:12px;
}
.t-left {
text-align: left;
}
#investor .bk {
float:none;
display: flex;
justify-content: flex-end;
}
.mt-40 {
margin-top:40px !important;
}

@media screen and (min-width:480px) {
  #investor .pc_hide.notop .figure .titBox {
    font-size:1.142em;
  }
}


/*ライブラリ**********************/

#investor #contents #library dl, #investor #contents #library dt, #investor #contents #library dd{
margin:0;
padding:0;
}
#investor #contents #textarea.governance {
padding-bottom:20px;
}

#investor #contents #textarea.governance #library{
	padding-top:10px;
	margin-bottom:0;
	border-top: 1px dotted #999999;
}

#investor #contents #textarea.governance #library dl {
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 0 2px 15px;
	border-bottom: 1px dotted #999999;
	_padding-bottom:5px;
	_height:100%;	
}
#investor #contents #textarea.governance #library dl dt {
    float: left;
    padding-right: 10px;
    padding-top: 0;
}

#investor #contents #textarea.governance #library dl dd.txt {
    float: left;
    padding-left: 10px;
    text-align: left;
}

#investor #contents #textarea.governance #library dl dd.txt a{
	color:#00F;
	text-decoration:none;
}

#investor #contents #textarea.governance #library dl dd.txt a:hover{
	color:#FF9933;
}
#investor #contents #library dl dd.pdf {
    padding-left: 0;
    text-align: right;
}

#investor #contents #textarea.governance #library dl dd.pdf img{
	margin-right:5px;
	vertical-align:middle;
	width:16px;
}

ol.num_list {
  list-style: decimal;
}
#investor #contents ol.num_list li {
  margin-left: 1em;
}

#investor #contents #textarea.governance #library .bk a img{
	border:none;
}
#investor #ir_list {
padding-bottom:40px;
}
ol.nostyle li {
  list-style: none;
  text-indent: -2em;
}

ol.nostyle-3em li {
  list-style: none;
  text-indent: -2.7em;
}

#investor .library {
    padding-top: 5px;
    margin-bottom: 0;
    border-top: 1px dotted #999999;
}
#investor .library h3 {
margin-top:20px;
}
#investor .xj-manage-cont {
padding:20px 10px 40px;
}

/**優待****************/

#outline a:link { color:#0000FF; }
#outline a:visited { color: #800080;}
#outline b {
font-weight:normal;
}
#outline table{	border-collapse:collapse; width:100%; display: block;}
#outline table tr {
display: block;
}

#outline table tr td{
	padding:15px;
	display: block;
	width:100%;
	height:auto;
}

#outline .black1{
	background:#F3F3F3;
}

#outline div{
	padding:3px 0;
}

#outline hr{
	margin:5px;
}
#outline table tbody {
	width: 100%;
	display: block;
}

#outline ol li {
    margin-bottom: 15px;
	list-style: decimal;
}

.cap-table td {
	vertical-align: top;
}
#investor .img  {
text-align: center;
}
#investor ol.decimal li{
list-style: decimal;
}
#investor .carrow, #investor .sarrow {
vertical-align: middle;
}
#investor .grayBox {
background: #EEE;
padding:15px;
}

/*カレンダー****************/

#XJTxtDPDataTbl{
	width:100%;
	border-collapse:collapse;
}

.XJTxtDPDataTableTr td{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #666;
	border-top:1px solid #666;
	color:#333
}

.XJTxtDPDataTblTdDate{
	padding-left:5px;
}

.schedule a { color:#595757; text-decoration:underline;}
.schedule a:hover { color: #FF9933; }
.schedule td { color:#595757; }

.ir-section {
		margin:30px auto !important;
		}
.t-center {
		text-align: center !important;
		}
.f-box .imgBox {
text-align: center;
}

/*サイトマップ****************/
#sitemap_left,
#sitemap_right{
  float: none;
  width: 100%;
  margin: 0 !important;
}

@media screen and (min-width:768px) {

	#investor #menu li.side{
		line-height: 1.2;
		margin: 5px 0 5px 15px !important;
	}

	#investor div.indexcontents *,#investor #xj_graph, #investor #xj_graph *{
		box-sizing: content-box;
	}

	#xj_graph{	
          padding:0 20px;
          width:670px;
		  margin:0;
      }
	#investor h2.h2 {
    color: #006600;
    font-size: 130% !important;
    font-weight: bold;
    line-height: 20px !important;
    margin: 10px 0 !important;
    padding: 0 0 0 10px;
    border-left: 10px solid #006600;
	border-bottom:none;
}
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}
      .graph{
          width:320px !important;
      }


      .graph.small{
          width:192px !important;
          margin-bottom:20px;
          margin-right:30px !important;;
      }

      .graph.small .XJSImage_Table {
          width:180px !important;
      }
      .graph.small .XJSImage_Table .XJSImage_Main img{ width:180px !important;} 
      .XJSImage_Title{
          padding:0 !important;
      }

      .xj_chart_table_caption{	display:none !important;}

      .xj_chart_td_last{ white-space:nowrap;}

      .XJSImage_Table { margin: auto;}


      .XJSImage_Table { width: 320px;}




      .xj_chart_value_last{	padding:0 3px;}

      .xj_chart_table { width:100%;}
	  .xj_chart_table td {
	  font-size:0.8em;
	  }
		/**優待****************/


		#outline table{	border-collapse:collapse; width:100%; display: table;}
		#outline table tbody {
		display: table-row-group;
		}
        #outline table tr {
        display: table-row;
        }
		#outline table tr td{
		display: table-cell;
		border-bottom:1px solid #333;
		border-top:1px solid #333;
		width:auto;
		padding:3px 3px 3px 15px;
		}

		#outline .black1{
			background:#F3F3F3;
			width: auto;
    		white-space: nowrap;
			padding-right:10px;
		}

		#outline div{
			padding:3px 0;
		}

		#outline hr{
			margin:5px;
		}	  
		#investor .grayBox {
		background:none;
		padding:0;
		}
		#investor #contents table.bdr {
   width:auto;
}
		.ir-section {
		box-sizing: content-box;
		width:715px;
		}
		.ir-section * {
		box-sizing: content-box;
		}
		.f-box {
		display: flex;
		justify-content: space-between;
		}
		
		.f-box p {
		width:390px;
		padding-left:15px !important;
		margin-top:0 !important;
		}
		.f-box .txtBox {
		width:410px;
		padding-left:20px;
		}
		.f-box .imgBox {
		width:250px;
		padding-right:34px !important;
		}
  /**サイトマップ****************/
  #sitemap_left{
    float: left;
    width: 310px;
    margin: 15px !important;
  }
  #sitemap_right{
    float: right;
    width: 310px;
    margin: 15px !important;
  }
}

  /**役員名文字つめ****************/
  .font_space {
    font-feature-settings: "palt";
  }