@charset "UTF-8";

/* === 全体にかかる設定 =============== */

body {
  color: #333;
  font-family: arial, sans-serif;
  font-size: 100%;
  line-height: 1.6;
}

/* 左右の余白 */
.container {
  padding: 0 7px;
}

/* === リンク色 =============== */

/* 標準 */
a:link {
  color: #36f;
  text-decoration: none;
}

a:visited {
  color: #69f;
}

a:hover {
  color: #f30;
}

a:active {
  color: #fc0;
}

/* 黒いリンク文字 */
.black_link a:link {
  color: #333;
  text-decoration: none;
}

.black_link a:visited {
  color: #666;
}

.black_link a:hover {
  color: #36f;
}

.black_link a:active {
  color: #f30;
}

/* 白いリンク文字 */
.white_link a:link {
  color: #fff;
  text-decoration: none;
}

.white_link a:visited {
  color: #fff;
}

.white_link a:hover {
  color: #fc0;
}

.white_link a:active {
  color: #f30;
}

/* === メディアクエリ =============== */

@media (min-width:600px) {
  body {
    line-height: 2;
  }
}

@media (min-width:1025px) {
  .container {
    width: 1025px;
    margin: 0 auto;
  }
}

/* === あとで整理 =============== */

/* flex 基本 */
.flex_container {
  display: flex;
  gap: 20px;
}

/* flex（インナー） */
.flex_inner_ctn {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

.inner_item {
  flex: 1 1 50%;
}