@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, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

body, select, textarea, th, td, li, a, input {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴシック Pro W3", "Hiragino maru Gothic Pro", メイリオ, meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, sans-serif;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

a, img {
  border: none;
  vertical-align: top;
}

body {
  line-height: 1.2;
}

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

li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
  margin: 0;
  padding: 0;
}

input, select, textarea {
  font-size: 105%;
}

ul, ol, li {
  list-style-position: outside;
  vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 12px;
  font-weight: normal;
}

/* clearfix */
.cfix {
  display: block;
  min-height: 1%;
}

.cfix:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}

/* PC */
@media print, screen and (min-width: 768px) {
  .pc__none {
    display: none !important;
  }
}
/* SP */
@media only screen and (max-width: 767px) {
  .sp__none {
    display: none !important;
  }
}


/************************************************************
 * anchor-link
 ************************************************************/
a:link {
  color: #008ae5;
  text-decoration: none;
}

a:visited {
  color: #008ae5;
  text-decoration: none;
}

a:hover {
  color: #008ae5;
  text-decoration: underline;
}

a:active {
  color: #008ae5;
  text-decoration: none;
}

/************************************************************
 * MARGIN PADDING
 ************************************************************/
.mTN45 { margin-top: -45px !important;}
.mTN15 { margin-top: -15px !important;}
.mT0  { margin-top: 0 !important; }
.mT1  { margin-top: 1px !important; }
.mT2  { margin-top: 2px !important; }
.mT3  { margin-top: 3px !important; }
.mT4  { margin-top: 4px !important; }
.mT5  { margin-top: 5px !important; }
.mT6  { margin-top: 6px !important; }
.mT7  { margin-top: 7px !important; }
.mT8  { margin-top: 8px !important; }
.mT9  { margin-top: 9px !important; }
.mT10 { margin-top: 10px !important; }
.mT11 { margin-top: 11px !important; }
.mT12 { margin-top: 12px !important; }
.mT13 { margin-top: 13px !important; }
.mT14 { margin-top: 14px !important; }
.mT15 { margin-top: 15px !important; }
.mT16 { margin-top: 16px !important; }
.mT17 { margin-top: 17px !important; }
.mT18 { margin-top: 18px !important; }
.mT19 { margin-top: 19px !important; }
.mT20 { margin-top: 20px !important; }
.mT25 { margin-top: 25px !important; }
.mT30 { margin-top: 30px !important; }
.mT35 { margin-top: 35px !important; }
.mT36 { margin-top: 36px !important; }
.mT37 { margin-top: 37px !important; }
.mT38 { margin-top: 38px !important; }
.mT39 { margin-top: 39px !important; }
.mT40 { margin-top: 40px !important; }
.mT41 { margin-top: 41px !important; }
.mT50   { margin-top: 50px !important; }

.mR0  { margin-right: 0 !important;}
.mR1  { margin-right: 1px !important;}
.mR5  { margin-right: 5px !important;}
.mR9  { margin-right: 9px !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;}
.mR35 { margin-right: 35px !important;}
.mR40 { margin-right: 40px !important;}
.mR85   { margin-right: 85px !important;}
.mR170 { margin-right:170px !important;}

.mL0  { margin-left: 0 !important;}
.mL1  { margin-left: 1px !important;}
.mL2  { margin-left: 2px !important;}
.mL3  { margin-left: 3px !important;}
.mL4  { margin-left: 4px !important;}
.mL5  { 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;}
.mL35 { margin-left: 35px !important;}
.mL85   { margin-left: 85px !important;}
.mL90 { margin-left: 90px !important;}

.mBN15 { margin-bottom: -15px !important;}
.mBN5 { margin-bottom: -5px !important;}
.mBN6 { margin-bottom: -6px !important;}
.mB0  { margin-bottom: 0 !important;}
.mB1  { margin-bottom: 1px !important;}
.mB2  { margin-bottom: 2px !important;}
.mB3  { margin-bottom: 3px !important;}
.mB4  { margin-bottom: 4px !important;}
.mB5  { 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;}
.mB35 { margin-bottom: 35px !important;}
.mB40 { margin-bottom: 40px !important;}

.mLA { margin-left: auto; }
.mHA  { margin-left: auto; margin-right: auto; }


/* PADDING */
.pT0  { padding-top: 0 !important;}
.pT1  { padding-top: 1px !important;}
.pT2  { padding-top: 2px !important;}
.pT3  { padding-top: 3px !important;}
.pT4  { padding-top: 4px !important;}
.pT5  { padding-top: 5px !important;}
.pT6  { padding-top: 6px !important;}
.pT7  { padding-top: 7px !important;}
.pT8  { padding-top: 8px !important;}
.pT9  { padding-top: 9px !important;}
.pT10 { padding-top: 10px !important;}
.pT15 { padding-top: 15px !important;}
.pT20 { padding-top: 20px !important;}
.pT25 { padding-top: 25px !important;}
.pT30 { padding-top: 30px !important;}

