@charset "UTF-8";
/* ------------------------------
固定ページ　投資家の皆さまへ用css（IR情報トップ以外全て記述）
------------------------------ */

/* --------------------------- mainvis */
.page-ir .mainvis,
.page-ir-child .mainvis,
.page-stock-child .mainvis,
.page-library-child .mainvis{
	background:url(../img/ir_archive_mainvis.png) 50% top no-repeat;
	background-size:cover;
}
/*追加分start*/
.page-ir-child .mainvis.calendar{
	background:url(../img/ir_archive_mainvis01.png) 50% top no-repeat;
	background-size:cover;
}
.page-ir-child .mainvis.library{
	background:url(../img/ir_archive_mainvis02.png) 50% top no-repeat;
	background-size:cover;
}
.page-ir-child .mainvis.stock{
	background:url(../img/ir_archive_mainvis03.png) 50% top no-repeat;
	background-size:cover;
}
.page-ir-child .mainvis.highlight{
	background:url(../img/ir_archive_mainvis04.png) 50% top no-repeat;
	background-size:cover;
}
/*追加分end*/

/* --------------------------- ir-archive-section01 */
.ir-archive-section01{
	padding: 60px 0 55px;
}
.ir-archive-section01 .news-area{
	float: left;
	width: 63%;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}
.ir-archive-section01 .news-area img.rss{
	vertical-align: bottom;
}
.ir-archive-section01 ul.newslist{
	margin:5px 0 20px;
	padding: 30px 0 0 0;
	border-top: 1px solid #ddd;
}
.ir-archive-section01 .newslist li:before{
	background:red;
	content:'';
	position: absolute;
	left:-50px;
}
.ir-archive-section01 .newslist li{
	border-bottom:1px solid #ddd;
	position: relative;
	clear:both;
	padding-left:4em;
	padding-bottom:20px;
	margin-left:0em;
	margin-bottom:25px;
	list-style: none;
	display:flex;
	align-items:flex-start;
	justify-content: flex-end;
}
.ir-archive-section01 .newslist span.date{
	margin-right:1em;
}
.ir-archive-section01 .newslist span.new{
	position: absolute;
	left:0px;
	background:red;
	padding:3px 5px;
	color:#fff;
	font-size:75%;
	font-weight:bold;
}
.ir-archive-section01 .newslist .text{
	margin-top:-3px;
	flex-basis: 100%;
	margin-left:1em;
}
.ir-archive-section01 .newslist .text .pdf img{
	vertical-align: middle;
	margin-left: 0.5em;
}
.ir-archive-section01 .pagetop{
	margin-bottom: 100px;
}
.ir-archive-section01 .pagetop a{
	/*color: #29A5FF;*/
	text-decoration:underline;
}
.ir-archive-section01 .pagetop a:hover{
	color: #333;
}
.ir-archive-section01 .side-bar{
	float: right;
	width: 24%;
	letter-spacing:0.1em
}
.ir-archive-section01 .side-bar .current-bar{
	border-left: solid 6px #29A5FF;
	background: #FAFAFA;
	padding: 20px 0 18px 15px;
	margin: 0 0 7px 0;
}
.ir-archive-section01 .side-bar ul.archive{
	list-style: none;
	padding: 0 0 15px 25px;
}
.ir-archive-section01 .side-bar ul.archive li{
	line-height: 2.5;
}
.page-template-page-other .ir-archive-section01 .side-bar ul.archive li{
	margin:1em 0 1em 0;
	padding-right: 10px;
	line-height: 1.4;
}

.ir-archive-section01 .side-bar ul.archive li a{
	text-decoration: underline;
}
.ir-archive-section01 .side-bar .normal-bar{
	border-left: solid 6px #EDEDED;
	background: #FAFAFA;
	padding: 20px 0 18px 15px;
	margin: 0 0 7px 0;
}

