/*Basics*/
html, body {
	width: 100%;
	height: 100%;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp, a,
small, strong, sub, sup, var, i, b,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	clear: both;
	outline-width: 0;
	border-width: 0;
	border-style: solid;
	border-color: transparent;
	background: transparent;
	outline-style: solid;
	vertical-align: baseline;
}
html, body, blockquote, pre, table,ul,ol, li, form,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}
figure, button, input, select, textarea {
	margin: 0;
}
img, iframe, button, input, select, textarea {
	max-width: 100%;
}
iframe {
	width: 100%;
}



/*HTML5 elements*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
audio:not([controls]) {
	display: none;
}
[hidden] {
	display: none;
}



/*Improve scaled image quality in IE7*/
img {
	-ms-interpolation-mode: bicubic;
}

/*Correct overflows in IE9*/
svg:not(:root) {
	overflow: hidden;
}

/*White-space behavior in pre*/
pre {
	white-space: pre-wrap;
	word-wrap: break-word;
}



/*Document elements*/

/*Lists*/
ul {
	list-style: none;
	/*list-style: disc;
	padding-left: 2em;*/
}
ol {
	/*list-style: decimal;
	padding-left: 2em;*/
}
	nav ul, nav ol {
		list-style: none;
		list-style-image: none;
		padding-left: 0;
	}

/*Inline*/
sub, sup {
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

/*Tables*/
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	vertical-align: top;
}



/*Text*/

/*Fonts*/
html {
	font-size: 100%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	line-height:1.7;
}
h1, h2, h3, h4, h5, h6, strong, dt, mark, th {
	font-weight: bold;
}

p {
	margin-bottom:1em;
}

/* フローのクリア */
/* clearfix */
.clearfix::after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* margin-top */
.mt5 { margin-top:5px;}
.mt7 { margin-top:7px;}
.mt10 { margin-top:10px;}
.mt12 { margin-top:12px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mt35 { margin-top:35px;}
.mt40 { margin-top:40px;}
.mt45 { margin-top:45px;}
.mt50 { margin-top:50px;}

/*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;
}
.row-inner {
	max-width: 1000px;
	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"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="submit"],
textarea {
	border:none;
	background:#fff;
	-webkit-appearance:none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
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: 480px) {

.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: 800px) {

.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.167%;
}
.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;
}


}