@charset "utf-8";

   
.page_submenu{
    width:20%;
    float:left;
    position:relative;
}
.page_submenu img{ width:100%;height:50px;
}
.page_head_image{
    width:80%;
    float:right;
}
.page_head_image img{
    width:100%;height:auto;
}
@media only screen and (max-width: 768px) {

    .page_submenu{
        width:100%;
        float:left;
    }
    .page_head_image{
        width:100%;
        clear:both;
    }
}

.page_head_image_hozirontal{
    width:100%;
    text-align:center;
}
.page_head_image_hozirontal img{
    width:100%;
    vertical-align:bottom;
}
.page_submenu_horizontal ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    
}

.page_submenu_horizontal li{
    -webkit-flex: auto;
    flex: auto;
    list-style:none;

    
    -webkit-align-items: center;
    -webkit-justify-content: center; 
    align-items: center; /*上下中央*/
    justify-content: center; /*左右中央*/
}

.page_submenu_horizontal a{
   display:block;
   text-align:center;
   line-height:2em;
   
   
}

.yellow_button {
  background: #fff200;
  background-image: -webkit-linear-gradient(top, #fff200, #946300);
  background-image: -moz-linear-gradient(top, #fff200, #946300);
  background-image: -ms-linear-gradient(top, #fff200, #946300);
  background-image: -o-linear-gradient(top, #fff200, #946300);
  background-image: linear-gradient(to bottom, #fff200, #946300);
  color: #ffffff;
  text-decoration: none;
}

.yellow_button:hover {
  background: #858f00;
  background-image: -webkit-linear-gradient(top, #858f00, #1f1c00);
  background-image: -moz-linear-gradient(top, #858f00, #1f1c00);
  background-image: -ms-linear-gradient(top, #858f00, #1f1c00);
  background-image: -o-linear-gradient(top, #858f00, #1f1c00);
  background-image: linear-gradient(to bottom, #858f00, #1f1c00);
  text-decoration: none;
}

/**masonry**/
.grid-item {
    width :150px;
    min-height:280px;
    text-align:center;
    margin:4px; border:1px solid gray; border-radius:5px; 
    -webkit-box-shadow: 0px 0px 3px 1px rgba(112,111,112,0.5);
    -moz-box-shadow: 0px 0px 3px 1px rgba(112,111,112,0.5);
    box-shadow: 0px 0px 3px 1px rgba(112,111,112,0.5);

}
.grid-item img{
    margin-top:3px;
}
.grid-item_6 {
    width :123px;
    min-height:280px;
    text-align:center;
    margin:4px; border:1px solid gray; border-radius:5px; 
    -webkit-box-shadow: 0px 0px 3px 1px rgba(112,111,112,0.5);
    -moz-box-shadow: 0px 0px 3px 1px rgba(112,111,112,0.5);
    box-shadow: 0px 0px 3px 1px rgba(112,111,112,0.5);

}
.grid-item_6 img{
    margin-top:3px;
}


.grid-food {
    width :175px;
    height:auto;
    text-align:center;
    margin:3px; border:1px solid gray; border-radius:5px; 
    -webkit-box-shadow: 0px 0px 3px 1px rgba(112,111,112,0.5);
    -moz-box-shadow: 0px 0px 3px 1px rgba(112,111,112,0.5);
    box-shadow: 0px 0px 3px 1px rgba(112,111,112,0.5);

}
.grid-food img{
    margin-top:3px;
}

.grid-food_3{
    width :auto;
    height:145px;
    text-align:center;
    margin:3px; border:1px solid gray;
    -webkit-box-shadow: 0px 0px 3px 1px rgba(112,111,112,0.5);
    -moz-box-shadow: 0px 0px 3px 1px rgba(112,111,112,0.5);
    box-shadow: 0px 0px 3px 1px rgba(112,111,112,0.5);
}


.grid-character-half img{
    max-width:100%; height:auto;
}

.recipename{
    font-size:small;
    font-weight:bold;
}
.recipedesc{
    font-size:small;
    text-align:left;
}

.grid-product{
    margin-top:1em;
    margin-bottom:1em;
}
.grid-product-item{
    width:30%; min-width:200px;
    text-align:center;
}

grid-product-item_4{
    width:25%; min-width:190px;
    text-align:center;
}

.grid-product-item:hover{

}

.ta_border_bottom{
     border-collapse: collapse;
}
.ta_border_bottom tr td{
    border-bottom:1px solid gray;
    padding-top:0.5em; padding-top:0.5em;
    text-align:center;

}

/***/
.firelist{
    padding:1em; 
    border:1px inset gray; 
    border-radius:5px;
    max-width:600px;
}

.firelist img{
    width:140px; height:auto;
}