/****************************************
Layout
*****************************************/
/*col*/
.col2{width:48%;}
.col3{width:30%;}
.col4{width:22%;}
.col5{width:18.4%;}
.col6{width:15%;}
.col img{}
@media screen and (min-width:769px){/*pc*/
	.col50-pc{width:50%;}
	.col2-pc{width:48%;}
	.col3-pc{width:30%;}
	.col4-pc{width:22%;}
	.col5-pc{width:18.4%;}
	.col6-pc{width:15%;}
}
@media screen and (max-width:768px){/*pc*/
	.col50-sp{width:50%;}
	.col2-sp{width:48%;}
	.col3-sp{width:30%;}
	.col4-sp{width:22%;}
	.col5-sp{width:18.4%;}
	.col6-sp{width:15%;}

	.col2-pc,
	.col3-pc,
	.col4-pc,
	.col5-pc,
	.col6-pc{
		width:100%;
		margin-top:1em;
		text-align:center;
	}

}

.contents img{
	height: auto;
	max-width: 100%;
}

/*flexbox*/
.flex{	
	display: flex;
	flex-wrap:wrap;
}
@media screen and (min-width:769px){/*pc*/
	.flex-pc{	
		display: flex;
		flex-wrap:wrap;
	}
}
.flex--start{
	justify-content: flex-start;
}
.flex--center{
	justify-content: center;
}
.flex--end{
	justify-content: flex-end;
}
.flex--bet{
	justify-content: space-between;
}
.flex--acenter{
	align-items: center;
}
.flex--abottom{
	align-items:flex-end;
}
.flex--nowrap{
	flex-wrap: nowrap;
}
.order2{
	order: 2;
}

/*inner*/
.inner{
	margin: 0 auto;
	position: relative;
}
.inner--xs{
	width: 600px;
}
.inner--s{
	width: 800px;
}
.inner--m{
	width: 1060px;
}
.inner--max{
	width: 1060px;
}
.inner--l{
	width: 1200px;
}
.contentsArea{
	width: 100%;
}
.sideArea{
	width: 375px;
}
@media screen and (min-width:769px){
	.inner--xs--pc{
		width: 50%;
	}
	.inner--s--pc{
		width: 60%;
	}
	.inner--m--pc{
		width: 1045px;
	}
	.inner--l--pc{
		width: 80%;
	}
}
@media screen and (max-width:768px){
	.inner--xs,
	.inner--s,
	.inner--max,
	.inner--m,
	.inner--l{
		width: 94%;
	}
}