@charset "UTF-8";
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }
#shiokoji-lesquer-recipe-sp {
  /*todo:reset*/
  /*end:reset*/
  width: 100%;
  height: 100%;
  font-family: YuGothic, sans-serif;
  font-size: 3vh;
  line-height: 1.8;
  color: #00133a;
  font-weight: 400;
  letter-spacing: normal;
  -webkit-text-size-adjust: 100%;
  word-break: word-break;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset; }
  #shiokoji-lesquer-recipe-sp div, #shiokoji-lesquer-recipe-sp span, #shiokoji-lesquer-recipe-sp img, #shiokoji-lesquer-recipe-sp strong, #shiokoji-lesquer-recipe-sp ol, #shiokoji-lesquer-recipe-sp ul, #shiokoji-lesquer-recipe-sp li, #shiokoji-lesquer-recipe-sp table, #shiokoji-lesquer-recipe-sp caption, #shiokoji-lesquer-recipe-sp tbody, #shiokoji-lesquer-recipe-sp tfoot, #shiokoji-lesquer-recipe-sp thead, #shiokoji-lesquer-recipe-sp tr, #shiokoji-lesquer-recipe-sp th, #shiokoji-lesquer-recipe-sp td, #shiokoji-lesquer-recipe-sp article, #shiokoji-lesquer-recipe-sp section {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  #shiokoji-lesquer-recipe-sp article, #shiokoji-lesquer-recipe-sp section, #shiokoji-lesquer-recipe-sp img {
    display: block; }
  #shiokoji-lesquer-recipe-sp ol, #shiokoji-lesquer-recipe-sp ul {
    list-style: none; }
  #shiokoji-lesquer-recipe-sp table {
    border-collapse: collapse;
    border-spacing: 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #shiokoji-lesquer-recipe-sp {
      -webkit-font-smoothing: antialiased;
      　-moz-osx-font-smoothing: grayscale; } }
  #shiokoji-lesquer-recipe-sp .b {
    font-weight: bold; }
  #shiokoji-lesquer-recipe-sp .cf:after {
    content: " ";
    display: block;
    clear: both; }
  #shiokoji-lesquer-recipe-sp a {
    color: #00133a; }
  #shiokoji-lesquer-recipe-sp a:hover {
    opacity: .6; }
  #shiokoji-lesquer-recipe-sp .ssr-sp-intro {
    width: 100%;
    padding: 0 0 8%; }
    #shiokoji-lesquer-recipe-sp .ssr-sp-intro .ssr-sp-main-slider {
      width: 100%;
      height: 100px;
      position: relative;
      overflow: hidden; }
      #shiokoji-lesquer-recipe-sp .ssr-sp-intro .ssr-sp-main-slider img {
        width: 100%;
        height: auto; }
      #shiokoji-lesquer-recipe-sp .ssr-sp-intro .ssr-sp-main-slider .ssr-main {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); }
      #shiokoji-lesquer-recipe-sp .ssr-sp-intro .ssr-sp-main-slider .sl-2 {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%); }
      #shiokoji-lesquer-recipe-sp .ssr-sp-intro .ssr-sp-main-slider .sl-3 {
        -webkit-transform: translateX(-250%);
        transform: translateX(-250%);
        display: none; }
      #shiokoji-lesquer-recipe-sp .ssr-sp-intro .ssr-sp-main-slider .sl-4 {
        -webkit-transform: translateX(50%);
        transform: translateX(50%); }
    #shiokoji-lesquer-recipe-sp .ssr-sp-intro .ssr-dots {
      text-align: center;
      margin: 4% 0 0; }
      #shiokoji-lesquer-recipe-sp .ssr-sp-intro .ssr-dots span {
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 3px;
        background-color: #eee;
        margin: 0 3px; }
      #shiokoji-lesquer-recipe-sp .ssr-sp-intro .ssr-dots .dot-1 {
        background-color: #00133a; }
    #shiokoji-lesquer-recipe-sp .ssr-sp-intro .ssr-sp-intro-text {
      font-size: 4vw;
      line-height: 1.7;
      color: #00133a;
      width: 90%;
      margin: 8% auto 0; }
      #shiokoji-lesquer-recipe-sp .ssr-sp-intro .ssr-sp-intro-text a {
        display: block; }
    #shiokoji-lesquer-recipe-sp .ssr-sp-intro .ssr-sp-profile-photo {
      width: 90%;
      margin: 8% auto 0; }
      #shiokoji-lesquer-recipe-sp .ssr-sp-intro .ssr-sp-profile-photo img {
        margin: 0 auto; }
    #shiokoji-lesquer-recipe-sp .ssr-sp-intro .ssr-sp-profile-title {
      width: 90%;
      height: auto;
      margin: 8% auto 0; }
    #shiokoji-lesquer-recipe-sp .ssr-sp-intro .ssr-sp-profile-text {
      font-size: 3.5vw;
      line-height: 1.7;
      color: #00133a;
      width: 90%;
      margin: 8% auto 0; }
  #shiokoji-lesquer-recipe-sp .ssr-sp-menu {
    width: 100%;
    padding: 5% 0 16%;
    margin: 0 0 5%;
    background-color: #e2e8f4; }
    #shiokoji-lesquer-recipe-sp .ssr-sp-menu .ssr-sp-nav-1, #shiokoji-lesquer-recipe-sp .ssr-sp-menu .ssr-sp-nav-2, #shiokoji-lesquer-recipe-sp .ssr-sp-menu .ssr-sp-nav-3, #shiokoji-lesquer-recipe-sp .ssr-sp-menu .ssr-sp-nav-4, #shiokoji-lesquer-recipe-sp .ssr-sp-menu .ssr-sp-nav-5, #shiokoji-lesquer-recipe-sp .ssr-sp-menu .ssr-sp-nav-6, #shiokoji-lesquer-recipe-sp .ssr-sp-menu .ssr-sp-nav-7, #shiokoji-lesquer-recipe-sp .ssr-sp-menu .ssr-sp-nav-8, #shiokoji-lesquer-recipe-sp .ssr-sp-menu .ssr-sp-nav-9, #shiokoji-lesquer-recipe-sp .ssr-sp-menu .ssr-sp-nav-10, #shiokoji-lesquer-recipe-sp .ssr-sp-menu .ssr-sp-nav-11 {
      display: block;
      width: 90%;
      height: auto;
      margin: 0 auto;
      clear: both; }
    #shiokoji-lesquer-recipe-sp .ssr-sp-menu .recipe {
      width: 90%;
      margin: 0 auto;
      padding: 60px 0; }
      #shiokoji-lesquer-recipe-sp .ssr-sp-menu .recipe img {
        width: 100%;
        height: auto; }
      #shiokoji-lesquer-recipe-sp .ssr-sp-menu .recipe .title {
        text-align: center;
        margin: 50px 0 0;
        font-size: 5vh;
        font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", serif; }
      #shiokoji-lesquer-recipe-sp .ssr-sp-menu .recipe .text {
        margin: 40px 0 0;
        line-height: 1.8;
        text-align: justify;
        text-align-last: left; }
        #shiokoji-lesquer-recipe-sp .ssr-sp-menu .recipe .text .text-head {
          display: inline-block;
          padding: 35px 0 15px; }
        #shiokoji-lesquer-recipe-sp .ssr-sp-menu .recipe .text ul li {
          width: 100%;
          background-image: url(../images/shiokoji-lesquer-recipe-sp-dot.png);
          background-position: bottom;
          background-repeat: repeat-x;
          vertical-align: text-bottom; }
          #shiokoji-lesquer-recipe-sp .ssr-sp-menu .recipe .text ul li .item {
            float: left;
            background-color: #e2e8f4;
            padding: 0 8px 0 0;
            position: relative;
            top: 6px; }
          #shiokoji-lesquer-recipe-sp .ssr-sp-menu .recipe .text ul li .lot {
            float: right;
            background-color: #e2e8f4;
            padding: 0 0 0 8px;
            position: relative;
            top: 6px; }
        #shiokoji-lesquer-recipe-sp .ssr-sp-menu .recipe .text ul .no {
          background: none; }