@charset "utf-8";
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, 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 {
    margin: 0;
    padding: 0;
    border: 0;
    font-style:normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
}
 
img,object {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	vertical-align:bottom;
}


body {
    font-size: 18px;
    line-height: 1.4;
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333333;
}


article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
 
html{
    overflow-y: scroll;
}

b {
	font-weight: bold;
	} 


blockquote, q {
    quotes: none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
input, textarea,{
    margin: 0;
    padding: 0;
}
 
ol, ul{
    list-style:none;
}
 
table{
    border-collapse: collapse;
    border-spacing:0;
}
 
caption, th{
    text-align: left;
}
 
a:focus {
    outline:none;
}

a:hover {
	text-decoration: none;
	}




/* clear
------------------------------------------------- */

 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix {
    min-height: 1px;
}
 
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}

.both{
    clear:both;
}

.boxWrap {
  zoom: 1;
  overflow: hidden;
  }



/* ImgHover
------------------------------------------------- */

.imgHover:hover {
  opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  }



/* BOX
------------------------------------------------- */
.inline { display: inline; }
.block { display: block; }
.inline-block { display: inline-block; }

.leftBox { float: left; }
.centerBox { margin-left: auto; margin-right: auto; }
.rightBox { float: right; }

/* TEXT
------------------------------------------------- */
.leftText { text-align: left }
.rightText { text-align: right }
.centerText { text-align: center }

/* FORM
------------------------------------------------- */
.input4 { width: 4em; }
.input8 { width: 8em; }
.input10 { width: 10em; }
.input15 { width: 15em; }
.input20 { width: 20em; }
.input25 { width: 25em; }
.input30 { width: 30em; }

/* FONT
------------------------------------------------- */
.f10px { font-size: 10px; }
.f12px { font-size: 12px; }
.f13px { font-size: 13px; }
.f14px { font-size: 14px; }
.f16px { font-size: 16px; }
.f18px { font-size: 18px; }
.f20px { font-size: 20px; }

.bold { font-weight: bold; }
.normal { font-weight: normal; }

/* WIDTH
------------------------------------------------- */

.wauto { width: auto; }
.w100per { width: 100%; }
.w50per { width: 50%; }
.w25per { width: 25%; }

.w40per { width: 40%; }
.w57per { width: 57%; }

/* MARGIN
------------------------------------------------- */
.mT5 { margin-top: 5px; }
.mT10 { margin-top: 10px; }
.mT20 { margin-top: 20px; }
.mT30 { margin-top: 30px; }
.mT100 { margin-top: 100px; }

.mL5 { margin-left: 5px; }
.mL10 { margin-left: 10px; }
.mL20 { margin-left: 20px; }

.mR5 { margin-right: 5px; }
.mR10 { margin-right: 10px; }
.mR25 { margin-right: 20px; }

.mB5 { margin-bottom: 5px; }
.mB10 { margin-bottom: 10px; }
.mB20 { margin-bottom: 20px; }
.mB30 { margin-bottom: 30px; }
.mB50 { margin-bottom: 50px; }

.mB1per { margin-bottom: 1%; }
.mB2per { margin-bottom: 2%; }
.mB3per { margin-bottom: 3%; }
.mB5per { margin-bottom: 5%; }
.mB10per { margin-bottom: 10%; }


.lh100 { line-height: 100%; }

/* PADDING
------------------------------------------------- */

.p10 { padding: 10px; }
.pT10 { padding-top: 10px; }
.pR10 { padding-right: 10px; }
.pL10 { padding-left: 10px; }
.pB10 { padding-bottom: 10px; }

.pT10 { padding-top: 20px; }

.p5per { padding: 5%;}


.cFF0000 { color: #FF0000; }
.c83CD05 { color: #83CD05; }
.c0000FF { color: #0000FF; }

.cEE4F67 { color: #EE4F67; } /*--pink--*/

.cB11616 { color: #B11616; }

/*背景の比率を保持したままレスポンシブ*/

.bgWrap {
  width: 100%;
  position: relative;
  }
  .bgWrap:before {
    content:"";
    display: block;
    }
  .bgCont {
    position: absolute;
    top: 0; left: 0; booom: 0; right: 0;
    }