@charset "UTF-8";

/* ----------------------------------------

First Shower Toilet in Japan

---------------------------------------- */
#anniversary{
	background-color:#000000;
}

#anniversary .contents-wrapper{
	background-color:#000000;
}

#anniversary .article-block{
	color:#ffffff;
}

/* header header-block */

#anniversary .header-block{
	margin:auto;
}

#anniversary .page-header-wrapper{
	overflow:hidden;
	width:100%;
	background-color:transparent;
}

#anniversary .page-header{
	margin-bottom:0;
/* 	border:solid 2px #c3b400; */
	width:1600px;
	height:800px;
}

#anniversary .page-header img{
	width:100%;
	height:auto;
}

#anniversary .page-header h1{
	position:absolute;
	top:0;
	left:0;
}

#anniversary .width1600-wrapper{
	overflow:hidden;
	width:100%;
	background-color:transparent;
}

#anniversary .width1600-block{
	float:none;
	margin-bottom:0;
	width:1600px;
}

#anniversary .section-block{
	position:relative;
	margin-bottom:30px;
/* 	background:#000000; */
/* 	page-break-after:always; */
	page-break-inside:avoid;
}

/* section-block 個別 */
#anniversary #anv_s010{
	margin-top:160px;
}


/* inner-section-full-width */
#anniversary .inner-section-full-width{
	background-color:#000000;
	background-image:url("/cn/images/50th_anniversary/anv_h1_bg.jpg");
	background-repeat:no-repeat;
	background-position:center 40.5%;
	position:relative;
	display:block;
	float:none;
	margin:0;
	box-sizing: border-box;
	width:100%;
	min-height:700px;
	height:auto;
	padding:0;
}

#anniversary .inner-section-full-width .text{
	position:static;
	display:block;
	margin:0 0 0 0;
	box-sizing: border-box;
	width:100%;
	padding:0 15px;
	text-align:center;
}

#anniversary .inner-section-full-width .text h1{
	display:block;
	margin:0 0 44px 0;
	width:auto;
	padding-top:66px;
	text-align:center;
}

#anniversary .inner-section-full-width .text h1 img{
	max-width:678px;
	width:100%;
}

#anniversary .inner-section-full-width .text .lead{
	display:block;
	margin:0 auto 28px auto;
	max-width:532px;
	width:auto;
	text-align:center;
	font-size:237%;
	line-height:1em;
}

#anniversary .inner-section-full-width .text .body{
	line-height:1.9em;
}


/* 50th logo／History button */
#anniversary .inner-section-full-width .anv-50-logo{
	position:absolute;
	top:90px;
	left:81%;

}

#anniversary .inner-section-full-width .anv-50-logo p{
	margin-bottom:33px;
}

#anniversary .inner-section-full-width .history-btn a{
	display:inline-block;
	background-color:#dbdbdc;
	padding:10px;
	line-height:1em;
	font-size:131%;
	font-weight:normal;
	color:#000000;
}

#anniversary .inner-section-full-width .history-btn a:hover,
#anniversary .inner-section-full-width .history-btn a:active{
	opacity:0.8;
	text-decoration:none;
}


/* inner-section-1170-width */
#anniversary .inner-section-1170-width{
	background-color:#000000;
/* 	background-image:url("/cn/images/50th_anniversary/anv_h1_bg.jpg");
	background-repeat:no-repeat;
	background-position:center 24%; */
	position:relative;
	display:block;
	float:none;
	margin:0 auto;
	box-sizing: border-box;
	max-width:1170px;
	width:auto;
	height:auto;
	padding:0;
}

#anniversary .inner-section-1170-width h2.block-heading{
	position:relative;
	z-index:1;
	display:inline-block;
	margin-left:-215px;
	margin-bottom:90px;
/* 	background-color:#000000; */
	background-image:url("/cn/images/50th_anniversary/anv_h2_bg.png");
	background-repeat:no-repeat;
	background-position:right bottom;
	padding:0 50px 15px 215px;
	font-weight:normal;
	font-size:243%;
	letter-spacing:0.1em;
	line-height:1.3em;
}

/* inner-section-1170-width h2.block-heading 個別 */
#anniversary #anv_s030 h2.block-heading{
	margin-top:176px;
	margin-bottom:880px;
}

#anniversary #anv_s040 h2.block-heading{
	margin-top:284px;
	margin-bottom:340px;
}


#anniversary .inner-section-1170-width .image{
	position:absolute;
	top:0;
	left:50%;
