@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;
}

ximg {
	width: 100%;
}

body {
    font-size: 18px;
    line-height: 1.4;
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #FFF;
}
@media screen and (max-width:800px){
	body {
		font-size: 16px;
	}
}

@media screen and (max-width:640px){
	body {
		font-size: 14px;
	}
}


.fontS1 { font-size: 16px; }
.fontL1 { font-size: 30px; }
.fontL2 { font-size: 40px; }
.fontL3 { font-size: 60px; }

@media screen and (max-width:800px){
	.fontS1 { font-size: 14px; }
	.fontL1 { font-size: 20px; }
	.fontL2 { font-size: 30px; }
	.fontL3 { font-size: 40px; }

 }
@media screen and (max-width:640px){
	.fontS1 { font-size: 12px; }
	.fontL1 { font-size: 16px; }
	.fontL2 { font-size: 20px; }	
	.fontL3 { font-size: 30px; }
}


	



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; }

.f08em { font-size: 0.8em; }
.f16em { font-size: 1.6em; }

.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; }
.mT5per { margin-top: 5%; }

.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; }
.mB40 { margin-bottom: 40px; }
.mB50 { margin-bottom: 50px; }
.mB60 { margin-bottom: 60px; }
.mB100 { margin-bottom: 100px; }


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

.msB10 { margin-bottom: 100px; }
.msT10 { margin-top:    100px; }
@media screen and (max-width:640px){
.msB10 { margin-bottom: 10%; }
.msT10 { margin-top:    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; }

/*css3
------------------------------------------------- */
 
.textShadow { text-shadow: 1px 1px 3px #000; }
.boxShadow { -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; }
.boxInShadow { -moz-box-shadow: inset 1px 1px 3px #000; -webkit-box-shadow: inset 1px 1px 3px #000; box-shadow: inset 1px 1px 3px #000; }


/*角丸*/
.rounded { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }


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

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


.uLine { text-decoration: underline; }



.txt01 {
  text-align: center;
  width: 95%;
  margin-right: auto;
  margin-left:  auto;
 }
@media screen and (max-width:800px){
    .txt01 {
    text-align: left;
    }
}


.text02 { text-align: left; }


/*トランジション {
    -webkit-transition: 1.5s;
    -moz-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s;
}
*/
 
/*透明 {
    filter: alpha(opacity=25);
    -moz-opacity:0.25;
    opacity:0.25;
}
*/
 
/*背景のみ透明 {
    background-color:rgba(255,255,255,0.2);
}
*/
 
/*グラデーション {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
    background-image: -moz-linear-gradient(top, #ffffff, #000000);
    background-image: -ms-linear-gradient(top, #ffffff, #000000);
    background-image: -o-linear-gradient(top, #ffffff, #000000);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
    background-image: -webkit-linear-gradient(top, #ffffff, #000000);
    background-image: linear-gradient(top, #ffffff, #000000);
}
*/
 
/*スマホ対応
@media screen and (max-width: 480px){
    
}
@media screen and (max-width: 320px){
    
}
*/