@charset "utf-8";

/*--- reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, font dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
div, p, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, table, tr, th, td, article, aside, header, footer, section, nav, img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
html {
  overflow-y: scroll;
  font-size: 62.5%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; /* IEとChrome、デバイスの向きを変えた後の文字サイズ調整を防ぐ */
}
img {
  vertical-align: top !important;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
input, textarea {
 margin: 0;
 padding: 0;
}
ol, ul {
  display: list-item;
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th {
  text-align: left;
}
a {
	background-color: transparent; /* IE10アクティブリンクで背景グレーになるのを防ぐ */
}
a:focus {
  outline: none;
}

strong {
  font-weight: bold;
}

/*--- default */
body {
  font-family: YuGothic, 'Yu Gothic', 游ゴシック体, 游ゴシック, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;
  background: #FFF;
  color: #000000;
  font-size: 1.0rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
}



/*----------------------------------------------------
汎用クラス
----------------------------------------------------*/
/* width */
.w01 {width: 1em;}
.w02 {width: 2em;}
.w03 {width: 3em;}
.w04 {width: 4em;}
.w04min {min-width: 4em;}
.w045 {width: 4.5em;}
.w05 {width: 5em;}
.w06 {width: 6em;}
.w07 {width: 7em;}
.w08 {width: 8em;}
.w09 {width: 9em;}
.w10 {width: 10em;}
.w11 {width: 11em;}
.w12 {width: 12em;}
.w13 {width: 13em;}
.w14 {width: 14em;}
.w15 {width: 15em;}
.w16 {width: 16em;}
.w17 {width: 17em;}
.w18 {width: 18em;}
.w19 {width: 19em;}
.w20 {width: 20em;}
.w22 {width: 22em;}
.w23 {width: 23em;}
.w24 {width: 24em;}
.w29 {width: 29em;}
.w30 {width: 30em;}
.w31 {width: 31em;}
.w15p {width: 15%;}
.w20p {width: 20%;}
.w25p {width: 25%;}
.w30p {width: 30%;}
.w35p {width: 35%;}
.w40p {width: 40%;}
.w45p {width: 45%;}
.w49p {width: 49%;}
.w50p {width: 50%;}
.w55p {width: 55%;}
.w60p {width: 60%;}
.w65p {width: 65%;}
.w70p {width: 70%;}
.w75p {width: 75%;}
.w80p {width: 80%;}
.w85p {width: 85%;}
.w90p {width: 90%;}
.w95p {width: 95%;}
.w100p {width: 100%;}

/*マージン*/
.m0 {margin: 0px;}

.mb0 {margin-bottom:0px;}
.mb05 {margin-bottom:0.5em;}
.mb1 {margin-bottom:1em;}
.mb2 {margin-bottom:2em;}
.mb3 {margin-bottom:3em;}
.mb4 {margin-bottom:4em;}
.mb5 {margin-bottom:5em;}
.mb6 {margin-bottom:6em;}
.mb7 {margin-bottom:7em;}
.mb8 {margin-bottom:8em;}
.mb9 {margin-bottom:9em;}
.mb10 {margin-bottom:10em;}
.mb10px {margin-bottom:10px;}
.mb15px {margin-bottom:15px;}
.mb20px {margin-bottom:20px;}
.mb30px {margin-bottom:30px;}
.mb50px {margin-bottom:50px;}
.mb75px {margin-bottom:75px;}
.mb100px {margin-bottom:100px;}


.mt0 {margin-bottom:0px;}
.mt05 {margin-top:0.5em;}
.mt1 {margin-top:1em;}
.mt2 {margin-top:2em;}
.mt3 {margin-top:3em;}
.mt4 {margin-top:4em;}
.mt5 {margin-top:5em;}
.mt6 {margin-top:6em;}
.mt7 {margin-top:7em;}
.mt8 {margin-top:8em;}
.mt9 {margin-top:9em;}
.mt10 {margin-top:10em;}
.mt10px {margin-top:10px;}
.mt15px {margin-top:15px;}

.mlauto {margin-left: auto;}
.ml0 {margin-bottom:0px;}
.ml1 {margin-left:1em;}
.ml2 {margin-left:2em;}
.ml3 {margin-left:3em;}
.ml4 {margin-left:4em;}
.ml5 {margin-left:5em;}
.ml6 {margin-left:6em;}
.ml7 {margin-left:7em;}
.ml8 {margin-left:8em;}
.ml9 {margin-left:9em;}
.ml10 {margin-left:10em;}
.ml3p {margin-left:3%;}
.ml5px {margin-left:5px;}
.ml10px {margin-left:10px;}

.mrauto {margin-right: auto;}
.mr0 {margin-right:0px;}
.mr1 {margin-right:1em;}
.mr2 {margin-right:2em;}
.mr3 {margin-right:3em;}
.mr4 {margin-right:4em;}
.mr5 {margin-right:5em;}
.mr6 {margin-right:6em;}
.mr7 {margin-right:7em;}
.mr8 {margin-right:8em;}
.mr9 {margin-right:9em;}
.mr10 {margin-right:10em;}
.mr3p {margin-right:3%;}
.mr5px {margin-right:5px;}
.mr10px {margin-right:10px;}

/*パディング*/
.p0 {padding: 0px;}
.p5px {padding: 5px;}
.p10px {padding: 10px;}

.pb0 {padding-bottom:0px;}
.pb05 {padding-bottom:0.5em;}
.pb1 {padding-bottom:1em;}
.pb2 {padding-bottom:2em;}
.pb3 {padding-bottom:3em;}
.pb4 {padding-bottom:4em;}
.pb5 {padding-bottom:5em;}
.pb6 {padding-bottom:6em;}
.pb7 {padding-bottom:7em;}
.pb8 {padding-bottom:8em;}
.pb9 {padding-bottom:9em;}
.pb10 {padding-bottom:10em;}
.pb5px {padding-bottom:5px;}
.pb10px {padding-bottom:10px;}
.pb15px {padding-bottom:15px;}
.pb30px {padding-bottom:30px;}

.pt0 {padding-top:0px;}
.pt05 {padding-top:0.5em;}
.pt1 {padding-top:1em;}
.pt2 {padding-top:2em;}
.pt3 {padding-top:3em;}
.pt4 {padding-top:4em;}
.pt5 {padding-top:5em;}
.pt6 {padding-top:6em;}
.pt7 {padding-top:7em;}
.pt8 {padding-top:8em;}
.pt9 {padding-top:9em;}
.pt10 {padding-top:10em;}
.pt5px {padding-top:5px;}
.pt10px {padding-top:10px;}

.pl0 {padding-left:0px;}
.pl1 {padding-left:1em;}
.pl2 {padding-left:2em;}
.pl3 {padding-left:3em;}
.pl4 {padding-left:4em;}
.pl045 {padding-left:4.5em;}
.pl5 {padding-left:5em;}
.pl6 {padding-left:6em;}
.pl7 {padding-left:7em;}
.pl8 {padding-left:8em;}
.pl9 {padding-left:9em;}
.pl10 {padding-left:10em;}
.pl10px {padding-left:10px;}
.pl11 {padding-left:11em;}
.pl12 {padding-left:12em;}
.pl12px {padding-left:12px;}
.pl13 {padding-left:13em;}
.pl13px {padding-left:13px;}
.pl14 {padding-left:14em;}
.pl15 {padding-left:15em;}
.pl16 {padding-left:16em;}
.pl17 {padding-left:17em;}
.pl18 {padding-left:18em;}
.pl19 {padding-left:19em;}
.pl20 {padding-left:20em;}
.pl22 {padding-left:22em;}
.pl23 {padding-left:23em;}
.pl24 {padding-left:24em;}
.pl29 {padding-left:29em;}
.pl30 {padding-left:30em;}
.pl31 {padding-left:31em;}

.pr0 {padding-right:0px;}
.pr1 {padding-right:1em;}
.pr2 {padding-right:2em;}
.pr3 {padding-right:3em;}
.pr4 {padding-right:4em;}
.pr5 {padding-right:5em;}
.pr6 {padding-right:6em;}
.pr7 {padding-right:7em;}
.pr8 {padding-right:8em;}
.pr9 {padding-right:9em;}
.pr10 {padding-right:10em;}
.pr11 {padding-right:11em;}
.pr12 {padding-right:12em;}
.pr13 {padding-right:13em;}
.pr14 {padding-right:14em;}
.pr15 {padding-right:15em;}
.pr5px {padding-right:5px;}
.pr10px {padding-right:10px;}
.pr12px {padding-right:12px;}
.pr13px {padding-right:13px;}


/*フォントサイズ*/
.fsb115 {font-size:1.15em;}
.fsb13 {font-size:1.3em;}
.fsb15 {font-size:1.5em;}
.fss1 {font-size:0.85em;}
.fsp75 {font-size:75%;}
.fsp80 {font-size:80%;}
.fsp85 {font-size:85%;}
.fsp90 {font-size:90%;}
.fsp95 {font-size:95%;}
.fsp110 {font-size:110%;}
.fsp115 {font-size:115%;}
.fsp120 {font-size:120%;}
.fsp130 {font-size:130%;}
.fsp150 {font-size:150%;}
.fsp180 {font-size:180%;}


/*行間*/
.lh13 {line-height:1.3;}
.lh15 {line-height:1.5;}
.lh16 {line-height:1.6;}
.lh18 {line-height:1.8;}
.lh2 {line-height:2;}


/*先頭字下げ*/
.indent {text-indent:1em;}
.indent2 {text-indent:2em;}
.indent3 {text-indent:3em;}

/*マーカー付インデント*/
.maker {padding-left:1em;	text-indent:-1em;}
.maker2 {padding-left:2em;	text-indent:-2em;}
.maker3 {padding-left:3em;	text-indent:-3em;}
.maker4 {padding-left:4em;	text-indent:-4em;}


/*inline 位置*/
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}

/*画像縦：中央*/
.img_middle {vertical-align:middle;}
/*半角文字強制改行 ieのみ*/
.justify {word-break:break-all;}

/* 非表示 */
.nondisp {display: none;}

/* ブロック（疑似改行） */
span.new-line {display: block;}

/* 2 or 3float */
.col2 {float: left; width: 44%; margin-left:4%;}
.col3 {float: left; width: 32%; margin-left: 1%;}

/* float */
.float_left {float:left;}
.float_right {float:right;}

.flex-box-half {display: flex; justify-content: space-between;}
.flex-box-half > div {
	flex-basis: 48%;
}

/* clear */
.clb {clear: both;}
.cll {clear: left;}

/* overflow */
.over_flow {overflow: hidden;}


/* フォントスタイル */
.fstylen {font-weight: normal;}
.fstyleb {font-weight: bold;}
.fstylered {color: #FF0000;}
.fstyleblue {color: #0000FF;}
.fstylebrown {color: #663300;}
.fstylewhite {color: #FFFFFF;}
.fstylegreen {color: #009933;}
.fstyleorange {color: #FF8000;}
.fstylepink {color: #EA6172; }
/* バックグラウンド */
.bgcolorpink {background:#FF3366;}
.bgcolororange {background:#FFEBC1;}

/* ボーダー（solid） */
.bo_solid {	border: 1px solid #BBB; }
.bo_solid_top {	border-top: 1px solid #BBB; }
.bo_solid_right { border-right: 1px solid #BBB; }
.bo_solid_bottom { border-bottom: 1px solid #BBB; }
.bo_solid_left { border-left: 1px solid #BBB; }
/* ボーダー（dashed） */
.bo_dashed { border: 1px dashed #BBB; }
.bo_dashed_top { border-top: 1px dashed #BBB; }
.bo_dashed_right { border-right: 1px dashed #BBB; }
.bo_dashed_bottom { border-bottom: 1px dashed #BBB; }
.bo_dashed_left { border-left: 1px dashed #BBB; }

/* border-radius */
.border-radius3 {
	border-radius:3px;
}
.border-radius5 {
	border-radius:5px;
}
.border-radius10 {
	border-radius:10px;
}


/* bg color */
.bg-color-a {
	background: #aaa;
}
.bg-color-e {
	background: #EEE;
}

/* emスタイル */
.under-line {
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
.under-line2 {
	background: linear-gradient(transparent 60%, #FF7A4D 60%, #fff 85%, #FF7A4D 100%);
}
.under-line0 {
	text-decoration: underline;
}


/*-------------------------------------------*/
/*  640px以下から 1カラム表示用
/*-------------------------------------------*/
@media only screen and (max-width: 639px){

 /* width */
 .w01, .w02, .w03, .w04, .w04min, .w045, .w05, .w06, .w07, .w08, .w09, .w10,
 .w11, .w12, .w13, .w14, .w15, .w16, .w17, .w18, .w19, .w20,
 .w21, .w22, .w23, .w24, .w29, .w30, .w31,
 .w15p, .w20p, .w25p, .w30p, .w35p, .w40p, .w45p, .w49p, .w50p,
 .w55p, .w60p, .w65p, .w70p, .w75p, .w80p, .w85p, .w90p, .w95p { width: auto; }

 /*マージン*/
 .ml3p, .ml5px, .ml10px {margin-left:0;}
 .mr3p, .mr5px, .mr10px {margin-right:0;}
 
 .pl1, .pl2, .pl3, .pl4, .pl045, .pl5, .pl6, .pl7, .pl8, .pl9, .pl10,
 .pl11, .pl12, .pl13, .pl14, .pl15, .pl16, .pl17, .pl18, .pl19, .pl20,
 .pl22, .pl23, .pl24, .pl29, .pl30, .pl31 {padding-left: 0;}

 .pr1, .pr2, .pr3, .pr4, .pr5, .pr6, .pr7, .pr8, .pr9, .pr10,
 .pr11, .pr12, .pr13, .pr14, .pr15 {padding-right: 0;}


  /* ブロック（疑似改行） */
  span.new-line {
    display: inline;
  }

 /* 2 or 3floatなど */
 .col2,
 .col3 {float: none; width: auto;}

 /* float */
 .float_left,
 .float_right {float: none;}

 .flex-box-half {justify-content: flex-start; flex-wrap: wrap;}
 .flex-box-half > div {
	 flex-basis: 100%;
 }
	.flex-box-half > div:first-child {
		margin-bottom: 30px;
	}

}