@charset "UTF-8";

/* search --------------- */
#search_table{
box-sizing:border-box;
width:100%;
}
#search_table tr:not(.btn){
border-bottom: #c4bdbc solid 1px;
}
#search_table th,
#search_table td{
box-sizing:border-box;
padding: 2% 2% 2%;
}
#search_table th{
}
#search_table thead th{
text-align:center;
}
#search_table td input[name=SIZE]{
width: 50%;
margin-right: 20px;
}
#search_table td#submit_btn{
padding-top:6%;
text-align: center;
}
#search_table td#submit_btn input[type=submit]{
box-sizing:border-box;
padding: 5px 0;
font-weight: bold;
}
@media screen and (max-width: 750px) {
  #search_table th,
  #search_table td{
  display:block;
  width:100% !important;
  padding: 6% 3% 6%;
  }
  #search_table th{
  padding-bottom:0;
  font-weight: bold;
  font-size: 110%;
  }
  #search_table td{
  padding-top:4%;
  }
  #search_table td input[name=SIZE]{
  width: 100%;
  margin-right: 0;
  display: block;
  }
  #search_table td#submit_btn{
  padding-top:12%;
  }
  #search_table td#submit_btn input[type=submit]{
  width: 100%;
  padding: 8px 0;
  }
}

/* list --------------- */
.list_table,
.list_table table{
box-sizing:border-box;
width:100%;
}
.list_table{
margin: 5% 0;
}
.list_table .pic{
width: 395px;
vertical-align: middle;
}
.list_table .pic img{
width: 365px;
padding: 2px;
border: 1px solid #CECECE;
}
.list_table .pic .detail{
margin: 2% 0 0;
line-height: 1;
font-size: 85%;
}
.list_table .pic .detail:before{
content: url(../img/common/icon_arrow.png);
display: inline-block;
margin-right: 5px;
}
.list_table .pic .detail a{
text-decoration: none;
}
.list_table .txt tr{
border-bottom: #968a89 dotted 1px;
}
.list_table .txt tr:nth-last-of-type(1){
border-bottom: none;
}
.list_table .txt th,
.list_table .txt td{
padding: 1% 2% 1%;
}
.list_table .txt th{
width: 28%;
}
@media screen and (max-width: 750px) {
  .list_table{
  margin: 12% 0;
  }
  .list_table td{
  display: block;
  }
  .list_table .pic{
  width: auto;
  }
  .list_table .pic img{
  width: auto;
  box-sizing: border-box;
  }
  .list_table .pic .detail{
  font-size: 100%;
  margin: 3% 0 5%;
  }
  .list_table .txt th,
  .list_table .txt td{
  padding: 3% 2% 3%;
  }
}

/* detail --------------- */
#detail_pic{
text-align: center;
}
#detail_pic img{
box-sizing: border-box;
padding: 2px;
border: 1px solid #CECECE;
}
#detail_table{
box-sizing: border-box;
width: 100%;
margin: 3% 0 3%;
}
#detail_table tr{
border-bottom: #968a89 dotted 1px;
}
#detail_table th,
#detail_table td{
padding: 1% 2% 1%;
}
#detail_table th{
width: 28%;
}
.midashi{
background: #968a89;
padding: 3px 3%;
margin: 4% 0 1%;
color: #fff;
font-weight: bold;
}
@media screen and (max-width: 750px) {
  #detail_table{
  margin: 6% 0 6%;
  }
  #detail_table th,
  #detail_table td{
  padding: 3% 2% 3%;
  }
  .midashi{
  padding: 3px 6%;
  margin: 8% 0 2%;
  }
}

/* gotoback --------------- */
.gotoback{
padding-top:6%;
text-align: center;
}
.gotoback a{
box-sizing:border-box;
display:inline-block;
text-decoration:none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor:pointer;
margin: 0 1% 2%;
padding: 12px 5%;
background-color:#fff;
border:#968a89 solid 1px;
text-align: center;
color:#6c6363;
font-size:110%;
line-height: 1.5;
border-radius:3px;
transition:all 0.2s;
}
.gotoback a:hover{
opacity: 0.5;
}
@media screen and (max-width: 750px) {
  .gotoback{
  padding-top:12%;
  }
  .gotoback a{
  display: block;
  width: 100%;
  margin: 0 0 3%;
  padding: 15px 5%;
  }
}