article #tops {
    background-color: #FFB401;
    padding: 0;
}
article #tops h2 { color: #fff; font-weight: bold; font-size: 16px; line-height: 1.7em; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #FF9001; }
article #tops #mainImg img { width: 100%; }
article section#left_column {
    padding: 0;
}
article section#left_column #summary {
    padding:4% 0;
    font-size: 12px;
    background-color: #fff;
}
article section#left_column #summary h3 { color: #993366; font-size: 14px; text-align: center; font-weight: bold; }
article section#left_column #summary p {
    font-size: 12px;
    margin: 0 4% 1em 4%;
    line-height: 1.45em;
}
article section#left_column #summary p.size-l{font-size:16px;}
article section#left_column #summary p.size-s{font-size:10px;}
article section#left_column #summary p.bold{font-weight: bold;}
article section#left_column #summary small{font-size:10px;display:block;line-height:1.3em;}
article section#left_column #summary div.youtube {position: relative;width: 100%;padding-top: 56.25%;margin-bottom:1em;}
article section#left_column #summary div.youtube iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
article section#left_column #summary .nmb{margin-bottom:0;}
article section#left_column #summary .tac{text-align:center;}
article section#left_column #summary .tar{text-align:right;}
article section#left_column #summary .mb2em{margin-bottom:2em;}

article section#left_column #summary small.copyright { display: block; margin-top: 2em; font-size: 10px; line-height: 1.2em; }
article section#left_column #summary figure { margin: 2em 0 0 0; }
article section#left_column #summary figure figcaption { margin: 0.5em 0 0 0; line-height: 1.45em; }
article section#left_column #summary img { max-width: 100%; display:block;margin:0 auto 1em auto;}

article section#left_column #summary #lineup img.lineup{
  width:40.625vw;
  margin:7.8125vw auto;
}
article section#left_column #summary #lineup ul li{
  width:50%;
  float:left;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  margin-bottom:2.8125vw;
}
article section#left_column #summary #lineup ul li:nth-child(odd){
  padding-right:1.40625vw;
}
article section#left_column #summary #lineup ul li:nth-child(even){
  padding-left:1.40625vw;
}
article section#left_column #summary #lineup ul li a{
  display:block;
  width:100%;
}
article section#left_column #summary #lineup ul li a img{
  width:100%;
  margin:0;
}

article section#right_column {
    margin: 0;
    background-color: #373838;
    padding: 4%;
    color: #fff;
}
article section#right_column #thumbImg { width: 100%; margin-bottom: 4%; }
article section#right_column p { margin-bottom: 1.5em; line-height: 1.45em; }
article section#right_column #spec01 { color: #ff9900; font-weight: bold; font-size: 14px; }
article section#right_column #spec02 ul{list-style-type: square;text-indent;padding-left:1.3em;margin-bottom:1em;}
article section#right_column #spec02 ul li{margin-bottom:0.3em;}
/*article section#right_column #spec02 small{font-size:10px;line-height:1.2em;}*/
article section#right_column #spec03 p { font-size: 14px; text-align: right; }
article section#right_column #spec03 p span.large { color: #ff9900; font-size: 26px; }
article section#right_column #spec03 p span.small { font-size: 12px; }
article section#right_column ul.sns { height: 20px; overflow: hidden; }
article section#right_column ul.sns li { display: inline-block; font-size: 0; line-height: 20px; vertical-align: top; overflow: hidden; }
article section#right_column .btn_cart { margin: 4% 0; width: 100%; background-color: #CF0A22; display: block; text-align: center;}
article section#right_column .btn_cart img { width: 186px; margin: 30px 0; max-width:95%;}
article section#right_column .btn_cart_text { margin: 4% 0; width: 100%; background-color: #CF0A22; display: block;text-decoration: none; }
article section#right_column .btn_cart_text p{text-align: center;color:#fff;font-weight:bold;padding:30px 0;display:block;font-size:18px;}

article section#right_column .btn_amazon { margin: 4% 0; width: 100%; background-color: #FFB401; display: block; text-align: center; }
article section#right_column .btn_amazon img { width: 305px; margin: 23px 0; max-width:95%; }
section#right_column select.variation_pulldown_{
    max-width: 100%;
  }
/* --BlackBg--*/
article.black01 section#left_column p,article.black01 section#left_column small{
  color:#fff;
}
article.black01 section#left_column #summary{background-color:#000;}
/* --BlackBg--*/

