@charset "utf-8";
/* ==========================================================================
	HTML5
	========================================================================== */
article, aside, canvas, details, figcaption, figure, header, footer, hgroup, menu, nav, section, summary {
  display: block;
}
section, div, dl, dt, dd, ul, li, table, td, th, input {
  box-sizing: border-box;
}
/* ==========================================================================
	BASE
	========================================================================== */
* {
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
  font-size: 62.5%;
}
body {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  -webkit-text-size-adjust: 100%;
  word-break: break-all;
}
address {
  font-style: normal;
}
xli {
  padding-left: 1em; /*1em（1文字）分、右に動かす*/
  text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
}
img, a img {
  border: 0;
}
img {
  vertical-align: bottom;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
table th {
  text-align: left;
}
/*クローム　フォーカスしたときの青い線無くす*/
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, select {
  outline: none;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], input[type="email"] {
  -webkit-appearance: none;
  border-radius: 0;
}
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
/* ==========================================================================
	CMN
	========================================================================== */
/* TEXT
  -----------------------*/
.txt-center {
  text-align: center;
}
.txt-right {
  text-align: right;
}
.txt-min {
  font-size: 80%;
}
.txt-red {
  color: #C00
}
.txt-l {
  text-align: right;
}
.txt-r {
  text-align: right;
}
.txt-red {
  color: #d9151a;
}
.txt-blue {
  color: #156dd9;
}
.marker {
  background: linear-gradient(transparent 60%, #ffff66 60%);
}
/* LAYOUT
  -----------------------*/
.float-l {
  float: left;
}
.float-r {
  float: right;
}
.overf {
  overflow: hidden;
}
.clear {
  clear: both;
}
/* IMAGE
  -----------------------*/
.img-l {
  float: left;
  margin: 0 30px 10px 0;
}
.img-r {
  float: right;
  margin: 0 0 10px 30px;
}
.img-center {
  display: block;
  margin: 0 auto;
}
/* OTHERS
  -----------------------*/
.border-none {
  border: none !important;
}
/* MARGIN
  -----------------------*/
.mb0 {
  margin-bottom: 0px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
/* ==========================================================================
	SP - 640px
	========================================================================== */
@media screen and (max-width: 640px) {}