/*
theme Name: EMANON THEME
Description: original theme
Version: 1.0
*/
/****************************************

  Reset CSS

*****************************************/
html, body, div, span, iframe, blockquote,
h1, h2, h3, h4, h5, h6, p, a, picture, figure, img, ol, ul, li,
article, aside, footer, header, menu, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  text-decoration: none;
  color: #ffffff;
  vertical-align: baseline;
  box-sizing: border-box;
}

article, aside, footer, header, menu, nav, section, img {
  display: block;
}

html {
  font-size: 62.5%;
  font-family: "Gill Sans", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  background-color: #000000;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  background-color: #000000;
}
@media screen and (min-width: 560px) {
  body {
    font-size: 1.6rem;
  }
}

/* ヘッダー全体のレイアウト */
.ly_header_inner {
  display: row; /* 横並びレイアウト */
  justify-content: space-between; /* 左からロゴ、メニュー、FUN CLUB */
  align-items: center; /* 縦方向の中央揃え */
  padding: 0 20px; /* 左右の余白 */
  height: 80px; /* ヘッダーの高さ */
  box-sizing: border-box;
}

/* ロゴ部分のスタイル */
.bl_header_logo {
  flex-shrink: 0; /* ロゴの縮小を防ぐ */
  margin-right: 20px; /* メニューとの間隔 */
}

.bl_header_logo img {
  width: 120px; /* ロゴの幅 */
  height: auto; /* アスペクト比を維持 */
}

/* ナビゲーションメニュー */
.ly_header_nav {
  display: flex; /* 横並び */
  align-items: center; /* 縦方向の中央揃え */
  flex: 1; /* 残りのスペースを占有 */
  justify-content: space-between; /* メニューを中央に、FUN CLUBを右端に配置 */
}

/* メニューリスト */
.bl_header_menulist {
  display: flex; /* 横並び */
  list-style: none; /* リストスタイルを削除 */
  margin: 15px;
  padding: 0;
  gap: 5px; /* メニュー項目の間隔 */
}

/* メニューリンク */
.bl_header_menulist_link {
  text-decoration: none; /* 下線を削除 */
  color: #000000; /* メニュー文字の色 */
  font-size: 14px; /* フォントサイズ */
  font-weight: 500; /* フォントの太さ */
  transition: color 0.3s ease; /* ホバー時のエフェクト */
}

.bl_header_menulist_link:hover {
  color: #fa8072; /* ホバー時の文字色 */
}

/* FUN CLUBボタン */
.bl_header_funclub {
  margin-left: auto; /* 右端に配置 */
}

.bl_header_funclub_link {
  display: inline-block;
  padding: 5px 15px; /* ボタンの余白 */
  background-color: #fa8072; /* 背景色 */
  color: #fff; /* 文字色 */
  font-size: 14px; /* フォントサイズ */
  font-weight: bold;
  text-decoration: none;
  border-radius: 2px; /* 少し丸みを付ける */
  transition: background-color 0.3s ease;
}

.bl_header_funclub_link:hover {
  background-color: #ff6347; /* ホバー時の背景色 */
}


@media screen and (max-width: 768px) {
  /* ヘッダー全体のレイアウトをスマートフォン用に調整 */
  .ly_header_inner {
    padding: 0 10px; /* スマートフォン用の左右余白を調整 */
  }
}

main {
  margin-top: 64px;
  background-color: #000000;
}
@media screen and (min-width: 768px) {
  main {
    margin-top: 72px;
  }
}
@media screen and (min-width: 1024px) {
  main {
    margin-top: 0;
  }
}

footer {
  margin-top: auto;
}

/* フッター内のSNSアイコンリスト全体の配置 */
.l-footer_sns {
  display: flex; /* フレックスボックスを使用して横並びに */
  justify-content: center; /* 中央揃え */
  align-items: center; /* アイコンを縦方向に中央揃え */
  gap: 15px; /* アイコン同士の間隔を調整 */
  list-style: none; /* リストのデフォルトスタイルを削除 */
  padding: 0; /* パディングを削除 */
  margin: 0; /* マージンを削除 */
}

/* 各アイコンのサイズを揃える */
.l-footer_sns li a img {
  width: 25px; /* アイコンの幅を固定 */
  height: auto; /* アスペクト比を保ちながら高さを調整 */
  display: block; /* 余白をなくす */
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

ol, ul {
  list-style: none;
}

a{
  word-wrap:break-word;
}

/* iphoneデフォルトのボタンcssを無効にする */
input[type="submit"], button, select, textarea {
  -webkit-appearance: none;
  }
  input[type="radio"], input[name="birthday_day"],
  input[type="checkbox"]{
  -webkit-appearance: auto;
  }
/*# sourceMappingURL=style.css.map */