(紫グラデーションバナー)
body {
    margin: 0;
    padding: 0px;
  }
  .headBar {
    /*バナーの色*/
  background: -moz-linear-gradient(bottom, #b478ff, #FFF);
  background: -webkit-linear-gradient(bottom, #b478ff, #FFF);
  background: linear-gradient(to top , #b478ff, #FFF);
 box-shadow: 0 0 8px gray;
  /*文字の色*/
  color: #fff;
  }

  .headBar__title__image {
    vertical-align: middle;
    padding-top: 5px;
  } 



  @media only screen and (max-width: 767px) {
    .header__container {
      padding: 2ex 1em;
    }
    .header__title {
      font-size: 24px;
    }
    .header__image {
        display: none;
    }

.font {
     font-family:游明朝,"Yu Mincho",YuMincho;
}