/*
Theme Name: Le Creuset 2.0
Description: Le Creuset Community site theme 2.0
Author: takamichi Suzuki(takamichi.suzuki@lecreuset.com)
Version: 2.0
*/
@charset "utf-8";

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img {
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}
a {
    text-decoration: none;
    color: inherit;
}
html {

    min-width: 994px;
}
/* End Reset */
body {
    text-align: center;
    font-family: '敺株��迤暺煾��', 'Microsoft JhengHei',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 10pt;
    overflow-x: hidden;
}
#header-wrapper {
    width: 100%;
    height: 99px;
    background: #ffffff; /* Old browsers */
    /*
  background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); 
  background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); 
  background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); 
  background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); 
  background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); 
    */
}
#header {
    /*height: 70px;
    width: 980px;*/
    margin: 0px auto;
}
#logo {
    /*background: url(images/Le-Creuset-logo.png) no-repeat top left;
    width: 184px;
    height: 31px;
    display: block;
    text-indent: -9999px;
    margin: 19px 0px 0px 0px;
    float: left;*/
}
#communitySite {
    background: url(images/recipe_site.gif) no-repeat top left;
    width: 184px;
    height: 31px;
    display: block;
    text-indent: -9999px;
    margin: 27px 0px 0px 15px;
    float: left;

}
/*
#searchform {
    float: left;
    margin-top: 20px;
    position: relative;
    width: 370px;
}
*/
#searchform .screen-reader-text {
    display: none;
}
/*
#searchform #s {
    width: 300px;
    height: 28px;
    border: 1px solid #DDDDDD;
    line-height: 28px;
    font-size: 12px;
    text-indent: 12px;
    color: #525252;
    float: left;
}
*/
#searchform #searchsubmit {
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    background: url('./images/icon_search.png') no-repeat top center;
    background-size: contain;
    /*margin-left: 9px;*/
    border: none;
    position: absolute;
    top: 10px;
    right: -40px;
    cursor: pointer;
}
#onlineShop {
    text-indent: -9999px;
    background: url('images/buy-now.png') no-repeat top left;
    width: 141px;
    height: 28px;
    margin-top: 19px;
    display: block;
    float: right;
}
#top_menu {
    height: 39px;
    line-height: 35px;
    background: url(images/nav_bg.png) repeat-x top left;
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
}
#top_menu ul {
    width: 980px;
    margin: 0px auto;
}
#top_menu ul li {
    display: block;
    width: 50%;
    float: left;
    background: url(images/nav_sep.png) left top transparent no-repeat;
}
#top_menu ul li.last a {
    background: url(images/nav_sep.png) right top transparent no-repeat;
}
#top_menu li a {
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    width: 100%;
    font-size: 12px;
    /*margin:2px 0;*/
    /*line-height:41px;*/
}
#top_menu ul li a:hover,
#top_menu li a:hover {
    background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,206,124) 0%,rgb(255,157,35) 100%); 
    background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,206,124)),color-stop(1, rgb(255,157,35)));
    background-image:-webkit-linear-gradient(-90deg,rgb(255,206,124) 0%,rgb(255,157,35) 100%);
    background-image:-o-linear-gradient(-90deg,rgb(255,206,124) 0%,rgb(255,157,35) 100%);
    background-image:-ms-linear-gradient(-90deg,rgb(255,206,124) 0%,rgb(255,157,35) 100%);
    background-image:linear-gradient(180deg,rgb(255,206,124) 0%,rgb(255,157,35) 100%);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffce7c,endColorstr=#ffff9d23,GradientType=0)";
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffce7c,endColorstr=#ffff9d23,GradientType=0);}

#top_menu .selected a {
    color: #FFFF00;
}
#top_menu a:hover {
    text-shadow: 0px 0px 12px #FFFF00;
}
#content-wrapper {
    /*
      background: #FCF9F9;
    */
    background: #FFFFFF;
    clear: both;
    padding-top: 4px;
    /*
  -webkit-animation: pulse 2s infinite alternate;
    */

}
.locale-hk {
  display: block;
  margin-left: 10px;
  line-height: 1.3;
}
.locale-hk .locale_item {
  color: #f05500 !important;
}
.locale-hk .locale_item::before {
  border-bottom: 1px solid #f05500;
}
.locale-hk .locale_item.active {
  color: #000 !important;
}
.locale-hk .locale_item.active::before {
  border-bottom: none !important;
}
.locale-hk .locale_zh {
  float: left;
  border-right: 1px solid #000;
  margin-right: 5px;
  padding-right: 5px;
}
.locale-hk .locale_zh::before {
  content: "蝜�";
}
.locale-hk .locale_en {
  float: right;
}
.locale-hk .locale_en::before {
  content: "Eng";
}
@-webkit-keyframes crazy {
    0% {
        transform: scale(1,1);
        -ms-transform: scale(1,1); /* IE 9 */
        -webkit-transform: scale(1,1); /* Safari and Chrome */
    }
    100% {
        transform: scale(4,4);
        -ms-transform: scale(4,4); /* IE 9 */
        -webkit-transform: scale(4,4); /* Safari and Chrome */
    }
}
@-webkit-keyframes border-pulsate {
    0%   { 
        -moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,.01);
        -webkit-box-shadow: 0px 0px 3px 2px rgba(245,85,0,.1);
        box-shadow: 0px 0px 3px 2px rgba(245,85,0,.1);
    }
    /*
    50%  { 
    -moz-box-shadow: 0px 0px 4px 3px rgba(0,0,0,.01);
    -webkit-box-shadow: 0px 0px 14px 3px rgba(245,85,0,.1);
    box-shadow: 0px 0px 4px 3px rgba(245,85,0,.1);
    }
    */
    100% { 
        -moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,.01);
        -webkit-box-shadow: 0px 0px 3px 2px rgba(245,85,0,.1);
        box-shadow: 0px 0px 4px 3px rgba(245,85,0,.1);
    }
}
/*
@-webkit-keyframes pulse { 0% {background-color: #45CEEF;} 25% {background-color: #FFF5A5;} 50% {background-color: #FFD4DA;} 75% {background-color: #99D2E4;} 100% {background-color: #D8CAB4;} } body { background-color: #45CEEF; -webkit-animation: pulse 40s infinite alternate; }
*/
#content {
    margin: 0px auto;
    width: 980px;
    text-align: left;
}
#new_recipes {
    height: 300px;
    position: relative;
    padding-top: 20px;
}
#new_recipes h2 {
    background: url(images/top_heading_bg.png) repeat-x bottom left;
    color: #F05500;
    height: 44px;
    line-height: 40px;
    text-indent: 75px;
    position: relative;
    margin-bottom: 25px;
}
#new_recipes h2 .text {
    font-size: 20px;
    color: #000;
}
#new_recipes h2 .icon {
    display: block;
    width: 370px;
    height: 40px;
    background: url(images/new_recipe_pickup.png) no-repeat top left;
    position: absolute;
    top: 0px;
    left: 1px;
}
#new_recipes h3 .iconPickup {
    display: block;
    width: 157px;
    height: 40px;
    background: url(images/pick_up_recipe_icon.png) no-repeat top left;
    position: absolute;
    top: 0px;
    left: 1px;
}
#new_recipes #welcome {
    text-indent: -9999px;
    display: block;
    position: absolute;
    top: 7px;
    right: 0px;
    background: url(images/recipe_site_welcome.png) no-repeat top right;
    width: 539px;
    height: 20px;
}
#newest_recipe {
    width: 402px;
    height: 358px;
    position: relative;
    float: left;
}
#newest_recipe img {
    width: 402px;
    height: 358px;
}

#newest_recipe .new {
    text-indent: -9999px;
    /*background: url(images/new_triangle.png) no-repeat top left;*/
    width: 90px;
    height: 87px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
}

#newest_recipe .recipe_info {
  position: absolute;                                                                                     
  bottom: 0;
  background: #FAEBD7;    
  width: 100%;                                                                                
  opacity: 0.8;                                                                                           
  height: 28px;
  overflow: hidden;     
}
#newest_recipe h3 {
    color: #FF421C;
    font-size: 15px;
    padding: 3px 0px 7px 23px;
}
#newest_recipe p {
    color: #525252;
    padding: 0px 22px 14px;
    font-size: 12px;
}
#newest_recipes {
    float: left;
    line-height: 17px;
    margin-bottom:24px;
    overflow: hidden;
    margin-top:-3px;
    margin-left: 2px;
}
#newest_recipes li {
    float: left;
    width: 174px;
    padding-left: 18px;
    overflow: hidden;
}
#newest_recipes li:last-child {
}
#newest_recipes img {

    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.01);
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
    top: 3px;
    position: relative;
}
#newest_recipes h3 {
    color: #FF7C1B;
    font-size: 12px;
    padding: 4px 0px 0px 0px; 
}
#newest_recipes p {
    color: #525252;
    font-size: 9pt;
}

