@media only screen and (min-width:641px) {/*pc*/
  #jigane_wrap{
    margin-top: 30px;
  }

  #jigane_wrap dl dd#jigane3{
    padding-left: 2%;
  }
  #jigane_wrap dl dd#jigane3 img{
    width: 100%;
    height: auto;
    margin: 30% auto 0 auto;
  }
  #jigane2 img{
    margin-top: -20px;
  }
  #hr_short{
    margin: 0 0 40px 0 !important;
  }
  #kakaku_wrap dl dt{
    width: 12.5% !important;
  }
  #kakaku_wrap dl dd{
    width: 12.5% !important;
  }
  #kakaku_wrap dl dd a{
    display: block;
    margin: 40px auto auto auto;
    line-height: 130%;
  }
  #kakaku_wrap dl dd a:hover{
    opacity: 0.9;
  }
  #kakaku_wrap dl dd a img{
    margin: 0;
  }
  #kakaku_wrap dl dd a span{
    font-size: 90%;
  }
  #kakaku_wrap dl dt .main_img {
    width: 160px;
    height: 120px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  #kakaku_wrap dl dt .bar_img {
    height: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  #kakaku_wrap dl dt .bar_img a:first-child img{
    width: 110px;
    margin: -55px 0 0 0;
    float: left;
  }
  #kakaku_wrap dl dt .bar_img a:nth-child(2) img{
    width: 65px;
    float: left;
    margin: -115px 0 0 0;
  }
  /**/
  #kakaku_wrap dl dt div.bar_img2 {
    height: auto;
    position: relative;


  }
  #kakaku_wrap dl dt .bar_img2 a:first-child img{
    width: 53px;
    margin: -117px 0 0 20px;
    float: left;
  }
  #kakaku_wrap dl dt .bar_img2 a:nth-child(2) img{
    width: 65px;
    float: left;
    margin: -125px 0 0 0;
  }

  #kakaku_wrap dl dt div.bar_img2 a:first-child{
    width: 50%;
    float: left;
    margin: 0 0 0 -40px;
  }

  #kakaku_wrap dl dt a {
    width: 75%;
    position: absolute;
    top: 0;
    opacity: 1 !important;
  }
  #kakaku_wrap dl dt:nth-last-child(-n+2) a {
    width: 90%;
  }
  #kakaku_wrap dl dt a:nth-child(1) {
    left: 30%;
    transform: translateX(-50%);
    z-index: 2;
  }
  #kakaku_wrap dl dt a:nth-child(2) {
    right: -8%;
    transform: translateX(0%);
    z-index: 1;
  }
  #kakaku_wrap dl dt:nth-last-child(-n+2) a {
    top: -15px;
    left: 50%;
  }
  #kakaku_wrap dl dt a:hover {
    filter: brightness(1.08);
    opacity: 1 !important;
  }
  #kakaku_wrap dl dt .main_img a img:hover {
    opacity: 1 !important;
  }

}

@media only screen and (max-width:640px) {/*sm*/
  #jigane_wrap{
    margin-top: 30px;
  }
  #kakaku_wrap dl dt .main_img {
    width: 160px;
    height: 110px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  #kakaku_wrap dl dt:nth-last-child(-n+2) .main_img {
    height: 120px;
  }
  #kakaku_wrap dl dt a {
    width: 75%;
    position: absolute;
    top: 0;
  }
  #kakaku_wrap dl dt:nth-last-child(-n+2) a {
    width: 90%;
  }
  #kakaku_wrap dl dt a:nth-child(1) {
    left: 30%;
    transform: translateX(-50%);
    z-index: 2;
  }
  #kakaku_wrap dl dt a:nth-child(2) {
    right: -8%;
    transform: translateX(0%);
    z-index: 1;
  }
  #kakaku_wrap dl dt:nth-last-child(-n+2) a {
    left: 50%;
  }

  #kakaku_wrap dl dt div.bar_img,
  #kakaku_wrap dl dt div.bar_img2{
    height: 120px;
  }
  #kakaku_wrap dl dt .bar_img {
    height: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  #kakaku_wrap dl dt div.bar_img a:first-child{
    display: block;
    padding: 50px 0 0 6px;
  }
  #kakaku_wrap dl dt div.bar_img a:first-child img{
    width: 90px;
    float: left;
  }
  #kakaku_wrap dl dt div.bar_img a:nth-child(2){
    display: block;
    padding-left: 13px;
  }
  #kakaku_wrap dl dt div.bar_img a:nth-child(2) img{
    width: 58px;
    float: left;
  }
  /**/
  #kakaku_wrap dl dt .bar_img2 {
    height: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  #kakaku_wrap dl dt .bar_img2 a:first-child{
    padding: 5px 0 0 35px;
  }
  #kakaku_wrap dl dt .bar_img2 a:first-child img{
    width: 43px;
    float: left;
  }
  #kakaku_wrap dl dt .bar_img2 a:nth-child(2) img{
    width: 53px;
    float: left;
  }
}
</style>

<style>
#kakaku_wrap {
  margin: 30px 0 !important;
}

#kakaku_wrap table {
  letter-spacing: 0;
  width: 100%;
  border-top: 1px solid #ddd;
}
#kakaku_wrap table th{
  font-weight: normal;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
  padding: 5px 0;
  line-height: 150%;
}
#kakaku_wrap table td{
  padding: 5px 0;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
}
#kakaku_wrap table tr.gld th,
#kakaku_wrap table tr.gld td{
  background-color: #fff9ef;
}
#kakaku_wrap table tr.slv th,
#kakaku_wrap table tr.slv td{
  background-color: #f7f8f9;
}

@media only screen and (max-width:640px) {/*sm*/
  #kakaku_wrap dl dt{
    width: 48% !important;
    margin: 0 0 30px 0;
  }
  #kakaku_wrap dl dt img{
    width: 80%;
    height: auto;
  }
  #kakaku_wrap dl dt h3{
    margin: 0 auto;
  }
}/*sm----------*/
#kakaku_wrap dl dt .bar_img2 a:nth-child(2){
  width: 50%;
}