/* CSS Document */

#sec01{
	background-size:cover;
	background-repeat:repeat-y;
	background-image:url("../images/p01/frame01.png"),url("../images/p01/bg.png"),radial-gradient(#991d21, #4a090a 80%);
	background-size:95%,100%,100%;
	background-position: center;
	background-repeat:no-repeat;
	height:auto;
	padding:2%;
	position:relative;
}

dl.attention{color:#fff; font-size:14px; position:absolute; bottom:30px; left:35px;}
.karasa{font-size:22px; color:#fff; position:absolute; top:40px; right:60px; font-weight:bold; line-height:1.3;}
#sec01 img.logo{position:absolute; bottom:70px; left:20px;}

.title{padding:2%;}
.ramen{position:relative; left:140px; top:110px;}

dl.spec{background:rgba(255,255,255,0.8); padding:4.5%; width:240px; font-size:14px; color:#000; margin-bottom:4.5%;}
dl.spec p{font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight:bold; margin-top:3.5%;}
dl.spec img{max-width:100%;}

.spec-box{position:relative; margin-top:110px; right:-25px;}
.african-logo{position:absolute; top:50px; left:25px; z-index:9999;}

#sec02{}
#sec02 div{width:50%; position:relative; padding:2.5% 2.5% 1% 2.5%;}
#sec02 div img.ramen{max-width:90%; position:static; margin:auto; display:block;}
#sec02 div dl{width:90%;}
.mark{position:absolute; right:10px; top:200px;}

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

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


div#american{background-image:url("../images/p01/frame02.png"),url("../images/p01/bg.png"),radial-gradient(#4777a8, #0c1531 80%); background-size:95%,100%,100%;
	background-position: center;
	background-repeat:no-repeat;}
div#normal{background-image:url("../images/p01/frame02.png"),url("../images/p01/bg.png"),radial-gradient(#eb5a02, #c7000b 80%); background-size:95%,100%,100%;
	background-position: center;
	background-repeat:no-repeat;}