@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap&subset=japanese');

#noushuku {
	min-width: 1160px;
	text-align: center;
	 color: #521513;
	 font-family: 'Noto Sans JP', sans-serif;
}
*{
	box-sizing: border-box;
}

/*************************************
	 mainvisual 
 **************************************/

#noushuku .mv {
	background: #FFFFFF url(../img/noushukukan/mv_bg.gif) ;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto;
	width: 100%;
	height: 807px;
	position: relative;
}

#noushuku .mv>div {
	background: url(../img/noushukukan/mv.png) no-repeat;
	background-size: cover;
	width: 1160px;
	height: 807px;
	margin: 0 auto;
	position: relative;
}
#noushuku .mv>div h1 {
    position: absolute;
    top: 15px;
    left: 27px;
}
#noushuku .mv>div p {
    position: absolute;
    bottom: 157px;
    left: 54px;
}
#noushuku .mv p.annotation {
    position: absolute;
    bottom: 30px;
    left: 50%;
	margin-left: -540px;
	color: #ffffff;
}
/*************************************
	 step 
 **************************************/
#noushuku .step {
	padding: 98px 0;
}
#noushuku .step h2 {
	margin-bottom: 45px;
}
#noushuku .step ul li {
	display: inline-block;
}
#noushuku .step ul li p {
	font-size: 25px;
	font-weight: 700;
	 color: #521513;
	 line-height: 1.3;
	 margin-top: 20px;
}
#noushuku .step ul li p span {
	font-weight: normal;
}
/*************************************
	 seibun 
 **************************************/
#noushuku .seibun {
/* 	background: url(../img/noushukukan/guide_seibun.jpg) no-repeat center top; */
	background: #FFFFFF;
	padding: 98px 0;
}
#noushuku .seibun>div {
	width: 1160px;
	height: 389px;
	margin: 0 auto;
	position: relative;
}
#noushuku .seibun>div>div {
	position: absolute;
}
#noushuku .seibun>div>p.name {
	position: absolute;
}
#noushuku .seibun>div>p.name {
    top: 216px;
    left: 216px;
	font-size: 18px;
	line-height: 1.5;
	color: #8d511d;
}
#noushuku .seibun>div>p.name span {
	display: block;
	font-size: 15px;
}
#noushuku .seibun>div .ico_new {
    top: 101px;
    left: 271px;
}
#noushuku .seibun>div .product {
    top: 113px;
    left: 374px;
}
#noushuku .seibun>div .data {
    top: 110px;
    left: 560px;
	text-align: left;
}
#noushuku .seibun>div .data p {
	font-weight: 500;
	font-size: 17px;
	color: #8d511d;
	margin-bottom: 10px;
	
}
#noushuku .seibun>div .data .small {
	font-size: 15px;
	font-weight: normal;
}
#noushuku .seibun table {
	font-size: 15px;
	width: 295px;
	border: 1px solid #867a6c;
	margin-bottom: 10px;
	color: #8d511d;
}
#noushuku .seibun table th {
	background: #f5ede7;
	width: 108px;
	padding: 5px 0 5px 16px;
	border-bottom: 1px solid #867a6c;
	border-right: 1px solid #867a6c;
	font-weight: normal;
}
#noushuku .seibun table td {
	padding: 10px 20px;
	border-bottom: 1px solid #867a6c;
}

/*************************************
	 line up 
 **************************************/
#noushuku .lineup {
	padding-bottom: 97px;
	background: #FFFFFF;
}

/*************************************
	 scene 
 **************************************/
#noushuku .scene {
/* 	background: url(../img/noushukukan/guide_scene.jpg) no-repeat center top; */
}
#noushuku .scene>div {
	width: 1160px;
	height: 870px;
	margin: 0 auto;
	position: relative;
}
#noushuku .scene>div>h2,
#noushuku .scene>div>div {
	position: absolute;
}
#noushuku .scene>div>h2 {
    top: 105px;
    left: 416px;
}
#noushuku .scene>div>.scene1 {
    top: 105px;
    left: 47px;
}
#noushuku .scene>div>.scene2 {
    top: 430px;
    left: 152px;
}
#noushuku .scene>div>.scene3 {
    top: 56px;
    right: 113px;
}
#noushuku .scene>div>.scene4 {
    top: 434px;
    right: 120px;
}

/*************************************
	 series 
 **************************************/
#noushuku .series {
	background: #FFFFFF;
	padding: 98px 0 48px 0;
}
#noushuku .series h2 {
	margin-bottom: 55px;
}
#noushuku .series ul li {
	display: inline-block;
	margin: 0 10px;
}
#noushuku .series ul li a{
	display: block;
	cursor: pointer;
}