@charset "UTF-8";
/* LE CREUSET×液体塩こうじ
------------------------------ */
#js_fade {
  width: 100%;
  height: 100%;
  display: block;
  background: #ed6c00;
  position: fixed;
  z-index: 2000; }
  #js_fade p {
    position: relative;
    width: 100%;
    height: 100%; }
    #js_fade p span {
      position: absolute;
      display: block;
      width: 495px;
      height: 80px;
      margin-left: -247px;
      margin-top: -40px;
      top: 50%;
      left: 50%; }
      #js_fade p span:before {
        content: '';
        display: block;
        position: absolute;
        background: url(../images/lecreuset-shiokouji_loading.gif) no-repeat;
        width: 48px;
        height: 48px;
        bottom: -78px;
        left: 224px; }

/* #lecreuset-shiokouji { display: none;} */
#lecreuset-shiokouji {
  position: relative;
  background: #ed6c00;
  min-width: 960px;
  min-height: 630px !important;
  font-size: 14px;
  /* /NAVIGATION */
  /* FOR OPENING */
  /* END OPENING */
  /* /menuContent */
  /* 高さが630以下の場合 */
  /* FOR SUBPAGE */
  /* subPage */
  /* END SUBPAGE */ }
  #lecreuset-shiokouji #navigation {
    width: 100%;
    background: #ed6c00;
    min-height: 80px;
    height: 80px;
    display: none;
    position: relative;
    z-index: 200; }
    #lecreuset-shiokouji #navigation.normal {
      top: 0;
      display: block;
      position: relative; }
    #lecreuset-shiokouji #navigation ul {
      width: 960px;
      margin: 0 auto;
      display: block; }
    #lecreuset-shiokouji #navigation li {
      display: inline-block;
      vertical-align: middle; }
      #lecreuset-shiokouji #navigation li.current a {
        background: #d05f00; }
      #lecreuset-shiokouji #navigation li:first-child {
        margin-right: 100px; }
      #lecreuset-shiokouji #navigation li a {
        display: block;
        height: 80px;
        padding: 0 10px;
        line-height: 80px; }
        #lecreuset-shiokouji #navigation li a img {
          vertical-align: middle; }
        #lecreuset-shiokouji #navigation li a:hover {
          background: #d05f00; }
  #lecreuset-shiokouji #contentsWrap {
    background: url(../images/lecreuset-shiokouji_topBg.jpg) no-repeat center center;
    background-size: cover;
    /* max-height: 930px; */
    min-height: 550px;
    width: 100%;
    position: relative; }
  #lecreuset-shiokouji #openingContent {
    width: 617px;
    height: 413px;
    background: url(../images/lecreuset-shiokouji_openingBg.png) no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -206px;
    margin-left: -308px; }
    #lecreuset-shiokouji #openingContent #detail {
      margin: 270px 0 0 0;
      text-align: center; }
      #lecreuset-shiokouji #openingContent #detail:hover {
        cursor: pointer;
        opacity: .85; }
  #lecreuset-shiokouji #menuContent {
    /* recipeMenu */ }
    #lecreuset-shiokouji #menuContent:after {
      clear: both;
      display: block;
      content: ''; }
    #lecreuset-shiokouji #menuContent h1 {
      position: absolute; }
    #lecreuset-shiokouji #menuContent h1 {
      top: 50%;
      left: 50%;
      margin-left: -283px;
      margin-top: -98px; }
    #lecreuset-shiokouji #menuContent #recipeMenu:after {
      clear: both;
      display: block;
      content: ''; }
    #lecreuset-shiokouji #menuContent #recipeMenu li {
      position: absolute; }
      #lecreuset-shiokouji #menuContent #recipeMenu li:before {
        content: '';
        display: block;
        position: absolute;
        background: url(../images/lecreuset-shiokouji_recipeArrow1.png) no-repeat;
        width: 75px;
        height: 61px; }
      #lecreuset-shiokouji #menuContent #recipeMenu li:after {
        content: '';
        display: block;
        position: absolute; }
      #lecreuset-shiokouji #menuContent #recipeMenu li:first-child {
        top: 35%;
        right: 2%; }
        #lecreuset-shiokouji #menuContent #recipeMenu li:first-child:before {
          left: 30px;
          top: -30px; }
        #lecreuset-shiokouji #menuContent #recipeMenu li:first-child:after {
          top: -100px;
          left: -80px;
          background: url(../images/lecreuset-shiokouji_recipe1bg.png) no-repeat;
          width: 100px;
          height: 138px; }
      #lecreuset-shiokouji #menuContent #recipeMenu li:nth-child(2) {
        top: 10%;
        left: 2%; }
        #lecreuset-shiokouji #menuContent #recipeMenu li:nth-child(2):before {
          right: -40px;
          top: 40px;
          background: url(../images/lecreuset-shiokouji_recipeArrow2.png) no-repeat;
          background-size: 80%;
          width: 89px;
          height: 71px;
          -moz-transform: rotate(80deg);
          -webkit-transform: rotate(80deg);
          -o-transform: rotate(80deg);
          -ms-transform: rotate(80deg); }
        #lecreuset-shiokouji #menuContent #recipeMenu li:nth-child(2):after {
          left: 310px;
          top: 0;
          background: url(../images/lecreuset-shiokouji_recipe2bg.png) no-repeat;
          width: 139px;
          height: 92px; }
      #lecreuset-shiokouji #menuContent #recipeMenu li:nth-child(3) {
        bottom: 9%;
        right: 12%; }
        #lecreuset-shiokouji #menuContent #recipeMenu li:nth-child(3):before {
          left: -10px;
          top: 0;
          -moz-transform: rotate(-30deg);
          -webkit-transform: rotate(-30deg);
          -o-transform: rotate(-30deg);
          -ms-transform: rotate(-30deg); }
        #lecreuset-shiokouji #menuContent #recipeMenu li:nth-child(3):after {
          right: -60px;
          top: 120px;
          background: url(../images/lecreuset-shiokouji_recipe3bg.png) no-repeat;
          width: 140px;
          height: 70px; }
      #lecreuset-shiokouji #menuContent #recipeMenu li:last-child {
        bottom: 6%;
        left: 1%; }
        #lecreuset-shiokouji #menuContent #recipeMenu li:last-child:before {
          top: -50px;
          left: 70px;
          background: url(../images/lecreuset-shiokouji_recipeArrow2.png) no-repeat;
          width: 89px;
          height: 71px; }
        #lecreuset-shiokouji #menuContent #recipeMenu li:last-child:after {
          right: -60px;
          bottom: -20px;
          background: url(../images/lecreuset-shiokouji_recipe4bg.png) no-repeat;
          width: 107px;
          height: 89px; }
  #lecreuset-shiokouji #contentsWrap.under630 #menuContent h1 {
    top: 54%;
    left: 54%; }
    #lecreuset-shiokouji #contentsWrap.under630 #menuContent h1 img {
      width: 90%;
      height: 90%; }
  #lecreuset-shiokouji #contentsWrap.under630 #recipeMenu li:first-child {
    top: 30%;
    right: 7%; }
  #lecreuset-shiokouji #contentsWrap.under630 #recipeMenu li:nth-child(2) {
    top: 8%;
    left: 35%; }
  #lecreuset-shiokouji #contentsWrap.under630 #recipeMenu li:nth-child(3) {
    bottom: 5%;
    right: 7%; }
    #lecreuset-shiokouji #contentsWrap.under630 #recipeMenu li:nth-child(3):before {
      left: -35px;
      top: 30px; }
  #lecreuset-shiokouji #contentsWrap.under630 #recipeMenu li:last-child {
    bottom: 5%;
    left: 20%; }
    #lecreuset-shiokouji #contentsWrap.under630 #recipeMenu li:last-child:before {
      background: url(../images/lecreuset-shiokouji_recipeArrow1.png) no-repeat;
      width: 75px;
      height: 61px;
      left: -50px;
      top: 20px; }
    #lecreuset-shiokouji #contentsWrap.under630 #recipeMenu li:last-child:after {
      left: -220px;
      bottom: -20px; }
  #lecreuset-shiokouji.subPage {
    /* /recipeDetail */ }
    #lecreuset-shiokouji.subPage #navigation {
      display: block; }
    #lecreuset-shiokouji.subPage #contentsWrapSub {
      min-width: 960px;
      /* max-height: 930px; */
      min-height: 630px;
      overflow: hidden;
      background: url(../images/lecreuset-shiokouji_recipeBg.png) repeat; }
    #lecreuset-shiokouji.subPage #recipeDetail {
      min-height: 630px;
      /* /photo */
      /* /procedure */
      /* /recipe2 */
      /* /recipe3 */
      /* /recipe4 */
      /* /recipe4 */ }
      #lecreuset-shiokouji.subPage #recipeDetail:after {
        clear: both;
        display: block;
        content: ''; }
      #lecreuset-shiokouji.subPage #recipeDetail #photoWrap {
        float: left;
        width: 100%;
        min-height: 630px;
        height: 100%;
        padding: 0 400px 0 0;
        position: relative;
        box-sizing: border-box; }
      #lecreuset-shiokouji.subPage #recipeDetail #photo h2 {
        padding: 40px 0 0 7%; }
        #lecreuset-shiokouji.subPage #recipeDetail #photo h2 + p {
          position: absolute; }
          #lecreuset-shiokouji.subPage #recipeDetail #photo h2 + p:before {
            content: '';
            display: block;
            position: absolute; }
      #lecreuset-shiokouji.subPage #recipeDetail #procedure {
        position: absolute;
        right: 0;
        width: 400px;
        padding: 40px 0 0;
        background: url(../images/lecreuset-shiokouji_recipeBg.png) repeat;
        box-sizing: border-box;
        /* /material */ }
        #lecreuset-shiokouji.subPage #recipeDetail #procedure #procedureWrap {
          overflow: scroll;
          width: 400px;
          margin: 0 auto;
          padding: 0 20px 40px;
          box-sizing: border-box; }
        #lecreuset-shiokouji.subPage #recipeDetail #procedure h3 {
          background: url(../images/lecreuset-shiokouji_headlineBg.png) no-repeat center center;
          text-align: center;
          padding-top: 6px;
          margin-bottom: 15px; }
        #lecreuset-shiokouji.subPage #recipeDetail #procedure p {
          margin-bottom: 35px; }
        #lecreuset-shiokouji.subPage #recipeDetail #procedure #material {
          font-size: 13px; }
          #lecreuset-shiokouji.subPage #recipeDetail #procedure #material .moreList {
            border: 1px solid #847e66;
            padding: 8px;
            margin: 10px 0; }
            #lecreuset-shiokouji.subPage #recipeDetail #procedure #material .moreList p {
              margin: 0 0 3px 0; }
          #lecreuset-shiokouji.subPage #recipeDetail #procedure #material .list {
            width: 49%;
            display: inline-block;
            vertical-align: top; }
            #lecreuset-shiokouji.subPage #recipeDetail #procedure #material .list.wide {
              width: auto; }
            #lecreuset-shiokouji.subPage #recipeDetail #procedure #material .list li {
              text-indent: -1em;
              padding-left: 1em; }
              #lecreuset-shiokouji.subPage #recipeDetail #procedure #material .list li:before {
                content: '・';
                width: 1em;
                display: inline; }
        #lecreuset-shiokouji.subPage #recipeDetail #procedure #make {
          margin-top: 20px;
          height: 55%; }
          #lecreuset-shiokouji.subPage #recipeDetail #procedure #make dl dt {
            float: left;
            clear: left;
            padding-top: 6px; }
            #lecreuset-shiokouji.subPage #recipeDetail #procedure #make dl dt span {
              text-indent: -9999px;
              display: inline-block;
              background: url(../images/lecreuset-shiokouji_recipeStepNum.png) no-repeat;
              width: 33px;
              height: 24px;
              position: relative;
              top: -6px;
              left: -8px; }
            #lecreuset-shiokouji.subPage #recipeDetail #procedure #make dl dt.step2 span {
              background-position: 0 -54px; }
            #lecreuset-shiokouji.subPage #recipeDetail #procedure #make dl dt.step3 span {
              background-position: 0 -110px; }
            #lecreuset-shiokouji.subPage #recipeDetail #procedure #make dl dt.step4 span {
              background-position: 0 -165px; }
            #lecreuset-shiokouji.subPage #recipeDetail #procedure #make dl dt.step5 span {
              background-position: 0 -220px; }
            #lecreuset-shiokouji.subPage #recipeDetail #procedure #make dl dt.step6 span {
              background-position: 0 -275px; }
            #lecreuset-shiokouji.subPage #recipeDetail #procedure #make dl dt.step7 span {
              background-position: 0 -330px; }
            #lecreuset-shiokouji.subPage #recipeDetail #procedure #make dl dt.step8 span {
              background-position: 0 -385px; }
          #lecreuset-shiokouji.subPage #recipeDetail #procedure #make dl dd {
            padding-left: 80px;
            margin: 0 0 25px 0; }
      #lecreuset-shiokouji.subPage #recipeDetail.recipe1 #photo {
        background: url(../images/lecreuset-shiokouji_recipe1_detailPhoto.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
        min-height: 630px; }
        #lecreuset-shiokouji.subPage #recipeDetail.recipe1 #photo p {
          bottom: 5%;
          left: 20%; }
          #lecreuset-shiokouji.subPage #recipeDetail.recipe1 #photo p:before {
            background: url(../images/lecreuset-shiokouji_recipe1bg.png) no-repeat;
            width: 123px;
            height: 170px;
            left: -130px;
            bottom: -20px; }
      #lecreuset-shiokouji.subPage #recipeDetail.recipe2 #photo {
        background: url(../images/lecreuset-shiokouji_recipe2_detailPhoto.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
        min-height: 630px; }
        #lecreuset-shiokouji.subPage #recipeDetail.recipe2 #photo p {
          bottom: 10%;
          left: 25%; }
          #lecreuset-shiokouji.subPage #recipeDetail.recipe2 #photo p:before {
            background: url(../images/lecreuset-shiokouji_recipe2bg.png) no-repeat;
            width: 193px;
            height: 136px;
            left: -90px;
            top: -140px; }
      #lecreuset-shiokouji.subPage #recipeDetail.recipe3 #photo {
        background: url(../images/lecreuset-shiokouji_recipe3_detailPhoto.jpg) no-repeat;
        background-size: cover;
        background-position: center bottom;
        min-height: 630px; }
        #lecreuset-shiokouji.subPage #recipeDetail.recipe3 #photo p {
          bottom: 2%;
          left: 12%; }
          #lecreuset-shiokouji.subPage #recipeDetail.recipe3 #photo p:before {
            background: url(../images/lecreuset-shiokouji_recipe3bg.png) no-repeat;
            width: 199px;
            height: 91px;
            left: -90px;
            top: -20px; }
      #lecreuset-shiokouji.subPage #recipeDetail.recipe4 #photo {
        background: url(../images/lecreuset-shiokouji_recipe4_detailPhoto.jpg) no-repeat;
        background-size: cover;
        background-position: center bottom;
        min-height: 630px; }
        #lecreuset-shiokouji.subPage #recipeDetail.recipe4 #photo p {
          bottom: 3%;
          right: 45%; }
          #lecreuset-shiokouji.subPage #recipeDetail.recipe4 #photo p:before {
            background: url(../images/lecreuset-shiokouji_recipe4bg.png) no-repeat;
            width: 148px;
            height: 118px;
            right: -20px;
            top: -60px; }

/* /lecreuset-shiokouji */