/* CSS Document */



/*page01*/



.attention{font-size:12px; text-align:center; color:#000; margin:1.5% 0; width:90%; margin:1rem auto;}



.title-02{width:100%; margin:-1rem auto 0; display: block; position:relative; z-index:5;}

#sec04{

font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;  text-align:left;font-weight:bold;

}

#ramen{width:100%; margin:-6rem auto -4rem; display: block; z-index:2; position:relative;}

#logo{width:70%; margin:0% auto 0; display: block; z-index:100; position:relative;}



#ufo{position:absolute; top:5%; right:5%; width:10%; z-index:7;}

#attention{position:absolute; bottom:3%; left:2%; z-index:6;}



.spec{font-size:1.5vw; line-height:2vw; position:absolute; z-index:300;}

#spec01{top: 28%; right: 60%; left: 25%;}

#spec02{top: 55%; right: 60%; left: 25%;}

#spec03{top: 28%; right: 20%; left: 65%;}

#spec04{top: 55%; right: 20%; left: 65%;}



#sec01{position:relative;

background:no-repeat url("../images/p01/bg.jpg");

background-size:100% 100%;

width:100%;

margin:0 auto 1%;

padding:0.5rem 0.5rem 2rem;

/* z-index:-10; */

}

#sec01 p{width:95%; margin:2% auto; color:#fff;}



#sec02{width:100%; position:relative; box-sizing:border-box; background:; margin:-0.5% auto 1.5%; padding:0; box-sizing: border-box; z-index:9999;}

#offer{display:block; width:95%; margin:-12% auto 0;}

#sec02 p{width:93%; margin:1% auto 2.5%; position:relative; color:#fff; z-index:10; text-align:left;}

#sec02 p span{color:#FFE500; font-weight:bold;}

#date{width:90%; margin:3% auto 0; display:block;}





.attention2 {font-size:12px; color:#FFF; text-align:center; z-index:100; position:relative;}



.image04{position:absolute; z-index:0; top:40px; left:10px; width:30%;}

.image05{position:absolute; z-index:0; top:40px; right:10px; width:30%;}

.image06{position:absolute; z-index:0; top:360px; left:10px; width:30%;}

.image07{position:absolute; z-index:0; top:320px; right:10px; width:30%;}