/* 	z-index:-1; */
}

#anniversary .inner-section-1170-width #anv_p010{
}

#anniversary .inner-section-1170-width #anv_p020{
	top:50px;
	left:auto;
	right:-3%;
}

#anniversary .inner-section-1170-width #anv_p030{
	top:0;
	left:auto;
	right:-19%;
}

#anniversary .inner-section-1170-width #anv_p040{
	top:0;
	left:auto;
	right:-8%;
}


/* chronology-block */
#anniversary .chronology-block{
	position:relative;
	z-index:1;
	display:block;
	margin:0;
	margin-bottom:120px;
	max-width:560px;
	width:auto;
}

#anniversary h3.block-heading{
	display:block;
	margin-bottom:7px;
	padding:0;
	color:#009de9;
	font-weight:normal;
	font-size:525%;
	line-height:1em;
}

#anniversary h3.block-heading span{
	white-space:nowrap;
	font-size:26%;
	line-height:1em;
}

#anniversary h4.block-heading{
	margin-bottom:0;
	color:#009de9;
	font-weight:normal;
	font-size:125%;
}

#anniversary .chronology-block p{
	margin-top:0;
	margin-bottom:12px;
	font-size:87%;
	line-height:1.7em;
	text-align:justify;
}

#anniversary .right-block{
	float:right;
}

#anniversary .double-image-block{
	box-sizing: border-box;
	padding:0;
}

#anniversary .double-image-block p{
	text-align:left;
	line-height:1.4em;
}

#anniversary .double-image-block #anv_p023{
	display:inline-block;
	width:53%;
	padding:0 2% 12px 0;
	vertical-align:top;
}

#anniversary .double-image-block #anv_p024{
	display:inline-block;
	width:41%;
	padding:0 0 12px 2%;
	vertical-align:top;
}

#anniversary .double-image-block img{
	width:auto;
	max-width:100%;
}


/* chita-plant */

#anniversary #chita-plant{padding-bottom:50px;
	background-image:url("/cn/images/50th_anniversary/anv_p050.jpg");
	background-position:center 0%;
}

#anniversary #chita-plant .text{
	position:relative;
	display:block;
	float:none;
	margin:0 auto;
	box-sizing: border-box;
	max-width:1170px;
	width:auto;
	height:auto;
	padding:0;
	text-align:left;
}

#anniversary #chita-plant .text h2.block-heading{
	position:relative;
	z-index:1;
	display:inline-block;
	margin-top:57px;
	margin-bottom:30px;
	padding:0;
}

#anniversary #chita-plant .text h2.block-heading img{
	max-width:270px;
	width:100%;
}

#anniversary #chita-plant .text h3.block-heading{
	display:block;
	margin-bottom:12px;
	max-width:560px;
	width:auto;
	padding:0;
	color:inherit;
	font-weight:normal;
	font-size:125%;
	line-height:1em;
}

#anniversary #chita-plant .text p{
	margin-bottom:12px;
	max-width:560px;
	width:auto;
	text-align:justify;
	line-height:1.4em;
}



@media screen and (max-width: 1600px){
	#anniversary .width1600-wrapper{
		width:100%;
	}

	#anniversary .width1600-block{
		width:100%;
	}

}

@media screen and (min-width: 0px) and (max-width: 1169px){
	#anniversary .page-header-wrapper{
		width:100%;
	}
	#anniversary .page-header{
		overflow:hidden;
		width:100%;
		height:auto;
	}

	#anniversary .inner-section-full-width .text{
		
	}

	#anniversary .inner-section-full-width .anv-50-logo{
		position:static;
		margin-bottom:30px;
	}

	#anniversary .inner-section-1170-width h2.block-heading,
	#anniversary .inner-section-1170-width h3.block-heading,
	#anniversary .inner-section-1170-width h4.block-heading,
	#anniversary .inner-section-1170-width p{
		margin-left:0;
		padding-left:15px;
		padding-right:15px;
	}

	#anniversary .chronology-block{
		max-width:49%;
	}

	#anniversary .double-image-block{
		padding:0 15px;
	}

	#anniversary #chita-plant{
		background-size:250% auto;
	}

	#anniversary #chita-plant .text h2.block-heading,
	#anniversary #chita-plant .text h3.block-heading,
	#anniversary #chita-plant .text p{
		max-width:49%;
		padding-left:15px;
		padding-right:15px;
	}

}

