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

.gallery_box {
  position: relative;
  margin: 6rem auto;
  padding: 0 2%;
  max-width: 96%;
  width: 1000px;
}
.gallery_left_box {
  position: relative;
  float: left;
  text-align: center;
  max-width: 50%;
  width: 500px;
}
.gallery_left_box img {
  max-width: 100%;
}
.gallery_right_box {
  float: right;
  margin-right: 3%;
  max-width: 43%;
  width: 43%;
  height: 100%;
}
.gallery_title:before, .gallery_title:after {
  content:"";
  display: block;
  background-image: -webkit-gradient(
	linear, left, right,
  color-stop(0, #1BC4D2),
  color-stop(0.33, #4D4398),
  color-stop(0.66, #66318E),
  color-stop(1, #CC7EB1)
  );
  background-image: -webkit-linear-gradient(right, #1BC4D2 0%, #4D4398 33%, #66318E 66%, #CC7EB1 100%);
  background-image: -moz-linear-gradient(right, #1BC4D2 0%, #4D4398 33%, #66318E 66%, #CC7EB1 100%);
  background-image: -ms-linear-gradient(right, #1BC4D2 0%, #4D4398 33%, #66318E 66%, #CC7EB1 100%);
  background-image: -o-linear-gradient(right, #1BC4D2 0%, #4D4398 33%, #66318E 66%, #CC7EB1 100%);
  background-image: linear-gradient(to right, #1BC4D2 0%, #4D4398 33%, #66318E 66%, #CC7EB1 100%);
  margin: 5px 0;
  width: 100%;
  height: 1px;
}
.gallery_title {
  position: relative;
}
.gallery_title_inner {
  position: relative;
  left: 50%;
  float: left;
}
.gallery_title h3 {
  position: relative;
  left: -50%;
  float: left;
  margin: 5px;
  font-size: 3.6rem;
  line-height: 1em;
}
.gallery_title_en {
  position: relative;
  float: left;
  left: -50%;
}
.gallery_title_en p {
  margin: 0.5em 0;
  font-size: 1.8rem;
  line-height: 2em;
}
.gallery_info_box {
  margin: 15px auto;
  text-align: center;
  font-size: 1.3rem;
}
.gallery_conts_box, .gallery_conts_box_en {
  margin: 2em 0;
}
.gallery_conts_box, .gallery_conts_box_en {
  font-size: 1.2rem;
}
.gallery_conts_box_en {
  padding-bottom: 10rem;
}
.gallery_conts_box h4 {
  font-size: 2rem;
}
.gallery_conts_box_en h4 {
  font-size: 1.6rem;  
}
.gallery_btn_box {
  position: absolute;
  bottom: 0;
  max-width: 43%;
  width: 43%;
}
.gallery_btn_prev {
  float: left;
}
.gallery_btn_next {
  float: right;
}
.gallery_btn_prev, .gallery_btn_next {
  padding-bottom: 1rem;
  font-size: 1.6rem;
  vertical-align: top;
}
.gallery_btn_prev a, .gallery_btn_next a {
  color: #000000;
  text-decoration: none;
}
/******************************
* Media Queries
******************************/
/* 1. PC  (1025px-1280px) ----------*/
@media screen and (max-width:1280px) {
}

/* 2. Tablet  (769px-1024px) ----------*/
@media screen and (max-width:1024px) {
}

/* 3. Tablet & Smart Phone (569px-768px) ----------*/
@media screen and (max-width:768px) {
  .gallery_box {
    margin: 2rem auto;
    overflow: hidden;
  }
  .gallery_left_box, .gallery_right_box {
    float: none;
    margin: 0 auto 1rem;
    max-width: 94%;
    width: 94%;
  }
  .gallery_btn_box {
    max-width: 90%;
    width: 90%;
  }}

/* 4. Smart Phone (1px-568px) ----------*/
@media screen and (max-width:568px) {
}