/* =reset
----------------------------------*/
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,pre,form,
fieldset,legend,input,textarea,
p,blockquote,table,caption,
tbody,tfoot,thead,th,td,option{
margin:0;
padding:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img,
abbr,acronym{
border:0;
}
address,caption,cite,
code,dfn,th,var,
optgroup,em,b,i{
font-style:normal;
font-weight:normal;
}
strong{
font-style:normal;
font-weight:bold;
}
ol,ul{
list-style:none;
}
caption,th{
text-align:left;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
q:before,q:after{
content:'';
}
a,ins,del{
text-decoration: none;
}
img{
vertical-align: bottom;
}
object,embed,th,td{
vertical-align: middle;
}
input, textarea, select {
font-size: 1em;
}
/* =common
----------------------------------*/
body{
font-size: 12px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
* html body{
font-size: 75%;
}
*+html body{
font-size: 75%;
}
html{
overflow: scroll;
overflow: -moz-scrollbars-vertical;
overflow-x: scroll;
}
.fR{float: right;}
.fL{float: left;}
.cl{clear: both;}
/* =clearfix
----------------------------------*/
.clearfix:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}
.clearfix{
display:inline-block;
}
/* MacIE begin \*/
*+html .clearfix{
height:1%;
}
* html .clearfix{
height:1%;
}
.clearfix{
display: block;
}
/* Mac IE end */

/* 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;
}