@charset "utf-8";
/* 
 style info : 下層ページIR・財務情報 > 株主通信詳細スタイル

2018/10/5
*/


/*株主通信　詳細ページ
-----------------------------------------*/	

/*共通*/

h3{
	margin:0 0 15px;
	font-size:3.0rem;
	font-weight:bold;
  }

img{
max-width: 100%;
height: auto;
}
#contents.b_reports section{
	padding-bottom:20px;
}

/*2列横並びリスト*/
.b_reports .list2_img figure {
	display:inline-block;
	width:47%;
	margin-right: 2%;
	vertical-align:top;
	margin-bottom: 24px;
	box-sizing:border-box;
}
/*3列横並びリスト*/
.b_reports .list3_img figure {
	display:inline-block;
	width:31.5%;
	margin-right: 2%;
	vertical-align:top;
	margin-bottom: 24px;
	box-sizing:border-box;
}
/*4列横並びリスト*/
.b_reports .list4_img figure {
	display:inline-block;
	width:23%;
	margin-right: 2%;
	vertical-align:top;
	margin-bottom: 24px;
	box-sizing:border-box;
}
.b_reports .list2_img figure:nth-child(even) {
	margin-right: 0;
}
.b_reports .list3_img figure:nth-child(3n) {
	margin-right: 0;
}
.b_reports .list4_img figure:nth-child(4n) {
	margin-right: 0;
}
.b_reports figure a span {
	color: #e7380d;
}
.b_reports figure figcaption {
	font-size: 1.3rem;
}

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

.b_reports figure:nth-child(even) {
	margin-right:0;
}
.b_reports .list3_img figure,.b_reports .list4_img figure,.b_reports .list2_img figure {
		width: 100%;
		margin-bottom:10px;
}
.b_reports.csr_2018 .list3_img figure{
	margin-bottom:40px;
 }
 }
 
 
/*2列横並び幅成り行き*/

.flexbox{
	display: flex;
	align-items: center;
	margin-bottom:20px;
}


/*2列横並び幅成り行き +スマホは縦積み*/

.flexbox2{
	display: flex;
	align-items: center;
	margin-bottom:20px;
}
@media screen and (max-width: 768px) {
	.flexbox2{
		display:block;
	}
}

.marginnone{
	margin:0;
}
 

/*報告*/

.caption_img{
	float: right;
	margin-left: 40px;
}
.caption_img dd{
	display:inline-block;
	width:48%;
	text-align:center;
	padding:0 2%;
	box-sizing:border-box;
}

.lead p{
	font-size:1.8rem;
	font-weight:bold;
}

.reports_box {
	float: left;
	max-width: 600px;
	width: 54%;
}

.img_box {
	width: 42%;
	float: right;
}
.img_box img{
	max-width:100%;
}

.img_box.small{
	text-align:center;
}
.img_box.small img{
	max-width:60%;
	margin:auto;
}
.img_box table {
	border: 0;
	font-size:1.4rem;
}
.img_box table tr th {
	background-color: #ED7D31;
	color: #fff;
	font-weight: bold;
	border: 0;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	white-space: nowrap;
}
.img_box table tr td {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
.img_box table thead td {
	text-align: right;
	padding: 0;
}
.img_box table.txt-right td {
	text-align: right;
}
.img_box table tbody tr {
	background-color: #FCECE8;
}
.img_box table tr:nth-child(even) {
	background-color: #F8D7CD;
}
.img_box table tr th:last-child,
.img_box table tr td:last-child {
	border-right: 0;
}




/*トピック一覧*/
.topics h5 {
    background-color: #fde9e4;
    padding: 10px 15px;
    border-radius: 7px;
   /* font-weight: normal; */
   margin-bottom:20px;
}

.topics ul li {
  position: relative;
  padding-left: 20px;
   margin: 0 0 15px 20px;
}
.topics ul li:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #b3a9a6;
 }
 
 @media screen and (max-width: 768px) {
	.caption_img{
	float: none;
	margin: 0 auto 10px;
	text-align:center;
}
 .reports_box,.img_box {
	float: none;
	width:100%;
	margin-bottom:40px;
}
.img_box table tr th{
	width:initial;
	width:auto;
}
.img_box table tr th,.img_box table tr td{
	display: table-cell;
}
h4.subttl br{
	display:none;
}
 }
 
 
 /*csr*/
