@charset "UTF-8";
/* ==========================================================================
   base.css — リセット + ページ土台
   参照テンプレ（wedding-invi.jp / modern6）の共通CSSから必要分のみ抽出
   ========================================================================== */

html {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
}

body {
  position: relative;
  min-width: 320px;
  max-width: 750px;
  width: 100%;
  margin: 0 auto;

  color: #555;
  background-color: #872c30;   /* Tashinam のエンジ */

  word-wrap: break-word;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  font-kerning: normal;
  font-feature-settings: "palt", "kern";
  overscroll-behavior-y: none;

  font-size: 20px;
}

@media (min-width: 320px) {
  body { font-size: 3.2vw; }
}

@media (min-width: 750px), print {
  body { font-size: 24px; }
}

main { display: block; }

h1, h2, h3, h4, h5, h6, p, figure, ul, ol, dl, dd {
  margin: 0;
  padding: 0;
}

ul, ol { list-style: none; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  border: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

textarea { overflow: auto; }

/* 横のはみ出しは各セクション側の overflow:hidden で抑える（design.css）。
   html/body に overflow-x:hidden を掛けるとルート要素がスクロールコンテナ化して
   縦スクロールが効かなくなる環境があるため、ここでは指定しない。 */