@charset "UTF-8";
/*----------------------------------------------------------------------------------------------------
	全ページ共通スタイル
----------------------------------------------------------------------------------------------------*/
/* 要素設定*/
body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, Osaka;
	color: #3D3938;
	font-size: 16px;
	line-height: 1.7;
}

a {
	outline: none;
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a, a img{
	opacity: 1.0;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}
a:hover, a:hover img {
	opacity: 0.7;
}

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

.w1000{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*---------------------------------------------------------
 Responsive Setting 
 ---------------------------------------------------------*/
.sp-none {
	display: block;
}
.all-device-block, .sp-block, .portrait-block {
	display: none;
}
.all-device-inline, .sp-inline, .portrait-inline {
	display: none;
}
#screen-check {
	color: #000000;
	display: none;
}


/*---------------------------------------------------------
 All SP & Tablet 
 ---------------------------------------------------------*/
@media screen and (max-width:999px) {
	.w1000{
		padding: 0 10px;
	}
/*--------------------------------------------------------*/	
	.all-device-none {
		display: none;
	}
	.all-device-block {
		display: block;
	}
	.all-device-inline {
		display: inline;
	}
	#screen-check {
		color: #ff0000;
	}
}


/*---------------------------------------------------------
 All SP 
---------------------------------------------------------*/
@media screen and (max-width: 679px) {
	.sp-none {
		display: none;
	}
	.sp-block {
		display: block;
	}
	.sp-inline {
		display: inline;
	}
	#screen-check {
		color: #00ff00;
	}
/*--------------------------------------------------------*/
	body {
		font-size: 14px;
	}
}


/*---------------------------------------------------------
 Portrait 
---------------------------------------------------------*/
@media screen and (max-width:479px) {
	.portrait-none {
		display: none;
	}
	.portrait-block {
		display: block;
	}
	.portrait-inline {
		display: inline;
	}
}