@charset "UTF-8";
/**
 * お知らせ
 *
 */
/* ==========================================================================
   お知らせ一覧
   ========================================================================== */
@media screen and (max-width: 767px) {
  .news-list {
    border-bottom: none; }
    .news-list li {
      margin-bottom: 20px; }
    .news-list a {
      color: #0d3a83;
      display: block;
      text-decoration: none; }

  .news-date-wrap {
    padding-bottom: 5px; } }
/* ==========================================================================
   お知らせ詳細
   ========================================================================== */
.news-detail-head .news-date {
  font-size: 18px;
  font-size: 1.8rem; }
.news-detail-head .news-ttl {
  padding: 20px 0 40px;
  font-size: 28px;
  font-size: 2.8rem; }

@media screen and (max-width: 767px) {
  .news-detail {
    padding: 0 20px; }

  .news-detail-head .news-date {
    font-size: 16px;
    font-size: 1.6rem; }
  .news-detail-head .news-ttl {
    padding: 10px 0 20px;
    font-size: 20px;
    font-size: 2rem; } }
/* ==========================================================================
   クーポンエリア
   ========================================================================== */
.coupon-area h3.coupon-h3 {
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: bold;
  color: #1b3d74;
  text-align: center;
  border-top: 2px solid #1b3d74;
  border-bottom: 2px solid #1b3d74;
  padding: 13px 0;
  position: inherit;
  margin-top: 80px;
  margin-bottom: 40px; }
  .coupon-area h3.coupon-h3:before {
    display: none; }
  .coupon-area h3.coupon-h3:after {
    display: none; }
.coupon-area .img {
  text-align: center; }
  .coupon-area .img.img-pdf img {
    border: 1px solid #c3c3c3;
    padding: 5px; }
.coupon-area .coupon-area-top {
  background: url(/info/img/bg_main.jpg) repeat-y; }
  .coupon-area .coupon-area-top .coupon-area-top-inner {
    background: url(/info/img/bg_main02.png) no-repeat;
    padding: 40px;
    position: relative; }
    .coupon-area .coupon-area-top .coupon-area-top-inner .icon-web {
      position: absolute;
      top: 30px;
      left: 30px; }
  .coupon-area .coupon-area-top .subttl-coupon {
    font-size: 42px;
    font-size: 4.2rem;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin-bottom: 25px;
    line-height: 1.2; }
  .coupon-area .coupon-area-top .ttl-coupon {
    font-size: 84px;
    font-size: 8.4rem;
    color: #fff000;
    text-align: center;
    font-weight: bold;
    margin-bottom: 35px;
    line-height: 0.9; }
  .coupon-area .coupon-area-top .sub-txt-box {
    text-align: center; }
  .coupon-area .coupon-area-top .sub-txt01 {
    text-align: center;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
    font-size: 66px;
    font-size: 6.6rem;
    display: inline-block;
    line-height: 1.2;
    margin-right: 15px;
    margin-bottom: 0; }
  .coupon-area .coupon-area-top .sub-txt02 {
    text-align: left;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
    font-size: 34px;
    font-size: 3.4rem;
    display: inline-block;
    line-height: 1.2;
    margin-bottom: 0; }
  .coupon-area .coupon-area-top .sub-icon {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0; }
    .coupon-area .coupon-area-top .sub-icon img {
      vertical-align: middle; }
  .coupon-area .coupon-area-top .fontsize01 {
    font-size: 34px;
    font-size: 3.4rem;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0; }
.coupon-area .coupon-area-btm {
  background-color: #fff000;
  padding: 22px 0;
  color: #1258ae;
  text-align: center; }
  .coupon-area .coupon-area-btm .fair-ttl {
    font-size: 22px;
    font-size: 2.2rem;
    border: 2px solid #1258ae;
    border-radius: 10px;
    padding: 10px 40px;
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 0;
    line-height: 1;
    vertical-align: middle; }
  .coupon-area .coupon-area-btm .fair-date {
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
    .coupon-area .coupon-area-btm .fair-date span {
      font-size: 31px;
      font-size: 3.1rem; }

.coupon-area.coupon-ticket {
  width: 900px;
  margin: 0 auto; }
  .coupon-area.coupon-ticket .img-coupon {
    margin: 0 auto 50px;
    text-align: center; }
  .coupon-area.coupon-ticket .coupon-area-btm02 {
    color: #1258ae;
    margin-bottom: 15px; }
    .coupon-area.coupon-ticket .coupon-area-btm02 .fair-ttl {
      font-size: 16px;
      font-size: 1.6rem;
      border: 2px solid #1258ae;
      border-radius: 10px;
      padding: 10px 0;
      display: inline-block;
      margin-right: 2%;
      margin-bottom: 0;
      line-height: 1;
      vertical-align: middle;
      width: 20%;
      box-sizing: border-box;
      text-align: center; }
    .coupon-area.coupon-ticket .coupon-area-btm02 .fair-date {
      font-size: 26px;
      font-size: 2.6rem;
      font-weight: bold;
      display: inline-block;
      margin-bottom: 0;
      width: 77%;
      box-sizing: border-box;
      line-height: 1.2;
      float: right; }
  .coupon-area.coupon-ticket .txt {
    margin-top: 40px; }

@media screen and (max-width: 767px) {
  .coupon-area h3.coupon-h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: left; }
  .coupon-area .coupon-area-top .coupon-area-top-inner {
    padding: 20px;
    background-size: contain;
    background-position: center center; }
    .coupon-area .coupon-area-top .coupon-area-top-inner .icon-web {
      width: 11%;
      top: 10px;
      left: 10px; }
  .coupon-area .coupon-area-top .subttl-coupon {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 15px; }
  .coupon-area .coupon-area-top .ttl-coupon {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 20px; }
  .coupon-area .coupon-area-top .sub-txt01 {
    font-size: 24px;
    font-size: 2.4rem; }
  .coupon-area .coupon-area-top .sub-txt02 {
    display: block;
    font-size: 20px;
    font-size: 2rem;
    text-align: center; }
  .coupon-area .coupon-area-top .sub-icon {
    display: block;
    width: 8%;
    margin: 2px auto 7px; }
  .coupon-area .coupon-area-top .fontsize01 {
    font-size: 20px;
    font-size: 2rem; }
  .coupon-area .coupon-area-btm {
    padding: 15px; }
    .coupon-area .coupon-area-btm .fair-ttl {
      font-size: 16px;
      font-size: 1.6rem;
      padding: 6px 40px;
      display: block;
      margin-right: 0;
      margin-bottom: 10px; }
    .coupon-area .coupon-area-btm .fair-date {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1; }
      .coupon-area .coupon-area-btm .fair-date span {
        font-size: 20px;
        font-size: 2rem; }

  .coupon-area.coupon-ticket {
    width: inherit; }
    .coupon-area.coupon-ticket .img-coupon {
      margin-bottom: 20px; }
    .coupon-area.coupon-ticket .coupon-area-btm02 {
      color: #1258ae;
      margin-bottom: 15px; }
      .coupon-area.coupon-ticket .coupon-area-btm02 .fair-ttl {
        display: inline-block;
        width: inherit;
        padding: 7px 10px;
        text-align: left;
        margin-bottom: 7px;
        font-size: 14px;
        font-size: 1.4rem; }
      .coupon-area.coupon-ticket .coupon-area-btm02 .fair-date {
        display: block;
        width: 100%;
        font-size: 20px;
        font-size: 2rem; }
    .coupon-area.coupon-ticket .txt {
      margin-top: 20px; } }