/* CSS Document */

#sec01{
	background-image:url(../images/p01/bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	height:auto;
	padding:5% 2.5% 3.5%;
	position:relative;
	box-sizing:border-box;
}

div.attention{margin:auto; width:76%;}
div.attention p{color:#fff; text-align:left; font-size:11px;}
#title{margin-bottom:-0.5%; z-index:9999; position:relative;}
#ramen{position:relative;   margin:0 auto -12%; width:auto;}
#logo{position:relative;  margin:auto; width:auto;}

#sec01 img{display:block; max-width:100%;}
div.flex{display:flex; justify-content:space-between; margin:1.5% 0;}
#sec01 div.flex p{width:135px; color:#fff; display:block; font-size:12px;}


#spec{position:absolute; top:310px; left:0; padding:0 2.5%; box-sizing:border-box; width:800px; margin:auto;}
#spec div{background:rgba(0,0,0,0.3); width:260px; padding:0.5% 1.5% 1.5%; box-sizing:border-box;}
#spec div img{display: block; margin:1.5% auto;}
#spec div p{color:#fff; font-size:12px;}
#spec div:nth-child(odd){position:absolute; left:2.5%;}
#spec div:nth-child(even){position:absolute; right:2.5%;}
#spec div:nth-child(3),#spec div:nth-child(4){top:270px; position:absolute;}
#spec div:nth-child(3){height:170px;}
#spec div:nth-child(3) img{position:relative; top:-50px;}
#spec div:nth-child(3) p{position:relative; top:-40px;}

#gobo,#movie{position:absolute;}
#movie{left:15px; top:770px;}
#gobo{right:15px; top:765px;}