/* 初期化 */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas {
  margin: 0;
  padding: 0;}
article, aside, figure, figcaption,footer,
h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section {
  display: block;}
li { list-style: none;}
table,tr,th,td { border-collapse: collapse;}
img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  border: none;}

/* 基本設定 */
html { overflow-y: scroll;}
body {
  background-color: #ffffff;
  color: #333333;
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
  font-weight: 500;
  font-size: 16px;
  *font-size: 100%;
  line-height: 1;
  word-break: break-all;
  -webkit-text-size-adjust: 100%;
  overflow: visible;
}
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format('woff2');
  font-display: swap;
}
@media all and (-ms-high-contrast:none)
  { body { font-family: 'メイリオ', 'Meiryo', sans-serif;}}
html.osMac body, body.osMac {
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;}
body.en {
  word-break: normal;}
a, a img {
  outline: none;}
a:link, a:visited { text-decoration: none;}
a:hover, a:active  { text-decoration: none;}
.fix:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;}
.fix{
  display: inline-block;}
* html .fix{
  height: 1%;}
.fix{
  display:block;}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;}
.fl { float: left;}
.fr { float: right;}
em,i,address { font-style: normal;}

input::placeholder {
  color: #888888; }
/* IE */
input:-ms-input-placeholder {
  color: #888888; }
/* Edge */
input::-ms-input-placeholder {
  color: #888888; }
input:focus,
textarea:focus {
  outline: none; }

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
  
@media (max-width: 767px) {
  html { overflow-y: scroll;
    font-size: 2.7027vw; }
  body {
    font-size: 1.4rem; }
}