@charset "utf-8";
/* ========================================
    Index
======================================== */
.pageContents { padding-bottom: 0; }

/* ======== breadcrumb ======== */
.breadcrumb {
	width: auto;
	margin-bottom: 0;
	padding-bottom: 15px;
}
.breadcrumb nav {
	width: 1200px;
	margin: 0 auto;
	padding-top: 15px;
}
.pageContents--index {
	width: auto;
}

/* ======== historyroll ======== */
.historyroll {  }
@media screen and (max-width: 1200px) {
	.historyroll {
		width: 1200px;
	}
}
.historyroll {  }
.historyroll img { vertical-align: top; }
.historyroll button { background: none; border: none; }

.historyroll__wrap {
	position: relative;
	margin: 0;
}

/* Frame */
.historyroll__frame {
	height: 800px;
	overflow: hidden;
}
.historyroll__frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 50px;
}
.historyroll__frame ul li {
	float: left;
	position: relative;
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(../img/index_bg_02.png) repeat-x 0 0;
}
/*
.historyroll__frame ul li.active {
	color: #fff;
	background: #a03232;
}
*/
.historyroll__catch {
	position: absolute;
	top: 50px;
	left: 30px;
}
.historyroll__photo {
	position: absolute;
	top: 50px;
	left: 110px;
}
.historyroll__decade {
	margin: 0;
	padding: 504px 0 0 30px;
}
.historyroll__decadeDd {
	margin: 0;
	padding: 0;
}
.historyroll__explanation {
	position: absolute;
	top: 0;
	left: 0;
}
.historyroll__slide--01 {
	width: 1200px;
}
.historyroll__h1 {
	margin: 0;
	font-size: 1px;
	line-height: 1;
}
/* historyroll__slide--02 */
.historyroll__slide--02 {
	width: 590px;
}
.historyroll__catch--02 {
	top: 50px;
	left: 170px;
}
.historyroll__photo--02a {
	top: 134px;
	left: 250px;
}
.historyroll__photo--02b {
	top: 376px;
	left: 395px;
}
.historyroll__slide--02 .historyroll__decade {
	padding-left: 170px;
}
/* historyroll__slide--03 */
.historyroll__catch--03 {
	top: 258px;
	left: 30px;
}
.historyroll__photo--03a {
	top: 50px;
	left: 110px;
	z-index: 1;
}
/* historyroll__slide--04 */
.historyroll__catch--04 {
	top: 419px;
	left: -277px;
}
.historyroll__photo--04a {
	top: 297px;
	left: -74px;
}
.historyroll__photo--04b {
	top: 114px;
	left: 99px;
}
/* historyroll__slide--05 */
.historyroll__slide--05 {
	width: 450px;
}
.historyroll__catch--05 {
	top: 120px;
}
.historyroll__photo--05a {
	top: 214px;
	left: 85px;
}
.historyroll__photo--05b {
	top: 89px;
	left: 278px;
}
/* historyroll__slide--06 */
.historyroll__slide--06 {
	width: 450px;
}
.historyroll__photo--06a {
	top: 128px;
	left: 111px;
}
.historyroll__photo--06b {
	top: 349px;
	left: 185px;
}
/* historyroll__slide--07 */
.historyroll__slide--07 {
	width: 450px;
}
.historyroll__catch--07 {
	top: 50px;
}
.historyroll__photo--07a {
	top: 89px;
	left: 99px;
}
.historyroll__photo--07b {
	top: 331px;
	left: 247px;
}
/* historyroll__slide--08 */
.historyroll__slide--08 {
	width: 450px;
}
.historyroll__catch--08 {
	top: 145px;
}
.historyroll__photo--08a {
	top: 68px;
	left: 322px;
}
.historyroll__photo--08b {
	top: 301px;
	left: 105px;
}
/* historyroll__slide--09 */
.historyroll__slide--09 {
	width: 450px;
}
.historyroll__catch--09 {
	top: 160px;
	left: 60px;
}
.historyroll__photo--09a {
	top: 240px;
	left: 91px;
}
/* historyroll__slide--10 */
.historyroll__slide--10 {
	width: 450px;
}
.historyroll__catch--10 {
	top: 90px;
	left: 60px;
}
.historyroll__photo--10a {
	top: 168px;
	left: 106px;
}

.historyroll__to1920,
.historyroll__prevPage,
.historyroll__nextPage { padding: 0; position: absolute; top: 50%; outline: none; }
.historyroll__prevPage,
.historyroll__nextPage { margin-top: -37px; }
.historyroll__to1920 { margin-top: -54px; right: 18%; }
.historyroll__prevPage { left: 3.5333333%; }
.historyroll__nextPage { right: 3.5333333%; }
.historyroll__prevPage img,
.historyroll__nextPage img { display: inline; }
.historyroll__prevPage.disabled img,
.historyroll__nextPage.disabled img { display: none; cursor: default; }

/* Controls */
.historyroll__controls { margin: 0; text-align: center; }

/* Effects */
.effects {
	height: 200px;
	line-height: 200px;
	-webkit-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
	-webkit-perspective-origin: 50% 50%;
	-ms-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
	overflow-y: show;
}
.effects ul {
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.effects ul li {
	position: relative;
	margin: 0 -20px;
	-webkit-transform: rotateY(60deg) scale(0.9);
	-ms-transform: rotateY(60deg) scale(0.9);
	transform: rotateY(60deg) scale(0.9);
	-webkit-transition: -webkit-transform 300ms ease-out;
	transition: transform 300ms ease-out;
}
.effects ul li.active {
	z-index: 10;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.effects ul li.active ~ li {
	-webkit-transform: rotateY(-60deg) scale(0.9);
	-ms-transform: rotateY(-60deg) scale(0.9);
	transform: rotateY(-60deg) scale(0.9);
}

/* ui-tooltip */
.ui-tooltip { z-index: 100; color: #fff; border: 3px solid #fff; padding: 26px 30px 25px; width: 434px; background: url(../img/index_bg_ui-tooltip.png) 0 0; line-height: 1.571428571; }
.ui-tooltip strong { display: block; font-weight: bold; margin-bottom: 22px; }


/* ========================================
    Print
======================================== */
@media print{
	body.printWide .catTitle{
		width:1200px;
		min-width:1200px;
		height:110px;
	}
	.catTitle__btn {
		display: none;
	}
	body.printWide .catTitle .catTitle__img{
		width:1500px;
		height:110px;
		margin-left:-150px;
	}
	body.printWide .contents--fullWidth {
		width: 1200px;
		padding: 0;
	}

	body.printWide .sec--project02,
	body.printWide .sec--project04 {
		page-break-before: always;
	}

}