html,body {
 margin:0;
 padding:0;
 -webkit-text-size-adjust:none;
}
body {
 display:flex;
 flex-flow:column;
 min-height:100vh;
 color:#111111;
 font-size:0;
 font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", sans-serif;
 overflow-y:scroll;
}
a {
 text-decoration:none;
 color:#111111;
}
@media screen and (min-width: 768px) { /* PC・タブレット */
 #body {
  flex:1;
  width:100%;
  margin:0 auto;
  position:relative;
  text-align:center;
  background-image: url('../common/light.jpg');
  background-repeat: no-repeat;
  background-position:center -50px;
  background-size:max(1300px, 100vw) auto;
 }
 #body .main {
  display:inline-block;
  vertical-align:top;
  margin:10px;
 }
} @media screen and (max-width: 767px) {  /* スマホ */
 body {
  background-image: url('light.jpg');
  background-repeat: no-repeat;
  background-position: center -7px;
  background-size:auto calc(100% + 7px);
  background-color:#1c6aa1;
 }
 #body {
  flex:1;
  width:100%;
 }
 #body .main {
  width:100%;
 }
}