/*===================== 初期化 =====================*/
/* 1.タグの初期化
-------------------------------------------*/
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 { vertical-align: top;border: none;}


/* 2.HTML＆BODY設定
-------------------------------------------*/
html { overflow-y: scroll; } /* for mozilla: always display scrollbar */

body {
   color: #000000;
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
  font-size: 16px;
  background: #ffffff;
  line-height: 1.0;
  *font-size: 100%;
  word-break: break-all;
   -webkit-text-size-adjust: 100%;
}
html.osMac body, body.osMac {
  font-family: Myriad, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo","メイリオ",  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;}
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=60);
}
ul,li{list-style: none;padding:0;}

/*clear fix
-------------------------------------------*/
.fix:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
.fix{
  display: inline-block;
}
/* Hides from IE Mac */
* 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;
}