@charset "utf-8";

#contents .article { float:none; width:940px; margin:0 10px 0 10px; overflow:hidden; }

.top-section { position:relative; width:940px; height:810px; background:url(../../images/sp/cp_ajillo/bg_pc.png) no-repeat left top; }
.top-section .title { position:absolute; left:16px; top:12px; width:710px; }
.top-section .fig { position:absolute; left:8px; top:161px; width:425px; margin-top:0; }
.top-section .catch { position:absolute; left:90px; top:425px; width:940px; padding:0;  }
.top-section .catch li { display:inline-block; vertical-align:top; width:173px; padding:0 0 0 17px; }
.top-section .catch li:first-child { padding-left:0; }
.top-section .howto { position:absolute; left:34px; top:510px; width:523px; padding-top:0; }

.recipe-section { margin-top:30px; }
.recipe-section .recipe-inner { width:940px; background:url(../../images/sp/cp_ajillo/waku_back.gif) repeat-y center top; padding-bottom:30px; }
.recipe-section .recipe-inner:before { content:url(../../images/sp/cp_ajillo/waku_top.gif); }
.recipe-section .recipe-inner:after { content:url(../../images/sp/cp_ajillo/waku_bottom.gif); position:relative; bottom:-30px; }

.recipe-section .recipe01 { padding-top:30px; text-align:center; }
.recipe-section .recipe01 ul { }
.recipe-section .recipe01 ul li { display:inline-block; vertical-align:top; padding-top:0; padding-left:30px; }
.recipe-section .recipe01 ul li:first-child { padding-top:0; padding-left:0; }

.recipe-section .recipe02 { padding-top:15px; text-align:center; }
.recipe-section .recipe02 ul { margin-left:-15px; }
.recipe-section .recipe02 ul li { display:inline-block; vertical-align:top; padding-top:15px; padding-left:15px; }

.recipe-section .recipe03 { padding-top:15px; text-align:center; }
.recipe-section .recipe03 ul { }
.recipe-section .recipe03 ul li { display:inline-block; vertical-align:top; padding-top:15px; }

.recipe-section .recipe04 { padding-top:15px; text-align:center; }
.recipe-section .recipe04 ul { margin-left:-15px; }
.recipe-section .recipe04 ul li { display:inline-block; vertical-align:top; padding-top:15px; padding-left:15px; }
.recipe-section .recipe04 ul li:nth-last-child(3) { position:relative; margin-top:-45px; }
.recipe-section .recipe04 ul li.forPC { display:inline-block; }
.recipe-section .recipe04 ul li.forSP { display:none; }

.extra-section { }
.extra-section .extra01 { padding-top:30px; }
.extra-section .extra01 ul { }
.extra-section .extra01 ul li { display:inline-block; vertical-align:top; padding-top:15px; }

.extra-section .extra02 { padding-top:15px; }
.extra-section .extra02 ul { }
.extra-section .extra02 ul li { display:inline-block; vertical-align:top; padding-top:15px; padding-left:20px; }
.extra-section .extra02 ul li:first-child { padding-left:10px; }



@media screen and (max-width: 736px) {
img { width:100%; height:auto; }

#contents .article { float:none; width:100%; margin:0 0 0 0; overflow:hidden; }

.top-section { position:static; width:100%; height:auto; background:url(../../images/sp/cp_ajillo/bg_sp.gif) no-repeat center bottom; background-size:contain; }
.top-section .title { position:static; left:16px; top:12px; width:auto; }
.top-section .fig { position:static; left:8px; top:161px; width:auto; margin-top:-5px; }
.top-section .catch { position:static; left:90px; top:425px; width:auto; padding:5px 15px 0 15px; }
.top-section .catch li { display:inline-block; vertical-align:top; width:50%; padding:5px 5px 0 5px; box-sizing:border-box; }
.top-section .catch li:first-child { padding-left:10px; }
.top-section .howto { position:static; left:34px; top:510px; width:auto; padding-top:15px; }

.recipe-section { margin-top:0; }
.recipe-section .recipe-inner { width:100%; background:none; padding-bottom:0; }
.recipe-section .recipe-inner:before { content:none; }
.recipe-section .recipe-inner:after { content:none; position:static; bottom:0; }

.recipe-section .recipe01 { padding-top:30px; text-align:center; }
.recipe-section .recipe01 ul { }
.recipe-section .recipe01 ul li { display:inline-block; vertical-align:top; padding-top:15px; padding-left:0; width:100%; }
.recipe-section .recipe01 ul li:first-child { padding-top:0; padding-left:0; }

.recipe-section .recipe02 { padding-top:15px; text-align:center; }
.recipe-section .recipe02 ul { margin-left:-15px; }
.recipe-section .recipe02 ul li { display:inline-block; vertical-align:top; padding-top:15px; padding-left:15px; width:50%; }

.recipe-section .recipe03 { padding-top:15px; text-align:center; }
.recipe-section .recipe03 ul { }
.recipe-section .recipe03 ul li { display:inline-block; vertical-align:top; padding-top:15px; width:36.5%; }
.recipe-section .recipe03 ul li:nth-child(2) { width:27%; }

.recipe-section .recipe04 { padding-top:15px; text-align:center; }
.recipe-section .recipe04 ul { margin-left:-15px; }
.recipe-section .recipe04 ul li { display:inline-block; vertical-align:top; padding-top:15px; padding-left:15px; width:50%; }
.recipe-section .recipe04 ul li:nth-last-child(3) { position:static; margin-top:0; }
.recipe-section .recipe04 ul li:last-child { width:100%; }
.recipe-section .recipe04 ul li.forPC { display:none; }
.recipe-section .recipe04 ul li.forSP { display:inline-block; }

.extra-section { }
.extra-section .extra01 { padding-top:30px; }
.extra-section .extra01 ul { }
.extra-section .extra01 ul li { display:inline-block; vertical-align:top; padding-top:0; width:100%; }

.extra-section .extra02 { padding-top:15px; }
.extra-section .extra02 ul { }
.extra-section .extra02 ul li { display:inline-block; vertical-align:top; padding-top:15px; padding-left:0; width:100%; }
.extra-section .extra02 ul li:first-child { padding-left:0; }
}