@charset "UTF-8";
/*Change box model for grid elements*/


.row, .col {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.row {
	width: 100%;
	clear: both;
	float: none;
	*zoom: 1;
	padding:0;
}
.row-inner {
	max-width: 1040px;
	padding: 0 10px;
	margin: 0 auto;
	*zoom: 1;
}

.col.col1,
.col.col2,
.col.col3,
.col.col4,
.col.col5,
.col.col6,
.col.col7,
.col.col8,
.col.col9,
.col.col10,
.col.col11,
.col.col12 {
	clear: none;
	float: left;
	min-height: 1px;
	margin-left: 0;
	margin-right: 1.8%;
}

.col.col1,
.col.col12 {
	clear: both;
}

.col.reset {
	margin-right: 0;
}

/*Full-width column*/
.col.col12 {
	width: 100%;
}


/*Fluid column widths*/
.col.col1 {
	width: 6.683%;
}
.col.col2 {
	width: 15.167%;
}
.col.col3 {
	width: 23.650%;
}
.col.col4 {
	width: 32.133%;
}
.col.col5 {
	width: 40.6167%;
}
.col.col6 {
	width: 49.100%;
}
.col.col7 {
	width: 57.5833%;
}
.col.col8 {
	width: 66.0667%;
}
.col.col9 {
	width: 74.5500%;
}
.col.col10 {
	width: 83.0333%;
}
.col.col11 {
	width: 91.5167%;
}

/*No gutters*/
.col.col1.reset {
	width: 8.3333%;
}
.col.col2.reset {
	width: 16.6667%;
}
.col.col3.reset {
	width: 25.0000%;
}
.col.col4.reset {
	width: 33.3333%;
}
.col.col5.reset {
	width: 41.6667%;
}
.col.col6.reset {
	width: 50.0000%;
}
.col.col7.reset {
	width: 58.3333%;
}
.col.col8.reset {
	width: 66.6667%;
}
.col.col9.reset {
	width: 75.0000%;
}
.col.col10.reset {
	width: 83.3333%;
}
.col.col11.reset {
	width: 91.6667%;
}

/*Last in line*/
.col.last {
	margin-right: 0;
}

/*Utilities for common CSS-based behavior*/
.hidden {
	display: none;
}
.clear {
	clear: both;
}
.clear-after:after {
	content: " ";
	display: table;
	clear: both;
}
	.clear-after {
		*zoom: 1;
	}

/* フォームのリセット */
/*
input[type="text"],
input[type="password"],
textarea {
	border:none;
	background:#fff;
	-webkit-appearance:none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

input[type="text"],
input[type="password"],
textarea {
	border:1px solid #c5c5c5;
	border-radius:0;
	vertical-align:middle;
	font-size:115%;
	width:100%;
}

select {
	font-size:115%;
	width:100%;
}
*/



@media handheld, only screen and (min-width: 481px) {
	
.row-inner {
	max-width: 1050px;
	padding: 0 15px;
	margin: 0 auto;
	*zoom: 1;
}


.col.s-col1,
.col.s-col2,
.col.s-col3,
.col.s-col4,
.col.s-col5,
.col.s-col6,
.col.s-col7,
.col.s-col8,
.col.s-col9,
.col.s-col10,
.col.s-col11,
.col.s-col12 {
	clear: none;
	float: left;
	min-height: 1px;
	margin-left: 0;
	margin-right: 1.8%;
}

.col.s-col1,
.col.s-col12 {
	clear: both;
}

.col.s-reset {
	margin-right: 0;
}

/*Full-width column*/
.col.s-col12 {
	width: 100%;
}


/*Fluid column widths*/
.col.s-col1 {
	width: 6.683%;
}
.col.s-col2 {
	width: 15.167%;
}
.col.s-col3 {
	width: 23.650%;
}
.col.s-col4 {
	width: 32.133%;
}
.col.s-col5 {
	width: 40.6167%;
}
.col.s-col6 {
	width: 49.100%;
}
.col.s-col7 {
	width: 57.5833%;
}
.col.s-col8 {
	width: 66.0667%;
}
.col.s-col9 {
	width: 74.5500%;
}
.col.s-col10 {
	width: 83.0333%;
}
.col.s-col11 {
	width: 91.5167%;
}

/*No gutters*/
.col.s-col1.reset {
	width: 8.3333%;
}
.col.s-col2.reset {
	width: 16.6667%;
}
.col.s-col3.reset {
	width: 25.0000%;
}
.col.s-col4.reset {
	width: 33.3333%;
}
.col.s-col5.reset {
	width: 41.6667%;
}
.col.s-col6.reset {
	width: 50.0000%;
}
.col.s-col7.reset {
	width: 58.3333%;
}
.col.s-col8.reset {
	width: 66.6667%;
}
.col.s-col9.reset {
	width: 75.0000%;
}
.col.s-col10.reset {
	width: 83.3333%;
}
.col.s-col11.reset {
	width: 91.6667%;
}

/*Last in line*/
.col.s-last {
	margin-right: 0;
}

/*Utilities for common CSS-based behavior*/
.s-hidden {
	display: none;
}

.s-show {
	display:block;
}

}

@media handheld, only screen and (min-width: 801px) {




.col.m-col1,
.col.m-col2,
.col.m-col3,
.col.m-col4,
.col.m-col5,
.col.m-col6,
.col.m-col7,
.col.m-col8,
.col.m-col9,
.col.m-col10,
.col.m-col11,
.col.m-col12 {
	clear: none;
	float: left;
	min-height: 1px;
	margin-left: 0;
	margin-right: 1.8%;
}

.col.m-col1,
.col.m-col12 {
	clear: both;
}

.col.m-reset {
	margin-right: 0;
}

/*Full-width column*/
.col.m-col12 {
	width: 100%;
}


/*Fluid column widths*/
.col.m-col1 {
	width: 6.683%;
}
.col.m-col2 {
	width: 15.166%;
}
.col.m-col3 {
	width: 23.650%;
}
.col.m-col4 {
	width: 32.133%;
}
.col.m-col5 {
	width: 40.6167%;
}
.col.m-col6 {
	width: 49.100%;
}
.col.m-col7 {
	width: 57.5833%;
}
.col.m-col8 {
	width: 66.0667%;
}
.col.m-col9 {
	width: 74.5500%;
}
.col.m-col10 {
	width: 83.0333%;
}
.col.m-col11 {
	width: 91.5167%;
}

/*No gutters*/
.col.m-col1.reset {
	width: 8.3333%;
}
.col.m-col2.reset {
	width: 16.6667%;
}
.col.m-col3.reset {
	width: 25.0000%;
}
.col.m-col4.reset {
	width: 33.3333%;
}
.col.m-col5.reset {
	width: 41.6667%;
}
.col.m-col6.reset {
	width: 50.0000%;
}
.col.m-col7.reset {
	width: 58.3333%;
}
.col.m-col8.reset {
	width: 66.6667%;
}
.col.m-col9.reset {
	width: 75.0000%;
}
.col.m-col10.reset {
	width: 83.3333%;
}
.col.m-col11.reset {
	width: 91.6667%;
}

/*Last in line*/
.col.m-last {
	margin-right: 0;
}

/*Utilities for common CSS-based behavior*/
.m-hidden {
	display: none;
}

.m-show {
	display:block;
}


}