#bottoms { padding: 2%; }
#bottoms .btn_home { display: block; float: left; margin-top: 10px; }
#bottoms .btn_itemlist { width: 182px; display: block; float: right; }
#bottoms .btn_itemlist img { width: 182px; }

@media screen and (min-width: 768px) { article #tops { background-color: #FFB401; padding: 15px 15px 0 15px; }
  article #tops h2 { font-size: 2.2rem; padding: 10px 20px; }
  article section#left_column { padding: 0 15px 0 15px; }
  article section#left_column #summary { padding: 20px; font-size:14px; }
  article section#left_column #summary h3 { font-size: 16px; }
  article section#left_column #summary p {
  	margin:0 0 1em 0;
  }
  article section#left_column #summary p, article section#left_column #summary figcaption { font-size: 14px; }
  article section#left_column #summary p.size-l{font-size:18px;}
  article section#left_column #summary p.size-s{font-size:12px;}
  article section#left_column #summary p.bold{font-weight: bold;}
  article section#left_column #summary .nmb{margin-bottom:0;}
  article section#left_column #summary .mb2em{margin-bottom:2em;}
  article section#left_column #summary .tac{text-align:center;}
  article section#left_column #summary .tar{text-align:right;}

  article section#left_column #summary #lineup{
    margin-bottom:2vw;
  }
  article section#left_column #summary #lineup img.lineup{
  width:16.40625vw;
  margin:5.2083vw auto 3.2083vw auto;
}
article section#left_column #summary #lineup ul li{
  width:25%;
  float:left;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  padding:2vw;
  margin:0;
}
article section#left_column #summary #lineup ul li:nth-child(odd){
  padding:2vw;
  margin:0;
}
article section#left_column #summary #lineup ul li:nth-child(even){
  padding:2vw;
  margin:0;
}



  article section#right_column { margin: 0 15px; padding: 20px; }
  article section#right_column #spec01 { font-size: 18px; }
  article section#right_column #thumbImg { margin-bottom: 20px; }
  article section#right_column .btn_cart,article section#right_column .btn_amazon { margin: 20px 0; } }

@media screen and (min-width: 980px) { article { width: 100%; }
  article #tops { margin: 0; padding: 20px 0 0 0; }
  article #tops .inner { padding: 0 15px; }
  article #tops h2 { width: 1000px; margin: 0 auto; }
  article #tops #mainImg { width: 1000px; margin: 0 auto; display: block; }
  article #middle { width: 1000px; margin: 0 auto; padding: 0 15px; }
  article #middle .inner { background-image: url(../img/common/bg_detail_pc.gif); }
  article #middle section#left_column { padding: 0; width: 600px; float: left; }
  article #middle section#right_column { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; width: 400px; float: right; }
  article #middle section#right_column p { line-height: 1.75em; }
  article #middle section#right_column .btn_cart:hover,article #middle section#right_column .btn_cart_text:hover { background-color: #FF9001; }
  article #middle section#right_column .btn_amazon:hover { background-color: #FF9001; }
  article #bottoms { width: 1000px; margin: 0 auto; padding: 20px 15px; }
  article #bottoms .btn_home:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

  article section#left_column #summary #lineup{
    margin-bottom:0;
  }
  article section#left_column #summary #lineup img.lineup{
  width:192px;
  margin:33px auto 33px auto;
}
article section#left_column #summary #lineup ul li{
  width:50%;
  float:left;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  padding:0;
  margin-bottom:12px;
}
article section#left_column #summary #lineup ul li:nth-child(odd){
  padding:0 6px 0 0;
  margin-bottom:12px;
}
article section#left_column #summary #lineup ul li:nth-child(even){
  padding:0 0 0 6px;
  margin-bottom:12px;
}
article section#left_column #summary #lineup ul li a{
  background-color:#fff;
}
article section#left_column #summary #lineup ul li a:hover img{
  opacity:0.9;
}

  article section#right_column .btn_cart_text p{font-size:20px;}
  section#right_column select.variation_pulldown_{
    max-width: 360px;
  }


  /* --BlackBg--*/
  article.black01 #middle .inner { background-image: url(../img/common/bg_detail_black01_pc.gif); }
  /* --BlackBg--*/
}

.tar img{
  margin:0!important;
  display:inline-block!important;
}