@charset "utf-8";

	body#top #pc_cont{
		padding-top: 0;
	}
	body#top div#container{
		max-width:960px;
		width:98%;
		margin:0 auto;
		padding: 20px 0px 50px;
	}
	body.forcusMainVisual {
		overflow: hidden;
	}

	#main_visual {
		position: relative;

	}
	#main_visual .panel {
		display: none;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
		transition: opacity 0.1s;
	}
	#main_visual.active .panel {
		display: block;
	}
	#main_visual.active .panel.hide {
		display: none !important;
	}
	#main_visual #panel011 {
		display: block;
		position: absolute;
		background-image: url(../img/index/img-101.jpg);
	}
	#main_visual.active #panel011 {
		position: fixed;
	}
	#panel012 {
		background-image: url(../img/index/img-102.jpg);
	}
	#panel013 {
		background-image: url(../img/index/img-103.jpg);
	}
	#panel014 {
		background-image: url(../img/index/img-104.jpg);
	}
	#panel021 {
		background-image: url(../img/index/img-202.jpg);
	}
	#panel022 {
		background-image: url(../img/index/img-202.jpg);
	}
	#panel023 {
		background-image: url(../img/index/img-203.jpg);
	}
	#panel024 {
		background-image: url(../img/index/img-204.jpg);
	}
	#panel031 {
		background-image: url(../img/index/img-301.jpg);
	}
	#panel032 {
		background-image: url(../img/index/img-302.jpg);
	}
	#panel033 {
		background-image: url(../img/index/img-303.jpg);
	}
	#main_visual #panel034 {
		display: block;
		position: absolute;
		top: auto;
		bottom: 0;
		background-image: url(../img/index/img-304.jpg);
		opacity: 1 !important;
	}
	#main_visual.active #panel034 {
		position: fixed;
		top: 0;
		bottom: auto;
	}

	#main_visual .scrollAssist {
		margin: 0 0 0 -43px;
		position: fixed;
		left: 50%;
		bottom: 26px;
	}
	#main_visual.end .scrollAssist {
		display: none;
	}

	#main_visual .caption {
		position: absolute;
		bottom: 8px;
		font-size: 10px;
		line-height: 1.5;
	}
	#main_visual .captionL {
		left: 10px;
	}
	#main_visual .captionR {
		right: 10px;
		text-align: right;
	}
	#main_visual .caption.bk {
		color: #000;
		text-shadow: 0 0 3px #fff, 0 0 2px #fff, 0 0 1px #fff;
	}
	#main_visual .caption.wh {
		color: #fff;
		text-shadow: 0 0 3px #000, 0 0 2px #000, 0 0 1px #000;
	}
	#panel014 .captionR {
		left: 227px;
	}
	#panel024 .captionR {
		left: 100px;
	}
	#panel034 .captionR {
		left: 95px;
	}
	#panel034 a img {
		position: absolute;
		top: 52%;
		left: 44.867%;
	}

	#main_visual .pager {
		margin: -50px 0 0;
		position: fixed;
		top: 50%;
		right: 16px;
		opacity: 0;
		transition: opacity 1s;
	}
	#main_visual.active .pager {
		opacity: 1;
	}
	#main_visual .pager li {
		display: block;
		width: 20px;
		margin: 10px 0;
	}
	#main_visual .pager a {
		display: block;
		height: 14px;
		border: 3px solid #fff;
		background: #fff;
		border-radius: 0%;
		box-shadow: 0 0 3px rgba(0,0,0,.5), 0 0 2px rgba(0,0,0,.5), 0 0 1px rgba(0,0,0,.5);
	}
	#main_visual .pager a.active {
		background: #bf0000;
	}

	#sliserTb {
		display: none;
	}

	body.mobile #main_visual {
		display: none;
	}
	body.mobile #sliserTb {
		display: block;
	}

	#spContents img {
		width: 100%;
	}


	.mobile #contentsWrap {
		padding-top: 146px;
	}

@media screen and (max-width: 865px) {
	.mobile #contentsWrap {
		padding-top: 185px;
	}
}
/* -----------------------------------------------------------
	#PANO
----------------------------------------------------------- */
/* pano */
.view {
	position: relative;
}
.view #PANO,
.view #PANOWRAP {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 400px;
    margin:0 auto;
}


.view #PANOBODY {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
}

.view #PANOBODY img {
	height: 400px;
	max-width: none;
}


.view #PANO-LOAD {
	position: absolute;
	width: 100%;
    max-width: 1320px;
	height: 400px;
	top: 0;
	left: 0;
	background-color: #FFF;
	/*background-image: url(../images/loading.gif);*/
	background-repeat: no-repeat;
	background-position: center;
	z-index: 20000;
}

.view #PANOBTN {
	text-align: center;
	padding: 10px 0;
	background-color: #D6D6D6;
	margin: 5px 0;
	width: 100%;
}

.view #PANOBTN img {
	margin: 0 5px;
}



.view #PANO img.arr {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	-webkit-user-select: none;
    cursor:pointer;
}

.view #PANO img.arr.left {
	left: 0px;
}
.view #PANO img.arr.right {
	right: 0px;
}

.view .text {
	position: absolute;
	top: 40px;
	left: 115px;
}
.view .caption {
	color: #FFF;
	position: absolute;
	bottom: 0;
	left: 5px;
}
.view #spPANO,
.view #spPANOWRAP {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 250px;
    margin:0 auto;
}


.view #spPANOBODY {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
}

.view #spPANOBODY img {
	height: 250px;
	max-width: none;
}


.view #spPANO-LOAD {
	position: absolute;
	width: 100%;
    max-width: 1320px;
	height: 250px;
	top: 0;
	left: 0;
	background-color: #FFF;
	/*background-image: url(../images/loading.gif);*/
	background-repeat: no-repeat;
	background-position: center;
	z-index: 20000;
}

.view #spPANOBTN {
	text-align: center;
	padding: 10px 0;
	background-color: #D6D6D6;
	margin: 5px 0;
	width: 100%;
}

.view #spPANOBTN img {
	margin: 0 5px;
}



.view #spPANO img.arr {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	-webkit-user-select: none;
    cursor:pointer;
}

.view #spPANO img.arr.left {
	left: 0px;
}
.view #spPANO img.arr.right {
	right: 0px;
}
#spContents .view img {
	width: auto;
}

#spContents .view .text {
	top: 15px;
	left: 10px;
}