@charset "UTF-8";
/* CSS Document */
/*///////////////////////////////////////////*/
/*///////////////////////////////////////////*/
/*///////////////////////////////////////////*/
/*///////////////////////////////////////////*/
/*///////////////////////////////////////////*/
/*/////////////////////////////////////////////
▽↓↓itemPageに関するCSS↓↓▽
/////////////////////////////////////////////*/
header {
	background-attachment: fixed;
	background-image: url(../img/item_header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 800px;
}
header h2 {
	text-shadow: 0 0 4px #000;
}
#itemPage {
	width: 1335px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 60px;
	padding-bottom: 60px;
}
#itemPage h3 {
	font-size: 60px;
	text-align: center;
	font-weight: lighter;
	padding-top: 100px;
	padding-bottom: 60px;
	letter-spacing: 1em;
}
#itemPage .fade:hover {
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0.4;
}
.grid {
	margin: 5px;
}
.grid img {
	width: 435px;
	height :150px;
}
@media screen and (max-width: 1335px) {
#itemPage {
	width:auto;
	height: auto;
	max-width: 1335px;
}
#itemPage .center {
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
}
@media screen and (max-width: 1100px) {
#itemPage {
	width:auto;
	height: auto;
	max-width: 1100px;
}
#itemPage h3 {
	font-size: 56px;
}
#itemPage .center {
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
}
@media screen and (max-width: 880px) {
header {
	height: auto;
	padding-bottom: 100px;
}
#itemPage {
	width:auto;
	height: auto;
	max-width: 880px;
}
#itemPage .center {
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
}
@media screen and (max-width: 768px) {
header {
	background-attachment: fixed;
	background-image: url(../img/item_768px.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100%;
	padding-bottom: 60px;
}
#itemPage {
	width:auto;
	height: auto;
	max-width: 768px;
}
#itemPage h3 {
	font-size: 48px;
}
#itemPage .center {
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
}
@media screen and (max-width: 480px) {
header {
	background-attachment: fixed;
	background-image: url(../img/item_480px.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100%;
	padding-bottom: 30px;
}
#itemPage h3 {
	font-size: 36px;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
#itemPage .center {
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
}
@media screen and (max-width: 460px) {
#itemPage {
	width:auto;
	height: auto;
	max-width: 460px;
}
#itemPage .center {
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
#itemPage img {
	width :99%;
	height :99%;
}
}
/*/////////////////////////////////////////////
▲↑↑↑↑↑↑↑↑↑↑↑↑↑↑▲
/////////////////////////////////////////////*/
/*///////////////////////////////////////////*/
/*///////////////////////////////////////////*/
/*///////////////////////////////////////////*/
/*///////////////////////////////////////////*/
/*///////////////////////////////////////////*/