/* 042 */ #head_wrap .text { padding: 70px 0; } #head_wrap .text p { margin-bottom: 0;line-height:1.8em; } #head_wrap .text .main_txt { color: #333333; } #column_wrap .bg_wrap { background-color: #f6f5ef; } #column_wrap .bg_wrap .link_wrap { display: block; text-decoration: none; } #column_wrap .bg_wrap .link_wrap:hover .col_recipe .recipe_wrap { background-color: #ffe9ea; } #column_wrap .bg_wrap .col_recipe { float:left; width: 32.24%; padding:0 0 16px 1.63%;} #column_wrap .bg_wrap .col_recipe img { max-width:316px;; width:100%; vertical-align:middle; } #column_wrap .bg_wrap .odd { padding-left:0; } #column_wrap .bg_wrap .col_recipe .recipe_wrap { background-color:#fff; color:#333333; text-align:center; padding:0 5%; line-height: 1.6em;} #column_wrap .bg_wrap .col_recipe .recipe_category { background-color:#c4304c; color:#fff; text-align:center; padding:8px 0 7px; } #column_wrap .bg_wrap .col_recipe .recipe_text { color:#333333; text-align:center; padding:0 0 25px; line-height: 1.6em;} #column_wrap .bg_wrap .col_recipe .recipe_name { color:#333333; text-align:center; padding:24px 0 11px; line-height: 1.6em; display:block; font-size:128%; font-weight:bold; } #column_wrap .bg_wrap .col_recipe .recipe_btn { border-top:1px solid #e6e6e6; text-align:center; padding:16px 0 15px; } #column_wrap .bg_wrap .col_recipe .red_btn { background:url(../img/042/red_arr.png) no-repeat left center; padding-left: 11px; } #head_wrap .border_title { margin-bottom: 40px; } #head_wrap .border_title:after { top: 48%; } #head_wrap .text .top_image { margin-bottom: 35px; } #head_wrap .text .top_image img { max-width:100%; width: auto; vertical-align:middle; } #column_wrap .bg_wrap { background-color: #f6f5ef; } #column_wrap .bg_wrap { background-color: #f6f5ef; } #column_wrap .border_title:after { top: 63%; } #column_wrap .text { text-align: left;} #column_wrap .text_right.list { width: 44.7%; padding: 20px; border: 1px solid #ccc; background-color: #fff; } #column_wrap .section { padding: 72px 0 58px; } #column_wrap #section_01 .lead { margin-bottom: 30px; font-size: 128%; } #column_wrap #section_01 .text_right.list { border: 1px solid #ccc; background-color: #fcfcfa; } #column_wrap .text_right.list h4 span { font-weight: normal; } #column_wrap .list ul { padding-left: 5px; font-size: 100%; } #column_wrap .list ul li { line-height: 1.8; } #column_wrap .text_right.list ul li span { font-size: 85.71%; } #column_wrap .list ul li ul { padding-left: 0; margin-left: 2em; font-size: 100%; } #column_wrap .sub_section { margin-top: 42px; } #column_wrap .sub_title { margin-top: 72px; } #column_wrap .sub_section.list .lead { margin-bottom: 1em; font-weight: bold; border-bottom: 1px solid #cdcdcd; padding-bottom: 6px; } #column_wrap .sub_section.list .label_01 { width: 136px; } #column_wrap .sub_section.list .label_02 { width: 241px; } #column_wrap .sub_section.list .label_03 { width: 197px; } #column_wrap .sub_section.list .label_04 { width: 118px; } #column_wrap .sub_section.list .label_05 { width: 95px; } #column_wrap .sub_section.list .label_06 { width: 135px; } #column_wrap .sub_section.list .label_07 { width: 190px; } #column_wrap .sub_section.list .label_08 { width: 150px; } #column_wrap .sub_section.list .label_09 { width: 135px; } #column_wrap .sub_section.list .label_10 { width: 137px; } #column_wrap .sub_section.list .label_11 { width: 95px; } #column_wrap .sub_section.list .label_12 { width: 72px; } #column_wrap .sub_section.list .label_13, #column_wrap .sub_section.list .label_15 { width: 260px; } #column_wrap .sub_section.list .label_14 { width: 245px; } #column_wrap .sub_section.list .label_16 { width: 60px; } #column_wrap .sub_section.list img { display: block; margin-bottom: 0.8em; } #column_wrap .sub_section.list ol li + li { margin-top: 1.6em; } #column_wrap #section_01 .last_block { position: relative; } #column_wrap #section_01 .recipe_date { position: absolute; right: 0; bottom: 0; font-size: 86%;} .unit .pink_link { display: block; text-align: right; margin-top: 27px;} .unit .pink_link .arr { padding-left: 17px; background: url(../img/042/blue_arr.png) no-repeat left 50%; } .unit .pink_link:hover .arr { text-decoration: underline; } @media only screen and (max-width: 767px) { /*042*/ #footer_button_area .container { margin-top: 35px; } #contents_wrap { margin-bottom: 45px; } #contents_wrap .text { line-height: 1.5; } #head_wrap .text { padding: 45px 20px 45px; line-height: 1.5; } #head_wrap .text p { margin-bottom: 0; text-align: center; } #column_wrap .bg_wrap .col_recipe { float:none; width: 100%; padding:10px 0 16px;} #column_wrap .bg_wrap .col_recipe img { max-width:100%;; width:100%; } #column_wrap .bg_wrap .col_recipe .recipe_category { font-size:86%; } #column_wrap .bg_wrap .col_recipe .recipe_name { font-size:115%;} #column_wrap .bg_wrap .col_recipe .red_btn { background:url(../img/042/red_arr_x2.png) no-repeat left center; background-size: 6px auto; } #head_wrap .border_title { margin-bottom: 30px; } #head_wrap .border_title:after { top: 68%; } #head_wrap .top_image { margin-bottom: 36px; } #footer_button_area .container { margin-top: 35px; } #contents_wrap { margin-bottom: 45px; } #contents_wrap .text { line-height: 1.5; padding: 0 0 30px;} #head_wrap .text { padding: 40px 20px; line-height: 1.5; } #head_wrap .text p { margin-bottom: 0; text-align: center; } #column_wrap .text_right.list, #column_wrap .text_left.list { width: auto; padding: 15px; margin-top: 30px;} #column_wrap .text_right, #column_wrap .text_left { width: auto; } #column_wrap .border_title .title_text img { padding: 0 10px; } #column_wrap .list ul li { line-height: 1.714; } #column_wrap .section { padding: 50px 0; } #column_wrap #section_01 .text_right.list .second_sub_ttl { padding-top: 20px; } #column_wrap #section_01 .lead { margin-bottom: 18px; padding-bottom: 15px; } #column_wrap #section_01 .list ul + h4 { margin-top: 12px; } #column_wrap #section_01 { padding: 36px 0 40px; } #column_wrap #section_01 .last_block { padding-bottom: 35px;} #column_wrap .sub_section { margin-top: 30px; } #column_wrap .sub_section.list .label_01, #column_wrap .sub_section.list .label_02, #column_wrap .sub_section.list .label_03, #column_wrap .sub_section.list .label_04, #column_wrap .sub_section.list .label_05, #column_wrap .sub_section.list .label_06, #column_wrap .sub_section.list .label_07, #column_wrap .sub_section.list .label_08, #column_wrap .sub_section.list .label_09, #column_wrap .sub_section.list .label_10, #column_wrap .sub_section.list .label_11, #column_wrap .sub_section.list .label_12, #column_wrap .sub_section.list .label_13, #column_wrap .sub_section.list .label_14, #column_wrap .sub_section.list .label_15, #column_wrap .sub_section.list .label_16 { width: auto; max-width: 100%; height: 21px; } #column_wrap .sub_section.list ol li + li { margin-top: 2.2em; } .unit .pink_link .arr { padding-left: 17px; background: url(../img/042/blue_arr.png) no-repeat left center; display: inline; } }