#recipe_nav_link_info{
    padding-top: 20px;
    float: right;
}
#recipe_nav_link_info a{
    width: 240px;
    height: 40px;
    line-height: 40px;
    float: right;
    font-size: 16px;
    color: #fff;
    background: #f05500;
    text-align: center;
    border-radius: 5px;
    margin-left: 10px;
}
#recipe_nav_link_info p {
    float: right;
    color: #525252;
    font-size: 10pt;
    height: 40px;
    padding-top: 12px;
    padding-right: 4px;
}
#new_columns {
    overflow: hidden;
    background: url(images/new_column_bg.png) left top transparent;
    margin: 5px 0px 10px;
    height: 285px;
    position: relative;
    list-style: none outside none ;
}
#new_columns .moreColumns {
    text-indent: -9999px;
    padding-left: 14px;
    padding-right: 0px;
    background: #fcdecc;
    width: 170px;
    height: 285px;
    float: left;
}
#new_columns .moreColumns h3 {
    height: 0px;
    display: none;
}
#new_columns .moreColumns a {
    display: block;
    background: url(/wp-content/uploads/2016/09/new_colum_head.png) no-repeat top left;
    height: 295px;
    width: 150px;
}

#new_columns .right-block {
    float: left;
    width: 400px;
    margin-left: 10px;
}
#new_columns .new-item {
    background: url(images/top_master_gray.jpg) left top transparent no-repeat;
    width: 421px;
    height: 120px;
    float: left;
    margin: 15px 15px 0px 6px;
}

#new_columns .new-item.last {
    margin: 15px 15px 0 6px;
}


#new_columns .image-holder {
    padding: 10px;
}
#new_columns .new-item td {
    vertical-align: top;
    padding: 10px;
}
#new_columns .new-item h3 {
    color: #ff7c1b;
    font-size: 10pt;
    font-weight: bold;
}

#new_columns .new-item .item-desc {
    font-size: 9pt;
    padding-top: 5px;
    color: #7b7b7b;
    text-overflow: ellipsis;
}

#bottom_blocks {
    overflow: hidden;
    margin: 25px 0 0 0;
}
.home .left {
    float: left;
    width: 640px;
}
.home .right {
    float: right;
    width: 310px;
}
#like-on-facebook {
    background: #FFFFFF;
    border: 1px solid;
    border-color:  #315C99 #AAAAAA #AAAAAA #AAAAAA;
    width: 500px;
    margin-top: 22px;
    margin-left: 70px;
}
#like-on-facebook h3 {
    color: #000000;
    background: #EDEFF4;
    font-size: 12px;
    font-weight: bold;
    line-height: 27px;
    text-indent: 6px;
    border-bottom: 1px solid #D8DFEA;
}

#footer .footer-wrapper {
    background: #fcf9f9;
    height: 140px;
}
#footer {
    /*
    clear: both;
    background: #ffffff;
    border-top: 3px solid #f9f9f9;
    margin-top: 20px;
    */
}
#footer #footerContent {
    width: 980px;
    position: relative;
    margin: 0px auto;
    height: 68px;
}
#footer #copyright {
    /*background: url('images/Le-Creuset-logo.png') no-repeat top right;*/
    display: block;
    /*padding-top: 40px;*/
    font-size: 10px;
    float: left;
    /*width: 188px;*/
    height: 12px;
    text-align: left;
    margin-top: 15px;
    text-indent: 10px;
}
#footer #contactCall {
    background: url('images/freedial.png') no-repeat top right;
    text-indent: -9999px;
    width: 362px;
    height: 68px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block;
}
.breadcrumbs li{
    display: inline-block;
    font-size: 12px;
}
.breadcrumbs a {
    color: #FF5F00;
}
.breadcrumbs .last a {
    color: #000000;
}
.share_box {

}

.share_box ul li {
    display: block;
    float: left;
    padding-right: 4px;
    padding-top: 12px;
    line-height: 20px;
}
.share_box .facebook-like {
    padding-right: 40px;
}
#content .left {
    width: 640px;
    float: left;
}
#content .right {
    width: 310px;
    float: right;
}
#content {
    overflow: hidden;
}
/* Recipe Page */
.recipe #content-wrapper {
    padding-top: 4px;
}
.recipe h1, .column h1 {
    color: #F05400;
    font-size: 22px;
    padding: 30px 0px 0px;
}
#recipe {
    font-size: 12px;
    margin-top: 16px;
}
#recipe .description {
    padding-bottom: 33px;
}
#recipe .wp-post-image {
    float: left;
    margin-bottom: 20px;
}
#recipe #recipeLeft {
    float: left;
    width: 266px;
}
#recipe #recipeLeft a {
    display: block;
    clear: left;
}
#recipe .ingredients, #recipe .instructions {
    font-size: 13px;
    color: #F05400;
    padding-bottom: 22px;
}
#recipe .ingredients, #recipe ul {
    float: right;
    width: 350px;
}
#recipe ul {
    margin-bottom: 20px;
}
#recipe ul li {
    line-height: 22px;
    padding-left: 12px;
    background: url("images/separate_bg.png") repeat-x bottom left transparent;
}
#recipe .instructions {
    clear: both;
    margin-top: 20px;
    border-top: 1px solid #EEEEEE;
}
#recipe .instructions strong {
    font-size: 18px;
    margin-top: 22px;
    display: block;
}
#recipe ol {
    counter-reset:li; /* Initiate a counter */
    list-style-position: inside;
}
#recipe ol > li {
    position:relative; /* Create a positioning context */
    background: url("images/separate_bg.png") repeat-x bottom left transparent;
    padding: 12px 0px 12px 15px;
    text-indent: 2px;

}
#recipe ol > li:before {
    content:counter(li) '.'; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    width:10px;
    left: 0px;
    color:#F05400;
}
.tout_block {
    clear: both;
    margin-top: 48px;
}
.tout_block h3 {
    background: url(images/top_heading_bg.png) repeat-x bottom left;
    color: #525252;
    font-weight: normal;
    font-size: 20px;
    height: 44px;
    line-height: 40px;
    text-indent: 48px;
    position: relative;
    margin-bottom: 20px;
}

#related_recipes h3 .icon {
    display: block;
    width: 60px;
    height: 40px;
    background: url(images/pick_up_recipe_icon.png) no-repeat -5px -2px;
    position: absolute;
    top: 0px;
    left: 1px;
}
.recipe #new_recipes h3 .icon, .error404 #new_recipes .icon {
    display: block;
    width: 60px;
    height: 40px;
    background: url(images/new_recipe_icon.png) no-repeat top left;
    position: absolute;
    top: 0px;
    left: 1px;
}
.recipe #new_recipes h3, .error404 #new_recipes h3 {
    text-indent: 75px;
}
.tout_block ul {
    overflow: hidden;
}
.tout_block li {
    display: block;
    float: left;
    width: 145px;
    margin-right: 20px;
}
.tout_block li.last {
    margin-right: 0px;
}
.tout_block li img {
    margin-bottom: 5px;
}
.tout_block li .title {
    color: #F05500;
    display: block;
    font-size: 12px;
    margin-bottom: 3px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.tout_block li .description {
    display: block;
    font-size: 11px;
    text-align: left;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

#recipe_product div.heading, #related_recipes div.heading, #new_recipes div.heading{
    background: url(images/top_heading_bg.png) repeat-x bottom left;
    color: #525252;
    font-weight: lighter;
    height: 44px;
    line-height: 40px;
    text-indent: 48px;
    margin-bottom: 22px;
}

#recipe_product div.heading h2 {
  background: url(images/special_heading_bg.png) top left repeat-x;
  height: 50px;
  position: relative;
  margin-bottom: 15px;
}
#recipe_product div.heading h2 span.icon{
  background: url(images/new_recipe_search_heading.png) no-repeat top left;
  height: 48px;
  width: 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 1px;
}
#recipe_product div.heading h2 span.text{
  font-size: 20px;
    color: #000;
    margin-left: 15px;
    line-height: 55px;
}

#used_products li {
    height: 100px;
    float: left;
    margin-right: 20px;
    width: 300px;
    margin-bottom: 5px;
}
#used_products li a {
    height: 100px;
    display: block;
    font-size: 12px;
}
#used_products li .title {
    display: inline;
    color: #525252;
}

#used_products li .link {
    display: block;
    background: url(images/btn_product_link.png) no-repeat;
    text-indent: -9999px;
    width: 108px;
    height: 21px;
    margin-left: 12px;

}

/* Column */
.column #content-wrapper {
    padding-top: 4px;
}
.column table {
    margin-left: 40px;
}
.column #the_content a {
    color: #F05500;
}
.column #the_content {
    font-size: 12px;
}
.post-type-archive-column h1 {
    color: #F05400;
    font-size: 22px;
    padding: 35px 0px 24px;
}
.post-type-archive-column .row li {
    width: 145px;
    float: left;
    margin-right: 20px;
}
.post-type-archive-column .row li.last {
    margin-right: 0px;
}
.post-type-archive-column ul.row {
    overflow: hidden;
    clear: both;
    border-bottom: 1px dashed #FF7A19;
    padding: 14px 0px;
    margin: 0;
}
/* Taxonomy */

