@charset "UTF-8";

/* ==========================================================================
   components-media.css
   Media系（旧baseから移植：復旧優先）
   ========================================================================== */

/* Facebook Like BOX レスポンシブ化 */
#fb-root {
  display: none;
}

.fb_iframe_widget {
  width: 100% !important;
  background: #fff !important;
}

.fb_iframe_widget span {
  width: 100% !important;
  background: #fff !important;
}

.fb_iframe_widget span iframe[style] {
  width: 100% !important;
  background: #fff !important;
}

/* Google Maps */
.google-maps {
  position: relative;
  padding-bottom: 75%;
  margin-bottom: 1em;
  height: 0;
  overflow: hidden;
}

.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* Gallery */
ul.gallery {
  margin-left: -0.666%;
}

ul.gallery li {
  width: 16%;
  margin: 0 0 0.666% 0.666%;
  float: left;
}

ul.gallery li img {
  width: 96%;
  padding: 2%;
  background: rgba(255, 255, 255, 0.8);
}

/* 画像リスト */
ul.gal2,
ul.gal3 {
  margin-left: -1%;
}

ul.gal2 li,
ul.gal3 li {
  float: left;
  margin: 0 0 7px 1%;
}

ul.gal2 li img,
ul.gal3 li img {
  width: 100%;
}

ul.gal2 li {
  width: 49%;
}

ul.gal3 li {
  width: 32.3%;
}

img.photo {
  width: 96%;
  padding: 2%;
  background: rgba(255, 255, 255, 0.8);
}