/* CSS Document */



/*page01*/



p.attention{font-size:12px; text-align:center; color:#fff; 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 -4rem; display: block; z-index:2; position:relative;}

#logo{width:80%; 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: 20%; right: 55%; left: 30%;}

#spec02{top: 25%; right: 40%; left: 45%;}

#spec03{top: 40%; right: 70%; left: 15%;}

#spec04{top: 40%; right: 40%; left: 45%;}

#spec05{top: 56%; right: 55%; left: 30%;}

#spec06{top: 50%; right: 25%; left: 60%;}



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

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

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

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

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

#exampleModal6 div.modal-content{background-color:#E60020;}



#exampleModal1 div.modal-content p,#exampleModal2 div.modal-content p,#exampleModal3 div.modal-content p,#exampleModal6 div.modal-content p{color:#fff; font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; font-weight:300;}



#exampleModal4 div.modal-content p,#exampleModal5 div.modal-content p{color:#6A3906; font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; font-weight:300;}





#sec01{position:relative;

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

background-size:auto 100%;

width:100%;

margin:0 auto 1%;

padding:0 0 1.5rem;

/* z-index:-10; */

}





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