/* 旧サイトからの移行 */
.ir-archive-section01 .news-area h3{
	margin-bottom: 0.5em;
	font-size: 137.5%;
	font-weight: normal;
	border-bottom:solid 1px #ddd;
}
.ir-archive-section01 .news-area h4{
	font-weight: bold;
}
.ir-archive-section01 .news-area .box-body{
	margin-bottom: 45px;
	line-height: 1.6;
}
/* コンテンツエリアのリンクに下線 */
.news-area a{
	text-decoration: underline;
}
.news-area a:hover{
	text-decoration: none;
}
table.common-tbl{
	width: 100%;
	margin-bottom: 3em;
	border:solid 1px #ddd;
	border-collapse: collapse;
}
table.common-tbl th,
table.common-tbl td{
	padding:1em;
	border:solid 1px #ddd;
}
table.common-tbl th{
	width: 25%;
	background-color: #FAFAFA;
	text-align: left;
}
table.common-box{
	width: 100%;
	margin-bottom: 1em;
	border:solid 1px #ddd;
	border-collapse: collapse;
}
table.common-box th,
table.common-box td{
	padding:1em;
	border:solid 1px #ddd;
	background-color: #FAFAFA;
}
/*pdfリンク*/
.list-pdf,
.list-pdf02{
	margin:0em;
	list-style: none;
}
.list-pdf li,
.list-pdf02 li{
	position: relative;
	margin:1em 0;
	padding-left: 1em;
}
.list-pdf li:before,
.list-pdf02 li:before{
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}
.list-pdf img,
.list-pdf02 img{
	vertical-align: middle;
	margin-left: 0.5em;
}

/*リスト*/
.list-terms,
.list-terms2{
	margin:0em;
	list-style: none;
}
.list-terms li,
.list-terms2 li{
	position: relative;
	margin:1em 0;
	padding-left: 1em;
}
.list-terms li:before,
.list-terms2 li:before{
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}
/*『スーパーマーケット・トレードショー2022』に出展いたします*/
table.common-tbl#tradeshow2022{
	width: 100%;
	margin-bottom: 3em;
	border:solid 1px #ddd;
	border-collapse: collapse;
}
table.common-tbl#tradeshow2022 th,
table.common-tbl#tradeshow2022 td{
	padding:1em;
	border:solid 1px #ddd;
}
table.common-tbl#tradeshow2022 th{
	width: 20%;
	background-color: #FAFAFA;
	text-align: left;
}
/*説明会関連資料*/
.page-presentation{

}
.presentation-movie{
	text-align: center;
	position: relative;
	overflow: hidden;
}

.presentation-movie .movie-link{
	color:#fff;
	position: absolute;
	top: 35%;
	left:50%;
	width:100%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transform: translateX(-50%);
}

.presentation-movie img{
	transition: none;
}

.presentation-movie img.fit-image{
	max-width:1140px;
	width:100%;
	height:auto;
}

.presentation-movie a{
	display: inline-block;
}

.presentation-movie p:first-child{
	margin-bottom:30px;
}
.tora{
	padding:1em;
	background-color: #FAFAFA;
}
.tora h4{
	font-weight: bold;
}
.toratx{
	margin-bottom: 1em;
}
.tora_lef{
	float: left;
	margin-right: 15px;
}
.tora_rig{
	overflow: hidden;
}
.tora_rig .list-pdf02{
	margin-left:0;
	margin-right: 0;
}

