@charset "utf-8";

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

.top-section { }
.top-section .title { }

.nav-section { margin-top:20px; padding:0 0; }
.nav-section ul { text-align:center; }
.nav-section ul li { display:inline-block; vertical-align:top; padding-top:0; padding-left:15px; }
.nav-section ul li:first-child { padding-top:0; padding-left:0; }

.recipe-section { margin-top:30px; }
.recipe-section .recipe01 { padding:0 0 40px 0; background:url(../../images/sp/cp_dressing/recipe_bg01.gif) repeat-y center top; }
.recipe-section .recipe01 .title { }
.recipe-section .recipe01 ul { width:842px; margin:0 auto; padding-bottom:20px; background-color:#fff; text-align:center; }
.recipe-section .recipe01 ul li { display:inline-block; vertical-align:top; padding:20px 7px 0 7px; }

.recipe-section .recipe02 { margin-top:30px; padding:40px 0; background:url(../../images/sp/cp_dressing/recipe_bg02.gif) repeat-y center top; }
.recipe-section .recipe02 .title { }
.recipe-section .recipe02 ul { width:842px; margin:0 auto; padding-bottom:20px; background-color:#fff; text-align:center; }
.recipe-section .recipe02 ul li { display:inline-block; vertical-align:top; padding:20px 7px 0 7px; }

.extra-section { }
.extra-section .extra01 { padding-top:30px; }
.extra-section .extra01 ul { text-align:center; }
.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 { padding:10px 0; }
#contents .article { float:none; width:100%; margin:0 0 0 0; overflow:hidden; }

.top-section { }
.top-section .title { }

.nav-section { margin-top:20px; padding:0 20px; }
.nav-section ul { text-align:center; }
.nav-section ul li { display:block; vertical-align:top; padding-top:20px; padding-left:0; }
.nav-section ul li:first-child { padding-top:0; padding-left:0; }

.recipe-section { margin-top:30px; }
.recipe-section .recipe01 { padding-bottom:10px; background:url(../../images/sp/cp_dressing/recipe_bg01.gif) repeat-y center top; background-size:contain; }
.recipe-section .recipe01 .title { }
.recipe-section .recipe01 ul { width:94%; margin:0 auto; padding:0 5px 10px 5px; background-color:#fff; text-align:center; }
.recipe-section .recipe01 ul li { display:inline-block; vertical-align:top; padding-top:10px; padding:10px 7px 0 7px; width:50%; }

.recipe-section .recipe02 { padding-bottom:10px; background:url(../../images/sp/cp_dressing/recipe_bg02.gif) repeat-y center top; background-size:contain; }
.recipe-section .recipe01 .title { }
.recipe-section .recipe02 ul { width:94%; margin:0 auto; padding:0 5px 10px 5px; background-color:#fff; text-align:center; }
.recipe-section .recipe02 ul li { display:inline-block; vertical-align:top; padding-top:10px; padding:10px 7px 0 7px; width:50%; }

.extra-section { padding:0 10px; }
.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; }
}