/* 全体 */
*{
  /*background-color: #000000;*/ /*全体背景色*/
  box-sizing: border-box;
  /* margin-top:0; 全体要素 余白排除 */
}

/*@media screen and (max-width: 559px){
  .text-align-switch {
    text-align: left;
  }
  br.pc {
    display: none;
  }
}*/

html {
 -webkit-text-size-adjust: 150%;
}

/* 中央配置 */
.center{
  text-align: center;
}

/* 文字サイズ */
.font1{
  font-size: 120%;
}
.font2{
  font-size: 90%;
}
.font3{
  font-size: 80%;
}

a{
  text-decoration: none;
}

/* pの幅 */
p{
  /*line-height: 0.5;*/
  /*max-width: 800px;*/
  line-height: 35px; /* 行間 */
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

/* top */
.topimg{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #000000;
}

/* ヘッダー */
header {
  width: 100%;
  position: sticky;
  top: 0;
  background-color: #ECECEC;
}

/* フッター */
.wrapper{
  min-height: 100vh;
  position: relative;/*←相対位置*/
  padding-bottom: 120px;/*←footerの高さ*/
  box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

footer{
  width: 100%;
  background-color: #89c7de;
  color: #FFFFFF;
  text-align: center;
  padding: 30px 0;
  bottom: 0; /*下に固定*/
}

#div img{
  width: 100%;
}

/* 画像横並び */
/* ▼キャプション付き画像全体を囲むボックスの装飾 */
figure{
    display: inline-block;   /* インラインブロック化 */
    margin: 0px 3px 7px 0px; /* 外側に余白を追加(※右に3px・下に7px) */
}
/* ▼画像に対する装飾 */
figure img {
    display: block;          /* 余計な余白が出ないようにする */
    margin: 0px 0px 3px 0px; /* 下側にだけ3pxの余白を追加 */
}
/* ▼キャプションに対する装飾 */
figcaption {
    text-align: center;
}