.pR0  { padding-right: 0 !important;}
.pR1  { padding-right: 1px !important;}
.pR2  { padding-right: 2px !important;}
.pR3  { padding-right: 3px !important;}
.pR4  { padding-right: 4px !important;}
.pR5  { padding-right: 5px !important;}
.pR10 { padding-right: 10px !important;}
.pR15 { padding-right: 15px !important;}
.pR20 { padding-right: 20px !important;}
.pR25 { padding-right: 25px !important;}
.pR30 { padding-right: 30px !important;}
.pR85   { padding-right: 85px !important;}
.pR90   { padding-right: 90px !important;}
.pR100  { padding-right: 100px !important;}

.pB0  { padding-bottom: 0 !important;}
.pB1  { padding-bottom: 1px !important;}
.pB2  { padding-bottom: 2px !important;}
.pB3  { padding-bottom: 3px !important;}
.pB4  { padding-bottom: 4px !important;}
.pB5  { padding-bottom: 5px !important;}
.pB10 { padding-bottom: 10px !important;}
.pB15 { padding-bottom: 15px !important;}
.pB20 { padding-bottom: 20px !important;}
.pB25 { padding-bottom: 25px !important;}
.pB30 { padding-bottom: 30px !important;}
.pB35 { padding-bottom: 35px !important;}
.pB40 { padding-bottom: 40px !important;}

.pL0  { padding-left: 0 !important;}
.pL1  { padding-left: 1px !important;}
.pL2  { padding-left: 2px !important;}
.pL3  { padding-left: 3px !important;}
.pL4  { padding-left: 4px !important;}
.pL5  { padding-left: 5px !important;}
.pL10 { padding-left: 10px !important;}
.pL15 { padding-left: 15px !important;}
.pL20 { padding-left: 20px !important;}
.pL22 { padding-left: 22px !important;}
.pL25 { padding-left: 25px !important;}
.pL30 { padding-left: 30px !important;}
.pL85   { padding-left: 85px !important;}
.pL90   { padding-left: 90px !important;}
.pL100  { padding-left: 100px !important;}
.pL369 { padding-left: 369px !important;}

.pV0    { padding-top: 0px; padding-bottom: 0px !important;}
.pV5  { padding-top: 5px; padding-bottom: 5px !important;}
.pV10 { padding-top: 10px; padding-bottom: 10px !important;}
.pV15 { padding-top: 15px; padding-bottom: 15px !important;}
.pV20 { padding-top: 20px; padding-bottom: 20px !important;}

.pH5  { padding-left: 5px; padding-right: 5px !important;}
.pH10 { padding-left: 10px; padding-right: 10px !important;}
.pH15 { padding-left: 15px; padding-right: 15px !important;}
.pH20 { padding-left: 20px; padding-right: 20px !important;}
.pH50   { padding-left: 50px; padding-right: 50px !important;}

.p0   { padding: 0px !important;}
.p2   { padding: 2px !important;}
.p3   { padding: 3px !important;}
.p5   { padding: 5px !important;}
.p8   { padding: 8px !important;}
.p10  { padding: 10px !important;}
.p15  { padding: 15px !important;}
.p20  { padding: 20px !important;}
.p30  { padding: 30px !important;}

.pClear { padding: 0 !important;}

.b0 { border: 0px !important; }

/* FONT */
.fS011  { font-size: 11px !important;}
.fS011-lh2  { font-size: 11px; line-height:2;}
.fS012  { font-size: 12px !important;}
.fS014  { font-size: 14px !important;}
.fS016  { font-size: 16px !important;}
.tXt-p  { color: #F172AC !important;}
.tXt-gry  { color: #888888 !important; }
.tAr  { text-align: center !important; }
.fB { font-weight: bold !important; }
.fN { font-weight: normal !important; }
.tR  {text-align: right !important; }
.tL  { text-align: left !important; }

/* WIDTH */
.w2p { width: 2% !important; }
.w3p { width: 3% !important; }
.w5p { width: 5% !important; }
.w8p { width: 8% !important; }
.w10p { width: 10% !important; }
.w12p { width: 12% !important; }
.w13p { width: 13% !important; }
.w15p { width: 15% !important; }
.w18p { width: 18% !important; }
.w20p { width: 20% !important; }
.w24p { width: 24% !important; }
.w25p { width: 25% !important; }
.w30p { width: 30% !important; }
.w35p { width: 35% !important; }
.w40p { width: 40% !important; }
.w43p { width: 43% !important; }
.w45p { width: 45% !important; }
.w50p { width: 50% !important; }
.w55p { width: 55% !important; }
.w60p { width: 60% !important; }
.w70p { width: 70% !important; }
.w75p { width: 75% !important; }
.w80p { width: 80% !important; }
.w90p { width: 90% !important; }
.w95p { width: 95% !important; }
.w100p { width: 100% !important; }

/* FLOAT */
.flL {float:left !important;}
.flR {float:right !important;}