.taxonomy h1 {
    color: #F05400;
    font-size: 22px;
    padding: 35px 0px 24px;
}
.taxonomy .row li {
    margin-right: 20px;
    float: left;
}

.taxonomy .row li a {
    color: #000;
}
.taxonomy .row li.last {
    margin-right: 0px;
}
.taxonomy ul.row {
    overflow: hidden;
    clear: both;
    border-bottom: 1px dashed #FF7A19;
    padding: 14px 0px;
    margin: 0;
}
.row h2 {
    font-size: 12px;
    text-align: center;
}

.taxonomy ul.row h2, .taxonomy ul.row p {
    font-size: 12px;
    text-align: center;
    width: 145px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.taxonomy ul.row img {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.taxonomy_description img {
    float: left;
    padding-right: 8px;
}

.pagination {
    clear: both;
    text-align: center;
    margin: 32px 0px 20px 0px;
}
.pagination a, .pagination span {
    display: inline-block;
    color: #FF7A19;
    line-height: 29px;
    margin: 0px 6px;
}
.pagination a:after, .pagination span:after {

}
.pagination a:last:after, .pagination span:last:after {
}

.pagination a.previous_page {
    background: url(images/previous_page_icon.png) no-repeat;
    text-indent: -9999px;
    width: 15px;
    height: 20px;
    vertical-align: middle;
}

.pagination a.next_page {
    background: url(images/next_page_icon.png) no-repeat;
    text-indent: -9999px;
    width: 15px;
    height: 20px;
    vertical-align: middle;
}

.pagination .current {
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-raidus: 14px;
    background: #FF7A19;
    color: #FFFFFF;
    width: 29px;
    height: 29px;
    margin: 0px;
}

.pagination .paging_separate {
    color: #d3d3d3;
}


.blog li .image_holder {
    height: 130px;
    display: block;
    width: 145px;
}
.blog li .image_holder img {
}
.blog li h2 {
    color: #F05400;
    font-size: 12px;
}

/* Sidebar */

#sidebar {
    margin-top: 55px;
}
/* temp */
#home-recipes {
    width: 640px;
    height: 668px;
}
#home-products {
    padding-top: 30px;
    width: 646px;
    overflow: hidden;
    position: relative;
    /*left: -3px;*/
    /*text-indent: -9999px;
    background: url(images/product_block.png) top left no-repeat;
    */
}
#home-products h2 {
    background: url(images/top_heading_bg.png) repeat-x bottom left;
    color: #525252;
    font-weight: normal;
    font-size: 20px;
    height: 44px;
    line-height: 40px;
    text-indent: 5px;
    position: relative;
    margin-bottom: 20px;
}
#home-products span.icon {
    background: url(images/product_search_icon.png) no-repeat 2px 0px;
    display: block;
    float: left;
    width: 48px;
    height: 39px;
}
#home-products li {
    position: relative;
    float: left;

    background: #FFF;
    border: 1px solid #EEEEEE;
    -moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,.01);
    -webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,.1);
    box-shadow: 0px 0px 3px 2px rgba(0,0,0,.1);
    font-size: 11px;
    margin-right: 15px;
    margin-bottom: 18px;
    left: 6px;
}
#home-products li a {
    width: 200px;
    height: 50px;
    line-height: 50px;
    display: block;
    overflow: hidden;
}
#home-products li.last {
    margin-right: 0px;
}
#home-products li a {
    text-indent: 4px;
}
#home-products li#more-products {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border:none;
    position: relative;
    left: 2px;
}
#home-products li#more-products a {
    width: 202px;
    text-indent: -9999px;
    background: url(images/more_recipes.png);
}
#home-products li a span {
    background: url(images/ec_products.png) no-repeat top left #FFFFFF;
    display: block;
    float: right;
    height: 40px;
    width: 50px;
}
#home-products #product-term-43 span {
    background-position: 0px -456px;
}
#home-products #product-term-54 span {
    background-position: 0px -592px;
}
#home-products #product-term-55 span {
    background-position: 0px -503px;
}

#home-products #product-term-45 span {
    background-position: 0px -84px;
}
#home-products #product-term-50 span {
    background-position: 0px -287px;
}
#home-products #product-term-64 span {
    background-position: 0px -545px;
}
#home-products #product-term-18 span {
    background-position: 0px -50px;
}
#home-products #product-term-14 span {
    background-position: 0px -215px;
}
#home-products #product-term-73 span {
    background-position: 0px -373px;
}
#home-products #product-term-57 span {
    background-position: 0px -329px;
    height: 43px;
}
#home-products #product-term-66 span {
    background-position: 0px -165px;
    height: 44px;
}
#home-products #product-term-17 span {
    background-position: 0px -419px;
    height: 44px;
}
#home-products #product-term-6 span {
    background-position: 0px -0px;
    height: 44px;
}
#home-products #product-term-28 span {
    background-position: 0px -251px;
}
#ec-term-41 .icon, #ec-term-40 .icon, #ec-term-42 .icon {
    background-position: 0px -456px;
}

#ec-term-85 .icon {
    background-position: 0px -590px;
}
#ec-term-65 .icon {
    background-position: 0px -545px;

}
#ec-term-27 .icon {
    background-position: 0px -672px;
}

#ec-term-33 .icon, #ec-term-34 .icon {
    background-position: 0px -633px;
}

