@charset "UTF-8";
@-webkit-keyframes animation-top {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  60% {
    opacity: 1; } }
@-moz-keyframes animation-top {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  60% {
    opacity: 1; } }
@keyframes animation-top {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  60% {
    opacity: 1; } }
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
.centerBox {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

#tomamiso-page {
  background: url(../images/tomamiso-bg.png); }
  #tomamiso-page img {
    width: 100%;
    height: auto; }
  #tomamiso-page #main-visual {
    padding: 8% 6%; }
    #tomamiso-page #main-visual p {
      -webkit-animation: animation-top 1s ease 0.5s;
      -moz-animation: animation-top 1s ease 0.5s;
      animation: animation-top 1s ease 0.5s;
      -webkit-animation-fill-mode: both;
      -moz-animation-fill-mode: both;
      animation-fill-mode: both; }
  #tomamiso-page #bottom-bnr {
    padding: 12% 5%; }
  #tomamiso-page .page-nav {
    background: #e8340c; }
    #tomamiso-page .page-nav li {
      margin: 0 0 1px 0;
      border-bottom: 1px solid #fff; }
    #tomamiso-page .page-nav li a {
      line-height: 0; }
  #tomamiso-page.child {
    padding: 0 0 5% 0; }
    #tomamiso-page.child #recipe-photo {
      position: relative; }
      #tomamiso-page.child #recipe-photo p:last-child {
        position: absolute;
        top: 5%;
        right: 5%; }
        #tomamiso-page.child #recipe-photo p:last-child img {
          width: 50px; }
    #tomamiso-page.child .detail {
      font-size: 16px;
      padding: 10% 5%; }
      #tomamiso-page.child .detail h4 {
        padding: 0 0 25px 0;
        margin: 0 0 15px 0; }
        #tomamiso-page.child .detail h4.headline-orange {
          background: url(../images/tomamiso-underline-orange.png) repeat-x bottom; }
        #tomamiso-page.child .detail h4.headline-red {
          background: url(../images/tomamiso-underline-red.png) repeat-x bottom; }
        #tomamiso-page.child .detail h4.headline-orange.make span img, #tomamiso-page.child .detail h4.headline-red.make span img {
          width: 25%; }
        #tomamiso-page.child .detail h4.headline-orange span img, #tomamiso-page.child .detail h4.headline-red span img {
          width: 50%; }
      #tomamiso-page.child .detail .detail-material {
        margin: 0 0 40px 0; }
        #tomamiso-page.child .detail .detail-material dt {
          clear: both;
          float: left;
          position: relative;
          padding: 0 10px 0 0;
          z-index: 3;
          background: url(../images/tomamiso-bg.png); }
        #tomamiso-page.child .detail .detail-material dd {
          text-align: right;
          position: relative;
          z-index: 2; }
          #tomamiso-page.child .detail .detail-material dd span {
            position: relative;
            z-index: 3;
            background: url(../images/tomamiso-bg.png);
            padding: 0 0 0 10px; }
          #tomamiso-page.child .detail .detail-material dd:before {
            content: '';
            display: block;
            position: absolute;
            top: 12px;
            width: 100%;
            border: 1px dotted #ccc;
            z-index: 1; }
        #tomamiso-page.child .detail .detail-material .mainMaterial {
          font-weight: bold; }
      #tomamiso-page.child .detail .step.color-red li:before {
        background: url(../images/tomamiso-numbericon-red.png) no-repeat;
        background-size: 138px 138px; }
      #tomamiso-page.child .detail .step.color-orange li:before {
        background: url(../images/tomamiso-numbericon-orange.png) no-repeat;
        background-size: 138px 138px; }
      #tomamiso-page.child .detail .step li {
        position: relative;
        padding: 0 0 0 25px;
        margin: 0 0 18px 0; }
      #tomamiso-page.child .detail .step li:before {
        position: absolute;
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        top: 3px;
        left: 0;
        background-repat: no-repeat; }
      #tomamiso-page.child .detail .step li.step2:before {
        background-position: -20px -20px; }
      #tomamiso-page.child .detail .step li.step3:before {
        background-position: -40px -40px; }
      #tomamiso-page.child .detail .step li.step4:before {
        background-position: -60px -60px; }
      #tomamiso-page.child .detail .step li.step5:before {
        background-position: -78px -80px; }
      #tomamiso-page.child .detail .step li.step6:before {
        background-position: -98px -99px; }
      #tomamiso-page.child .detail .step li.step7:before {
        background-position: -119px -119px; }
      #tomamiso-page.child .detail .point {
        width: 94%;
        padding: 5% 3%;
        position: relative;
        background: url(../images/tomamiso-recipe-point-line2.png) repeat-y;
        background-size: 100% auto; }
        #tomamiso-page.child .detail .point:before, #tomamiso-page.child .detail .point:after {
          content: '';
          display: block;
          position: absolute;
          width: 100%;
          height: 1px;
          background: url(../images/tomamiso-recipe-point-line1.png) repeat-x; }
        #tomamiso-page.child .detail .point:before {
          top: 0;
          left: 0; }
        #tomamiso-page.child .detail .point:after {
          bottom: 0;
          left: 0; }
        #tomamiso-page.child .detail .point dl dt {
          float: left; }
        #tomamiso-page.child .detail .point dl dd {
          padding-left: 80px; }
          #tomamiso-page.child .detail .point dl dd p {
            position: relative; }
            #tomamiso-page.child .detail .point dl dd p:before {
              content: '・';
              display: block;
              position: absolute;
              top: 3px;
              left: -1em; }
  #tomamiso-page #product-page {
    padding: 0 0 40px 0; }
    #tomamiso-page #product-page .product-head {
      background: url(../images/tomamiso-product-bg.jpg) repeat-x center top;
      background-size: auto 100%; }
      #tomamiso-page #product-page .product-head h3 {
        width: 85%;
        text-align: center;
        margin: 0 auto;
        padding: 4% 0 6% 0; }
    #tomamiso-page #product-page .product-list {
      padding: 5%; }
      #tomamiso-page #product-page .product-list li {
        margin: 0 0 10% 0; }
        #tomamiso-page #product-page .product-list li dt {
          width: 40%;
          margin: 0 auto; }
        #tomamiso-page #product-page .product-list li dd h5 {
          font-size: 22px;
          font-weight: bold;
          text-align: center;
          padding: 3% 0 4% 0; }
        #tomamiso-page #product-page .product-list li dd p {
          text-align: left;
          font-size: 15px; }
    #tomamiso-page #product-page .description {
      width: 80%;
      padding: 5%;
      margin: 0 auto;
      position: relative;
      border: 1px solid #ccc; }
      #tomamiso-page #product-page .description:before {
        content: '※';
        display: block;
        position: absolute;
        left: .5em; }
  #tomamiso-page .backTop {
    width: 80%;
    margin: 0 auto;
    padding: 7% 0 0 0; }