/* ========================================
* File Name: info.css
* Created Date: 2014.11.18
* Author: TAM
======================================== */
.pageHeading {
  background-image: url(../images/heading_img_about.jpg);
}

.iso-mark {
  margin: 5px 0;
}

.btn-wrap {
  width: 200px;
}




/* ========================================
* File Name: history.css
* Created Date: 2014.11.28
* Author: TAM
======================================== */
.pageHeading {
  background-image: url(../images/heading_img_about.jpg);
}

.historyTab {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0 0 30px 0;
  padding: 10px 5px 0 10px;
  background: #18489a;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.historyTab li {
  display: table-cell;
  padding: 0 5px 0 0;
  vertical-align: bottom;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.1;
  font-weight: bold;
}
.historyTab li a {
  display: table;
  width: 100%;
  background: #3d65aa;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #FFF;
}
.historyTab li a span {
  display: table-cell;
  height: 2.2em;
  padding: 2px 5px 0 5px;
  text-align: center;
  vertical-align: middle;
}
.historyTab li a:hover, .historyTab li a:active {
  background: #f1f4f8;
  color: #333333;
}
.historyTab li.is-historyTab-active a {
  background: #f1f4f8;
  color: #333333;
}

.historyTable {
  display: table;
  width: 100%;
  margin: 20px 0 0 0;
}

.historyTable-year {
  display: table-cell;
  width: 75px;
  padding: 0 10px 0 0;
  border-right: solid 2px #999;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  font-weight: bold;
}

.historyTable-body {
  display: table-cell;
  padding: 0 0 0 20px;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
}

.historyTable-item {
  padding: 0 0 30px 0;
}
.historyTable-item:last-of-type {
  padding: 0;
}
.historyTable-item .lead {
  width: 100%;
  overflow: hidden;
}
.historyTable-item .lead .img-r {
  float: right;
  margin: 0 0 10px 15px;
  /*width: 33.33%;*/
  height: auto;
}
.historyTable-item .lead .txt {
  padding: 0 0 0 0px;
  /*background: url(../../../common/images/submenu_listmark.png) no-repeat 0 0.8em;
  background-size: 3px 3px;*/
}
.historyTable-item .lead .txt a{
    color: #1860D9;
    text-decoration: underline;
}
.historyTable-item .lead .txt a:hover{
    text-decoration: none;
}
.historyTable-item .detail {
  padding: 0 10px 10px 10px;
  background: #e7ebf2;
  border: dashed 1px #CCC;
}
.historyTable-item .detail-item {
  margin: 10px 0 0 0;
  overflow: hidden;
}
.historyTable-item .detail-item .txt {
  padding: 0 0 0 1em;
  background: url(../../common/images/submenu_listmark.png) no-repeat 0.3em 0.8em;
  background-size: 3px 3px;
}
.historyTable-item .detail-item img.img-r {
  float: right;
  margin: 0 0 0 15px;
  width: 34.61%;
  height: auto;
}
.historyTable-item .action-btn {
  padding: 3px 0;
}
.historyTable-item .action-btn .icon_btn {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 6px 0 0;
  padding: 0;
  vertical-align: middle;
}
.historyTable-item .action-btn-active {
  display: none;
}
.historyTable-item .action-btn-active .icon_btn {
  background: url(../images/btn.png) no-repeat left center;
  background: url(../images/btn_small.png) no-repeat left center\9;
  background-size: auto 20px;
}
.historyTable-item .action-btn-hidden {
  display: none;
}
.historyTable-item .action-btn-hidden .icon_btn {
  background: url(../images/btn.png) no-repeat right center;
  background: url(../images/btn_small.png) no-repeat right center\9;
  background-size: auto 20px;
}

.is-historyTable-item-active .action-btn-hidden {
  display: inline-block;
}

.is-historyTable-item-hidden .action-btn-active {
  display: inline-block;
}

.product {
  margin: 30px 0 0 0;
  padding: 10px;
  background: #f3f7f3;
  border: dashed 1px #b0d2b0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
}

.product-ttl {
  margin: 0 0 -8px 0;
  font-weight: bold;
}

.product-item {
  margin: 10px 0 0 0;
  overflow: hidden;
}
.product-item .txt {
  padding: 0 0 0 1em;
  background: url(../common/images/submenu_listmark.png) no-repeat 0.3em 0.8em;
  background-size: 3px 3px;
}
.product-item img.img-r {
  float: right;
  margin: 0 0 0 15px;
  width: 34.61%;
  height: auto;
}

@media screen and (max-width: 740px) {
  [id="main"] {
    margin: 15px 0 0 0;
  }

  .heading {
    margin: 0 10px 15px 0px;
  }

  .historyTab {
    margin: 0;
    padding: 5px 8px 0 10px;
  }
  .historyTab li {
    padding: 0 2px 0 0;
  }
  .historyTab li small {
    font-size: 80%;
    display: inline-block;
  }

  .historyTable {
    display: inherit;
    width: auto;
    margin: 15px 10px 0 0px;
  }

  .historyTable-year {
    display: inherit;
    width: auto;
    padding: 0 0 3px 0;
    border-right: none;
    border-bottom: solid 2px #999;
    line-height: 1.5;
  }

  .historyTable-body {
    display: inherit;
    padding: 10px 0 0 0;
    font-size: 13px;
    font-size: 1.3rem;
  }

  .historyTable-item {
    padding: 0 0 20px 0;
  }
  .historyTable-item:last-of-type {
    padding: 0;
  }
  .historyTable-item .lead .img-r {
    margin: 0 0 5px 10px;
    width: 40%;
    max-width: 180px;
  }
  .historyTable-item .detail-item img.img-r {
    margin: 0 0 0 10px;
    width: 42.85%;
    max-width: 180px;
  }
  .historyTable-item .action-btn {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .product {
    margin: 20px 0 0 0;
    font-size: 13px;
    font-size: 1.3rem;
  }

  .product-ttl {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .product-item {
    margin: 10px 0 0 0;
  }
  .product-item img.img-r {
    margin: 0 0 0 10px;
    width: 42.85%;
    max-width: 180px;
  }
}
@media screen and (max-width: 540px) {
  .historyTab li {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .historyTab li a {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
  }
  .historyTab li a span {
    height: 2.4em;
    padding: 4px 3px 2px 3px;
  }
}





.open {
	cursor:pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}
#pop-up1,#pop-up2,#pop-up3,#pop-up4 {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up1:checked + .overlay,#pop-up2:checked + .overlay,#pop-up3:checked + .overlay,#pop-up4:checked + .overlay {
	display: block;
	z-index: 9999999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
.window {
	width: auto;
	max-width: auto;
	height: auto;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.text {
	font-size: 18px;
	margin: 0;
}
.close {
	cursor:pointer;
	position: absolute;
	top: -20px;
	right: -20px;
	font-size: 30px;
    color: #FFF;
}


.access,
.contact{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
}
.access img{
    display: block;
    margin: 0 0 20px;
}
.contact a{
    display: flex;
	justify-content: center;
	align-items: center;
    border: 1px solid #111;
    text-align: center;
    height: 50px;
    margin: 10px 0;
}
@media screen and (max-width: 740px) {
    .access img{
        display: block;
        margin: 0 0 20px;
        width: 100%;
    }
    .access p{
        font-size: 3vw;
    }
}