#ec-term-46 .icon {
    background-position: 0px -252px;
}
#ec-term-29 .icon {
    background-position: 0px -712px;
}
#ec-term-52 .icon {
    background-position: 0px -287px;
}
#ec-term-62 .icon {
    background-position: 0px -82px;
}
#used_products .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
}
.sidebar ul {
    list-style: none;
}
.sidebar li {
    margin-bottom: 10px;
    list-style-design: none;
}
.sidebar li ul li {
    margin-bottom: 0px;
}
#sidebar_twitter_container {
    background: url('images/twitter_bg_small.png') no-repeat top left;
    width: 310px;
    height: 249px;
    position: relative;
}
#sidebar_twitter_container #feed_holder {
    padding-top: 60px;
}
#sidebar_twitter_container #feed_holder ul {
    width: 280px;
    margin: 0px 5px 0px 15px;
    border-top: 1px dotted #80E0F3;
    font-size: 12px;
}
#sidebar_twitter_container #feed_holder li {
    padding: 6px 6px 10px 0px;
}
#sidebar_twitter_container #followLink {
    position: absolute;
    bottom: 0px;
    width: 310px;
    height: 30px;
    text-indent: -9999px;
}
#topRecipes {
    width: 310px;
    height: 420px;
    background: url('images/top_recipes_new.jpg');
    position: relative;
    margin-bottom: 15px;
}
#topRecipes h2 {
    height: 50px;
    color: #5c5c5c;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    margin-left: 60px;
}
#topRecipes ul li a{
    height: 66px;
    display: block;
    width: 310px;
    font-size: 12px;
}
#topRecipes ul li a span {
    vertical-align: middle;
}
#topRecipes ul li a img {
    margin-top: 6px;
    margin-left: 56px;
    float: left;
    padding-right: 4px;
}
#topRecipes ul li#rank-4 {
    padding-top: 2px;
}
#topRecipes #top10Link {
    position: absolute;
    bottom: 0px;
    width: 310px;
    height: 40px;
    line-height: 38px;
    color: #fff;
    font-size: 20px;
    text-align: center;
}
#cookTime {
    position: relative;
    left: -3px;
    clear: both;
    padding-top: 40px;
}
#cookTime h2 {
    background: url(images/top_heading_bg.png) repeat-x bottom left;
    color: #525252;
    font-weight: lighter;
    height: 44px;
    line-height: 40px;
    text-indent: 5px;
    position: relative;
    margin-bottom: 12px;
}
#cookTime h2 .icon {
    background: url(images/cook_time.png) no-repeat 10px 0px;
    display: block;
    float: left;
    width: 48px;
    height: 39px;
}
.gray_list li {
    position: relative;
    float: left;

    background: #FFF;
    border: 1px solid #EEEEEE;
    font-size: 11px;
    margin-right: 16px;
    margin-bottom: 27px;
    margin-top: 12px;
    left: 5px;
}
.gray_list li a {
    width: 200px;
    height: 50px;
    line-height: 50px;
    display: block;
    overflow: hidden;
}
.gray_list li.last {
    margin-right: 0px;
}
#home-products li a {
    text-indent: 4px;
}
#home-products li:hover {

    border: 1px solid rgba(245,85,0,.1);
    -webkit-animation: border-pulsate .5s infinite alternate;
}
#home-products h2{

}
#cookTime #fifteenmins a {
    background: url('images/cooktime-15.png') no-repeat -3px -2px;
    text-indent: -9999px;
}
#cookTime #thirtymins a {
    background: url('images/cooktime-30.png') no-repeat -3px -2px;
    text-indent: -99999px;
}
#cookTime #sixtymins a {
    background: url('images/cooktime-60.png') no-repeat -3px -2px;
    text-indent: -99999px;
}
#cookLevel {
    position: relative;
    left: -3px;
    clear: both;
    padding-top: 20px;
}
#cookLevel h2 {
    background: url(images/top_heading_bg.png) repeat-x bottom left;
    color: #525252;
    font-weight: lighter;
    height: 44px;
    line-height: 40px;
    text-indent: 5px;
    position: relative;
    margin-bottom: 12px;
}
#cookLevel h2 .icon {
    background: url(images/level.png) no-repeat 10px 2px;
    display: block;
    float: left;
    width: 48px;
    height: 39px;

}
#cookLevel #onestar a {
    background: url('images/1-star.png') no-repeat -3px -2px;
    text-indent: -99999px;
}
#cookLevel #twostar a {
    background: url('images/2-star.png') no-repeat -3px -2px;
    text-indent: -99999px;
}
#cookLevel #threestar a {
    background: url('images/3-star.png') no-repeat -3px -2px;
    text-indent: -99999px;
}
#recipeGenre h2 {
    background: url(images/top_heading_bg.png) repeat-x bottom left;
    color: #525252;
    font-weight: lighter;
    height: 50px;
    line-height: 46px;
    text-indent: 0px;
    position: relative;
    margin-bottom: 12px;
}
#recipeGenre h2 .icon {
    background: url(images/wine_bottle.png) no-repeat 4px 4px;
    display: block;
    float: left;
    width: 43px;
    height: 38px;

}
#recipeMethod h2 {
    background: url(images/top_heading_bg.png) repeat-x bottom left;
    color: #525252;
    font-weight: lighter;
    height: 50px;
    line-height: 46px;
    text-indent: 5px;
    position: relative;
    margin-bottom: 12px;
}
#recipeMethod h2 .icon {
    background: url(images/product_search_icon.png) no-repeat 4px 2px;
    display: block;
    float: left;
    width: 48px;
    height: 39px;

}
#recipeGoal h2 {
    background: url(images/top_heading_bg.png) repeat-x bottom left;
    color: #525252;
    font-weight: lighter;
    height: 50px;
    line-height: 46px;
    text-indent: 5px;
    position: relative;
    margin-bottom: 12px;
}
#recipeGoal h2 .icon {
    background: url(images/heart_bubble.png) no-repeat 2px 7px;
    display: block;
    float: left;
    width: 38px;
    height: 39px;

}
#recipeIngredient h2 {
    background: url(images/top_heading_bg.png) repeat-x bottom left;
    color: #525252;
    font-weight: lighter;
    height: 50px;
    line-height: 46px;
    text-indent: 5px;
    position: relative;
    margin-bottom: 12px;
}
#recipeIngredient h2 .icon {
    background: url(images/apple.png) no-repeat 2px 6px;
    display: block;
    float: left;
    width: 38px;
    height: 39px;

}
.three_columns {
    clear: both;
    overflow: hidden;
    margin-top: 15px;
    padding-top: 20px;
}
.three_columns .one_column {
    width: 250px;
    float: left;
    margin-right: 30px;
    margin-top: 3px;
}
.three_columns .two_columns {
    float: left;
    width: 360px;
    margin-top: 3px;
}
.three_columns ul {
    overflow: hidden;
}
.three_columns li a{
    background: url('images/list_circle.png') no-repeat 0px 10px;
    display: block;
    float: left;
    text-indent: 20px;
    font-size: 14px;
    line-height: 35px;
}
.three_columns .one_column li {
    clear: left;
}
.three_columns li.first {
    clear: left;
}
.three_columns .two_columns li a {
    width: 170px;
}
.howto #profile {
    border: 3px solid #FFE09A;
    width: 638px;
    height: 289px;
    background: #FEFAEF;

}
.howto #profile #picture {
    width: 209px;
    height: 258px;
    background: url('images/teacher_bio.png') no-repeat top left;
    float: left;
    margin: 10px 0px 0px 15px;
}
.howto #profile .bio {
    width: 380px;
    padding: 20px 0px 0px 10px;
    float: left;
}
.howto #profile p {
    font-size: 12px;
    padding-bottom: 20px;
}

.howto h1 .icon {
    background: url(images/video_camera.png) no-repeat 4px 2px;
    display: block;
    float: left;
    width: 48px;
    height: 39px;
}
.howto #related_videos span {
    background: url(images/film_strip.png) no-repeat 4px 8px;
    display: block;
    float: left;
    width: 48px;
    height: 39px;
}
.howto #video {
    margin-top: 18px;
}
.howto .content {
    font-size: 12px;
    padding-top: 18px;
}
.howto .row li {
    width: 145px;
    float: left;
    margin-right: 20px;
}
.howto .row li.last {
    margin-right: 0px;
}
.howto ul.row {
    overflow: hidden;
    clear: both;
    border-bottom: 1px dashed #FF7A19;
    padding: 14px 0px;
}
.howto .row li a{
    font-size: 12px;
    color: #FF7B1A;
    font-weight: bold;
}
.single-howto h1 {
    background: none;
    color: #F05400;
    font-size: 22px;
    padding: 35px 0px 24px;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    text-indent: 0px;
}

.single-column .share_box {
    margin: 12px 0px 12px;
}
.single-column .share_box a {
    color: #F05400;
}
.single-column .left {
    font-size: 12px;
}

/*
#newest_recipes img:hover {
-webkit-animation: crazy 10s infinite alternate;
}
*/

#sidebar_youtube_container {
    border: 2px solid #cb332e;
    background-color: #fff8f8;
    margin-bottom: 20px;

}

#sidebar_youtube_container .content {
    padding: 0px 10px 3px 10px;
}
#sidebar_youtube_container h1 {
    background: url(images/youtube_heading.png) no-repeat top left;
    height: 57px;
    text-indent: -9999px;
    padding: 0;
}

#search-recipe h2 {
    background: url(images/special_heading_bg.png) top left repeat-x;
    height: 50px;
    position: relative;
    margin-bottom: 15px;
}

#search-recipe h2 span.icon {
    background: url(images/new_recipe_search_heading.png) no-repeat top left;
    height: 48px;
    width: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 1px;
}
#search-recipe h2 span.text {
    font-size: 20px;
    color: #000;
    margin-left: 57px;
    line-height: 50px;
}

.search-row {
    margin: 15px 0;
}

.search-row .search-item {
    float: left;
    height: 52px;
    width: 232px;
    margin: 0 17px 0 0;
}


.search-row .search-item.last {
    margin: 0;
}

.search-row .search-item a {
    height: 52px;
    width: 100%;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #d7d7d7;
    padding: 0 10px;
    border-radius: 4px;
}

.search-item a::after {
  content: '';
  width: 40px;
  height: 40px;
  margin-left: 10px;
}

.search-item a.round_casserole::after {
  background: url(images/Round-Casserole.jpg) left center no-repeat;
  background-size: cover;
}
.search-item a.marmite::after {
  background: url(images/Marmite.jpg) left center no-repeat;
  background-size: cover;
}
.search-item a.buffet_casserole::after {
  background: url(images/buffet.jpg) left center no-repeat;
  background-size: cover;
}
.search-item a.skillet-2::after {
  background: url(images/Skillet.jpg) left center no-repeat;
  background-size: cover;
}
.search-item a.skillet_grill::after {
  background: url(images/Skillet-Grill.jpg) left center no-repeat;
  background-size: cover;
}
.search-item a.cookware::after {
  background: url(images/EOS-Collection.jpg) left center no-repeat;
  background-size: cover;
}
.search-item a.cocotte::after {
  background: url(images/Cocotte_Every_Soleil.jpg) left center no-repeat;
  background-size: cover;
}
.search-item a.tns::after {
  background: url(images/TNS.jpg) left center no-repeat;
  background-size: cover;
}
.search-item a.stoneware::after {
  background: url(images/Stoneware.jpg) left center no-repeat;
  background-size: cover;
}

.search-item a.other {
    background: url(images/search_other.jpg) left top transparent no-repeat;
}


/*  product search for advanced search page */

.search-row-2 {
    margin: 15px 0;
}

.search-row-2 .search-item-2 {
    float: left;
    height: 52px;
    width: 202px;
    margin: 0 17px 0 0;
}


.search-row-2 .search-item-2.last {
    margin: 0;
}

.search-row-2 .search-item-2 a {
    height: 52px;
    width: 100%;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #d7d7d7;
    padding: 0 10px;
    border-radius: 4px;
}

.search-row-2 .search-item-2 a::after {
  content: '';
  width: 40px;
  height: 40px;
  margin-left: 10px;
}

.search-item-2 a.round_casserole::after {
  background: url(images/Round-Casserole.jpg) left center no-repeat;
  background-size: cover;
}
.search-item-2 a.marmite::after {
  background: url(images/Marmite.jpg) left center no-repeat;
  background-size: cover;
}
.search-item-2 a.buffet_casserole::after {
  background: url(images/buffet.jpg) left center no-repeat;
  background-size: cover;
}
.search-item-2 a.skillet-2::after {
  background: url(images/Skillet.jpg) left center no-repeat;
  background-size: cover;
}
.search-item-2 a.skillet_grill::after {
  background: url(images/Skillet-Grill.jpg) left center no-repeat;
  background-size: cover;
}
.search-item-2 a.cookware::after {
  background: url(images/EOS-Collection.jpg) left center no-repeat;
  background-size: cover;
}
.search-item-2 a.cocotte::after {
  background: url(images/Cocotte_Every_Soleil.jpg) left center no-repeat;
  background-size: cover;
}
.search-item-2 a.tns::after {
  background: url(images/TNS.jpg) left center no-repeat;
  background-size: cover;
}
.search-item-2 a.stoneware::after {
  background: url(images/Stoneware.jpg) left center no-repeat;
  background-size: cover;
}

