@charset "utf-8";

/*---------------------------

リセット
LastDate: 2017/11/23

--------------------------- */

html, body,
header, nav, section, article, aside, footer, address,
h1, h2, h3, h4, h5, h6,
div, p, blockquote,
dl, dt, dd, ol, ul, li,
table, caption, tbody, thead, tfoot, tr, th, td,
form, iframe, embed, object {
	margin: 0px;
	padding: 0px;
}

div {
  box-sizing: border-box;
}

ol, ul {
  list-style-type: none;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* 枠線と縦並べ時の隙間を消去 */
img {
	border: 0;
	vertical-align: top;
}

/* 引用符を非表示 */
blockquote, q {
    quotes: none;
}

/* html5要素のIE8以下対策 */
header, nav, section, article, aside, footer {
	display: block;
}



/*---------------------------

文字設定
LastDate: 2016/04/30

--------------------------- */

/* 基本設定 */
body {
	line-height: 1; /* 行の高さとフォントサイズを揃える */
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}

/* 明朝体指定用 */
.mincho {
  font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","HG明朝E","ＭＳ 明朝",serif;
}

/* 文字色指定用 */
.red { color: #ff3333; }
.pink { color: #ff4848; }
.green { color: #99cc33; }
.orange { color: #ff6600; }
.blue { color: #007fc2; }
.black { color: #000000; }
.gold { color: #e3bb72; }

/* フォントサイズ指定用 */
.fontn { font-weight: normal !important; }
.fontb { font-weight: bold !important; }
.font10 { font-size: 10px !important; }
.font12 { font-size: 12px !important; }
.font14 { font-size: 14px !important; }
.font16 { font-size: 16px !important; }
.font18 { font-size: 18px !important; }
.font20 { font-size: 20px !important; }
.font22 { font-size: 22px !important; }
.font24 { font-size: 24px !important; }

/*---------------------------

配置設定
LastDate: 2016/04/30

--------------------------- */

/* テキストの揃え */
.ta_c { text-align: center; }
.ta_l { text-align: left; }
.ta_r { text-align: right; }

/* 回り込み */
.float_r { float: right; }
.float_l { float: left; }
.center { margin-left: auto !important; margin-right: auto !important; }

/* 回り込み解除 */
.cl { clear: both; }
.cl_r { clear: right; }
.cl_l { clear:l eft; }

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix { display: inline-table; }

/* clearfixのIE-mac対策 */
* html .clearfix { height: 1%; }
.clearfix { display: block; }


/* 上の余白設定 */
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }

/* 下の余白設定 */
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }

/* 左の余白設定 */
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }

/* 右の余白設定 */
.mr05 { margin-right: 05px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }


/* 表示・非表示
--------------------------------------------*/
.pc_none {
  display: none;
}
.sp_none {
  display: block;
}
@media only screen and (max-width: 889px) {
  .pc_none {
    display: block;
  }
  .sp_none {
    display: none;
  }
  .sp_img {
    max-width: 100%;
    display: block;
    margin: 0px auto 10px auto;
  }

  .no_sp {
    display: none;
  }

}