@media screen and (min-width: 0px) and (max-width: 800px){
	#anniversary .width1600-block{
		width:100%;
	}

	#anniversary .section-block{
		margin-top:0 !important;
	}

	#anniversary .inner-section-full-width{
		background-size:200% auto;
	}

	#anniversary #chita-plant{
		background-size:auto auto;
	}

	#anniversary .inner-section-1170-width h2.block-heading{
		margin-top:0 !important;
		margin-bottom:12px !important;
	}

	#anniversary #anv_p030 h2.block-heading{
		
	}


	#anniversary .inner-section-1170-width .image{
		position:static;
		text-align:center;
	}

	#anniversary .inner-section-1170-width #anv_p010 img{
		max-width:340px;
		width:100%;
		height:auto;
	}

	#anniversary .inner-section-1170-width #anv_p020 img{
		max-width:640px;
		width:100%;
		height:auto;
	}

	#anniversary .inner-section-1170-width #anv_p030 img{
		max-width:640px;
		width:100%;
		height:auto;
	}

	#anniversary .inner-section-1170-width #anv_p040 img{
		max-width:640px;
		width:100%;
		height:auto;
	}

	#anniversary .chronology-block{
		margin-bottom:60px;
		max-width:100%;
	}

	#anniversary .right-block{
		float:none;
		margin-top:0 !important;
	}

	#anniversary h3.block-heading span{
/* 		display:block;
		padding:0.5em 1em 0 1em; */
		white-space:nowrap;
	}

	#anniversary #chita-plant{
		background-position:center 20%;
		background-size:750% auto;
	}

	#anniversary #chita-plant .text h2.block-heading,
	#anniversary #chita-plant .text h3.block-heading,
	#anniversary #chita-plant .text p{
		max-width:100%;
	}

}





/* ----------------------------------------

print

---------------------------------------- */
@media print {
	#anniversary .header-block{
		margin:auto;
	}

	#anniversary .page-header img{
	}

	#anniversary .page-header h1{
		position:relative;
	}

	#anniversary .page-header .spec-prev-btn,
	#anniversary .page-header .owl-carousel,
	#anniversary .page-header .spec-next-btn{
		display:none !important;
	}

	.width1600-wrapper{
		position:relative !important;
		overflow:hidden !important;
		width:auto !important;
	}

	.width1600-block{
		position:relative !important;
		margin:0 !important;
		width:auto !important;
		padding:0 !important;
	}

	.section-block{
		margin-top:15px !important;
		margin-bottom:0 !important;
		width:auto !important;
	}

	#anniversary .inner-section-full-width{
		height:1200px;
	}

	#anniversary .inner-section-full-width .image{
		width:auto !important;
	}

	#anniversary .inner-section-full-width .anv-50-logo{
		left:77%;
	}

	#anniversary .inner-section-1170-width{}

	#anniversary .inner-section-1170-width h2.block-heading{
		margin-bottom:15px;
	}

	#anniversary .inner-section-1170-width h2.block-heading,
	#anniversary .inner-section-1170-width h3.block-heading,
	#anniversary .inner-section-1170-width h4.block-heading,
	#anniversary .inner-section-1170-width p{
		margin-left:0;
		padding-left:15px;
		padding-right:15px;
	}

	#anniversary #anv_s010 h2.block-heading,
	#anniversary #anv_s020 h2.block-heading,
	#anniversary #anv_s030 h2.block-heading,
	#anniversary #anv_s040 h2.block-heading{
		margin-top:15px;
		margin-bottom:30px;
	}

	#anniversary .chronology-block{
		margin-bottom:15px;
		max-width:49%;
	}

	#anniversary #chronology1976{
		margin-top:-500px !important;
	}

	#anniversary #chronology2001{
		margin-top:100px !important;
	}

	#anniversary #chronology2009{
		margin-top:-330px !important;
	}

	#anniversary #chronology1992{
		margin-top:-750px !important;
	}

	#anniversary #chronology1995{
		margin-top:-40px !important;
	}

	#anniversary #chronology2001c2{
	}

	#anniversary #chronology2016c1{
		float:none;
		margin-top:0 !important;
	}

	#anniversary #chronology2016c2{
		margin-top:-590px !important;
	}

	#anniversary .double-image-block{
		padding:0 15px;
	}

	#anniversary #chita-plant{
		height:auto;
		background-size:160% auto;
	}

	#anniversary #chita-plant .text h2.block-heading,
	#anniversary #chita-plant .text h3.block-heading,
	#anniversary #chita-plant .text p{
		max-width:49%;
		padding-left:15px;
		padding-right:15px;
	}

}