@charset "utf-8";
html {
	font-size: 15px;
}

body {
	font-family: "メイリオ", Meiryo, "MP Pゴシック", "MS PGothic", sans-serif;
	position: relative;
	-webkit-text-size-adjust: 100%;
}

html,body{
	width: 100%;
	height: auto;
	overflow-x: hidden;
}

header,
main,
footer {
	width: 100%;
}

img{
	max-width:100%;
}

.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}

.flex,
.flex-s{
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex!important;
	flex-flow:no-wrap;
	justify-content: space-between;
}

.flex-w{
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex!important;
	flex-wrap: wrap!important;
}

.f-box1,
.f-box2,
.f-box3{
	margin:5px 0;
}

.flex_j-ar{
	-ms-justify-content:space-around;
	justify-content:space-around;
}

.flex_al-ctr{
	-ms-align-items: center;
	align-items: center;
}

.flex_fl-re{
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.sp {
	display: none;
}

.txt_ctr { text-align: center !important; }
.txt_lf { text-align: left !important; }
.txt_rg { text-align: right !important; }

.f_l { float: left !important; }
.f_r { float: right !important; }

.w_5 { width: 5% !important; }
.w_10 { width: 10% !important; }
.w_15 { width: 15% !important; }
.w_20 { width: 20% !important; }
.w_25 { width: 25% !important; }
.w_30 { width: 30% !important; }
.w_35 { width: 35% !important; }
.w_40 { width: 40% !important; }
.w_45 { width: 45% !important; }
.w_50 { width: 50% !important; }
.w_55 { width: 55% !important; }
.w_60 { width: 60% !important; }
.w_65 { width: 65% !important; }
.w_70 { width: 70% !important; }
.w_75 { width: 75% !important; }
.w_80 { width: 80% !important; }
.w_85 { width: 85% !important; }
.w_90 { width: 90% !important; }
.w_95 { width: 95% !important; }
.w_100 { width: 100% !important; }

.mg0a { margin: 0 auto !important; }
.mt_0 { margin-top: 0px !important; }
.mt_5 { margin-top: 5px !important; }
.mt_10 { margin-top: 10px !important; }
.mt_15 { margin-top: 15px !important; }
.mt_20 { margin-top: 20px !important; }
.mt_25 { margin-top: 25px !important; }
.mt_30 { margin-top: 30px !important; }
.mt_35 { margin-top: 35px !important; }
.mt_40 { margin-top: 40px !important; }
.mt_45 { margin-top: 45px !important; }
.mt_50 { margin-top: 50px !important; }

.mr_0 { margin-right: 0px !important; }
.mr_5 { margin-right: 5px !important; }
.mr_10 { margin-right: 10px !important; }
.mr_15 { margin-right: 15px !important; }
.mr_20 { margin-right: 20px !important; }
.mr_25 { margin-right: 25px !important; }
.mr_30 { margin-right: 30px !important; }
.mr_35 { margin-right: 35px !important; }
.mr_40 { margin-right: 40px !important; }
.mr_45 { margin-right: 45px !important; }
.mr_50 { margin-right: 50px !important; }

.mb_0 { margin-bottom: 0px !important; }
.mb_5 { margin-bottom: 5px !important; }
.mb_10 { margin-bottom: 10px !important; }
.mb_15 { margin-bottom: 15px !important; }
.mb_20 { margin-bottom: 20px !important; }
.mb_25 { margin-bottom: 25px !important; }
.mb_30 { margin-bottom: 30px !important; }
.mb_35 { margin-bottom: 35px !important; }
.mb_40 { margin-bottom: 40px !important; }
.mb_45 { margin-bottom: 45px !important; }
.mb_50 { margin-bottom: 50px !important; }

.ml_0 { margin-left: 0px !important; }
.ml_5 { margin-left: 5px !important; }
.ml_10 { margin-left: 10px !important; }
.ml_15 { margin-left: 15px !important; }
.ml_20 { margin-left: 20px !important; }
.ml_25 { margin-left: 25px !important; }
.ml_30 { margin-left: 30px !important; }
.ml_35 { margin-left: 35px !important; }
.ml_40 { margin-left: 40px !important; }
.ml_45 { margin-left: 45px !important; }
.ml_50 { margin-left: 50px !important; }

.pt_0 { padding-top: 0px !important; }
.pt_5 { padding-top: 5px !important; }
.pt_10 { padding-top: 10px !important; }
.pt_15 { padding-top: 15px !important; }
.pt_20 { padding-top: 20px !important; }
.pt_25 { padding-top: 25px !important; }
.pt_30 { padding-top: 30px !important; }
.pt_35 { padding-top: 35px !important; }
.pt_40 { padding-top: 40px !important; }
.pt_45 { padding-top: 45px !important; }
.pt_50 { padding-top: 50px !important; }

.pr_0 { padding-right: 0px !important; }
.pr_5 { padding-right: 5px !important; }
.pr_10 { padding-right: 10px !important; }
.pr_15 { padding-right: 15px !important; }
.pr_20 { padding-right: 20px !important; }
.pr_25 { padding-right: 25px !important; }
.pr_30 { padding-right: 30px !important; }
.pr_35 { padding-right: 35px !important; }
.pr_40 { padding-right: 40px !important; }
.pr_45 { padding-right: 45px !important; }
.pr_50 { padding-right: 50px !important; }

.pb_0 { padding-bottom: 0px !important; }
.pb_5 { padding-bottom: 5px !important; }
.pb_10 { padding-bottom: 10px !important; }
.pb_15 { padding-bottom: 15px !important; }
.pb_20 { padding-bottom: 20px !important; }
.pb_25 { padding-bottom: 25px !important; }
.pb_30 { padding-bottom: 30px !important; }
.pb_35 { padding-bottom: 35px !important; }
.pb_40 { padding-bottom: 40px !important; }
.pb_45 { padding-bottom: 45px !important; }
.pb_50 { padding-bottom: 50px !important; }

.pl_0 { padding-left: 0px !important; }
.pl_5 { padding-left: 5px !important; }
.pl_10 { padding-left: 10px !important; }
.pl_15 { padding-left: 15px !important; }
.pl_20 { padding-left: 20px !important; }
.pl_25 { padding-left: 25px !important; }
.pl_30 { padding-left: 30px !important; }
.pl_35 { padding-left: 35px !important; }
.pl_40 { padding-left: 40px !important; }
.pl_45 { padding-left: 45px !important; }
.pl_50 { padding-left: 50px !important; }

#page-top {
	position: fixed;
	bottom: 10px;
	right: -10px;
	font-size: 77%;
}