/* .search-item-2 a.round_casserole {
    background: url(images/Round-Casserole.jpg) left center no-repeat;
}

.search-item-2 a.grill {
    background: url(images/search_grill.png) left top transparent no-repeat;
}

.search-item-2 a.buffe {
    background: url(images/search_buffe.png) left top transparent no-repeat;
}

.search-item-2 a.tajin {
    background: url(images/search_tajin.png) left top transparent no-repeat;
}

.search-item-2 a.fondue {
    background: url(images/search_fondue.png) left top transparent no-repeat;
}

.search-item-2 a.steamer {
    background: url(images/search_steammer.png) left top transparent no-repeat;
}

.search-item-2 a.item-73 {
    background: url(images/search_potcover.png) left top transparent no-repeat;
}

.search-item-2 a.item-18 {
    background: url(images/search_tns_shallow.png) left top transparent no-repeat;
}

.search-item-2 a.stoneware {
    background: url(images/search_stoneware.png) left top transparent no-repeat;
}

.search-item-2 a.stonewareother {
    background: url(images/search_stonewareother.png) left top transparent no-repeat;
}

.search-item-2 a.silicone {
    background: url(images/search_silicone.png) left top transparent no-repeat;
}

.search-item-2 a.item-6 {
    background: url(images/search_3ply.png) left top transparent no-repeat;
} */

.search-item-2 a.other::after {
    background: url(images/search_other.jpg) left top transparent no-repeat;
    background-size: cover;
}

.clearfix {
    clear: both;
    /*height: 1px;*/
    padding: 0;
    margin: 0;
}

#home-recipes {
    margin: 0px 0 0 0;
}
#home-recipes > h2 {
    height: 50px;
    background: url(images/special_heading_bg.png) left top transparent repeat-x;
    text-indent: -9999px;
    margin: 0 0 20px 0;
}
#home-recipes > h2 span {
    display: block;
    height: 50px;
    background: url(images/special_heading_icon.png) left top transparent no-repeat;
}
.hidden {
    display: none;
}

div.special-top {
    margin: 15px 0;
}

.pull-left {
    float: left;
    margin-bottom:5px;
}

.pull-right {
    float: right;
    margin-bottom:5px;
}

@media only screen and (max-device-width: 480px){
	.pull-right {
    		float: right;
    		margin-bottom:5px;                                                                                                 
		width:49%;
	} 
}

.coll-left {
    float: left;
    margin-left:5px;
    margin-bottom:5px;
}


#home-recipes .description {
    padding: 0 0 15px 0;
    color: #525252;
    font-size: 10pt;
}

#search-heading {
    background: url(images/heading_48.png) repeat-x;
    height: 50px;
    margin-top: 30px;
}

#search-heading h1 {
    background: url(images/new_recommend.png) no-repeat;
    height: 48px;
    padding: 6px 50px 0;
}

div.search_query_title {
    color: #FF7C1B;
    font-size: 14px;
    padding: 42px 0;
}


/* Search */
.search_result {
    margin-bottom: 18px;
    overflow: hidden;
    font-size: 12px;
    width: 145px;
    margin-right: 20px;
    float: left;
}
.search_result img {
    float: left;
    font-size: 12px;
    margin-right: 12px;
    margin-bottom: 12px;
    margin-top: 5px;
}
.search_result h2 {
    color: #FF7C1B;
    font-size: 16px;
}
.search_result .read_more {
    color: #ff5f00;
}

.search_new_row {
    clear: both;
    border-bottom: 1px dotted #ff5f00;
    margin-bottom: 18px;
}

.search_result.last {
    margin-right: 0px;
}


#recipe .recipe_break_line {
    clear: both;
    height: 4px;
    background: url("images/heading_separate_bg.png") repeat-x bottom left transparent ;
}

#recipe h2 {
    background: url(images/recipe_menu_icon.png) no-repeat top left;
    padding-left: 35px;
    height: 25px;
    text-decoration: underline;

}

#recipeLeft .recipeLeft_item {
    clear: both;
    margin-top: 10px;
    background-color: #FEF5F0;
    padding: 5px;
}

#recipeLeft ul {
    margin: 0px;
    padding: 0px;
}

#recipeLeft .recipe_method, #recipeLeft .total_time,
#recipeLeft .recipe_cuisine, #recipeLeft .recipe_level {
    margin: 6px 0px 6px 10px;
    line-height: 24px;
    padding-left: 35px;


}

#recipeLeft a {
    text-decoration: underline;
}
#recipeLeft .total_time {
    background: url(images/time_icon.png) no-repeat top left;
}

#recipeLeft .recipe_cuisine {
    background: url(images/cuisines_icon.png) no-repeat top left;
    height: 28px;
}

#recipeLeft .recipe_method {
    background: url(images/recipe_icon.png) no-repeat top left;
    height: 28px;
}

#recipeLeft .recipe_level {
    background: url(images/1star_small.png) no-repeat top left;
    height: 28px;
}

#used_products .ec_row {
    height: 100px;

}

#used_products .ec_row img {
    float: left;
    vertical-align: middle;
    margin-right: 25px;
    margin-bottom: 0px;
}

#used_products .ec_row .product_link{
    display: flex;
    vertical-align: middle;
    height: 100px;
    color: #F05500;
    align-items: center;
}
#used_products .ec_row .product_link div{
  display: flex !important;
  flex-direction: column;
}

#used_products .row-item {
    height: 22px;
    float: left;
    width: 210px;
}

#used_products .ec_row .button {
    background: #f05500;
    font-size: 14px;
    color: #fff;
    padding: 4px 12px;
    line-height: 20px;
    height: auto;
    margin: 15px 0 0;
    width: auto;
}

#used_products .row-item.name {
    width: 260px;
}


#related_recipes h2.heading {
    background: url(images/top_heading_bg.png) repeat-x bottom left;
    color: #F05500;
    height: 44px;
    line-height: 40px;
    text-indent: 55px;
    position: relative;
    margin-bottom: 25px;
}
#related_recipes h2 .icon {
  display: block;
  width: 370px;
  height: 40px;
  background: url(images/new_recommend.png) no-repeat top left;
  position: absolute;
  top: 0px;
  left: 1px;
}
#related_recipes h2 .text {
  font-size: 20px;
  color: #000;
}

#new_recipes div.heading h3 {
    background: url(images/new_recipes_heading.png) no-repeat;
    height: 39px;
    line-height: 39px;
    text-indent: -9999px;
}

.new-recipe h2 {
    background: url(images/top_heading_bg.png) left top transparent repeat-x;
    height: 50px;
    margin-bottom: 25px;
}
.new-recipe {
    margin-top: 10px;
}
.new-recipe h2 span {
    display: block;
    background: url(images/new_recipe_heading2.gif) left top transparent no-repeat;
    height: 50px;
    text-indent: -9999px;
}

.new-recipe-item {
    float: left;
    width: 180px;
    padding: 5px 20px 10px 0px;
}

.new-recipe-item.last {
    padding: 5px 0px 10px 0px;
}

.new-recipe-item .title {
    color: #F87F00;
    font-size: 10pt;
}
.recipe-banner {
    margin-top: 25px;
}

.main-recipe .term-desc {
    background-color: #FFF1E8;
    padding: 10px;
    color: #525252;
    font-size: 10pt;
}
.main-recipe .main-desc {
    margin: 0px 0px 20px 20px;
    height: 106px;
    display: block;
    width: 380px;
}
.main-desc .recipe-summary {
    font-size: 10pt;
    color: #525252;
}
.main-recipe .recipe-title {
    color: #FF7C1B;
    font-size: 11pt;
    margin: 10px 0px 5px 0px;
}

.season-recipe-item {
    float: left;
    width: 145px;
    padding: 5px 20px 10px 0px;
}

.season-recipe-item.last {
    padding: 5px 0px 10px 0px;
}

.season-recipe-item .title {
    color: #F87F00;
    font-size: 10pt;
}

