@charset "euc-jp";

#breadcrumb {margin-top:10px;} 

@media screen and (min-width: 701px){
  #item-img {
    width:450px;
    float:left;
  }
  #main-image li img {width:450px}

  #main-image-thum li {
    display:inline-block;
    width:100px;
    height:100px;
    margin:5px 4px;
  }

  #main-image-thum img {
    width:100px;
    height:100px;
    object-fit: cover;
    object-position: 50% 50%;
  }

  #item-info {
    width:450px;
    float:right;
  }

  #user-choice {clear:both;}

  .user-choice-list div {
    width:180px;
    float:left;
    margin-right:40px;
    text-align:center;
    font-size:12px;
  }

  #returnCart img {display:none;}
  #raBan img {width:80%;}
}


@media screen and (max-width: 700px){
  #main-image li img {width:100%}
  #main-image-thum-wrap {
    width:100%;
    padding-bottom:10px;
    overflow:scroll;
  }
  #main-image-thum li {
    display:inline-block;
    width:120px;
    margin:5px;
  }
  #main-image-thum img {
    width:120px;
    height:120px;
    object-fit: cover;
    object-position: 50% 50%;
  }

  #item-info h1,
  .itemNo,
  .itemPrice,
  .itemNum,
  .itemDet,
  .itemKey,
  #user-choice {
    width:90%;
    margin-left:auto;
    margin-right:auto;
  }

  .itmeSelect table,
  .addCart,
  .soldout,
  .inqItem,
  .paymentItem {
    margin-left:auto;
    margin-right:auto;
  }

  #item-info h1 {font-size:24px;}

  .user-choice-list div {
    width:45%;
    margin-bottom:30px;
  }

  .user-choice-list div:nth-of-type(odd) {
    float:left;
    clear:both;
  }

  .user-choice-list div:nth-of-type(even) {float:right;}

  #returnCart img {
    width:100%;
    height:300px;
    object-fit:cover;
    display:inline-block;
    margin-bottom:70px;
  }
  #raBan img {width:100%;}
}


#item-img,
#item-info {margin-bottom:80px;}

.bx-wrapper img {width:100%;}

#main-image-thum {padding-top:10px;}

#item-info h1,
.itemNo {margin-bottom:5px;}

#item-info h1 {line-height:1.3;}

.itemNo {color:#95989A;}

.itemPrice {
  font-size:24px;
  margin-bottom:30px;
  vertical-align:middle;
}

.itemPrice .itemPraceSale {
  font-size:12px;
  color:green;
  font-weight:bold;
  letter-spacing:1px;
}

.itmeSelect table,
.itmeSelect th,
.itmeSelect td {border:1px solid #000000;}

.itmeSelect table {
  border-collapse:collapse;
  width:80%;
  margin-bottom:30px;
}

.itmeSelect th,
.itmeSelect td {
  font-weight:normal;
  text-align:center;
  padding:5px 3px;
  line-height:1.3;
}

.itemNum {margin-bottom:30px;}

.itemNum label {
  display:inline-block;
  margin-right:10px;
}

.itemNum input {
  width:50px;
  padding-left:10px;
  padding-right:10px;
  height:30px;
  font-size:20px;
  line-height:30px;
}

.addCart,
.soldout {
  width:80%;
  margin-bottom:40px;
}

.addCart button {
  color:#000000;
  border:2px solid #000000;
  text-align:center;
  font-size:20px;
  line-height:70px;
  letter-spacing:2px;
  width:100%;
  height:70px;
  background-color:white;
  cursor:pointer;
}

.addCart button:hover {
  color:orange;
  border:2px solid orange;
}

.soldout {
  color:red;
  border:2px solid red;
  text-align:center;
  font-size:20px;
  line-height:70px;
  letter-spacing:2px;
  background-color:white;
}

.inqItem {
  width:80%;
  margin-bottom:50px;
}

.inqItem a {
  color:#000000;
  border:2px solid #CCCCCC;
  display:block;
  text-align:center;
  font-size:15px;
  line-height:50px;
  width:100%;
  background-color:#F6F6F6;
}

.inqItem a:hover {
  color:DarkGreen;
  border:2px solid DarkGreen;
  background-color:LightGreen;
}

.paymentItem {
  width:80%;
  margin-bottom:50px;
  font-size:13px;
}

.paymentItem li {
  margin-left:2.0em;
  margin-bottom:10px;
  letter-spacing:3px;
}

.itemDet {margin-bottom:30px;}

.itemDet h2 {
  font-size:120%;
  line-height:1.6;
  letter-spacing:3px;
  margin-bottom:15px;
  padding-top:50px;
  border-top:1px solid #c4c4c4;
}

.itemDet p {margin-bottom:15px;}

.itemDet a {
  color:brown;
  text-decoration:underline;
}
.itemDet a:hover {color:orange;}


.itemTable,
.itemTable th,
.itemTable td {border:1px solid #000000;}

.itemTable {
  border-collapse:collapse;
  width:50%;
  margin-bottom:30px;
}

.itemTable th,
.itemTable td {
  font-weight:normal;
  text-align:center;
  vertical-align:center;
  padding:6px 3px;
  line-height:1.3;
}

.itemTable th {font-size:12px}
.itemTable td {font-size:15px}

.itemKey h2 {margin-bottom:10px;}

.itemKey ul {margin-left:5px;}

.itemKey li {
  display:inline-block;
  margin-right:8px;
  margin-bottom:8px;
  background-color:#eeeeee;
  border-radius:10px;
  padding-left:15px;
  padding-right:15px;
  font-size:12px;
}

#user-choice h2 {
  font-size:16px;
  margin-bottom:20px;
}

#user-choice:after {
  content:" ";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

.user-choice-list div {
  text-align:center;
  font-size:12px;
}

.user-choice-list div img {
  width:100%;
  display:inline-block;
  margin-bottom:15px;
}


#link-line {
  width:100%;
  margin-bottom:50px;
  text-align:center;
  font-size:20px;
  line-height:26px;
}

#link-line a {
  display:block;
  padding:30px 10%;
  width:80%;
  //background-color:#097c25;
  background-color:#9e3e25;
  color:white;
  font-weight:bold;
  letter-spacing:5px;
}

#link-line a:hover{background-color:#80c269;}

#rakutenPay img {
  width:220px;
  display:inline-block;
  margin-bottom:10px;
}

#returnCart {
  width:100%;
  margin-top:50px;
}

#returnCart a {
  display:block;
  text-align:center;
  font-weight:bold;
  line-height:50px;
  color:#d0d0d0;
  border:2px solid #d0d0d0;
}

#returnCart a:hover {
  color:#000;
  border-color:#000;
}