@charset "utf-8";
.catalogInfo h2 {
  font-size: 125%;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 10px 0;
}
.dCompany {
  font-size: 105%;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 15px 0;
}
.dCompany a {
  color: #333333;
}
.box .left {
  float: left;
  width: 250px;
}
.box .left img {
  border: 1px solid #cccccc;
  margin: 0 0 15px 0;
  width: 100%;
}
.box .left button {
  width: 100%;
}
.box .left input {
  border: none;
}
.box .left input[type="image"] {
  border: 1px solid #cccccc;
  margin: 0 0 15px 0;
  width: 100%;
  border-radius: 0;
}
.box .right {
  padding: 0 0 0 275px;
  width: auto;
}
.cinfo {
  margin: 15px 0;
  line-height: 1.4;
  float: left;
  /*width: 55%;*/
  width: 510px;
}
.cinfo .catchcopy {
  font-weight: bold;
  margin-bottom: 5px;
 
}
.tags {
  margin: 15px 0;
  /*float: right;
  width: 43%;*/
}
.tags .tagsInner {
  padding: 10px;
  border: 1px dotted #cccccc;
  width: 1160px;
  margin: 0 auto;
}
.btnWrap, .btnWrap_3col {
  margin: 15px 0 0 0;
}
.btnWrap form {
  display: inline;
}
.btnWrap_3col form {
  display: inline;
  float: left;
  width: 32%;
  margin-right: 2%;
}
.btnWrap_3col form .btn {
  width: 100%;
}
.btnWrap_3col form .btnRed {
  padding: 19px 0;
}
.btnLine01 {
  display: inline-block;
  font-size: 100%;
  font-weight: normal;
  padding: 20px 0;
  width: 49%;
}
.btnWrap_3col .btnLine01 {
  width: 32%;
}
.btnWrap_3col form .btnLine01 {
  width: 100%;
}
.catalogInfo .btnLine01 {
  padding: 20px 0;
}
.catalogInfo .seikyu:hover {
  background: #e7720a;
  background: -moz-linear-gradient(left, #e7720a 0%, #dd9b45 100%);
  background: -webkit-linear-gradient(left, #e7720a 0%, #dd9b45 100%);
  background: linear-gradient(to right, #e7720a 0%, #dd9b45 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7720a', endColorstr='#dd9b45', GradientType=1);
  border: 1px solid #dd9b45;
  color: #ffffff !important;
}
.added .seikyu, .added .seikyu:hover {
  background: #cccccc !important;
  border: 1px solid #cccccc !important;
  color: #666666 !important;
}
.catalogInfo .mitsumori {
  float: left;
}
.recommend {
  background: #f4f4f4;
  margin: 0;
  padding: 40px 0 20px 0;
}
.sns {
  margin-bottom: 5px;
}
.hideCheckBox {
  display: none;
}
.detail_sp {
  display: none;
}
.iconHelp {
    width: 18px !important;
}
.pcTitle {
    display: block;
}
.spTitle {
    display: none;
}
@media screen and (max-width:1400px) {
  .tags .tagsInner {
    width: auto;
  }
  .tags {
    width: auto;
    padding: 0 20px;
  }
}
@media screen and (max-width:1080px) {
  .cinfo {
    width: 100%;
  }
}
@media screen and (max-width:769px) {
  .catalogInfo h2 {
    font-size: 110%;
  }
  .dCompany {
    font-size: 94%;
  }
  .catalogInfo .btnLine01 {
    font-size: 92%;
    padding: 15px 0px;
  }
  .btnWrap_3col form .btnRed {
    padding: 14px 0;
  }
  section.gallery {
    margin-bottom: 5px;
  }
    /*.help {display: block; margin: -5px 0 40px 0;}*/
    .help .sp {
        display: inline-block !important;
        font-size: 78%;
        color: #333333;
        padding: 0 0 0 5px;
    }    
}
@media screen and (max-width:670px) {
    .spTitle {
        display: block;
    }
    .spTitle-t {
        margin: 30px 0 5px 0 !important;
    }
    .spTitle-b {
        margin: 0 0 30px 0;
    }
    .pcTitle {
        display: none;
    }
    .favoriteBtn, .favoriteDelBtn, .favoriteBtn-Nomember {
  background: none;
  border: none;
  border-radius: 100px;
  color: #333333;
  cursor: pointer;
  margin-top: -10px;
  text-align: center;
  width: 75% !important;
}    
    .help {
        margin: 0 0 0 5px;
    }
  section {
    margin: 0 0 50px 0;
  }
  .box .left {
    float: none;
    margin: auto auto 10px auto;
  }
  .box .left button {
    padding: 15px 0px;
  }
  .box .right {
    padding: 0;
  }
  .btnWrap {
    text-align: center;
  }
  .btnLine01 {
    margin: 0 0 10px 0;
    padding: 8px;
    width: 49%;
  }
  .catalogInfo .seikyu {
    float: left;
  }
  .btnWrap:after, .btnWrap_3col:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden
  }
  .btnWrap_3col form .btnRed {
    margin: 0 0 10px 0;
  }
  .btnWrap_3col form {
    width: 100%;
  }
  .btnWrap_3col .btnLine01 {
    width: 100%;
  }
  .detail_sp {
    display: block;
  }
  .detail_pc {
    display: none;
  }
}
@media screen and (max-width:470px) {
        .favoriteBtn, .favoriteDelBtn, .favoriteBtn-Nomember {
  background: none;
  border: none;
  border-radius: 100px;
  color: #333333;
  cursor: pointer;
  margin-top: -10px;
  text-align: center;
  width: inherit!important;
} 
  .btnLine01 {
    width: 100%;
  }
  .box .left {
    text-align: center;
    width: 100%;
  }
  .box .left img, .box .left input[type="image"] {
    /*width: 185px;*/
    width: 185px;
  }
  .box .left form {
    text-align: center;
  }
  .btnWrap, .btnWrap_3col {
    margin: 10px 0 0 0;
  }
  .catalogInfo .mitsumori {
    float: none;
  }
}