/*株主優待*/
table.common-tbl#tbl-yutai table{
	margin-top: 1em;
	margin-bottom: 0em;
	border:solid 0px #ddd;
}
table.common-tbl#tbl-yutai table th,
table.common-tbl#tbl-yutai table td{
	padding: 0;
	border:solid 0px #ddd;
}
table#tbl-yutai td{
	vertical-align: top;
}
table#tbl-yutai td.photo{
	text-align: center;
}
/*株主総会*/
.meeting_date{
	padding:1em;
	background-color: #FAFAFA;
}
/*株主様*/
.page-shareholder table.common-tbl td{
	white-space: nowrap;
}
.page-shareholder table.common-tbl td.num{
	text-align: right;
}
/*配当*/
.page-dividend table.common-tbl th,
.page-dividend table.common-tbl td{
	white-space: nowrap;
}
.page-dividend table.common-tbl td.num{
	text-align: right;
}
/*よくある質問*/
.page-ir_faq .ir-archive-section01 .news-area h3{
	margin-bottom: 0em;
}
.page-ir_faq .ir-archive-section01 .news-area .box-body{
	margin-bottom:100px;
}
.page-ir_faq .ir-archive-section01 .news-area a{
	color: #29A5FF;
	text-decoration: underline;
}
.page-ir_faq .ir-archive-section01 .news-area a:hover{
	text-decoration: none;
}
.list-faq dl{
	padding-top:1.5em;
	padding-bottom:1.5em;
	border-bottom:solid 1px #ddd;
}
.list-faq dt{
	position: relative;
	margin:0.5em ;
	padding-left: 2em;
	font-weight: bold;
}
.list-faq dt:before{
	content: "Q";
	position: absolute;
	top: -10px;
	left: 0;
	font-size: 24px;
	font-weight: normal;
	color: #29A5FF;
}
.list-faq dd{
	position: relative;
	margin:0.5em ;
	padding-left: 2em;
}
.list-faq dd:before{
	content: "A";
	position: absolute;
	top: -7px;
	left: 0;
	font-size: 24px;
	color: #00CC5E;
}
/* IRライブラリー ＆ 株式情報 */
.page-library .box-head,
.page-stock .box-head{
	margin-bottom: 0.5em;
	font-size: 137.5%;
	font-weight: normal;
	border-bottom:solid 1px #ddd;
}
.page-library .box-body img,
.page-stock .box-body img{
	display: none;
}
.page-library .box-body a,
.page-stock .box-body a{
	text-decoration: underline;
}
.page-library .box-body a::after ,
.page-stock .box-body a::after {
    content: ' →';
}
/*pdfダウンロード*/
.block-pdf-s{
	margin:1em 0;
	padding:1.5em;
	border:solid 1px #ddd;
}
.block-pdf-s .bnr-pdf{
	float: left;
	margin-right: 15px;
}
.block-pdf-s .text{
	overflow: hidden;
	font-size:75%;
}
img.ico-pdf{
	vertical-align: middle;
	margin-left: 0.5em;
}
/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ1140px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */
@media only screen and (max-width: 1140px) {

	.ir-archive-section01 .news-area{
		width: 72%;
	}

	.ir-archive-section01{
		padding:40px 3%;
	}

}


/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ768px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */

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

	.ir-archive-section01{
		padding:20px 3%;
	}
	.ir-archive-section01 .news-area{
		float: none;
		width: 100%;
		padding-top: 20px;
	}
	.ir-archive-section01 ul.newslist{
		margin:5px 0 20px;
	}
	.ir-archive-section01 .side-bar{
		float: none;
		width: 100%;
		padding: 20px 0 0 0
	}

	.page-calendar #tbl-ir th{
		white-space: nowrap;
	}

	.list-pdf,
	.list-pdf02{
		margin-left: 0;
		margin-right: 0;
	}
	.list-pdf li,
	.list-pdf02 li{
		margin-left: 0;
		margin-right: 0;
	}

	/*pdfダウンロード*/
	.block-pdf-s .bnr-pdf{
		float: none;
		margin-bottom:1em;
		margin-right: 0px;
	}

	.tora_lef{
		float: none;
		margin-left:0;
		margin-bottom:1em;
	}
	.tora_rig{
		float: none;
	}
	.page-ir_faq .ir-archive-section01 .news-area .box-body{
	margin-bottom:50px;
	}
	
	.page-shareholder table.common-tbl {
		font-size: 10px;
	}
	.page-shareholder table.common-tbl th,
	.page-shareholder table.common-tbl td{
		padding:1em 0.3em;
	}
}