@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: 100%; /* 縦横比 */
    height: 0;
}
.googlecal iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
/* 画面幅が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%;
}