/* CSS Document */



/*page01*/



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



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

#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:0rem auto 0rem; display: block; z-index:2; position:relative; padding-top:;}

#logo{width:100%; 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: 0%; right: 80%; left: 5%;}

#spec02{top: 0%; right: 5%; left: 80%;}

#spec03{top: 68%; right: 80%; left: 5%;}

#spec04{top: 68%; right: 42.5%; left: 42.5%;}

#spec05{top: 68%; right: 5%; left: 80%;}



#exampleModal1 div.modal-content{background-color:#FFF;}

#exampleModal2 div.modal-content{background-color:#FFF;}

#exampleModal3 div.modal-content{background-color:#FFF;}

#exampleModal4 div.modal-content{background-color:#FFF;}

#exampleModal5 div.modal-content{background-color:#FFF;}





#exampleModal1 div.modal-content p,#exampleModal2 div.modal-content p,#exampleModal3 div.modal-content p,#exampleModal4 div.modal-content p,#exampleModal5 div.modal-content p{color:#000; font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight:300;}



#exampleModal2 div.cap{font-size: 0.8rem; line-height:;}





#sec01{position:relative;

background:#fff;

background-size:auto 100%;

width:100%;

margin:0 auto 1%;

padding:2rem 0 1.5rem;

/* z-index:-10; */

color:#000; font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight:300;}



.shosai{width:95%; margin: 3.5rem auto;}

.cap{font-size: 0.8rem; line-height:;}



#sec02{width:100%; position:relative; box-sizing:border-box; background:no-repeat url("../images/p02/bg.jpg") center center;

background-size:100% 100%; margin:-0.5% auto 1.5%; padding:2.5%; box-sizing: border-box; z-index:0; }

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

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

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

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







.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%;}