@charset "UTF-8";

/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0;padding: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 100%;font-weight: normal; }
address,em { font-style: normal; }
table { border-collapse: collapse;border-spacing: 0; }
th { font-weight:normal;text-align: left; }
legend { display: none; }
img,fieldset { border: 0; }
li { list-style-type: none; }

/* HTML5
------------------------------------------------------------*/
article, aside, dialog, figure, footer, header,hgroup, nav, section { display: block;margin: 0;padding: 0; }

/* scrollbug for FF
------------------------------------------------------------*/
html { overflow-y: scroll; }

/* Fonts
------------------------------------------------------------*/
body, button, input, select, textarea { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }

/* Form
------------------------------------------------------------*/
button, input, select, textarea { outline: none;-webkit-appearance: none;appearance: none; }

/* Media
------------------------------------------------------------*/
object,embed { vertical-align: top; }
img { max-width: 100%;vertical-align: bottom;font-size: 0;line-height: 0;-webkit-backface-visibility: hidden; }

/* clearfix
------------------------------------------------------------*/
.cf::after { content: "";display: block;clear: both; }

/* float
------------------------------------------------------------*/
.fl { float: left; }
.fr { float: right; }

/* link
------------------------------------------------------------*/
a { color: #b50913;text-decoration: underline; }
a:hover{ text-decoration: none; }
a > img { transition: opacity .3s ease-out; }
a > img:hover { opacity: .6; }