/*	============================================================
	Reset
	============================================================	*/

* {
	margin: 0;
	padding: 0;
}

*::after, *::before {
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

ul, ol {
	list-style-type: none;
}

table {
	border-collapse: collapse; border-spacing: 0;
}

input, button, select, textarea {
	border-radius: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
}

textarea {
	resize: vertical;
}

.responsive-media {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
}

.responsive-media iframe,
.responsive-media object,
.responsive-media embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.clearfix::after {
    clear: both;
    content: "";
    display: table;
}

/*	============================================================
	Structure
	============================================================	*/

.row {
	margin: 0px -15px 0 -15px;
	position: relative;
}

.row::after,
.row::before,
.clearfix::after,
.clearfix::before {
	clear: both;
	content: "";
	display: table;
}

.container-fixed {
	box-sizing: border-box;
	margin: 0 auto 0 auto;
	padding: 0 15px 0 15px;
}

.col-01, .col-02, .col-03, .col-04, .col-05, .col-06, .col-07, .col-08, .col-09, .col-10, .col-11, .col-12 {
	box-sizing: border-box;
	padding: 0 15px 0 15px;
}

@media (min-width:768px) {

.container-fixed {
	width: 756px;
}

.col-01, .col-02, .col-03, .col-04, .col-05, .col-06, .col-07, .col-08, .col-09, .col-10, .col-11, .col-12 {
	float: left;
}

.col-01 { width: 80px; }
.col-02 { width: 160px; }
.col-03 { width: 25%; }
.col-04 { width: 33.333333%; }
.col-05 { width: 400px; }
.col-06 { width: 50%; }
.col-07 { width: 560px; }
.col-08 { width: 66.666666%; }
.col-09 { width: 75%; }
.col-10 { width: 800px; }
.col-11 { width: 880px; }
.col-12 { width: 100%; }

}

@media (min-width:1024px) {

.container-fixed {
	width: 960px;
}

.col-01, .col-02, .col-03, .col-04, .col-05, .col-06, .col-07, .col-08, .col-09, .col-10, .col-11, .col-12 {
	float: left;
}

.col-01 { width: 80px; }
.col-02 { width: 160px; }
.col-03 { width: 25%; }
.col-04 { width: 33.333333%; }
.col-05 { width: 400px; }
.col-06 { width: 50%; }
.col-07 { width: 560px; }
.col-08 { width: 66.666666%; }
.col-09 { width: 75%; }
.col-10 { width: 800px; }
.col-11 { width: 880px; }
.col-12 { width: 100%; }

}

@media (min-width:1200px) {

.container-fixed {
	width: 1200px;
}

.col-01, .col-02, .col-03, .col-04, .col-05, .col-06, .col-07, .col-08, .col-09, .col-10, .col-11, .col-12 {
	float: left;
}

.col-01 { width: 100px; }
.col-02 { width: 200px; }
.col-03 { width: 25%; }
.col-04 { width: 33.333333%; }
.col-05 { width: 500px; }
.col-06 { width: 50%; }
.col-07 { width: 700px; }
.col-08 { width: 66.666666%; }
.col-09 { width: 75%; }
.col-10 { width: 1000px; }
.col-11 { width: 1100px; }
.col-12 { width: 100%; }

}

@media (min-width:480px) {}
@media (min-width:320px) {}