@charset "utf-8";
@import url(reset.css);

/* importされているreset.cssは編集する必要はありません。 */

/* 背景とか
--------------------------------------------------------------------*/

body {
  color: #666;
  background: #fff;
  font-family: 'ヒラギノ角ゴ Pro W3', Osaka, 'メイリオ', 'Meiryo', Verdana, Arial, 'ＭＳ Ｐゴシック', sans-serif; /* メイリオ指定 */
  /*	padding-top:40px; #fixの高さを入れてください。 */
}

/* heading（編集の必要はありません）
--------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', Verdana,
    'ＭＳ Ｐゴシック', 'MS P Gothic', Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: normal;
}

h1 strong,
h1 em,
h2 strong,
h2 em,
h3 strong,
h3 em,
h4 strong,
h4 em,
h5 strong,
h5 em,
h6 strong,
h6 em {
  font-weight: inherit;
  /* _font-weight: expression(this.parentNode.currentStyle.fontWeight); */
  /* *font-weight: expression(this.parentNode.currentStyle.fontWeight); */
}

* {
  box-sizing: border-box;
}

/* リンクの色
--------------------------------------------------------------------*/

/* 普通のリンク */
a:link {
  color: #09f;
  text-decoration: underline;
}

/* 選択済み（上と同じ色でＯＫです） */
a:visited {
  color: #09f;
  text-decoration: underline;
}

/* ロールオーバー */
a:hover {
  color: #09f;
  text-decoration: none;
}

/* a:active {
} */

/* 基本ここから編集
--------------------------------------------------------------------*/

img {
  max-width: 100%;
}

#fix {
  position: fixed;
  z-index: 777;
  top: 0;
  left: 0;
  width: 100%;
  /* min-width: 960px; */
  /*	height:40px; 2列になったときはここの大きさを変更。ここを変更したら、上のbodyのpadding-topに同じ値を入れてください。 */
  padding: 0 10px;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

#fix ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  font-size: 1.2em;
  padding: 10px 0;
}

#fix ul li {
  padding: 0 5px;
}

#seo {
  background: #fff;
  width: 100%;
  padding: 10px 0;
}

#seo dl {
  text-align: center;
  margin: 0 auto;
  font-size: 1.1em;
  line-height: 1.5;
}

#seo dl dt {
  color: #33c;
  font-weight: bold;
}

/* デザイン部分に背景をつけたいときはここに指定 */
#wrap {
}

#wrap p {
  text-align: center;
}

/* パスワード保護用 */
#password-form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 75vh;
  padding: 20px;
  font-size: 16px;
  text-align: center;
}
#password-form p {
  margin: 20px 0;
}
@media screen and (max-width: 480px) {
  #password-form p {
    font-size: 13px;
  }
}
#password-form input[type="password"] {
  height: 30px;
  font-size: inherit;
}
@media screen and (max-width: 680px) {
  #password-form input[type="password"] {
    display: block;
  }
}
@media screen and (max-width: 680px) {
  form.post_password {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
}