#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	opacity: .6;
}

#page-top a:hover {
	text-decoration: none;
	background: #999;
}

@media screen and (max-width: 480px) {
	html {
		font-size: 3.5vw;
	}

	.flex{
		display: block!important;
	}

	.mr_0,
	.mr_5,
	.mr_10,
	.mr_15,
	.mr_20,
	.mr_25,
	.mr_30,
	.mr_35,
	.mr_40,
	.mr_45,
	.mr_50 { margin-right: 0px !important; }
	.ml_0,
	.ml_5,
	.ml_10,
	.ml_15,
	.ml_20,
	.ml_25,
	.ml_30,
	.ml_35,
	.ml_40,
	.ml_45,
	.ml_50 { margin-left: 0px !important; }
	.mb_0,
	.mb_5,
	.mb_10,
	.mb_15,
	.mb_20,
	.mb_25,
	.mb_30,
	.mb_35,
	.mb_40,
	.mb_45,
	.mb_50 { margin-bottom: 0px !important; }
	.w_5,
	.w_10,
	.w_15,
	.w_20,
	.w_25,
	.w_30,
	.w_35,
	.w_40,
	.w_45,
	.w_50,
	.w_55,
	.w_60,
	.w_65,
	.w_70,
	.w_75,
	.w_80,
	.w_85,
	.w_90,
	.w_95{ width: 100% !important; }

	.pc{
		display:none !important;
	}

	.sp{
		display:block !important;
	}
}