#infoDay {
  padding-top: 5px;
  font-weight: bold;
}

#information > img {
  border: 3px solid #CCC;
  padding: 10px;
  border-radius: 10px;
}

@media only screen and (max-width: 768px) {

#infoDay {
  padding-top: 0px;
}
}

.iconNew {
  color: #FFFFFF;
  display: block;
  background-color: #FF0000;
  border-radius: 20px;
  font-size: 1rem;
  padding: 0px 10px;
  float: left;
  margin-right: 5px;
  margin-top: 2px;
}

#information img {
  margin-top: 10px;
}

#linePh {
  border-radius: 5px;
}

@media only screen and (max-width: 768px) {

#information img {
  margin-top: 5px;
}
}

#infoText {
  text-align: center;
  margin-top: 10px;
}

@media only screen and (max-width: 768px) {

#infoText {
  margin-top: 5px;
}
}

#recommendWrap {
  margin-top: -10px;
  margin-left: -10px;
}

#recommendWrap dd {
  margin-left: 10px;
  width: 225px;
  float: left;
  margin-top: 10px;
}

#recommendWrap dd a:hover {
  opacity: 0.6;
}

@media only screen and (max-width: 768px) {

#recommendWrap {
  margin-top: -5px;
  margin-left: 0px;
}

#recommendWrap dd {
  margin-left: 0px;
  width: 49%;
  margin-top: 5px;
}

#recommendWrap dd:nth-child(odd) {
  float: left;
}

#recommendWrap dd:nth-child(even) {
  float: right;
}

#recommendWrap dd img {
  width: 100%;
}

#recommendWrap dd a:hover {
  opacity: 1;
}
}

/* INFORMATION センタリング（確実版） */
#information h2{
  text-align: center;
  padding: 5px 0;   /* ← 左15pxを完全に潰す */
}

#information .h2Text{
  position: static;
  width: 100%;
  text-align: center;
  margin-top: 5px;

  /* 念のため絶対配置系を無効化 */
  top: auto;
  right: auto;
}
/* INFORMATION 見出しを完全に中央 */
#information h2{
  text-align: center !important;
  padding: 5px 0 !important;   /* ← 左15pxを潰して左右対称にする */
}
#information .h2Text{
  position: static !important;
  width: 100%;
  text-align: center;
  margin-top: 5px;
}
/* INFORMATION 見出しを完全センタリング */
#information h2 {
  display: block;
  width: 100%;
  text-align: center;

  padding: 6px 0;        /* 左右のズレ原因を排除 */
  margin: 0 auto 10px;   /* 中央配置 */

  box-sizing: border-box;
}
#information .h2Text {
  position: static;
  width: 100%;
  text-align: center;
  margin: 2px 0 0;
}
#information h2 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* INFORMATION：見た目も完全センタリング */
#information h2{
  text-align: center !important;
  padding: 6px 15px !important; /* ← 左右を同じにするのがポイント */
  box-sizing: border-box;
}
/* ========== このページは INFORMATION だけ表示 ========== */

/* ヘッダー・ナビ・トップへ・フッター等を非表示 */
header,
nav,
#goTop,
footer,
#rightCts {
  display: none !important;
}

/* 左コンテンツ以外を消して、中央に寄せる */
#ctsWrap {
  padding-top: 0 !important;     /* もともと 165px あるので消す（common.css側） */
  width: 100% !important;
  margin: 0 auto !important;
}

#leftCts {
  float: none !important;        /* common.cssで float:left なので解除 */
  width: 100% !important;
}

/* INFORMATION ブロックを画面中央に */
#information {
  max-width: 600px;              /* 好みで調整 */
  margin: 60px auto 0 !important;
}