@charset "utf-8";
/*********************************************************************
 *
 *  <for feature>
 *
*********************************************************************/
body{
	background: url( ../img/bg.png) no-repeat left 10px;
}
h3{
	margin-top: 25px;
}
/* html body width=device-width用 */
/* --------------------------------------------------------------------------- */
body.showModal {
	overflow: hidden;
	position: fixed;
}
body.showModal #item1 {
	margin-top:1000px;/*modal開閉時GA取得しない用*/
}
/* outline */
/* --------------------------------------------------------------------------- */
#outline {
	padding:0;
}
/* areaPd */
/* --------------------------------------------------------------------------- */
.areaPd {
	padding-top: 100px;/*アンカーリンク用ネガティブマージン*/
	margin-top: -100px;/*アンカーリンク用ネガティブマージン*/
	margin-bottom:0px;
}
.areaPd h3 {
	border-top:2px solid #840000;
	border-bottom:2px solid #840000;
}
.areaPd .bgPic {
	position: relative;
	width: 100%;
	height: 492px;
}
.areaPd .bgPic img {
	padding-top:11px;
}
.areaPd .bgPic a {
	position: absolute;
	top: 0;
	width: 640px;
	height: 492px;
	display: none;
	text-indent: -9999px;
	background: url(../img/thumb_focus.png) 0 0 no-repeat;
	background-size: 100% auto;
}
/* modal */
/* --------------------------------------------------------------------------- */
.modalContent {
	position: relative;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.modalBg {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
}
.modalBg a {
	display: block;
	width: 100%;
	height: 100%;
}
.modalClose {
	position: fixed;
	top: 15px;
	right: 15px;
	width: 80px;
	height: 80px;
	background: url(../img/modal/btn_close.png) no-repeat;
	background-size: auto 80px;
	text-indent: -9999px;
	z-index: 1200;
	opacity: 0;
}
.imgContainer {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1100;
}
.imgContainer img {
	opacity: 0;
}
.zoomNav {
	position: fixed;
	bottom: 15px;
	width: 100%;
	height: 120px;
	text-align: center;
	z-index: 1200;
	opacity: 0;
}
.zoomNav span {
	display: inline-block;
	width: 100px;
	height: 120px;
	background-size: auto 120px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.btnZoomIn {
	background-image: url(../img/modal/btn_zoomin.png);
}
.btnZoomOut {
	background-image: url(../img/modal/btn_zoomout.png);
}
/* btnBack */
/* --------------------------------------------------------------------------- */
.btnBack {
	display:block;
	width:300px;
	margin:50px auto 50px;
}