/* CSS Document */

/*page01*/

section{display:block; padding:0; position:relative;}
#sec01{position:relative; padding:1rem; box-sizing:border-box; width:800px;
background: url(../images/p01/bk.jpg);
background-repeat: no-repeat;
background-size :cover;
padding-bottom:32rem;
}
#sec01 div{position:absolute;}
#sec01 div.box1{bottom:30px; right:0; left:0; margin:auto; background:#fff; width:90%; padding:1.5%; box-sizing:border-box;}
#sec01 div.box1 img{width:100%; margin-bottom:1%;}

img#title-01{box-sizing:border-box; z-index:1; display:block; margin:0% auto; width:80%;}

#ramen {width:90%; display:block; margin:0% auto;}
#logo {width:50%; display:block; margin:-10rem auto 0rem;}

#sec02{width:100%; position:relative; padding:0; box-sizing:border-box; margin:0 auto; padding:0; box-sizing: border-box;}
#sec02 img{width:100%;}
#sec02 #title-02{position:relative; width:100%; margin:2rem auto; display: block;}
#sec02 p{font-size:15px; color:#fff; width:95%; margin:auto;/*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:150px; left:20px; z-index:3;
width: 220px;
height: ;
}

#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;}

#spec02{position:absolute; top:150px; right:20px; z-index:3;
width: 220px;
height: ;
}

#spec03{position:absolute; top:420px; left:20px; z-index:3;
width: 220px;
height: ;

}
#spec04{position:absolute; top:420px; right:20px; z-index:3;
width: 220px;
height: ;
}

#spec05{position:absolute; top:680px; z-index:;
width: ;
height: ;

}


.column {
	position:absolute; top:985px; left:3.8rem;
	width:290px;
	font-size:1.4rem;
	line-height:1.5;
	}
	
.specbk {
background: url(../images/p01/frame_bk.jpg) #FFF center;
background-repeat: no-repeat;
background-size :contain;
	}
	
.specbk	p{font-weight:bold; font-size:15px; line-height:1.6; margin:1rem auto; color:#006934; text-shadow:0px 0px 1px #fff,0px 0px 2px #fff,0px 0px 3px #fff;}