@charset "utf-8";
.none {
	display:none;
}
.f_cc {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.f_box {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
}
/***********
horizon
************/
.f_h_start {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.f_h_center {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
}
.f_h_end {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.f_h_sb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.f_h_sa {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.f_wrap {
	-webkit-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
/***********
vertical
************/
.f_column {
	-webkit-box-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column;
}
.f_start {
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.f_end {
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.f_center {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.f_baseline {
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}
.f_stretch {
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.col {
	width:100%;
	height:auto;
}
@media screen and (max-width:767px){
	/* for Mobile */
	.f_res {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	div.blank {
		height:25px;
	}
	div.blankx2 {
		height:50px;
	}
	.pc {
		display:none;
	}
}
@media screen and (min-width:768px){
	/* for Tablet and PC */
	.f_res {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	div.blank {
		height:50px;
	}
	div.blankx2 {
		height:100px;
	}
	div.blankx3 {
		height:150px;
	}
	.sp {
		display:none;
	}
	.w10 {
		width:10%;
		min-width:c10%;
	}
	.w15 {
		width:15%;
		min-width:15%;
	}
	.w20 {
		width:20%;
		min-width:20%;
	}
	.w20s {
		width:calc(20% - 1em);
		min-width:calc(20% - 1em);
	}
	.w20l {
		width:calc(20% + 1em);
		min-width:calc(20% + 1em);
	}
	.w25 {
		width:25%;
		min-width:25%;
	}
	.w25s {
		width:calc(25% - 1em);
	}
	.w33{
		width:calc(100% / 3);
	}
	.w33s{
		width:calc(100% / 3 - 0.5em);
	}
	.w30 {
		width:30%;
		min-width:30%;
	}
	.w30s {
		width:calc(30% - 1em);
		min-width:calc(30% - 1em);
	}
	.w30l {
		width:calc(30% + 1em);
	}
	.w35 {
		width:35%;
		min-width:35%;
	}
	.w35s {
		width:calc(35% - 1em);
		min-width:calc(35% - 1em);
	}
	.w40 {
		width:40%;
		min-width:40%;
	}
	.w40s {
		width:calc(40% - 1em);
		min-width:calc(40% - 1em);
	}
	.w45 {
		width:45%;
	}
	.w45s {
		width:calc(45% - 1em);
		min-width:calc(45% - 1em);
	}
	.w45l {
		width:calc(45% + 1em);
		min-width:calc(45% + 1em);
	}
	.w60 {
		width:60%;
		min-width:60%;
	}
	.w60s {
		width:calc(60% - 1em);
	}
	.w60l {
		width:calc(60% + 1em);
	}
	.w66 {
		width:66%;
	}
	.w50s {
		width:calc(50% - 1em);
	}
	.w50ss {
		width:calc(50% - 0.2em);
	}
	.w50 {
		width:50%;
		min-width:50%;
	}
	.w50l {
		width:calc(50% + 1em);
	}
	.w55 {
		width:calc(55%);
		min-width:calc(55%);
	}
	.w55s {
		width:calc(55% - 1em);
		min-width:calc(55% - 1em);
	}
	.w65 {
		width:65%;
		min-width:65%;
	}
	.w65s {
		width:calc(65% - 1em);
		min-width:calc(65% - 1em);
	}
	.w75 {
		width:75%;
	}
	.w75s {
		width:calc(75% - 1em);
	}
	.w70 {
		width:70%;
	}
	.w70s {
		width:calc(70% - 1em);
	}
	.w70l {
		width:calc(70% + 1em);
	}
	.w80 {
		width:80%;
	}
	.w80s {
		width:calc(80% - 1em);
	}
	.w80l {
		width:calc(80% + 1em);
	}
	.w85 {
		width:85%;
	}
	.w90 {
		width:90%;
	}
	.w95 {
		width:95%;
	}
}