.finover h5{
	font-size: 2.0rem;
	margin: 0 auto 24px;
	clear: both;
	background: #e7380d;
	color: #fff;
	padding: 4px 24px;
	border: 2px solid #e7380d;
	border-radius: 7px;
}

.finover table {
	border: 0;
}
.finover table span {
	font-size: 1.2rem;
}
.finover table tr th {
	background-color: #f3f3f3;
	font-weight: bold;
	border: 0;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	text-align: center;
}
.finover table tr td {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	text-align: right;
}
.finover table thead td {
	text-align: right;
	padding: 0;
}
.finover table.txt-right td {
	text-align: right;
}
.finover table tbody tr {
	background-color: #fcece8;
}
.finover table tr:nth-child(even) {
	background-color: #ffe3db;
}
.finover table tr th:last-child,
.finover table tr td:last-child {
	border-right: 0;
}
.finover table tr td:first-child {
	text-align: left;
	font-weight: bold;
}
.finover .leftbox,
.finover .rightbox {
	float: left;
	width: calc((99.999% - 30px) / 2);
}
.finover .leftbox {
	margin-right: 30px;
}
.finover dt {
	float: left;
	clear: left;
	width: 13em;
}
.finover dd {
	padding-left: 13em;
	/*border-bottom: 1px solid #eee;*/
	border-bottom: 1px solid #aaa;
	padding-bottom: 0.75em;
	margin-bottom: 1em;
}
.finover table thead td[colspan="3"] {
	text-align: right;
	font-weight: normal;
}

@media screen and (max-width: 768px) {
	.finover .leftbox {
		margin-right: 0;
	}
	.finover .leftbox,
	.finover .rightbox {
		width: 100%;
		float: none;
	}
	.finover table.mBCash {
		margin-bottom: 40px;
	}
	.finover table tr th,
	.finover table tr td {
		display: table-cell;
		width: 30%;
	}
	.finover table tr th,
	.finover table tr td:first-child {
		font-size: 1.3rem;
	}
	.finover dt {
		font-size: 1.4rem;
		float: none;
	}
	.finover dd {
		padding-left: 1em;
	}
	.finover table span {
	font-size: 0.8rem;
	}
}


 /*eatime*/
 

.reports_makino dt {
	width: 50%;
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;
}

.reports_makino dd a {
	color: #e7380d;
}
.floor_img table{
	width:960px;
}
.floor_img table,
.floor_img table tr,
.floor_img table th,
.floor_img table td {
	text-align: center;
	border: 0;
	vertical-align: top;
}
.floor_img td{
	padding:10px;
	width: 30%;
}
.floor_img table td[rowspan="2"] {
	width: 30%;
}
.floor_img table td img{
	width:100%;
}
 @media screen and (max-width: 768px) {
.floor_img table{
	width:100%;
}
.reports_makino dt {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 10px;
}
.floor_img td{
	width: 100%;
}
.floor_img table td[rowspan="2"] {
	width: 100%;
}
 }
 
  /*店舗紹介*/
  

.shop_info,.shop_img {
	width: calc((99.999% - 40px) / 2);
	float: left;
	word-wrap: break-word;
}
.shop_img {
	float: right;
}
.shop_info h5{
	background-color: #fde9e4;
    padding: 10px 15px;
    border-radius: 7px;
    font-weight: normal; 
   margin:0 0 20px;
}
.shop_info dl {
	margin-bottom: 24px;
	margin-top:0;
}
.shop_info dl dt {
	font-size: 2.4rem;
	font-weight:bold;
}
.shop_info .shop_detail {
	border: 1px solid #ccc;
	padding: 16px 16px 8px;
	margin-bottom: 40px;
}
.shop_info .shop_detail h6 {
	float: left;
	width: 4em;
	font-size: 1.6rem;
	color: #333;
}
.shop_info .shop_detail dl {
	padding-left: 6em;
	margin-bottom: 0;
}
.shop_info .shop_detail dl dt {
	font-size: 1.4rem;
	width: 4em;
	float: left;
	font-weight: normal;
	margin-right: 1em;
}
.shop_info .shop_detail dl dd {
	margin-bottom: 8px;
}
.shop_sub_img {
	clear: both;
/*width: 100%;*/
	margin-bottom: 60px;
}
.shop_sub_img figure {
	display:inline-block;
	width:31.5%;
	margin-right: 2%;
	vertical-align:top;
	margin-bottom: 24px;
}
.shop_sub_img figure:nth-child(3n) {
	margin-right: 0;
}

