/* カスタム CSS をここに入力してください */

/*#banner_box {
    display: none;
} */
.wpcf7-form-control-wrap {text-align: center;}
#recaptcha_box {
  display:inline-block;
  margin-bottom:20px;
}

.metaslider {overflow: hidden;}
.breadcrumbs {font-size:12px;}
.breadcrumbs a {text-decoration:none;}
.breadcrumbs a:hover {opacity:0.3;}

.metaslider .flexslider  {margin:0 !important;}
.metaslider .ms-image {
  overflow:hidden;
  height:400px !important;
}
.metaslider .caption-wrap {
  position: absolute;
  bottom: 0;
  width:100%;
  line-height:1.4;
  background: none !important;
  font-family: arial,sans-serif;
  opacity:1 !important;

}

.metaslider .caption-wrap div {
  width: calc(100% -12px);
  max-width: 1024px;
  text-align: right;
  color: #fff;
  font-weight:bold;
  margin: 0 auto;

}
.flex-control-nav {
  bottom:40px !important;
}
.flex-control-paging li a.flex-active {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0 !important;
}
.flex-control-paging li a {
  background: none !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset !important;
  height: 15px !important;
  width: 15px !important;
}
.flex-control-paging li a:hover {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 1) inset !important;
}
.flex-control-nav li a {
    margin: 0 5px !important;
}
.metaslider .slides img {
  min-width:1037px;
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0); /* Safari用 */
  transform: translate(-50%, 0);
}

.flex-direction-nav a {
  height: 66px !important;
  width: 27px !important;
  margin: -33px 0 0 !important;
  opacity:0.7 !important;
}

/*Instagram Feed WD*/
#wdi_feed_0 .wdi_photo_wrap {
  width: 100% !important;
}
#wdi_feed_0 .wdi_feed_item {
    width: 25% !important;
}
.wdi_feed_item {
  line-height:0.5;
}

/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
.metaslider .ms-image {
  overflow:hidden;
  height:auto !important;
}
.metaslider .ms-image {
  overflow:hidden;
  height:inherit;
}
}
/* デスクトップレイアウト : 769 px ～最大 1100 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */
@media only screen and (min-width: 769px) {
.box_insta {max-width:1000px;}
#wdi_feed_0 .wdi_photo_wrap {padding: 0!important;}
}