@charset "UTF-8";
ul {
  list-style: none;
}

img {
  border: none;
  vertical-align: bottom;
}

a {
  outline: none;
}

#gaCol {
  height: 0;
  overflow: hidden;
}

/* お知らせ ==============================================*/
#info #container #wrapper #info .inner {
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
  background: url(../images/common/frame/bg_fr01_lt.png) left 5px top 5px no-repeat, url(../images/common/frame/bg_fr01_rt.png) right 5px top 5px no-repeat, url(../images/common/frame/bg_fr01_lb.png) left 5px bottom 5px no-repeat, url(../images/common/frame/bg_fr01_rb.png) right 5px bottom 5px no-repeat rgba(150, 100, 0, 0.1);
}
@media (max-width: 768px) {
  #info #container #wrapper #info .inner {
    background-size: 60px;
  }
}
#info #container #wrapper #info .inner p.date {
  background: rgba(150, 100, 0, 0.1);
}
#info #container #wrapper #info .inner p.date strong {
  font-weight: bold;
}
@media (max-width: 768px) {
  #info #container #wrapper #info .inner {
    width: 96%;
    padding: 40px 20px;
  }
  #info #container #wrapper #info .inner p.date {
    margin: 20px 0;
    padding: 20px;
  }
}
@media (min-width: 769px) {
  #info #container #wrapper #info .inner {
    text-align: center;
    width: 100%;
    padding: 60px 40px 60px;
    font-size: 1.2rem;
    line-height: 1.6em;
  }
  #info #container #wrapper #info .inner p.date {
    margin: 30px 0;
    padding: 30px;
  }
}
#info #container #wrapper #info .inner h3 {
  background: url(../images/common/frame/bg_border_t.png) center top repeat-x, url(../images/common/frame/bg_border_b.png) center bottom repeat-x;
  box-sizing: border-box;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 768px) {
  #info #container #wrapper #info .inner h3 {
    padding: 30px 0px;
  }
}
@media (min-width: 769px) {
  #info #container #wrapper #info .inner h3 {
    padding: 40px 0px;
  }
}
@media (max-width: 768px) {
  #info #container #wrapper #info .inner h3 {
    font-size: 1.8rem;
    line-height: 1.6em;
  }
}
@media (min-width: 769px) {
  #info #container #wrapper #info .inner h3 {
    font-size: 26px;
    line-height: 1.6em;
  }
}
@media (max-width: 768px) {
  #info #container #wrapper #info .inner h3 {
    margin-bottom: 20px;
  }
}
@media (min-width: 769px) {
  #info #container #wrapper #info .inner h3 {
    margin-bottom: 50px;
  }
}
@media (max-width: 768px) {
  #info #container #wrapper #info .inner h3 {
    background-size: 100% auto;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
  }
  #info #container #wrapper #info .inner h3 img {
    height: 25px;
    width: auto;
  }
}
@media (min-width: 769px) {
  #info #container #wrapper #info .inner h3 {
    padding: 30px;
    font-size: 26px;
    line-height: 1.6em;
  }
}
