body {margin: 0;background: #f2f2f2;padding: 0;
    font-family: "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    }
a:link {color: #333;text-decoration: none;}
ul,li{margin: 0;padding: 0;}
.gnav{margin: 0;background: #f2f2f2; padding: 0;}
gnav li{margin: 0;background: #f2f2f2;padding: 0;}
h2{font-size:100%;}
img {max-width: 100%;height: auto;margin:0;}
header {background: #F2F2F2;color: #000;padding: 0;}
.headnav{margin-right:50px;padding:5px;}
.model{float: right; }
.model img{display: inline-block;}

header img{vertical-align:middle;padding:2px;}
footer {background: #f2f2f2;padding: 1rem;font-size:70%;}
.nav-wrap{
        box-sizing: border-box;
        position: fixed;
        top: 0;
        width: 100%;
    }
   .nav-wrap{
        box-sizing: border-box;
        position: fixed;
        top: 0;
        width: 100%;
    }
    .gnav {
      list-style-type: none;
      background: #eee;
      width: 100%;
      z-index: 99;
    }

    .gnav li {
      border-bottom: 1px solid #333;
    }

    .gnav li a {
      display: block;
      text-decoration: none;
      /* (44-16)/2=14px */
      padding: .875rem 1rem;
    }

    .icon-animation {
      width: 44px;
      height: 40px;
      display: block;
      cursor: pointer;
      float: right;
      position: absolute;
      right: 0;
      text-align: center;
      top: .2rem;
    }

    .icon-animation span {
      width: 30px;
      height: 3px;
      display: block;
      background: #333;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -25px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    .icon-animation .top {
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      transform: translateY(-10px);
    }

    .icon-animation .bottom {
      -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
      transform: translateY(10px);
    }

    .is-open .middle {
      background: rgba(51, 51, 51, 0);
    }

    .is-open .top {
      -webkit-transform: rotate(-45deg) translateY(0px);
      -ms-transform: rotate(-45deg) translateY(0px);
      transform: rotate(-45deg) translateY(0px);
    }

    .is-open .bottom {
      -webkit-transform: rotate(45deg) translateY(0px);
      -ms-transform: rotate(45deg) translateY(0px);
      transform: rotate(45deg) translateY(0px);
    }
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
h2.acMenu span {background-color:transparent;cursor: hand; cursor:pointer;padding:3%}
h2.acMenu{background:url(/range/recipe/mro-s8y/sp/image/plus.gif) no-repeat;background-position:95% 50%; background-color:#f2f2f2;background-clip: border-box;border:solid 1px #ccc;}
h2.acMenu.active{background:url(/range/recipe/mro-s8y/sp/image/minus.gif) no-repeat;background-position:95% 50%; background-color:#f2f2f2;background-clip: border-box;}
div.acMenu{
    display:none;
    }
h2.acMenu2{background:url(/range/recipe/mro-s8y/sp/image/minus.gif) no-repeat;background-position:95% 50%; background-color:#f2f2f2;background-clip: border-box;z-index: 1;}
h2.acMenu2.active{background:url(/range/recipe/sp/mro-s8x/image/plus.gif) no-repeat;background-position:95% 50%; background-color:#f2f2f2;background-clip: border-box;}
div.acMenu2{
    display:none;
    }
h2{ padding: 10px 40px 10px 10px;}
h2.acMenu3{background-color:#f2f2f2;background-clip: border-box;border:solid 1px #ccc;}

span.title{font-size:100%;}
    .main{padding:10px 0;background-color:#A7212A;overflow:hidden;}
.menulist{clear: both;}
    .menulist li{float:left;background-color:#fff;margin:0 0 10px 2.5%;text-align:ceter;list-style-type:none;width:30%;vertical-align: middle;border:solid 1px #ccc;box-sizing:border-box;padding:0;}
    .menulist span{background-color:#fff; padding:0 5px;margin-top:0; font-size:90%;}
    .menulist span{display: block;height:3em;}
.menulist a:link{color:#333;text-decoration: none;}
.menulist a:visited{color:#333;text-decoration: none;}
#footer{clear: both;}

.catlist li{background-color:#fff;margin:10px;}
.pagetitle h1{margin:0;padding:10px;background-color:#fff; font-size:120%;}
#search{margin-top:50px;padding:10px;background-color:#f2f2f2;}
.headertitle{margin:0;background-color:#fff}

/*page*/
.MenuNumAu {
    display: table-cell;
    float: right;
   margin: 0 2% 0 0;
    width: 14%;
    border: 2px solid #ec008c;
    color: #ec008c;text-align: center;
font-size: 80%;}

.MenuNumAu span {
    color: #ec008c;
    padding: 10px;}

.MenuNumAp{
    display: table-cell;
    float: right;
   margin: 0 2% 0 0;
    width: 14%;
    border: 2px solid #666;
    color: #666;text-align: center;
font-size: 80%;}

.MenuNumAp span {
    color: #666;
    padding: 10px;}

.MenuNumMa{
    display: table-cell;
    float: right;
   margin: 0 2% 0 0;
    width: 14%;
    border: 2px solid #666;
    color: #666;text-align: center;
font-size: 80%;}

.MenuNumMa span {
    color: #666;
    padding: 10px;}

.pagecat li{font-size:90%; border:solid 1px #ccc;display: inline-block;padding:5px;margin:3px;background: #820625;}
.pagecat li a{color:#fff;text-decoration: none;}

.RecipeA {
    background: rgba(0, 0, 0, 0) url("/range/recipe/img/recipe_a.gif") no-repeat scroll left top;
    padding-top: 26px; border-bottom:10px;margin-bottom:10px;
}
.RecipeB {
    background: rgba(0, 0, 0, 0) url("/range/recipe/img/recipe_b.gif") no-repeat scroll left top;
    padding-top: 26px;margin-bottom:10px;
}
.Recipe1 {
border: 1px solid #ff6666;padding: 10px;}

.TableStyle_Recipe1 {
    border-collapse: collapse;
    margin: 0 0 10px 0;
    width: 100%;
}

.TableStyle_Recipe1 th {
    background: #fff none repeat scroll 0 0;
    border-color: currentcolor currentcolor #bda990;
    border-style: none none dotted;
    border-width: 0 0 1px;
    font-size: 90%;
    padding: 0.3em 4px 0.17em 5px;
    text-align: left;
    vertical-align: baseline;
}

.TableStyle_Recipe1 td {
    background: #fff none repeat scroll 0 0;
    border-color: currentcolor currentcolor #bda990;
    border-style: none none dotted;
    border-width: 0 0 1px;
    font-size: 90%;
    padding: 0.3em 0 0.17em;
    text-align: right;
    vertical-align: baseline;
    white-space: nowrap;
}

.TableStyle_Recipe2 {
    border-collapse: collapse;
    border-top: 1px solid #bda990;
    margin: 0 0 20px;
    width: 100%;
}

.TableStyle_Recipe2 th {
    background: #fff none repeat scroll 0 0;
    border-color: currentcolor currentcolor #bda990;
    border-style: none none solid;
    border-width: 0 0 1px;
    font-size: 90%;
    padding: 0.3em 4px 0.17em 15px;
    text-align: left;
    vertical-align: baseline;
}

.TableStyle_Recipe2 td {
    background: #fff none repeat scroll 0 0;
    border-color: currentcolor currentcolor #bda990;
    border-style: none none solid;
    border-width: 0 0 1px;
    font-size: 90%;
    padding: 0.3em 5px 0.17em 0;
    text-align: right;
    vertical-align: baseline;
    white-space: nowrap;
}

ol.ListStyle1 {
    font-size: 90%;
}
ol.ListStyle1, ol.ListStyle2 {
    margin: 0 0 20px;
    padding-left: 1.8em;
}

ol.ListStyle1 li {
    border-bottom: 1px dotted #999;background: #fff
}
ol.ListStyle1 li, ol.ListStyle2 li {
    line-height: 140%;
    margin: 0 0 5px;padding:1% 0;background: #fff
}

ul.ListStyle1{list-style: none; font-size: 90%;}
ul.ListStyle1 li{background: #fff}

/*.CookingTips div.BoxPatternA {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cb4740;
    border-radius: 4px;
    clear: both;
    margin-bottom: 30px;
    padding-bottom: 0;
    padding-top: 0;
}

.CookingTips div.BoxPatternA h2 {
    background: #ebb9b6 none repeat scroll 0 0;
    border-bottom: 1px solid #cb4740;
    border-radius: 4px 4px 0 0;
    color: #4b2e3f;
    font-weight: bold;
    margin: 0;
}*/

.CookingTips div.BoxPatternA .Inner {
    background: transparent none repeat scroll 0 0;
    padding: 10px;
}

.CookingTips div.Inner .ListStyle1 dt {
    font-weight: bold;
}


dl.ListStyle1 dd, dl.ListStyle2 dd {
    line-height: 140%;font-size:90%;
    margin: 0 0 15px;
    padding: 0 0 0 1em;
}

.TextStyle1{font-size:90%;}
.mb {
    border: 1px solid #ec008c;
    margin: 0 2px;
    padding: 0 2px;
}
.point {
    color: #ec008c;
    font-weight: bold;
}

/*form*/
input.fs-text{width:75%;font-size:120%;padding:1%;margin:2%;border:0;border:solid 1px #ccc;-webkit-appearance: none;}
input.fs-btn {
  -webkit-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 6px #666666;
  -moz-box-shadow: 0px 0px 6px #666666;
  box-shadow: 0px 0px 6px #666666;
  font-family: Arial;
  color: #303030;
  font-size: 120%;
  background: #b3b3b3;
  text-decoration: none;
width:18%;
padding:2px;
-webkit-appearance: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
padding:1%;
}

.tips dl{padding:10px;font-size:90%;}
.tips dt{margin:0;padding:0;font-weight: bold;}
.tips dd{margin:0;padding:0;}
.tips ul,li{margin:0;padding:0 15px;font-size:90%;}
.tips p,h3,h4{margin:0;padding:10px;font-size:90%;}
div.tips{padding:0 10px 50px 10px;} 
p.read{font-size:90%;color:#fff;padding:10px;}