.season-recipe h2 span {
    display: block;
    background: url(https://www.lecreuset.jp/wp-content/uploads/2018/11/picup_recipe_heading.png) left top transparent no-repeat;
    height: 50px;
    text-indent: -9999px;
}

.season-recipe .link-button {
    display: block;
    background: url(https://www.lecreuset.jp/wp-content/uploads/2018/11/btn_season_list.png) left top transparent no-repeat;
    height: 40px;
    text-indent: -9999px;
}

.season-recipe .main-title {
    padding: 0 0 25px 0;
    font-size:16px;
}

.recommend-collection-item {
    width: 310px;
    float: left;
}

.recommend-collection-item .term-desc {
    background-color: #FFF1E8;
    padding: 15px;
    height: 120px;
    overflow: hidden;
    font-size: 10pt;
    text-align: justify;
    color: #525252;
}

.recommend-collection-item .collection-item {
    float: left;
    width: 150px;
    padding: 5px 10px 10px 0px;
    margin-top: 10px;
}

.recommend-collection-item .collection-item.last {
    padding: 5px 0px 10px 0px;
}

.collection-item .title {
    font-size: 9pt;
    color: #F87F00;
    height: 38px;
}

.recommend-collection-item .main-title {
    padding: 15px 0;
    color: #525252;
    font-size: 15px;
}

.recommend-collection-item .collection-item.large {
    width: 300px;
}
.recommend-collection-item .btn-collection {
    height: 40px;
    display: block;
    text-align: center;
    background: url(images/btn_collection.png) left top transparent no-repeat;
    color: #ffffff;
    padding: 10px 0px 0px 0px;
    font-size: 9pt;
}

div.block h2.title {
    background: url(images/top_heading_bg.png) left top transparent repeat-x;
    height: 50px;
    margin-top: 25px;
}

div.block h2.title span {
    height: 50px;
    display: block;
}

div.block h2.title span.recommend-season {
    background: url(images/recommend_special.gif) left top transparent no-repeat;
    text-indent: -9999px;
}

div.block h2.title span.lecreuset-info {
    background: url(images/lecreuset_info_heading.png) left top transparent no-repeat;
    text-indent: -9999px;
}

div.lecreuset-info h2.title {
    margin-bottom: 23px;
}

div.lecreuset-info h4 {
    font-size: 9pt;
    padding-bottom: 10px;
}

div.lecreuset-info p {
    padding-top: 10px;
    font-size: 10pt;
    color: #525252;
}

#recipe .share_box ul li { 
  background: none; 
  line-height: 20px;
  padding-left: 4px;
}

#recipe .share_box_small ul {
    width: auto;
}
#howto-heading, #related_videos {
    background: url("images/top_heading_bg.png") repeat-x scroll left bottom transparent;
    color: #F05500;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 20px;
    position: relative;
    text-indent: 5px;
}

#howto-heading h1 {
    background: url("images/howto_heading_title.png") no-repeat top left transparent;
    height: 39px;
    text-indent: -9999px;
}

#related_videos h1 {
    background: url("images/related_video_title.png") no-repeat top left transparent;
    height: 39px;
    text-indent: -9999px;
    padding: 0;
}


#recipeLeft .time-less1hr, #recipeLeft .time-more1hr {
    background: url("images/1hour_small.png") no-repeat scroll left top transparent;
    height: 28px;
}

#recipeLeft .time-15min {
    background: url("images/15min_small.png") no-repeat scroll left top transparent;
    height: 28px;
}

#recipeLeft .time-30min {
    background: url("images/30min_small.png") no-repeat scroll left top transparent;
    height: 28px;
}

#latest_column_widget, #column_widget {
    border: 2px solid #f26722;
    margin-bottom: 20px;
}

#column_widget h2 {
    background: url("images/column_heading_widget.png") no-repeat transparent;
    height: 45px;
    text-indent: -9999px;
}

#latest_column_widget ul li a, #column_widget ul li a {
    display: block;
    font-size: 12px;
    height: 66px;
    /*line-height: 66px;*/
    width: 310px;
}

ul li a.table span {
    display: table-cell !important;
    vertical-align: middle;
    height: 66px;
    padding-right: 5px;
}

#latest_column_widget ul li a img, #column_widget ul li a img {
    float: left;
    margin-left: 10px;
    margin-top: 6px;
    padding-right: 4px;
}


#latest_column_widget ul li a span, #column_widget ul li a span {
    display: block;
    height: 66px;
}

#latest_column_widget ul li, #column_widget ul li {
    margin: 0;
}

#latest_column_widget ul li.row_even, #column_widget ul li.row_even {
    background-color: #fffff1;
}

#latest_column_widget ul li.row_odd, #column_widget ul li.row_odd {
    background-color: #fff4e5;
}



#latest_column_widget h2 {
    background: url("images/latest_column_heading.png") no-repeat transparent;
    height: 45px;
    text-indent: -9999px;
}

#video_howto, #video_recipe {
    background: url("images/howto_video_bg.jpg") repeat-x scroll left bottom transparent;
    color: #F05500;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 20px;
    position: relative;
    text-indent: 5px;
}

#video_howto h2 {
    background: url("images/howto_howto_heading.png") no-repeat transparent;
    height: 45px;
    text-indent: -9999px;
}

#video_recipe h2 {
    background: url("images/howto_recipe_heading.png") no-repeat transparent;
    height: 45px;
    text-indent: -9999px;
}

.content a {
    color: #FF7B1A;
}

/* Taxonomy Collections */

.taxonomy-collections h1 {
    color: #F05400;
    font-size: 22px;
    padding: 35px 0px 24px;
}
.taxonomy-collections .row li {
    width: 280px;
    float: left;
}

.taxonomy-collections .row li a {
    color: #FF5F00;
    word-break: normal;
}
.taxonomy-collections .row li.last {
    margin-left: 15px;
    float: right;
}
.taxonomy-collections ul.row {
    overflow: hidden;
    clear: both;
    padding: 5px 0px 10px;
}

.taxonomy-collections ul.row h2, .taxonomy-collections ul.row p {
    font-size: 12px;
}

.taxonomy-collections ul.row img {
    display: block;
    text-align: center;
    margin: 10px 0px 5px 0px;
}
#column-details-content a {
    color: #F05400;
}

#collection-button{
    
}

#collection-button a{
    background: url(images/collection_link.png) no-repeat top left;
    display: block;
    text-indent: -9999px;
    margin-left:840px;
}


#mobile {
    cursor: pointer;
    padding-top: 57px;
    height: 0px;
    display: block;
    margin-left: 866px;
    background: url(images/new-mobile-pc-button.png) no-repeat bottom left;
    width: 125px;
    position: relative;
}
#mobile .text{
    width: 100%;
    color: #e76c24;
    position: absolute;
    left: 35px;
    top: 30px;
}

/*----------�瓐�瓐�卝�㕑蕭���----------*/

@charset "UTF-8";
* {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

button {
  background: none;
  border: none;
}

.scroll_disable {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
}

header ~ #maincontent .container a:not(.btn-primary):not(.btn-outline-primary) {
  color: initial;
}
header ~ #maincontent .container a:not(.btn-primary):not(.btn-outline-primary):hover {
  opacity: 0.7;
  color: #f05500;
  text-decoration: none;
}

#content-wrapper {
  display: inline-block;
}
@media (min-width: 769px) {
  #content-wrapper {
    margin-top: 235px !important;
  }
}
@media (max-width: 768px) {
  #content-wrapper {
    margin-top: 235px !important;
  }
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 769px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 940px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 544px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-sm-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-sm-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-sm-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-sm-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333%;
  }

  .offset-sm-2 {
    margin-left: 16.66667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333%;
  }

  .offset-sm-5 {
    margin-left: 41.66667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333%;
  }

  .offset-sm-8 {
    margin-left: 66.66667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333%;
  }

  .offset-sm-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 769px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-md-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-md-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-md-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-md-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333%;
  }

  .offset-md-2 {
    margin-left: 16.66667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333%;
  }

  .offset-md-5 {
    margin-left: 41.66667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333%;
  }

  .offset-md-8 {
    margin-left: 66.66667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333%;
  }

  .offset-md-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-lg-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-lg-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-lg-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-lg-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333%;
  }

  .offset-lg-2 {
    margin-left: 16.66667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333%;
  }

  .offset-lg-5 {
    margin-left: 41.66667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333%;
  }

  .offset-lg-8 {
    margin-left: 66.66667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333%;
  }

  .offset-lg-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-xl-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-xl-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-xl-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-xl-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333%;
  }

  .offset-xl-2 {
    margin-left: 16.66667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333%;
  }

  .offset-xl-5 {
    margin-left: 41.66667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333%;
  }

  .offset-xl-8 {
    margin-left: 66.66667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333%;
  }

  .offset-xl-11 {
    margin-left: 91.66667%;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 544px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 769px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
/*---------------------------
Link
---------------------------*/
.link-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 285px;
  height: 52px;
  border: 1px solid #000;
  font-size: 15px;
  transition: all 0.3s;
}
.link-btn.color-white {
  color: #f05500 !important;
  border: 1px solid #f05500;
}
.link-btn.color-white:hover {
  background-color: #f05500;
  color: #fff !important;
}
.link-btn::before {
  content: "";
  width: 30px;
  height: 30px;
  background-size: 100%;
  position: absolute;
  left: 10px;
}
.link-btn.icon_question::before {
  background-image: url(./images/icon_question.png);
}
.link-btn.icon_question:hover::before {
  background-image: url(./images/icon_question_on.png);
}
.link-btn.icon_house::before {
  background-image: url(./images/icon_house.png);
}
.link-btn.icon_house:hover::before {
  background-image: url(./images/icon_house_on.png);
}

