@charset "UTF-8";
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.ttf?ed8hpa") format("truetype"), url("fonts/icomoon.woff?ed8hpa") format("woff"), url("fonts/icomoon.svg?ed8hpa#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-myArrow:before {
  content: "\e90e";
}

.icon-arrow-down:before {
  content: "\e900";
}

.icon-arrow-down-left:before {
  content: "\e901";
}

.icon-arrow-down-right:before {
  content: "\e902";
}

.icon-arrow-left:before {
  content: "\e903";
}

.icon-arrow-right:before {
  content: "\e904";
}

.icon-arrow-up:before {
  content: "\e905";
}

.icon-arrow-up-left:before {
  content: "\e906";
}

.icon-arrow-up-right:before {
  content: "\e907";
}

.icon-check:before {
  content: "\e908";
}

.icon-chevron-down:before {
  content: "\e909";
}

.icon-chevron-left:before {
  content: "\e90a";
}

.icon-chevron-right:before {
  content: "\e90b";
}

.icon-chevron-up:before {
  content: "\e90c";
}

.icon-x:before {
  content: "\e90d";
}

.icon-checkmark:before {
  content: "\ea10";
}

.icon-arrow-up-left2:before {
  content: "\ea39";
}

.icon-arrow-up2:before {
  content: "\ea3a";
}

.icon-arrow-up-right2:before {
  content: "\ea3b";
}

.icon-arrow-right2:before {
  content: "\ea3c";
}

.icon-arrow-down-right2:before {
  content: "\ea3d";
}

.icon-arrow-down2:before {
  content: "\ea3e";
}

.icon-arrow-down-left2:before {
  content: "\ea3f";
}

.icon-arrow-left2:before {
  content: "\ea40";
}

/* variable */
/* color */
/* util */
.photo__content {
  margin: 30px 0;
}

.photoSecList {
  margin-bottom: 30px;
  text-align: center;
}
.photoSecList__item {
  display: inline-block;
  padding: 0 20px;
  border-left: 1px solid #999999;
}
.photoSecList__item:first-child {
  border-left: none;
}
.photoSecList__anchor {
  display: block;
  font-size: 14px;
  color: #333333 !important;
  text-decoration: none !important;
}
.photoSecList__anchor:hover {
  color: #ebac12 !important;
}
.photoSecList__anchor::before {
  font-family: 'icomoon' !important;
  content: "\e909";
  margin-right: .75em;
  color: #ebac12 !important;
}

.photoContent {
  padding: 40px 0;
}
.photoContent_bg {
  padding: 40px 0;
  background-color: #f9f8f2;
}
.photoContent__inner {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.photoContent__midashi {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  letter-spacing: .075em;
}
.photoContent__slider {
  position: relative;
}

/************
  スライダー
*************/
.photoSlider {
  /* slick */
}
.photoSlider__item {
  position: relative;
  width: 600px;
  height: 450px;
  margin: 20px;
  line-height: 0;
  background-color: #000;
}
.photoSlider__image {
  position: absolute;
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.photoSlider__description {
  display: block;
  position: absolute;
  width: 100%;
  padding: 15px;
  margin-bottom: 0;
  left: 0;
  bottom: 0;
  line-height: 1.2;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
}
.photoSlider__caption {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}
.photoSlider__comment {
  margin-bottom: 0;
}
.photoSlider .slick-slider,
.photoSlider .slick-list,
.photoSlider .slick-track {
  height: 100%;
}
.photoSliderThumbs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.photoSliderThumbs__thumb {
  position: relative;
  width: 75px;
  height: 56px;
  margin: 5px;
  cursor: pointer;
}
.photoSliderThumbs__thumb::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  transition: opacity .2s linear 0s;
  z-index: 2;
}
.photoSliderThumbs__thumb:hover::before {
  opacity: 0;
}
.photoSliderThumbs__thumb.current::before {
  background-color: transparent;
  border: 2px solid #ECAC0D;
  opacity: 1;
  transition: none;
}
.photoSliderThumbs__image {
  position: absolute;
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

/* slick */
.slick-arrow {
  position: absolute;
  width: 60px;
  height: 60px;
  padding: 0;
  margin: 0;
  top: 50%;
  margin-top: -30px;
  background-color: rgba(126, 45, 81, 0.8);
  border: none;
  border-radius: 50%;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  z-index: 10;
  cursor: pointer;
  transition: background-color .2s linear 0s;
}
.slick-arrow:hover {
  background-color: #7e2d51;
}
.slick-arrow::before {
  position: absolute;
  display: block;
  width: 60px;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 60px;
  text-indent: 0;
  font-family: 'icomoon' !important;
  font-size: 24px;
  color: white;
}
.slick-arrow.slick-prev {
  left: 100px;
}
.slick-arrow.slick-prev::before {
  content: "\e90a";
}
.slick-arrow.slick-next {
  right: 100px;
}
.slick-arrow.slick-next::before {
  content: "\e90b";
}