@charset "UTF-8";
/* かるしお
------------------------------ */
#karushio {
  background: url(../images/karushio-bg.png);
  background-size: 75px;
  color: #512e1d; }
  #karushio .imgMax, #karushio #title img, #karushio #lineup li img, #karushio #product img, #karushio #reducedSalt img, #karushio #detail img {
    width: 100%;
    height: auto; }
  #karushio #title {
    padding: 40px 5% 0; }
  #karushio #lineup {
    margin: 30px auto 15px auto; }
    #karushio #lineup:after {
      display: block;
      clear: both;
      content: ''; }
    #karushio #lineup li {
      float: left;
      width: 33.3%;
      padding: 0 5px;
      box-sizing: border-box; }
  #karushio #product {
    padding: 5%; }
  #karushio #reducedSalt {
    margin: 0 0 20px;
    padding: 0 10px; }
    #karushio #reducedSalt dt {
      margin: 0 0 12px; }
    #karushio #reducedSalt dd {
      padding: 0 10px; }
      #karushio #reducedSalt dd p:first-child {
        margin: 12px 0; }
  #karushio #detail {
    position: relative;
    padding: 20px;
    background: url(../images/karushio-detailBg.png);
    background-size: 75px; }
    #karushio #detail:before {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 10px;
      background: url(../images/karushio-shadow.png) repeat-x;
      content: ''; }
    #karushio #detail li {
      padding: 20px 0 0;
      background: url(../images/karushio-separator.png) no-repeat center top;
      background-size: 100% auto; }
      #karushio #detail li:first-child {
        background: none; }
    #karushio #detail dl {
      display: table;
      width: 100%;
      margin: 20px 0; }
    #karushio #detail dt, #karushio #detail dd {
      display: table-cell;
      vertical-align: middle; }
    #karushio #detail dt {
      width: 17%; }
    #karushio #detail dd {
      width: 83%;
      padding: 0 10px;
      box-sizing: border-box; }
  #karushio #info {
    position: relative;
    padding: 20px 10px;
    background: url(../images/karushio-infoBg.png);
    background-size: 21px;
    z-index: 10; }
    #karushio #info:before {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 10px;
      background: url(../images/karushio-shadow.png) repeat-x;
      content: ''; }
    #karushio #info ul {
      padding: 0 10px 10px;
      background: url(../images/karushio-infoShadow.png) no-repeat center 20px;
      background-size: 100% 100%; }
    #karushio #info li {
      background: white; }
      #karushio #info li:nth-child(odd) {
        background: #f7f7f7; }
      #karushio #info li:first-child dt {
        text-align: center; }
        #karushio #info li:first-child dt img {
          width: 24%;
          height: auto; }
      #karushio #info li:first-child dd {
        border: none; }
    #karushio #info dl {
      padding: 30px 10px 20px; }
    #karushio #info dt {
      margin: 0 0 -15px;
      text-align: center; }
      #karushio #info dt img {
        width: 74%;
        height: auto; }
    #karushio #info dd {
      padding: 20px;
      border: 2px dotted #b28850; }
    #karushio #info .syokuji {
      margin: 20px 0 0;
      padding: 15px;
      background: white; }
    #karushio #info #NCVC .photo {
      width: 60%;
      margin: 0 auto 10px; }
      #karushio #info #NCVC .photo img {
        width: 100%;
        height: auto; }
    #karushio #info #NCVC .logo {
      width: 49%;
      margin: 20px 0 0;
      text-align: center; }
      #karushio #info #NCVC .logo.left {
        float: left; }
      #karushio #info #NCVC .logo.right {
        float: right; }
      #karushio #info #NCVC .logo img {
        width: 100%;
        height: auto; }
    #karushio #info #NCVC dd:after {
      clear: both;
      display: block;
      content: ''; }