@charset "UTF-8";
#slide {
  margin: 0;
  padding: 0;
}

div#pr_wrapper {
  position: relative;
  z-index: 0;
}

div.pr_section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pr_section_ratio:before {
  content: "";
  display: block;
  padding-top: 49%;
}

div.pr_section img {
  width: 100%;
}

#thumb-ctrl {
  width: 67%;
  margin: 0;
  padding: 10px 0 40px 0;
}

#gcap {
  float: left;
  width: 70%;
  margin: 0;
  padding: 0;
  z-index: 0;
}

#gcap ul {
  margin: 0 0 0 -0.5%;
  padding: 0;
}

#gcap ul li {
  float: left;
  margin: 0 0 0 0.5%;
  padding: 0;
  list-style: none;
  display: inline;
  overflow: hidden;
  zoom: 1;
  _zoom: 1;
}

#gcap ul li.pr_list_current {
  border: 2px solid #00468c;
}

#gcap ul li.pr_list_enabled {
  border: 2px solid #dddddd;
}

#gctrl {
  float: right;
  width: 30%;
  margin: 0;
  padding: 0;
  z-index: 0;
}

#gctrl ul {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 0 -1%;
  padding: 0;
  list-style: none;
  overflow: hidden;
  zoom: 1;
  _zoom: 1;
}

#gctrl ul li {
  float: left;
  margin: 0 0 0 1%;
  padding: 0;
  display: inline;
}

#gctrl ul li img {
  border: 2px solid #ffffff;
  vertical-align: top;
}

#gctrl ul li img:hover {
  filter: alpha(opacity=70); /*For IE*/
  opacity: 0.7; /*Opera・Safari*/
  -moz-opacity: 0.7; /*For FireFox*/
}

@media only screen and (max-width: 767px) {
  #thumb-ctrl {
    width: 100%;
    padding: 0;
  }
  #gctrl {
    float: none;
    width: 100%;
    text-align: center;
  }
  #gctrl ul {
    display: block;
    justify-content: normal;
    margin: 0;
  }
  #gctrl ul li {
    float: none;
    display: inline-block;
    margin: 0;
  }
  #gctrl ul li img {
    border: none;
  }
}
/*	##################################
   	SLIDE SHOW NOTIFICATION
	################################## */
#slidecontent {
  position: absolute;
  left: auto;
  top: auto;
  line-height: normal;
}

p.slidescrr {
  position: absolute;
  z-index: 3;
  left: -9999px;
}