@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 641px){
.gnav__menu__item:nth-child(5) {background-color: #d97d20;color:black;}

.info-top-title {display:block;margin:0 auto;padding:40px 0 0;;}
.info-top-title h2{text-align:center;font-size:30px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.info-lists{padding:10px 0 30px;}

.info-list {padding: 0 10px;display:block;margin:20px auto;width:90%;color:#000;border-bottom: 1px dashed #3E3E3E;}
 .info-list a{color:black;}
 .info-list a:hover{color:#707070;}
 .info-list a:visited{color:black;}
 .info-list a:focus{color:black;}
  .info-list-contents{height:auto;padding:10px 0;width:100%;display:flex;justify-content: space-between;align-items:center;}
    .info-list-date {display:inline-block;flex-basis:15%;font-weight:bold;color:#3E3E3E;padding:10px;}
    .info-list-date p{margin:0;vertical-align: middle;}
      .info-date {font-size:12px;}
    .info-list-image {display:inline-block;flex-basis:15%;}
    .info-list-image img {width:50px;height:auto;vertical-align:middle;}
    .info-list-right {display:inline-block;flex-basis:70%;vertical-align:middle;}
      .info-list-title-wrapper {border-left:2px solid #3E3E3E;padding:0 0 0 5px;}
      .info-list-title-wrapper h3{margin:0;font-size:16px;color:#3E3E3E;font-family: "Noto Sans", "Yu Gothic", 游ゴシック体, 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Roboto, メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;}
      .info-list-title {padding-left:5px;line-height: 1.2em;}
      .info-list-details {display:none;}
}

@media screen and (max-width:640px){
  .gnav__menu__item:nth-child(5) {background-color: #d97d20;color:black;}

  .super-wrapper{background-color: #f5f5f5; margin:0 auto;}

  .info-top-title {display:block;margin:0 auto;padding: 40px 20px 20px;}
  .info-top-title h2{text-align:center;font-size:30px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

  .info-lists{padding-bottom:30px;}

  .info-list {margin:0 auto;display:block;width:90%;color:#000;}
    .info-list a{color:black;}
    .info-list a:hover{color:#707070;}
    .info-list a:visited{color:black;}
    .info-list a:focus{color:black;}
    .info-list-contents{height:auto;padding: 0 0 10px;width:100%;border-bottom: 1px dashed #3E3E3E;}
      .info-list-date {display:block;font-weight:bold;color:#3E3E3E;padding:10px;}
      .info-list-date p{margin:0;}
        .info-date {font-size:12px;}
      .info-list-image {display:inline-block;width:29%;padding:0 20px 0 10px;vertical-align: top;}
      .info-list-image img {width:200px;}
      .info-list-right {display:inline-block;width:70%;padding:0 0 0 10px;vertical-align: top;}
        .info-list-title-wrapper {border-left:5px solid #3E3E3E;padding-left:5px;}
        .info-list-title-wrapper h3{margin:0;font-size:18px;}
        .info-list-title{padding-left:5px;line-height: 1.2em;}
        .info-list-details {display:none;}
}