/* CSS Document */
@charset "utf-8";

html {
	overflow:auto;
}


body {
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0px auto;
	padding:0px;
	font-size:13px;
	color:#000;
	line-height:1.5;
	overflow:hidden;
}

a:link		{ color:#000; text-decoration: none;}
a:visited	{ color:#000; text-decoration: none;}
a:hover		{ color:#000; text-decoration: underline;}
a:active	{ color:#000; text-decoration: underline;}

img {
	max-width:100%;
	height: auto;
	width /***/:auto;
	border:none;
	vertical-align:bottom;
}

h1 img,h2 img,h3 img,h4 img,h5 img{
	display:block;
}

.clearfix {zoom:1;overflow:hidden;}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

.over{
	transition: all 0.2s ease-in 0s;
}
.over:hover{
	opacity:0.6;
}

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}


/* margin,padding */

.no_margin{margin:0 !important;}


/* bg */


/* font */

.red{color:#ff0000;}
.deep_red{color:#D80000;}


/* table */

.table_box table {
	border-collapse:collapse;
	width:100%;
}
.table_box table tr,
.table_box table th,
.table_box table td {
	border-collapse:collapse;
}
.table_box table th {
	font-weight:bold;
	text-align:left;
}


@media screen and (max-width:640px){
	body {
		width:100%;
		height:100%;
		position:relative;
		overflow-x:hidden;
		-webkit-text-size-adjust: 100%;
		min-width:100%;
	}

	a ,
	a:hover ,
	a:visited {
		text-decoration:none;
	}

	input[type="text"],
	input[type="email"],
	textarea,
	select {
		-webkit-appearance: none;
	}

	.over:hover{
		opacity:1;
	}

	.pc{display:none;}
}

@media screen and (min-width: 641px){
	body {
		min-width:1000px;
	}

	.sp{display:none;}
}