.shop_sub_img figure.fig_border {
	border: 1px dashed #999;
	border-radius: 4px;
	padding: 10px;
	box-sizing:border-box;
}
 @media screen and (max-width: 768px) {
.shop_info,.b_reports .shop_img {
	width:100%;
	float: none;
}
.shop_img {
	float: none;
	margin-bottom:30px;
}
.shop_sub_img {
	margin-bottom:0;
}
.shop_sub_img figure {
		width: 47.8%;
		margin-right: 1%;
		margin-bottom:10px;
	}
.shop_sub_img figure:nth-child(3n) {
		margin-right: 1%;
	}
.shop_sub_img figure:nth-child(even) {
		margin-right: 0;
	}
.shop_info .shop_detail h6 {
		float: none;
		clear: both;
	}
.shop_info .shop_detail dl {
		padding: 0;
	}
	
 }
 
 
/*2018.11 第4期第2四半期決算のご報告 */
#contentswrap.texturebg{
	background: url(../img/common/texture_bg.jpg);
	background-size: cover;
}
#contentswrap.texturebg .ttl{
	background:#fde9e4;
}
h3.redttl{
	font-size: 2.4rem;
	margin: 0 auto 24px;
	clear: both;
	background: #e7380d;
	color: #fff;
	padding: 4px 24px;
	border-radius: 7px;
}

.redlink{
	font-size: 2.4rem;
	margin: 0 auto 24px;
	clear: both;
	background: #e7380d;
	color: #fff;
	padding: 4px 24px;
	border-radius: 7px;
	font-weight:bold;
}
.redlink a{
display:block;
width:100%;
height:100%;
	color:#fff;
}
.redlink a:hover{
	color:#fff;
}

h3.redttl a:hover,h5.redttl a:hover{
	color:#fff;
}
h3.subttl.colorlong:after, h4.subttl.colorlong:after{
	width:60%;
}

h5.subttl.blueL{
	color:#3075fd;
	font-size:2.0rem;
	}

.b_reports2019_a a.linkbtn{
	width:300px;
	font-weight:bold;
	background:#d2d2d2;
}

.b_reports2019_a a.linkbtn[href$=".pdf"]{
    background:#d2d2d2 url(../img/common/icon-pdf-m.png) no-repeat right 20px center;
    padding-right:50px;
 
}

.b_reports2019_a img.topiclogo{
	width:120px;
	height:120px;
	margin-right:10px;
  flex-shrink: 0;
}
.b_reports2019_a .topicimg{
	margin-right:10px;
	flex-shrink: 0;
}

 @media screen and (max-width: 768px) {
	.b_reports2019_a .topicimg{
	width:100%;
	margin-right:10px;
}
 }
.b_reports2019_a .eatimelink ul{
	margin-top:-10px;
}
.b_reports2019_a .eatimelink ul li {
  position: relative;
  padding-left: 20px;
   margin: 0 0 15px 20px;
}

.b_reports2019_a .eatimelink ul li a{
	font-size:1.8rem;
   border-bottom:1px solid #333; 
}

.b_reports2019_a .eatimelink ul li:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #b3a9a6;
 }
 
/*2019.12 */
.b_reports2020_a .movie_wrap{
	text-align: center;
}
.b_reports2020_a .movie_wrap video{
	width:70%;
	margin: auto;
	
}

 @media screen and (max-width: 768px) {
	 .b_reports2020_a .movie_wrap video{
	width: 100%;
	
}
}

.b_reports2020_a h4.subttl.colorlong95:after{
	width: 95%;
}
.b_reports2020_a h4.subttl.colorlong70:after{
	width: 70%;
}

 @media screen and (max-width: 768px) {
	.b_reports2020_a h4.subttl.colorlong95:after{
	width:60%;
}
.b_reports2020_a h4.subttl.colorlong70:after{
	width: 60%;
}
}