﻿@media screen and (min-width: 769px) {
  #informationTop {
    padding-top: 2%;
    background: url(../images/bg_information_top_2.png) 0 0 no-repeat;
    background-size: contain;
    width: 100%;
    height: 0;
  }

  #informationMdl {
    background: url(../images/bg_information_mdl_2.png) 0 0 repeat-y;
    background-size: contain;
    width: 100%;
    height: auto;
  }

  #informationBtm {
    padding-top: 2%;
    background: url(../images/bg_information_btm_1.png) 0 0 no-repeat;
    background-size: contain;
    width: 100%;
    height: 0;
  }

  .themeMainteSp {
    display: none;
  }

  .themeMainte {
    margin: 10px 0 0 0;
    background-color: #fff7e9;
  }
  .themeMainte ul.mainteTxt {
    width: 96%;
    height: auto;
    margin: 0 auto;
    font-size: 15px;
    color: #5f3e07;
  }
  .themeMainte ul.mainteTxt .titDate {
    border-bottom: #fbc667 2px solid;
    margin-bottom: 10px;
  }
  .themeMainte ul.mainteTxt .titDate .importantNotice {
    padding: 0 0 0 0.5em;
  }
  .themeMainte ul.mainteTxt .textInformation {
    padding-top: 0.5em;
  }
  .themeMainte ul.mainteTxt .textInformation:nth-child(2) {
    margin-bottom: 15px;
    padding-top: 0.2em;
  }
}
@media screen and (max-width: 768px) {
  #informationTop {
    padding-top: 2.3%;
    background: url(../images/bg_information_top_2.png) top center no-repeat;
    background-size: contain;
    width: 100%;
    height: 0;
  }

  #informationMdl {
    background: url(../images/bg_information_mdl_2.png) 0 0 repeat-y;
    background-size: contain;
    width: 100%;
    height: auto;
  }

  #informationBtm {
    padding-top: 2.2%;
    background: url(../images/bg_information_btm_1.png) bottom center no-repeat;
    background-size: contain;
    width: 100%;
    height: 0;
  }

  .themeMainte {
    display: none;
  }

  .themeMainteSp {
    margin: 3% auto 0;
    width: 96%;
    background-color: #fff7e9;
  }
  .themeMainteSp ul.mainteTxt {
    width: 95%;
    height: auto;
    margin: 0 auto;
    padding: 2% 0;
    font-size: 2.5vw;
  }
  .themeMainteSp ul.mainteTxt li {
    margin: 0 auto;
  }
  .themeMainteSp ul.mainteTxt .titDate {
    margin-bottom: 2%;
    color: #211d00;
    border-bottom: #fbc667 2px solid;
  }
  .themeMainteSp ul.mainteTxt .textInformation {
    color: #211d00;
    margin-bottom: 1%;
  }
  .themeMainteSp ul.mainteTxt .textInformation:nth-child(2) {
    margin-bottom: 3%;
  }
}
span.importantNotice {
  margin: 0;
  color: #ff25a4;
  font-weight: bold;
}

span.sNotice {
  display: block;
  margin: 0 0 0 1em;
  text-indent: -1em;
}
