body, nav, ul, li, a  {margin: 0; padding: 0;}
/*body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }*/
a {text-decoration: none;}
.container {
    position: relative;
    width: 100%;
    /*max-width: 320px;*/
    margin: 0;
    padding: 60px 0 0;
    z-index: 1000;
    background: #fff;
}
@media only screen and (max-width: 738px){
  .container {
      position:absolute;
  }
  ul.order li #SS_sortDateLink{
    width:240px;
    margin-bottom:8px;
  }
  #p_result .photo2 img{
    width:100%;
  }
}
.recipe #p_result .sub-wrap,
.recipe #ad .sub-wrap{
  display:-webkit-flex;
  display:flex;
  margin:0 -30px;
  width:auto;
}
.recipe #p_result .sub-wrap .text-right01,
.recipe #ad .sub-wrap .text-right01{
  text-align:center;
  padding:0 30px;
  float:none;
  width:25%;
}
.recipe #p_result .sub-wrap .img{
  height:-webkit-calc(100vmin - 160px);
  height:calc(100vmin - 160px);
  max-height:160px;
  width:100%;
  max-width:160px;
  background:#fff;
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  -webkit-justify-content:center;
  align-items:center;
  justify-content:center;
  padding:5px;
  margin:0 auto;
}
.recipe #p_result .sub-wrap .text-right01{
  margin:0;
}
.recipe #p_result .sub-wrap .img img{
  max-height:150px;
  max-width:150px;
  padding:5px 0;
  width:auto;
  height:100%;
}
.recipe #p_result .sub-wrap .text{
  max-width:160px;
  margin:5px auto 0 auto;
  width:100%;
}

.recipe #p_result .sub-wrap .text-right01 img,
.recipe #ad .sub-wrap .text-right01 img{
  max-width:100%;
  height:auto;
}
@media only screen and (max-width: 1218px){
  .recipe #p_result .sub-wrap,
  .recipe #ad .sub-wrap{
    margin:0 -15px;
  }
  .recipe #p_result .sub-wrap .text-right01,
  .recipe #ad .sub-wrap .text-right01{
    padding:0 15px;
  }
}
@media only screen and (max-width: 878px){
  .recipe #p_result .sub-wrap .img{
    height:-webkit-calc(100vmin - 120px);
    height:calc(100vmin - 120px);
    max-height:120px;
  }
  .recipe #p_result .sub-wrap .img img{
    max-height:115px;
  }
}
@media only screen and (max-width: 738px){
  .recipe #p_result .sub-wrap,
  .recipe #ad .sub-wrap{
    display:block;
    margin:0;
  }
  .recipe #p_result .sub-wrap .text-right01,
  .recipe #ad .sub-wrap .text-right01{
    padding:0;
    width:100%;
    max-width:210px;
    margin:0 auto;
  }
}

.toggleMenu {
    position: absolute;
    right: 0;
    top: 24px;
    display:  block;
    width: 32px;
    height: 32px;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    cursor: pointer;
}
#nav { position: absolute; top: 0; left: 0; }
.toggleMenu .line{-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;display:block;width:16px;height:3px;margin-bottom:3px;background-color:#3f2500;}
.toggleMenu.active .line{position:absolute;top:4px;left:0;}
.toggleMenu.active .line:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.toggleMenu.active .line:nth-child(2){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.toggleMenu.active .line:nth-child(3){opacity:0}



.container .toggleNav {
    list-style: none;
     *zoom: 1;
     background:#fff;
}
.container .toggleNav:before,
.container .toggleNav:after {
    content: " ";
    display: table;
}
.container .toggleNav:after {
    clear: both;
}
.container .toggleNav ul {
    list-style: none;
    width: 100%;
}
.container .toggleNav a {
    padding: 10px 15px;
    color:#555;
    font-size: 14px;
    font-weight: bold;
}
.container .toggleNav li.hover a {
    color:#555;
    background: #0095fd;
}
.container .toggleNav li {
    position: relative;
}

.container .toggleNav.other { width: 90%; margin: 0 auto; padding: 0 5%; }
.container .toggleNav.other li { list-style: none; }
.container .toggleNav.other li a { box-sizing: border-box; float: left; width: 33.33%; display: block; font-size: 10px; text-align: center; text-decoration: none; background: #fff; }
.container .toggleNav.other li:nth-child(even) a {border-right: none; }
.container .toggleNav.other li img { width: 49px; height: 49px; }
.container .toggleNav.other li a span { display: block;n }
.container .toggleNav.other li.recipe a span { color: #ff4646; }
.container .toggleNav.other li.product a span { color: #ff7f20; }
.container .toggleNav.other li.dictionary a span { color: #51bff2; }
.container .toggleNav.other li.factory a span { color: #3c84c8; }
.container .toggleNav.other li.history a span { color: #3ba443; }
.container .toggleNav.other li.faq a span { color: #a789dc; }
.container .toggleNav li p.bnnr { text-align: center; padding: 18px 0 16px; }
.container .toggleNav li p.bnnr img { width: 258px; height: 51px; }
#top .container .toggleNav li p.bnnr { border-bottom: 1px solid #3F2500; }

.container .toggleNav li.news { text-align: center; padding: 0 0 18px; }
.container .toggleNav li.news img { width: 61px; height: 48px; }
.container .toggleNav dl { position: relative; width: 100%; margin:0; }
.container .toggleNav dl dt { position: relative; margin-bottom: -34px; width: 8em; padding: 0px 0.5em 14px 60px; color:#0092d6; z-index: 0; background: url(/common/images//icon_new_sp.png) no-repeat 18% 0; background-size: 24px 15px; }
.container .toggleNav dl dd { position: relative; margin-left: 120px; line-height:20px; padding: 0 20px 20px 0; z-index: 1; }
.container .toggleNav dl dd a { text-decoration: none; padding: 10px 0; font-size: 10px !important; }
.container .toggleNav dl dt.recipe { color: #ff4646; }
.container .toggleNav dl dt.product { color: #ff7f20; }
.container .toggleNav dl dt.dictionary { color: #51bff2; }
.container .toggleNav dl dt.factory { color: #3c84c8; }
.container .toggleNav dl dt.history { color: #3ba443; }
.container .toggleNav dl dt.faq { color: #a789dc; }
.container .toggleNav.news-list { border-bottom: 1px solid #3f2500; }


/*--------------------------------------------------------------
ACCORDION
--------------------------------------------------------------*/

#header .accordion { width: 100%; margin: 0 auto; background: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#header .accordion .link { cursor: pointer; display: block; padding: 13px 15px 13px 15px; color: #4D4D4D; font-size: 13px; font-weight: 600; border-bottom: 1px solid #ccc; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
#header .accordion li i { position: absolute; top: 16px; left: 12px; font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
#header .accordion li i.fa-chevron-down { right: 12px; left: auto; font-size: 16px; }
#header .accordion li.open .link { color: #e12b17; }
#header .accordion li.open i { color: #e12b17; }
#header .accordion li.open i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

/**
 * Submenu
 -----------------------------*/
.container .toggleNav ul.submenu { width: 100%; display: none; background: #e12b17; font-size: 13px; }
.container .toggleNav ul.submenu li { border-bottom: 1px solid #9d1000; }
.container .toggleNav ul.submenu a { display: block; text-decoration: none; color: #fff; padding: 12px 0 12px 16px;  }
.container .toggleNav ul.submenu a:hover { color: #FFF; background: #e96051;  }