/* body =========================================*/
body { margin: 0;}

/* リスト =========================================*/
ul { padding: 0;}
li { list-style: none;}

/* リンク =========================================*/
a { text-decoration: none; color: inherit;}

/* ディスプレイ =========================================*/
.flex { display:-webkit-box; display:flex; flex-wrap:wrap; }
.flex-between { -webkit-box-pack:justify; justify-content:space-between; }
.flex-center  { -webkit-box-pack:center; justify-content:center; }
.flex-end  { -webkit-box-pack:end; justify-content:flex-end; }
.flex-align-center { -webkit-box-align:center; align-items:center; }

/* 画像 =========================================*/
figure { margin: 0;}
img { width: 100%; max-width:100%; height:auto; font-size:0; line-height:0; border-width:0px; vertical-align:bottom; }

/* リセット =========================================*/
h1, h2, h3, h4, dl, dd, ul, form, textarea, figure { margin:0; padding:0; font-size:100%; }
article, aside, dialog, figure, footer, header, hgroup, nav, section, main { display:block; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; }

ul { list-style-type:none; }

.left   { text-align:left; }
.center { text-align:center; }
.right  { text-align:right; }

/* レスポンシブ =========================================*/
/* 599px 以下 ------------------------ */
@media screen and (max-width: 599px) {
  .sp_none { display:none; }
}

/* 600px 以上 ------------------------ */
@media screen and (min-width: 600px) {
  .sp_none { display: block; }
  .sp_only { display:none; }
}

/* 960px 以上 ------------------------ */
@media screen and (min-width: 960px) {
  .pc_none { display:none; }
  .pc_only { display: block;}
}