@charset "utf-8";
/* =======================================================================

   共通リセット
   
======================================================================= */
* {
    margin: 0;
    padding: 0;
}
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset, figure {
 	margin: 0;
 	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
table {
 	border-collapse: collapse;
 	border-spacing: 0;
}
ul li, ol li {
 	list-style-type: none;
}
a {
 	text-decoration: none;
	color:#000;
	transition-duration:0.3s;
}
img {
 	border: 0;
}
img, input, select, textarea {
 	vertical-align: middle;
}
/* For vertical-scrollbar issue */
html {
 	/*overflow: scroll;*/
 	/*overflow: -moz-scrollbars-vertical;*/ /* Firefoxの先行実装 */
 	/*overflow-x: scroll;*/ /* Firefoxで横スクロールバーが表示されない問題を回避 */
}
*:first-child+html * {
 	letter-spacing: 0; /* hasLayout問題を回避 	*/
}

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

.clearfix {
 	display: block;
}

.clearfix:after {
 	content: ".";
 	display: block;
 	clear: both;
 	height: 0;
 	visibility: hidden;
}
/* :::::::::: リンクカラー 	:::::::::: */
a:link,
a:visited {
}
a:hover,
a:active {
}

/* :::::::::: マージン :::::::::: */

.mt0{ margin-top:0px!important;}
.mt5{ margin-top:5px!important;}
.mt10{ margin-top:10px!important;}
.mt15{ margin-top:15px!important;}
.mt20{ margin-top:20px!important;}
.mt25{ margin-top:25px!important;}
.mt30{ margin-top:30px!important;}
.mt35{ margin-top:35px!important;}
.mt40{ margin-top:40px!important;}
.mt45{ margin-top:45px!important;}
.mt50{ margin-top:50px!important;}
.mx_auto {margin: 0 auto;}

.mb0{ margin-bottom:0px!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;}
.mb45{ margin-bottom:45px!important;}
.mb50{ margin-bottom:50px!important;}

.ml0{ margin-left:0px!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;}
.ml40{ margin-left:40px!important;}
.ml45{ margin-left:45px!important;}
.ml50{ margin-left:50px!important;}

.mr0{ margin-right:0px!important;}
.mr5{ margin-right:5px!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;}
.mr45{ margin-right:45px!important;}
.mr50{ margin-right:50px!important;}

/* :::::::::: パディング :::::::::: */

.pt0{ padding-top:0px!important;}
.pt5{ padding-top:5px!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;}
.pt35{ padding-top:35px!important;}
.pt40{ padding-top:40px!important;}
.pt45{ padding-top:45px!important;}
.pt50{ padding-top:50px!important;}

.pb0{ padding-bottom:0px!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;}
.pb45{ padding-bottom:45px!important;}
.pb50{ padding-bottom:50px!important;}

.pl0{ padding-left:0px!important;}
.pl5{ padding-left:5px!important;}
.pl10{ padding-left:10px!important;}
.pl15{ padding-left:15px!important;}
.pl20{ padding-left:20px!important;}
.pl25{ padding-left:25px!important;}
.pl30{ padding-left:30px!important;}
.pl35{ padding-left:35px!important;}
.pl40{ padding-left:40px!important;}
.pl45{ padding-left:45px!important;}
.pl50{ padding-left:50px!important;}

.pr0{ padding-right:0px!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;}
.pr35{ padding-right:35px!important;}
.pr40{ padding-right:40px!important;}
.pr45{ padding-right:45px!important;}
.pr50{ padding-right:50px!important;}

@media screen and (min-width:641px) {
	.mb3em_pc{ margin-bottom:3em!important;}
}
@media screen and (max-width:640px) {
	.mb5em_sp{ margin-bottom:5em!important;}
}