.cooking_basics_controller .grid3 { margin-left: -8px; *zoom: 1; }

.cooking_basics_controller .grid3:after { content: ""; display: block; clear: both; }

.cooking_basics_controller .grid3 .grid { float: left; width: 204px; margin-left: 8px; }

.cooking_basics_controller .card_block { display: block; border: 1px solid #ddd; box-shadow: 0px 1px 2px 0px #f5f3eb; text-decoration: none; border-radius: 5px; margin-bottom: 8px; }

.cooking_basics_controller .card_block:hover img { opacity: 0.9; }

.cooking_basics_controller .card_block:hover .card_title { text-decoration: underline; }

.cooking_basics_controller .card_block .inner_wrapper { min-height: 86px; padding: 8px; }

.cooking_basics_controller .card_block .inner_wrapper .card_title { font-size: 122%; line-height: 130%; font-weight: 600; }

.cooking_basics_controller .card_block .inner_wrapper .card_summary { font-size: 86%; padding-top: 5px; color: #666; }

.cooking_basics_controller .card_block img { border-radius: 5px 5px 0 0; width: 100%; }

.pc.cooking_basics_controller .bold { font-weight: 600; }

.pc.cooking_basics_controller.category_action h1.title_border { margin-top: 0; }

.pc.cooking_basics_controller h1.title_border { padding-left: 10px; }

.pc.cooking_basics_controller .card_block img { min-height: 202px; }

.pc.cooking_basics_controller .menu_grid4 { margin-left: 0px; *zoom: 1; }

.pc.cooking_basics_controller .menu_grid4:after { content: ""; display: block; clear: both; }

.pc.cooking_basics_controller .menu_grid4 .grid { float: left; width: 157px; margin-left: 0px; }

.pc.cooking_basics_controller .menu_grid4 .grid { padding: 5px 0; }

.pc.cooking_basics_controller .menu_grid4 .grid a { text-decoration: none; }

.pc.cooking_basics_controller .menu_grid4 .grid .icon_font { line-height: 32px; font-size: 16px; display: block; }

.pc.cooking_basics_controller .menu_grid4 .grid .icon_font.icf_vegetable { color: #96bc13; }

.pc.cooking_basics_controller .menu_grid4 .grid .icon_font.icf_vegetable.fruit { color: #ffa178; }

.pc.cooking_basics_controller .menu_grid4 .grid .icon_font.icf_fish { color: #8ba7d5; }

.pc.cooking_basics_controller .menu_grid4 .grid .icon_font.icf_meat { color: #ff9933; }

.pc.cooking_basics_controller .menu_grid4 .grid .icon_font.icf_salt { color: #6eb7db; }

.pc.cooking_basics_controller .menu_grid4 .grid .icon_font.icf_beginner { color: #f6d580; }

.pc.cooking_basics_controller .menu_grid4 .grid .icon_font.icf_cookwear { color: #e38692; }

.pc.cooking_basics_controller .menu_grid4 .grid .icon_font.icf_bread { color: #71411a; }

.pc.cooking_basics_controller .menu_grid4 .grid .icon_font.icf_camera { color: #717171; }

.pc.cooking_basics_controller .menu_grid4 .grid .icon_font.icf_other { color: #717171; }

.pc.cooking_basics_controller .menu_grid4 .grid .icon_font:before { font-size: 32px; }

.pc.cooking_basics_controller .menu_grid4 .grid .icon_font span { color: #401c00; font-weight: 600; }

.smart_phone.cooking_basics_controller .header-toggle { font-size: 17px; color: #401c00; font-weight: 600; padding-left: 12px; border-left: 6px solid #ff9933; }

.smart_phone.cooking_basics_controller .folded-content { padding-top: 10px; }

.smart_phone.cooking_basics_controller .grid_4 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.smart_phone.cooking_basics_controller .grid_4 .grid_item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; line-height: 1; width: 20%; text-align: center; margin: 0; box-sizing: border-box; }

.smart_phone.cooking_basics_controller .grid_4 .grid_item a { display: block; border: 1px solid #eee; margin: -1px 0 0 -1px; width: 100%; padding: 6px 3px; text-decoration: none; overflow: hidden; }

.smart_phone.cooking_basics_controller .grid_4 .grid_item .icon_font { width: 100%; }

.smart_phone.cooking_basics_controller .grid_4 .grid_item .icon_font:before { font-size: 35px; display: block; }

.smart_phone.cooking_basics_controller .grid_4 .grid_item .icon_font.icf_vegetable { color: #96bc13; }

.smart_phone.cooking_basics_controller .grid_4 .grid_item .icon_font.icf_vegetable.fruit { color: #ffa178; }

.smart_phone.cooking_basics_controller .grid_4 .grid_item .icon_font.icf_fish { color: #8ba7d5; }

.smart_phone.cooking_basics_controller .grid_4 .grid_item .icon_font.icf_meat { color: #ff9933; }

.smart_phone.cooking_basics_controller .grid_4 .grid_item .icon_font.icf_salt { color: #6eb7db; }

.smart_phone.cooking_basics_controller .grid_4 .grid_item .icon_font.icf_beginner { color: #f6d580; }

.smart_phone.cooking_basics_controller .grid_4 .grid_item .icon_font.icf_cookwear { color: #e38692; }

.smart_phone.cooking_basics_controller .grid_4 .grid_item .icon_font.icf_bread { color: #71411a; }

.smart_phone.cooking_basics_controller .grid_4 .grid_item .icon_font.icf_camera { color: #717171; }

.smart_phone.cooking_basics_controller .grid_4 .grid_item .icon_font.icf_other { color: #717171; }

.smart_phone.cooking_basics_controller .grid_4 .grid_item .text { font-size: 79%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 5px 0 0 0; color: #66645a; font-weight: 600; }

.smart_phone.cooking_basics_controller h3.cooking_basics_category_title { font-size: 129%; font-weight: 600; padding: 10px 10px 0 10px; }

.smart_phone.cooking_basics_controller .card_list { padding: 8px 4px; }

.smart_phone.cooking_basics_controller .grid { float: left; box-sizing: border-box; width: 50%; margin: 0; padding: 4px; }

.smart_phone.cooking_basics_controller .card_block { margin: 0; }

.smart_phone.cooking_basics_controller .card_block .inner_wrapper .card_title, .smart_phone.cooking_basics_controller .card_block .inner_wrapper .card_summary { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.smart_phone.cooking_basics_controller .card_block img { min-height: 146px; }

.smart_phone.cooking_basics_controller .carousel_menu { *zoom: 1; padding: 10px 0 10px 5px; }

.smart_phone.cooking_basics_controller .carousel_menu:after { content: ""; display: block; clear: both; }

.smart_phone.cooking_basics_controller .carousel_menu.without_margin { padding: 0; }

.smart_phone.cooking_basics_controller .carousel_menu .slider_wrapper { z-index: 1; width: 100%; overflow: hidden; }

.smart_phone.cooking_basics_controller .carousel_menu ul { overflow: scroll; -webkit-overflow-scrolling: touch; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-lines: single; -moz-box-lines: single; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; }

.smart_phone.cooking_basics_controller .carousel_menu li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: auto; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 5px; line-height: 20px; }

.smart_phone.cooking_basics_controller .carousel_menu li.navigation a { display: inline-block; border: 1px solid #eee; padding: 3px 10px; border-radius: 20px; text-decoration: none; background: #401c00; color: #fff; }

.smart_phone.cooking_basics_controller .carousel_menu li .card_block { width: 140px; }

.smart_phone.cooking_basics_controller .carousel_menu li .card_block img { min-height: auto; }

.smart_phone.cooking_basics_controller .carousel_menu li .card_block .inner_wrapper { min-height: 40px; }

.smart_phone.cooking_basics_controller .carousel_menu li .card_block .card_title { font-size: 100%; }

.smart_phone.cooking_basics_controller .carousel_menu li .card_block .card_summary { display: none; }

.smart_phone.cooking_basics_controller .carousel_menu li.more a { text-decoration: none; width: 100px; }

.smart_phone.cooking_basics_controller .carousel_menu li.more .arrow { width: 40px; height: 40px; border-radius: 20px; background: #faf9f4; border: 1px solid #eae8e3; color: #99958a; font-size: 18px; text-align: center; line-height: 40px; margin: 0 auto; margin-top: 70px; font-weight: 600 !important; }

.smart_phone.cooking_basics_controller .carousel_menu li.more .text { font-size: 122%; padding-top: 10px; color: #66645a; font-weight: 600; text-align: center; }