@charset "utf-8";


/* --------------------------------------------------
reset
-------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark {
	margin : 0;
	padding : 0;
	border : 0;
	outline : 0;
	font-size : 100%;
	vertical-align : baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display : block;
}

body {
	line-height : 1;
}
table {
	border-collapse : collapse;
	border-spacing : 0;
}

img {
	font-size:0;
　　line-height: 0;
	border : none;
	vertical-align: top;
}

ul, ol {
	list-style: none;
}

h1, h2, h3, h4 {
	font-weight: normal;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

a {
   text-decoration : none;
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
   color: #222;
}
a {
	outline:none;
}


/*-------------------------------------------------
  layout base 
-------------------------------------------------*/
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
}


/* 選択した文字、背景変化
----------------------------*/
::selection {
	color: #efefef;
	background: #ccc;
}


/*----- 改行設定 -----*/
@media only screen and (min-width: 960px) {
.show_sp {
    display: none;
  }
}
@media only screen and (max-width: 960px) {
.show_sp {
    display: none;
  }
}
@media only screen and (max-width: 680px) {
.show_sp {
    display: block;
  }
}

@media only screen and (min-width: 960px) {
.show_tbsp {
    display: block;
  }
}
@media only screen and (max-width: 960px) {
.show_tbsp {
    display: none;
  }
}
@media only screen and (max-width: 680px) {
.show_tbsp {
    display: none;
  }
}


@media only screen and (min-width: 1001px) {
.show_tb {
    display: block;
  }
}
@media only screen and (max-width: 1000px) {
.show_tb {
    display: none;
  }
}
@media only screen and (max-width: 680px) {
.show_tb {
    display: block;
  }
}

@media only screen and (min-width: 960px) {
.hide_sp {
    display: block;
  }
}
@media only screen and (max-width: 960px) {
.hide_sp {
    display: block;
  }
}
@media only screen and (max-width: 680px) {
.hide_sp {
    display: none;
  }
}

@media only screen and (min-width: 960px) {
.hide_pc {
    display: none;
  }
}
@media only screen and (max-width: 960px) {
.hide_pc {
    display: block;
  }
}
@media only screen and (max-width: 680px) {
.hide_pc {
    display: block;
  }
}


@media only screen and (min-width: 1340px) {
.hide_1340 {
    display: none;
  }
}
@media only screen and (max-width: 960px) {
.hide_1340 {
    display: block;
  }
}
@media only screen and (max-width: 680px) {
.hide_1340 {
    display: block;
  }
}


@media only screen and (min-width: 960px) {
.hide_pcsp {
    display: none;
  }
}
@media only screen and (max-width: 960px) {
.hide_pcsp {
    display: block;
  }
}
@media only screen and (max-width: 680px) {
.hide_pcsp {
    display: none;
  }
}