header a {
  outline: none;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header a:link, header a:visited {
  color: #000;
  text-decoration: none;
}
header a.cms-link {
  color: #f05500 !important;
  cursor: pointer;
}
header a:hover {
  opacity: 0.7;
  color: #f05500 !important;
  text-decoration: none;
}

header a:focus,
header *:focus,
header button:focus {
  outline: none;
}

/*---------------------------
PC �梢��
---------------------------*/
.pc-dis,
.pc-on {
  display: inline-block !important;
}

.sp-dis,
.sp-on {
  display: none !important;
}

.main-container {
  width: 100%;
}
.main-container p {
  margin-bottom: 15px;
  font-size: 14px;
}
@media (max-width: 768px) {
  .main-container p {
    font-size: 12px;
  }
}

@media (min-width: 769px) {
  .main-container {
    margin: 40px auto;
  }

  .inner,
.inner-cms {
    max-width: 982px;
    margin: 0 auto;
  }
}
/*---------------------------
  SP �梢��
---------------------------*/
@media (max-width: 768px) {
  .pc-dis,
.pc-on {
    display: none !important;
  }

  .sp-dis,
.sp-on {
    display: block !important;
  }

  .main-container {
    margin: 50px auto 0;
    padding: 0 15px;
    width: 100%;
  }
  .main-container .inner-cms {
    margin: 0 auto 50px;
  }
}
@media (min-width: 769px) {
  .pd-10-pc {
    padding: 10px;
  }

  .pb-20-pc {
    padding-bottom: 20px;
  }

  .u-mb0-pc {
    margin-bottom: 0 !important;
  }

  .u-mb20-pc {
    margin-bottom: 20px !important;
  }

  .u-mb40-pc {
    margin-bottom: 40px !important;
  }

  .u-mb50-pc {
    margin-bottom: 50px !important;
  }

  .u-mb70-pc {
    margin-bottom: 70px !important;
  }

  .u-mb80-pc {
    margin-bottom: 80px !important;
  }

  .u-mb100-pc {
    margin-bottom: 100px !important;
  }
}
@media (max-width: 768px) {
  .pd-10-sp {
    padding: 10px;
  }

  .pb-20-sp {
    padding-bottom: 20px;
  }

  .u-mb20-sp {
    margin-bottom: 20px !important;
  }

  .u-mb60-sp {
    margin-bottom: 60px !important;
  }

  .u-mb80-sp {
    margin-bottom: 80px !important;
  }
}
/*---------------------------
  HEADER
---------------------------*/
header {
  display: block;
  font-family: '敺株��迤暺煾��', 'Microsoft JhengHei',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: 100%;
  vertical-align: baseline;
  white-space: normal;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}
header nav {
  max-width: 980px;
  margin: 0 auto;
}
@media (min-width: 769px) {
  header nav {
    position: relative;
  }
}
header nav .header {
  padding: 0;
}
header.page-header {
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  /* padding: 0 0 20px 0; */
  position: fixed;
  transition: 0.5s;
  width: 100%;
  z-index: 999;
  background-color: #fff;
  max-width: inherit;
}
header.page-header.bg-on {
  background-color: #fff;
}
header.page-header.hide {
  transform: translateY(-100%);
}
@media (max-width: 768px) {
  header.page-header {
    padding: 0;
  }
}
header .header-top {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 17px 0 30px 0;
  position: relative;
}
@media (max-width: 768px) {
  header .header-top {
    padding-bottom: 17px;
    width: 94%;
    margin: 0 auto;
  }
}
header .header-top #header-search {
  display: block;
  padding: 0;
  position: absolute;
  top: 5px;
  right: inherit;
  left: 0;
}
@media (max-width: 768px) {
  header .header-top #header-search {
    top: 16px;
  }
}
header .header-top #header-search .search .site-search {
  width: 100%;
}
header .header-top #header-search .search .site-search input {
  width: 100%;
  height: 40px;
  font-family: '敺株��迤暺煾��', 'Microsoft JhengHei',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border: none;
  border-bottom: 2px solid #000;
  color: #495057;
  background: none;
  padding: 0;
  padding-right: 40px;
  border-radius: 0;
  box-sizing: border-box;
}
@media (min-width: 769px) {
  header .header-top #header-search .search .site-search input {
    width: 230px;
  }
}
header .header-top #header-search .search .site-search input:focus {
  outline: 0;
  box-shadow: none;
  border: none;
  border-bottom: 2px solid #000;
  background-color: transparent;
}
header .header-top #header-search .search .site-search .fa-search {
  position: absolute;
  border: none;
  padding: 0;
  background-color: transparent;
  top: 50%;
  right: 15px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
}
header .header-top #header-search .search .site-search .fa-search::before {
  font-size: 24px;
  color: #131313;
}
header .header-top .header-logo img {
  width: 180px;
}
header .header-top .header-menu {
  position: absolute;
  top: 17px;
  right: 0;
}
@media (max-width: 768px) {
  header .header-top .header-menu {
    top: 16px;
  }
}
header .header-top .header-menu .header-menu-list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
header .header-top .header-menu .header-menu-list .user,
header .header-top .header-menu .header-menu-list .minicart {
  margin: 0 6px;
  position: relative;
}
@media (max-width: 768px) {
  header .header-top .header-menu .header-menu-list .user,
header .header-top .header-menu .header-menu-list .minicart {
    margin: 0 2px;
  }
}
header .header-top .header-menu .header-menu-list .user img,
header .header-top .header-menu .header-menu-list .minicart img {
  width: 30px;
}
header .header-top .header-menu .header-menu-list .user .minicart-quantity,
header .header-top .header-menu .header-menu-list .minicart .minicart-quantity {
  position: absolute;
  top: 0;
  left: inherit;
  right: 0;
  background-color: #f05500;
}
header .header-top .navbar-toggler {
  padding: 0;
  border-radius: 0;
  border: none;
}
header .header-top .navbar-toggler img {
  width: 30px;
}
header .main-menu {
  background: #ffffff;
}
header .main-menu .col-12, header .main-menu .container {
  padding: 0;
}
@media (min-width: 992px) {
  /* header .main-menu .col-12, header .main-menu .container {
    max-width: 1200px;
  } */
  header .main-menu .col-12 .row, header .main-menu .container .row {
    margin: 0;
  }
}
header .main-menu .page-header-nav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .main-menu .page-header-nav ul li a {
  font-size: 14px;
  color: #000000;
}
header .main-menu .navbar {
  position: relative;
  /* display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between; */
}
header .main-menu .navbar .navbar-nav {
  /* position: absolute; */
  width: 100%;
  max-width: 1200px;
  display: block;
  z-index: 1;
  background-color: #fff;
  padding: 12px 0;
  border-radius: 0 0 10px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 992px) {
  header .main-menu .navbar .navbar-nav {
    max-width: 1200px;
  }
}
@media (min-width: 769px) {
  header .main-menu .navbar .navbar-nav {
    max-width: 1200px;
  }
}
header .main-menu .navbar .navbar-nav .nav-item {
  text-align: center;
  font-size: 12px;
  color: #000000;
  margin: 0 8px!important;
}
header .main-menu .navbar .navbar-nav .nav-item .nav-link {
  color: #000000;
  padding: 0;
}
header .main-menu .navbar .navbar-nav .nav-item .nav-link img {
  width: 50px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  header .main-menu.menu-toggleable-left {
    padding: 15px 3%;
  }
  header .main-menu.menu-toggleable-left.in {
    margin-right: 0;
    height: 100vh;
    overflow: scroll;
    width: 100%;
  }
  header .main-menu.menu-toggleable-left .close-menu {
    background: none;
    border: none;
    padding: 0;
  }
  header .main-menu.menu-toggleable-left .close-menu .close-button button {
    padding: 0;
  }
  header .main-menu.menu-toggleable-left .close-menu .close-button button img {
    width: 30px;
  }
  header .main-menu.menu-toggleable-left .menu-group .sp-menu-top .nav-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 30px;
  }
  header .main-menu.menu-toggleable-left .menu-group .sp-menu-top .nav-item a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    font-size: 11px;
    color: #f05500;
    text-align: center;
  }
  header .main-menu.menu-toggleable-left .menu-group .sp-menu-top .nav-item a:nth-child(2) {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
  header .main-menu.menu-toggleable-left .menu-group .sp-menu-top .nav-item a img {
    width: 30px;
    margin-right: 6px;
  }
  header .main-menu.menu-toggleable-left .menu-group .sp-menu-top .nav-item a span {
    font-size: 11px;
    display: inline-block;
    vertical-align: -6px;
    text-align: left;
    max-width: 75px;
  }
  header .main-menu.menu-toggleable-left .menu-group .sp-menu-products .product-cont {
    display: inline-block;
  }
  header .main-menu.menu-toggleable-left .menu-group .sp-menu-products .product-cont .cont-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    font-family: '敺株��迤暺煾��', 'Microsoft JhengHei',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    letter-spacing: 2px;
    text-transform: uppercase;
  }
  header .main-menu.menu-toggleable-left .menu-group .sp-menu-products .product-cont .product-bans {
    display: inline-block;
    margin-bottom: 20px;
    border-top: 1px solid #e8e8e8;
  }
  header .main-menu.menu-toggleable-left .menu-group .sp-menu-products .product-cont .product-bans li {
    float: left;
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 15px;
    border-bottom: 1px solid #e8e8e8;
  }
  header .main-menu.menu-toggleable-left .menu-group .sp-menu-products .product-cont .product-bans li:nth-child(odd) {
    border-right: 1px solid #e8e8e8;
  }
  header .main-menu.menu-toggleable-left .menu-group .sp-menu-products .product-cont .product-bans li img {
    width: 60px;
    margin: 0 6px;
  }
  header .main-menu.menu-toggleable-left .menu-group .sp-menu-products .product-cont .product-bans li p {
    font-size: 15px;
  }
  header .main-menu.menu-toggleable-left .menu-group .page-header-nav {
    display: inline-block;
    width: 100%;
  }
  header .main-menu.menu-toggleable-left .menu-group .page-header-nav ul {
    border-top: 1px solid #e8e8e8;
    flex-flow: wrap;
  }
  header .main-menu.menu-toggleable-left .menu-group .page-header-nav ul li {
    display: block;
    width: 100%;
    padding: 20px 0;
    font-size: 15px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
  }
  header .main-menu.menu-toggleable-left .menu-group .page-header-nav ul li a::after {
    position: absolute;
    top: 25px;
    right: 10px;
    display: block;
    content: "";
    width: 15px;
    height: 15px;
    background-image: url(./images/icon_right.png);
    background-size: 100%;
  }
  header .main-menu.menu-toggleable-left .search-mobile {
    position: relative;
    top: inherit;
    left: inherit;
    right: inherit;
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
  }
  header .main-menu.menu-toggleable-left .search-mobile .site-search {
    height: 40px;
    width: 100%;
  }
  header .main-menu.menu-toggleable-left .search-mobile .site-search input {
    font-size: 16px;
    max-width: 100%;
    width: 100%;
    height: 40px;
    padding-right: 40px;
    font-family: '敺株��迤暺煾��', 'Microsoft JhengHei',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    padding: 0 8px;
    border-radius: 0;
    border: 1px solid silver;
    background: #ffffff;
  }
  header .main-menu.menu-toggleable-left .search-mobile .site-search input:focus {
    outline: 0;
    box-shadow: none;
    border: 1px solid silver;
    background-color: #ffffff;
  }
  header .main-menu.menu-toggleable-left .search-mobile .site-search .fa-search {
    right: 0;
    background-color: #f05500 !important;
    position: absolute;
    top: 0;
    width: 48px;
    height: 40px;
    border: 0;
    border-radius: 0;
  }
  header .main-menu.menu-toggleable-left .search-mobile .site-search .fa-search::before {
    color: #fff;
    font-size: 20px;
  }
}

