.detail-row {

}

.fancybox-overlay {
	z-index: 12000;
}

.fancybox-opened {
	z-index: 12001;
}

.fancybox-skin {
	background: rgba(0, 0, 0, 0);
}

.fancybox-opened .fancybox-skin {
		box-shadow: none;
}

.fancybox-opened .fancybox-title {
	color: #fff;
}

/* slider ////////////////////////////////////////////////////////////////*/
.container .swiper-container {
  height: 300px;
  margin: 0 auto 50px;
  width: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #000;
  overflow: hidden;
  /*padding:0 10px;*/
  width: 60%;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-container .swiper-pagination {
  background: rgba(0,0,0,.5);
  opacity: 1;
}

.swiper-container.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-container .swiper-pagination-custom,
.swiper-container .swiper-pagination-fraction {
  bottom: 0;
}

.swiper-container .swiper-pagination-bullet {
  background: url("../img/icon/star.png") no-repeat;
  background-size: contain;
  height: 16px;
  width: 16px;
}

.swiper-slide img {
  width: 100%;
}

.main-title {
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
  color : #fff;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  /*width: 70%;*/
  z-index: 999;
}

.eng-type {
      font-family: 'Slabo 27px', serif;
  font-size: 3rem;
  position: relative;
  top: -20px;
}

.main-title .machine-title {
  border-top: 3px #fff solid;
  font-size: 6rem;
  font-family: 'Alfa Slab One', cursive;
}


/* top－table ////////////////////////////////////////////////////////////////*/
.top-table {
  border-left: 10px #666 solid;
  color: #fff;
  margin-bottom: 20px;

}

.table.top-table tbody tr th,
.table.top-table tbody tr td {
  border-top-color: #333;
}

.table.top-table tbody tr th {
  background: #333;
  color: #fff;
  vertical-align: middle;
}

.top-table td {
  border: 1px #333 solid;
  vertical-align: middle;
}

.top-table td img {
  width: 100%;
}

.top-col-build-title {
  font-family: 'Slabo 27px', serif;
  font-size: 2rem;
  line-height: 1;
  text-align: center;
}

.top-col-build-number {
  font-family: 'Alfa Slab One', cursive;
  font-size: 5rem;
  line-height: 1;
  text-align: center;
}

.top-col-title {
  font-family: 'Slabo 27px', serif;
  font-size: 1.4rem;
  margin-right: 5px;
}

.top-col-title:after {
  content: ":";
  margin-left: 5px;
}

.top-col-contentes {
  font-family: 'Alfa Slab One', cursive, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.6rem;
}



.col-detail {
  margin: 0;
}

.accordion-group {

}

.col-detail .table {
  font-size: 1.6rem;
  margin-bottom: 50px;
}

.col-detail .table td {
  border-top: 0;
  color: #fff;
  padding: 0;
  vertical-align: middle;

}

.col-detail .table td .col-xs-12 {
  border-top: 1px solid #222;
  line-height: 30px;
}

.col-detail .table .col-md-2 {

  font-family: 'Slabo 27px', serif;
  font-weight: normal;
}

.col-detail .title {

  border-left: 10px #fff solid;
  font-size: 3rem;
  height: 50px;
  line-height: 50px;
  margin-bottom: 20px;
  padding-left: 15px;

}

.col-detail .title a {
  color: #fff;
  font-family: 'Alfa Slab One', cursive;
  font-size: 2.4rem;
  display: block;
  /*margin-bottom: 15px;*/
  /*padding-left: 30px;*/
  position: relative;
  text-decoration: none;
}

.accordion-toggle:before {
  /*content: '\f107';*/
  display: block;
  font-family: fontAwesome;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 30px;
}

.accordion-toggle.collapsed:before {
  /*content: '\f105';*/
  display: block;
  font-family: fontAwesome;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 30px;
}



@media (min-width: 1800px) and (max-width: 2049px) {

}

@media (min-width: 1400px) and (max-width: 1799px) {

}

@media (min-width: 1200px) and (max-width: 1399px) {

}

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

  .top-table {
  margin-bottom: 10px;
}

  .container .swiper-container {
    height: 270px;
  }

}

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


.top-table {
margin-bottom: 10px;
}

.container .swiper-container {
  height: 270px;
}
}

@media (min-width: 480px) and (max-width: 1799px) {

}


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

  .top-col-title {
    display: block;
  }



  .container .swiper-container {
    height: 270px;
  }
}


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


}

@media (max-width: 767px) {

  .main-img {
    height: 350px;
  }

  .eng-type {
    font-size: 1.6rem;
  }

  .main-title  .machine-title {
    font-size: 3rem;
  }

  .detail-row {
    padding-right: 15px;
    padding-left: 15px;
  }

  .top-col-build-title {
    font-size: 1.4rem;
  }

  .top-col-build-number {
    font-size: 3rem;
  }

  .top-col-title {
    display: block;
    font-size: 1.2rem;
  }


  .top-col-contentes {

    font-size: 1.2rem;
  }

  .table.top-table tbody tr td.thumb-cell {
    display: none;
  }

}

@media (max-width: 640px) {

  .top-table {
  margin-bottom: 10px;
  }

  .container .swiper-container {
    height: 420px;
  }

}

@media (max-width: 479px) {

}

@media (max-width: 399px) {

  .container .swiper-container {
    height: 260px;
  }
}


@media (max-width: 599px) {


  .main-title{
    top: 40%;
  }
}