@charset "utf-8";

.itemDetail_txt{
  padding:0 10px;
  clear:both;
}
.itemDetail_txt:last-child{
  padding:0 10px 10px 10px;
}
.itemDetail_txt input[type="text"]{
  width:100%;
}
.itemDetail_txt span{
  font-weight:normal;
}
.itemDetail_txt .ami{
    background:url(../../commonfiles/images/line_h2.gif);
    padding:10px;
    color:#af0000;
}
.itemDetail_txt .amiToggle{
  background:url(../../commonfiles/images/line_h2.gif);
  padding:10px;
}
.itemDetail_txt .amiNoImg{
    background:url(../../commonfiles/images/line_h2.gif);
    padding:10px;
    color:#af0000;
}
.itemDetail_txt .ami span,
.itemDetail_txt .amiToggle span{
  padding-left:40px;
  min-height:24px;
  display:inline-block;
}
.itemDetail_txt .amiNoImg span{
    min-height:24px;
    display:inline-block;
}

.itemDetail_txt .amiToggle .bg_matome{
  background:url(../../commonfiles/images/icon_matome.gif) no-repeat left top;
}
.itemDetail_txt .amiToggle .bg_cam{
  background:url(../../commonfiles/images/icon_sale.gif) no-repeat left top;
}
.detail_arrow{
  border-top:1px solid #cccccc;
  height:11px;
  width:100%;
  position:relative;
}
.detail_arrow img{
  position:absolute;
  top:-1px;
  left:50%;
}
.itemDetail_txt table tr th{
  width:30%;
}
.itemDetail_txt table tr td{
  padding:3px;
}
.itemDetail_txt table b{
  font-size:16px;
}
.itemMain{
  border:1px solid #cccccc;
  text-align:center;
  vertical-align:middle;
}
.itemMain img,
.item_thum img{
  max-width:100%;
  max-height:100%;
  position: relative !important;
}
.item_thum a{
  display:inline-block;
  border:1px solid #cccccc;
  width:103px;
  height:103px;
  margin-right:4px;
  margin-top:5px;
  text-align:center;
  vertical-align:middle;
}
.item_thum img.last_r{
  margin-right:0;
}
.attribute_list{
  border-top:1px solid #cccccc;
  border-right:1px solid #cccccc;
  border-left:1px solid #cccccc;
  width:100%;
}
.attribute_list th,
.attribute_list td{
  padding:10px 20px;
  border-bottom:1px solid #cccccc;
}
.attribute_list th{
  background:#eeeeee;
  width:30%;
  border-right:1px solid #cccccc;
}

.item_set_thum{
  width:20%;
  vertical-align:top;
}
.item_set_thum img{
  max-width:76px;
  max-height:86px;
  text-align:center;
}
.item_set_name{
  font-weight:bold;
}

.mainNoPhotoImg{
    width:100%;
    height:100%;
}

.btn_off {
    background-color: #eeeeee;
    border: medium none;
    color: #ffffff;
    text-align: center;
    padding: 6px 12px;
}

/* SNS */
#snsArea{
  margin: 10px 0px 0px 0px;
}

.discoColor{
  color:#af0000;
}
.discoColorDisable{
  color:#c0c0c0;
}
.cautionRegular{
  color:#0000ff;
  font-size: 90%;
}
.regularSale{
  background-color:#af0000;
  color:#ffffff;
  font-size: 90%;
  padding: 2px;
  white-space: nowrap;
  display: inline-block;
}
.regularSaleNot{
  background-color:#c0c0c0;
  color:#ffffff;
  font-size: 90%;
  padding: 2px;
  white-space: nowrap;
  display: inline-block;
}
.regularTable{
  width: 100%;
  height: 70px;
}
.regularTable td {
  border: 1px #C0C0C0 solid;
}
.regularCel{
  text-align: center;
}
.regularSelect{
  background-color: #DCDCDC;
}
.regularLabel{
  display: block;
  width:100%;
  height:50px;
}
.regularLabelIn{
  padding-top: 18px;
  word-break: keep-all;
}

/*1201px*/
@media only screen and (min-width:1201px) {
.item_thum a{
  width:107px;
  height:107px;
}
.item_thum img{
  top: 49.5%;
  -webkit-transform: translateY(-49.5%);
  -ms-transform: translateY(-49.5%);
  transform: translateY(-49.5%);
}
.itemMain{
  width:573px;
  height:573px;
}
}

/*991px-1200px*/
@media only screen and (min-width:992px) and (max-width:1199px) {
.itemMain{
  width:554px;
  height:554px;
}
}

/*769px-990px*/
@media only screen and (min-width:768px) and (max-width:991px) {
.item_thum a{
  margin-right:3px;
  width:78px;
  height:78px;
}
.itemMain{
  width:426px;
  height:426px;
}
}

/*768px*/
@media screen and (max-width:767px){
}

/*481px-768px*/
@media only screen and (min-width:481px) and (max-width:767px) {
.item_thum a{
  width:90px;
  height:90px;
}
.itemMain{
  width:458px;
  height:458px;
  margin:0 auto;
}
}

/*480px*/
@media screen and (max-width:480px){
.item_thum a{
  width:52px;
  height:52px;
}
.itemMain{
  width:298px;
  height:298px;
  margin:0 auto;
}
}