@charset "utf-8";

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

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

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

html{
    overflow-y: scroll;
}

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{color:#111;text-decoration:none;}
a:hover{color:#333;}
a:active, a:focus{outline:0;}

a:focus {
	outline:none;
}

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

/* font ----------------------- */
.fz10{ font-size:83.3% !important;} .fz11{ font-size:91.7% !important;} .fz13{ font-size:108.3% !important;} .fz14{ font-size:116.7% !important;}
.fz15{ font-size:125% !important;} .fz16{ font-size:133.3% !important;} .fw-n{ font-weight:normal !important;} .fw-b{ font-weight:bold !important;}


/* margin ----------------------- */
.mt02 { margin-top: 2px !important; } .mr02 { margin-right: 2px !important; } .mb02 { margin-bottom: 2px !important; } .ml02 { margin-left: 2px !important; }
.mt05 { margin-top: 5px !important; } .mr05 { margin-right: 5px !important; } .mb05 { margin-bottom: 5px !important; } .ml05 { margin-left: 5px !important; }
.mt10 { margin-top: 10px !important; } .mr10 { margin-right: 10px !important; } .mb10 { margin-bottom: 10px !important; } .ml10 { margin-left: 10px !important; }
.mt15 { margin-top: 15px !important; } .mr15 { margin-right: 15px !important; } .mb15 { margin-bottom: 15px !important; } .ml15 { margin-left: 15px !important; }
.mt20 { margin-top: 20px !important; } .mr20 { margin-right: 20px !important; } .mb20 { margin-bottom: 20px !important; } .ml20 { margin-left: 20px !important; }
.mt25 { margin-top: 25px !important; } .mr25 { margin-right: 25px !important; } .mb25 { margin-bottom: 25px !important; } .ml25 { margin-left: 25px !important; }
.mt30 { margin-top: 30px !important; } .mr30 { margin-right: 30px !important; } .mb30 { margin-bottom: 30px !important; } .ml30 { margin-left: 30px !important; }
.mt35 { margin-top: 35px !important; } .mr35 { margin-right: 35px !important; } .mb35 { margin-bottom: 35px !important; } .ml35 { margin-left: 35px !important; }
.mt40 { margin-top: 40px !important; } .mr40 { margin-right: 40px !important; } .mb40 { margin-bottom: 40px !important; } .ml40 { margin-left: 40px !important; }
.mt45 { margin-top: 45px !important; } .mr45 { margin-right: 45px !important; } .mb45 { margin-bottom: 45px !important; } .ml45 { margin-left: 45px !important; }
.mt50 { margin-top: 50px !important; } .mr50 { margin-right: 50px !important; } .mb50 { margin-bottom: 50px !important; } .ml50 { margin-left: 50px !important; }
.mt55 { margin-top: 55px !important; } .mr55 { margin-right: 55px !important; } .mb55 { margin-bottom: 55px !important; } .ml55 { margin-left: 55px !important; }
.mt60 { margin-top: 60px !important; } .mr60 { margin-right: 60px !important; } .mb60 { margin-bottom: 60px !important; } .ml60 { margin-left: 60px !important; }
.mt65 { margin-top: 65px !important; } .mr65 { margin-right: 65px !important; } .mb65 { margin-bottom: 65px !important; } .ml65 { margin-left: 65px !important; }
.mt70 { margin-top: 70px !important; } .mr70 { margin-right: 70px !important; } .mb70 { margin-bottom: 70px !important; } .ml70 { margin-left: 70px !important; }
.mt80 { margin-top: 80px !important; } .mr80 { margin-right: 80px !important; } .mb80 { margin-bottom: 80px !important; } .ml80 { margin-left: 80px !important; }
.mt90 { margin-top: 90px !important; } .mr90 { margin-right: 90px !important; } .mb90 { margin-bottom: 90px !important; } .ml90 { margin-left: 90px !important; }
.mt100 { margin-top: 100px !important; } .mr100 { margin-right: 100px !important; } .mb100 { margin-bottom: 100px !important; } .ml100 { margin-left: 100px !important; }


/* padding ----------------------- */
.pt0{ padding-top:0 !important;}	.pr0{ padding-right:0 !important;}	.pb0{ padding-bottom:0 !important;}	.pl0{ padding-left:0 !important;}
.pt5{ padding-top:5px !important;}	.pr5{ padding-right:5px !important;}	.pb5{ padding-bottom:5px !important;}	.pl5{ padding-left:5px !important;}
.pt10{ padding-top:10px !important;}	.pr10{ padding-right:10px !important;}	.pb10{ padding-bottom:10px !important;}	.pl10{ padding-left:10px !important;}
.pt15{ padding-top:15px !important;}	.pr15{ padding-right:15px !important;}	.pb15{ padding-bottom:15px !important;}	.pl15{ padding-left:15px !important;}
.pt20{ padding-top:20px !important;}	.pr20{ padding-right:20px !important;}	.pb20{ padding-bottom:20px !important;}	.pl20{ padding-left:20px !important;}
.pt25{ padding-top:25px !important;}	.pr25{ padding-right:25px !important;}	.pb25{ padding-bottom:25px !important;}	.pl25{ padding-left:25px !important;}
.pt30{ padding-top:30px !important;}	.pr30{ padding-right:30px !important;}	.pb30{ padding-bottom:30px !important;}	.pl30{ padding-left:30px !important;}
.pt35{ padding-top:35px !important;}	.pr35{ padding-right:35px !important;}	.pb35{ padding-bottom:35px !important;}	.pl35{ padding-left:35px !important;}
.pt40{ padding-top:40px !important;}	.pr40{ padding-right:40px !important;}	.pb40{ padding-bottom:40px !important;}	.pl40{ padding-left:40px !important;}
.pt45{ padding-top:45px !important;}	.pr45{ padding-right:45px !important;}	.pb45{ padding-bottom:45px !important;}	.pl45{ padding-left:45px !important;}
.pt50{ padding-top:50px !important;}	.pr50{ padding-right:50px !important;}	.pb50{ padding-bottom:50px !important;}	.pl50{ padding-left:50px !important;}


/* float ----------------------- */
.fl-r{ float:right !important;}
.fl-l{ float:left !important;}
.fl-n{ float:none !important;}

/* background ----------------------- */
.bg-n{ background:none !important;}

/* display ----------------------- */
.d-n{ display:none !important;}
.d-b{ display:block !important;}
.d-ib{display:inline-block !important;}
.d-i{ display:inline !important;}

/* text-align ----------------------- */
.ta-r{ text-align:right !important;}
.ta-l{ text-align:left !important;}
.ta-c{ text-align:center !important;}




/*テキストシャドウ {
	text-shadow: 1px 1px 3px #000;
}
*/

/*ボックスシャドウ {
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
*/

/*ボックスシャドウ内側 {
	-moz-box-shadow: inset 1px 1px 3px #000;
	-webkit-box-shadow: inset 1px 1px 3px #000;
	box-shadow: inset 1px 1px 3px #000;
}
*/

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

/*トランジション {
	-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){

}
*/