/* CSS Document */

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

p.attention{margin:auto;}
p.attention{color:#fff; text-align:center; font-size:11px;}
#title-01{margin:0 auto; padding:2.5% 0; z-index:9999; position:relative; display:block;}
#title-02{margin:-2.5% auto 0; padding:0; z-index:9999; top:-5%; left:55%; position:relative;}
#ramen{position:relative;   margin:-10% auto 0%; width:auto; display:block;}
#logo{position:relative;  margin:auto; width:auto; display:block;}







div.flex{margin:1.5% 0;}
#sec01 div.flex p{width:135px; color:#fff; display:block; font-size:12px;}
#spec-box{display:flex; top:35%; position:absolute; justify-content:space-between; width:100%;}
#spec-box ul{padding:0 2.5%; box-sizing:border-box; height:100%; width:260px;}
ul.spec li{margin:0 0 7.5%;}
.spec li{display:block; height:100%; width:100%; padding:5.5%; background:rgba(255,255,255,0.8); box-sizing:border-box;}
.spec li img{min-width:70%; display:block; margin:1% auto 3.5%;}
.spec li p{font-size:11px;}

#movie_link{position:relative; display:block;}


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