@charset "utf-8";

/*
 * PC スマホ共用CSS
 */

.facebook_banner {
    margin: 20px 0;
}
 
.facebook_banner img {
    width: 100%;
    height: auto;
}
 
.facebook_banner a img:hover {
    opacity:0.75;
    filter: alpha(opacity=75);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=75)";  /* ie 8 */
    -moz-opacity:0.75;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.75;              /* Safari 1.x */
}


/*Googleカレンダー*/
.cal_wrapper {
    max-width: 960px; /* 最大幅 */
    min-width: 300px; /* 最小幅 */
    margin: 2.0833% auto;
}
.googlecal {
    position: relative;
    padding-bottom: 180%; /* 縦横比 */
    height: 0;
}
.googlecal iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    overflow-y: scroll;
    box-sizing: border-box;
}
/* 画面幅が768px以上の場合の縦横比の指定 */
@media only screen and (min-width: 768px) {
    .googlecal { padding-bottom: 75%; }
}

/*Youtube*/
.youtube_wrap {
  position:relative;
  padding-bottom: 56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
}
.youtube_wrap iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/*「reCAPTCHAで保護されています」を非表示*/
.grecaptcha-badge {
  visibility: hidden;
}

/*「メディアを追加＞URL から挿入」を使用した際に作られる要素*/
iframe.wp-embedded-content {
  width: 100%;
}


/* カスタマイズ：P-03 スライドショー
---------------------------------------------------------------------------------------------------- */
/* カスタマイズ＞DB④＞menu (※top) */
body.pc #a617umfpfh5k7ihky9kw {
  --customize-width: 320px;
}
body.sp #a617umfpfh5k7ihky9kw {
  --customize-width: 80vw;
}
#a617umfpfh5k7ihky9kw .slide_area {
  height: var(--customize-width);
}
#a617umfpfh5k7ihky9kw .slide_area > div {
  height: 100% !important;
}
#a617umfpfh5k7ihky9kw .slide_area > div .wideslider_base {
  left: 50% !important;
  height: 100% !important;
  transform: translateX(-50%);
}
body.sp #a617umfpfh5k7ihky9kw .slide_area > div .wideslider_base {
  overflow: visible;
  width: var(--customize-width) !important;
}
#a617umfpfh5k7ihky9kw .slide_area > div .wideslider_base .wideslider_wrap {
  height: 100% !important;
}
#a617umfpfh5k7ihky9kw .slide_area > div .wideslider_base .wideslider_wrap ul li a img {
  object-fit: cover;
}
#a617umfpfh5k7ihky9kw .slide_area > div .wideslider_base .wideslider_wrap ul li a img {
  width: var(--customize-width) !important;
  height: var(--customize-width);
}
/* 送りボタン */
#a617umfpfh5k7ihky9kw .slide_area > div .wideslider_base .slider_prev,
#a617umfpfh5k7ihky9kw .slide_area > div .wideslider_base .slider_next {
  top: 50%;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50%;
  opacity: 0.8 !important;
  transform: translateY(-50%);
}
#a617umfpfh5k7ihky9kw .slide_area > div .wideslider_base .slider_prev {
  left: auto !important;
}
#a617umfpfh5k7ihky9kw .slide_area > div .wideslider_base .slider_next {
  right: auto !important;
}
body.pc #a617umfpfh5k7ihky9kw .slide_area > div .wideslider_base .slider_prev {
  right: calc(100% + 10px);
}
body.pc #a617umfpfh5k7ihky9kw .slide_area > div .wideslider_base .slider_next {
  left: calc(100% + 10px);
}
body.sp #a617umfpfh5k7ihky9kw .slide_area > div .wideslider_base .slider_prev {
  right: calc(100% - 25px);
}
body.sp #a617umfpfh5k7ihky9kw .slide_area > div .wideslider_base .slider_next {
  left: calc(100% - 25px);
}