/*-----------------------------------------------------
  clearfix　
-----------------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


  

  dl{
    width: 100%;
  }

  dl dt{
    width: 5em;
    float: left;
  }

  dl dd{
    width: 80%;
    float: left;
  }

  @media only screen and (max-width: 40em) {
    dl{
    width: 100%;
  }

  dl dt{
    width: 5em;
    float: left;
  }

  dl dd{
    width: 100%;
    float: left;
  }
  }


  .gourmetTit{
    font-size: 1.6em;
    font-weight: bold;
    padding: 0px!important;

  }

  #movieAreaPc{
    width: 100%;
    display: block;
  }

  #movieAreaPc img{
    width: 100%;
  }

  #movieAreaSp{
    width: 90%;
    display: none;
  }

  #movieAreaSp img{
    width: 100%;
  }



    @media only screen and (max-width: 640px) {
      #movieAreaPc{
    width: 100%;
    display: none;
  }

  #movieAreaPc img{
    width: 100%;
  }

  #movieAreaSp{
    width: 100%;
    display: block;
  }

  #movieAreaSp img{
    width: 100%;
  }
  }

#gourmetBox{
  width: 70%;
  margin: 0 auto;
}

  @media only screen and (max-width: 40em) {
   #gourmetBox{
  width: 100%;
  margin: 0 auto;
}
  }