/* CSS Document */

#sec01{
	height:auto;
	padding:2% 0 0;
	margin-bottom:-4.5%;
	position:relative;
}

.attention{position:absolute; color:#fff; writing-mode:vertical-rl; top:360px; left:10px; font-size:10.5px;}
#uspork{position:absolute; right:20px; top:20px;}
#special{position:absolute; right:20px; bottom:20px;}
#ramen{width:auto; margin:2% 0 0; width:620px;}
#sec01 img{display:block; margin-left:auto; margin-right:auto;}
.section-01{margin-top:-15%;}

.pepper{position:absolute; bottom:-50px; left:20px;}

.spec{background:rgba(255,255,255,1.0);position:absolute; width:210px; font-size:15px; color:#000; /*border-radius:20px;*/}
.spec img{padding:2.5% 0; position:absolute;}
.spec p{font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";font-size:13px; font-weight:bolder; margin-top:3.5%;  /*text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;        /* 文字の影 */}
dl.spec img{width:100%;}
#spe01{top:300px; left:30px; padding:8% 1.5% 1.5%;}
#spe02{top:300px; right:30px; padding:11% 1.5% 1.5%;}
#spe03{top:570px; left:30px; padding:11% 1.5% 1.5%;}
#spe04{top:650px; right:30px; padding:11% 1.5% 1.5%;}

#spe01 img{top:-70px; left:0px;}
#spe02 img{top:-70px; right:15px;}
#spe03 img{top:-60px; left:-5px;}
#spe04 img{top:-60px; right:25px;}



dl.spec2{background:rgba(255,255,255,0.8); padding:2.5%; position:absolute; width:450px; font-size:15px; color:#6a3906; border-radius:20px;}
dl.spec2 p{font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-weight:bolder; margin-top:2.5%;   text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;        /* 文字の影 */}
dl.spec2 img{width:100%;}
#spec-04{bottom:220px; left:20px;}

.title{z-index:9999; position:absolute; margin:auto; top:0px; left:0; right:0; width:42%;}

.logo{position:absolute; bottom:0; right:0; left:0; margin:auto;  z-index:100;}

.tate-title{position:absolute; width:auto; left:2.5%; bottom:1%; z-index:100;}