/*---------------------------
  FOOTER
---------------------------*/
footer {
  position: relative;
  width: 100%;
  background-color: #f4f4f6;
  padding: 30px 0;
}
@media (min-width: 769px) {
  footer {
    min-width: auto;
    max-width: inherit;
  }
}
@media (max-width: 768px) {
  footer {
    min-width: 100%;
    margin-top: 90px;
    padding-top: 0;
  }
  footer .container {
    padding: 0;
  }
}
footer .back-to-top {
  position: absolute;
  top: -70px;
  right: 14%;
}
@media (max-width: 768px) {
  footer .back-to-top {
    top: -70px;
    right: 2%;
  }
}
footer .back-to-top .fa-stack {
  width: 50px;
  height: 50px;
}
footer .footer-container {
  padding-top: 30px;
  border: none;
  margin: 0 auto;
  position: relative;
  text-align: left;
}
@media (max-width: 768px) {
  footer .footer-container {
    flex-flow: wrap;
    padding-top: 0;
  }
}
@media (max-width: 768px) {
  footer .footer-container .footer-item.col-sm-4 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    border: none;
  }
}
@media (min-width: 769px) {
  footer .footer-container .footer-item.col-sm-4.category {
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }
  footer .footer-container .footer-item.col-sm-4.feature {
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }
  footer .footer-container .footer-item.col-sm-4.pickup {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  footer .footer-container .footer-item.col-sm-4.pickup li {
    flex: 0 0 100%;
    max-width: 100%;
  }
  footer .footer-container .footer-item ul {
    max-height: 180px;
  }
}
footer .footer-container .footer-item .footer-box{
    width: 100%;
}
footer .footer-container .footer-item h3 {
  white-space: nowrap;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #000;
  padding: 0 0 5px;
}
footer .footer-container .footer-item ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}
footer .footer-container .footer-item ul li {
    padding: 5px;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-height: 25%;
}
@media (max-width: 768px) {
  footer .footer-container .footer-item ul li {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
footer .link-btn {
  width: 100%;
}
footer .link-btn:hover {
  background-color: #000;
  color: #fff !important;
  opacity: 1;
}
@media (max-width: 768px) {
  footer .link-btn {
    width: 100%;
    font-size: 12px;
    padding-left: 20px;
  }
}
footer .footer-btn-link {
  margin-top: 60px;
}
footer .footer-btn-link ul {
  display: flex;
  flex-flow: wrap;
  justify-content: space-around;
}
@media (max-width: 768px) {
  footer .footer-btn-link ul {
    padding: 0 5px;
  }
}
footer .footer-btn-link ul li {
  width: 65%;
}
@media (max-width: 768px) {
  footer .footer-btn-link ul li {
    width: 66%;
  }
}
footer .footer-sns {
  margin-top: 30px;
}
footer .footer-sns .decorated-text {
  text-align: center;
}
footer .footer-sns .decorated-text p {
  position: relative;
  display: inline;
  font-size: 12px;
}
footer .footer-sns .decorated-text p::before {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background-color: #000;
  position: absolute;
  top: -4px;
  left: -20px;
  transform: rotate(-30deg);
}
footer .footer-sns .decorated-text p::after {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background-color: #000;
  position: absolute;
  top: -4px;
  right: -20px;
  transform: rotate(30deg);
}
footer .footer-sns .social-links {
  margin: 20px auto 0;
  text-align: center;
  float: none;
}
footer .footer-sns .social-links a {
  font-size: initial;
  margin: 0 15px;
}
footer .footer-sns .social-links img {
  width: 40px;
}
footer .footer-about {
  margin: 40px 0 20px;
}
footer .footer-about .menu-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875em;
}
@media (max-width: 768px) {
  footer .footer-about .menu-footer {
    flex-flow: wrap;
    justify-content: space-between;
    border-top: 1px solid #e1e1e1;
  }
}
footer .footer-about .menu-footer li {
  display: inline-block;
  margin: 0 10px;
  height: auto;
}
@media (max-width: 768px) {
  footer .footer-about .menu-footer li {
    margin: 0;
    width: 50%;
    font-size: 12px;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #e1e1e1;
  }
  footer .footer-about .menu-footer li:nth-child(2n-1) {
    border-right: 1px solid #e1e1e1;
  }
}
footer .footer-about .menu-footer li a {
  color: #000000;
}
footer .copyright {
  text-align: center;
}
footer .footer-box-sp .js-nav-toggle {
  padding: 0;
  background: #e1e1e1;
  text-align: center;
  border-bottom: 1px solid #fff;
  position: relative;
}
footer .footer-box-sp .js-nav-toggle.active .arrow-menu::after {
  top: 60%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
footer .footer-box-sp .js-nav-toggle .arrow-menu {
  border: 1px solid #878686;
  border-radius: 56px;
  -webkit-border-radius: 56px;
  -moz-border-radius: 56px;
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 8px;
}
footer .footer-box-sp .js-nav-toggle .arrow-menu::after {
  content: "";
  position: absolute;
  right: 9px;
  top: 48%;
  margin: -5px 0 0 0;
  width: 10px;
  height: 10px;
  border-top: 1px solid #878686;
  border-right: 1px solid #878686;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
footer .footer-box-sp .js-nav-toggle a {
  display: block;
  text-align: center;
}
footer .footer-box-sp .js-nav-toggle a.category-link {
  display: inline-block;
  background: #e1e1e1;
  font-size: 14px;
  padding: 12px 0;
}
footer .footer-box-sp .js-nav-toggle .js-nav-menu {
  padding: 0;
  display: none;
  background: #edeaea;
}
footer .footer-box-sp .js-nav-toggle .js-nav-menu li {
  padding: 10px 0;
  font-size: 14px;
}
footer .copyright {
  font-size: 12px;
}

.notfound h1{
  display: flex;
  align-items: center;
  border-bottom: 2px solid #f05500;
  padding-bottom: 10px;
  font-size: 24px;
  color: #f05500;
  font-weight: bold;
  margin-bottom: 20px;
}
.notfound h1 img{
  margin-right: 10px;
}
.notfound h2{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
}