/* CSS Document */

/*page01*/




section{display:block; padding:0; position:relative;}
#sec01{position:relative; padding:2.5%; box-sizing:border-box;
background: url(../images/p01/sec01back.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
height:880px;
}
#sec01 img#title-01{position:relative; box-sizing:border-box; z-index:1; display:block; margin:auto;}
#sec01 img#name{position:relative; z-index:1; display:block; padding-left: 2rem; padding-top:2rem;}
#sec01 img#ramen{display:block; position:absolute; z-index:0; top:150px; left: 0;
  right: 0;
  margin: auto;width:60%;}
#sec01 img#logo{position:absolute; z-index:1; top:500px;  left: 0;
  right: 0;
  margin: auto;width:40%;}
#sec01 img#chashu {
	position:absolute; z-index:1; top:650px;  left: 0;
  right: 0;
  width:98%;margin: auto;
	}

#sec02{width:100%; position:relative; padding:0 2.5% 0; box-sizing:border-box; background:; margin:0 auto;}
#sec02 #title-02{position:relative; width:769px; margin:0 auto; display: block;}
#sec02 p{font-size:15px; color:#fff; filter: drop-shadow(0 0 4px black);}

#sec03 #image-01{width:200px; margin-left:2%;}


#sec03{width:95%; position:relative; box-sizing:border-box; margin:3% auto 2%;}
#sec03 img#block-01{width:100%; margin:0;}
#sec03 div{font-size:14px; position:absolute; top:-15px; left:10px; box-sizing:border-box; margin:3% auto; padding:1%;}
#sec03 div img{margin-right:1%;}
#sec03 div p{padding:0 1% 1%;}

#sec04{width:95%; position:relative; box-sizing:border-box; margin:0 auto 3%;}
#sec04 img#block-02{width:100%; margin:0;}
#sec04 img#image-02{font-size:14px; position:absolute; top:-20px; left:65px; box-sizing:border-box; margin:3% auto; padding:1%;}
#sec04 div{position:absolute; top:73px; left:67px; box-sizing:border-box; margin:3% auto; padding:1%;}
#sec04 div img{margin-right:1%;}
#sec04 div p{padding:0 1% 1%;}

#shoyu{position:absolute; bottom:-60px; right:-15px; width:80px; z-index: 999;}

.detail{font-size:12px; background:#fff; padding:1.5%; width:155px; margin-right:2.5%;}


#spec01{position:absolute; top:120px; left:20px; z-index:3;
width: 220px;
height: ;
background: url(../images/p01/spec-a.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
}
#spec01 h4,#spec02 h4,#spec03 h4,#spec04 h4{width: 80%; margin:1rem auto; font-size:20px; color:#FF0; text-align:center;}
#spec01 p,#spec02 p,#spec03 p,#spec04 p{width: 80%; margin:1rem auto 2rem; font-size:14px; color:#fff;}

#spec02{position:absolute; top:120px; right:20px; z-index:3;
width: 220px;
height: ;
background: url(../images/p01/spec-a.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
}
#spec03{position:absolute; top:400px; left:20px; z-index:3;
width: 220px;
height: ;
background: url(../images/p01/spec-a.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
}
#spec04{position:absolute; top:400px; right:20px; z-index:3;
width: 220px;
height: ;
background: url(../images/p01/spec-a.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
}