@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%; }
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; font-feature-settings: "palt"; min-width:1100px; }

/* Fonts
------------------------------------------------------------*/
body, button, input, select, textarea {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:14px;
	line-height:1.5;
	letter-spacing: 0.12em;
	}

/* Form
------------------------------------------------------------*/
button, input, select, textarea { outline: none; box-sizing: border-box; }

/* 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 { text-decoration: none; transition: .3s;}
a:hover{ opacity: .6; }

/* inner
------------------------------------------------------------*/
.inner{ max-width:960px; margin:0 auto; position:relative; }

/* common
------------------------------------------------------------*/
.alignC{ text-align: center;}
.alignL{ text-align: left;}
.alignR{ text-align: right;}
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt50{ margin-top: 50px;}