@charset "utf-8";
/* CSS Document */



/*-------------------------------------*/
/*               商品詳細               */
/*-------------------------------------*/

@media screen and (max-width: 750px) {
  #wrap_contents{
    width: 100%;
  }
  #wrap_contents #topic_path{
    margin-left:1%;
    margin-right:1%;
  }
  #wrap_contents h1.main_title{
    margin-left:1%;
    margin-right:1%;
  }
  #wrap_contents #products{
    width: 98%;
    margin:0 1%;
  }
  #wrap_contents #productContents{
    width: 98%;
    margin:0 1%;
  }
  #wrap_contents #brandsite_recipe .Links{
    width: 48%;
    height: auto;
    margin:0 1%;
  }
  #wrap_contents #brandsite_recipe .fLeft{
    margin-right:0;
  }
  #wrap_contents #brandsite_recipe .Links .Limages{
    width: 40%;
  }
  #wrap_contents #brandsite_recipe .Links .Limages img{
    width: 100%;
    height: auto;
  }
  #wrap_contents #brandsite_recipe .verCenter{
    width: 60%;
    height: auto;
    padding-top: 20px;
  }

  #wrap_contents .productWrap{
    width: 100%;
  }
  #wrap_contents .ItemDetails{
    width: 100%;
  }
  #wrap_contents #products p.image{
    width: auto;
    height: auto;
    text-align: center;
  }
  #wrap_contents .ItemDetails .lineup{
    margin:0 auto;
  }
  #wrap_contents .ItemDetails .ItemText h2{
    font-size:18px;
  }

  .sm_product_banner{
    margin:20px auto;
    text-align: center;
  }
  #wrap_contents .ItemDetails .lineup .carousel .viewport .clip li img{
    margin:3px 0 0 0;
  }
  #wrap_contents .ItemDetails .lineup.lineup-kanren{
    margin:20px auto 0 auto;
  }
  .product-index img{
    max-width: 100%;
    height: auto;
  }
  #wrap_contents .ItemDetails .lineup .carousel .viewport .relatedclip,
  #wrap_contents .ItemDetails .lineup .carousel .viewport .clip{
    width: 350px;
  }
}


@media screen and (max-width: 500px) {

  #wrap_contents #brandsite_recipe .Links{
    width: 98%;
    margin-bottom:15px;
  }
  #wrap_contents #brandsite_recipe .verCenter{
    padding-top:40px;
  }
  .productWrap .product-index img{
    width: 100%;
    height: auto;
  }
  #wrap_contents .ItemDetails .lineup{
    width: 100%;
  }
  #wrap_contents .ItemDetails .lineup .carousel{
    width: 100%;
  }
  #wrap_contents .ItemDetails .lineup .carousel .viewport{
    width: 100%;
  }
  .sm_product_banner img{
    width: 48%;
    height: auto;
  }
  #wrap_contents #productContents #productDetails th{
    width: 30%;
  }

  #wrap_contents .productWrap img{
    width: 100%;
    height: auto;
  }

  #wrap_contents .ItemDetails .lineup .carousel .viewport .relatedclip,
  #wrap_contents .ItemDetails .lineup .carousel .viewport .clip{
    left:40px;
  }
  #wrap_contents .ItemDetails .lineup .carousel .stop,
  #wrap_contents .ItemDetails .lineup .carousel .relatedstop,
  #wrap_contents .ItemDetails .lineup .carousel .start,
  #wrap_contents .ItemDetails .lineup .carousel .relatedstart{
    right:0;
    background: #fff;
  }
  #wrap_contents .ItemDetails .lineup .carousel .next,
  #wrap_contents .ItemDetails .lineup .carousel .relatednext{
    right:0;
    height: 50px;
    background: #fff;
  }
}