@charset "utf-8";

/* list */
.product-list a {position:relative;font-size:0;display:block;border-radius:10px;box-shadow:rgba(0,0,0,.1) 2px 4px 8px;overflow:hidden;padding-bottom:100%;}
.product-list a img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.product-list a span.b {display:inline-block;color:#fff;border:solid 1px #fff;padding:0 0.5em;line-height:2.2;}
.product-list a > div {font-size:18px;position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.product-list a > div {background-color:rgba(0,0,0,.7);color:#fff;opacity:0;transition:all .2s ease-in;}
.product-list a:hover > div {opacity:1;}
.product-list a > div div {padding:1em;}

/* detail */
.box1 {max-width: 100%;text-align: center;margin:0 auto;}
  .product-basic {padding-top:0px;max-width: 100%;}
  .product-basic:after {content:'';clear:both;display:table;}

  #photos {width:45%;float:left;}
  #photo img {width:100%;border:solid 1px #ccc;}
  #photos ul {display:block;padding:0;margin:0;text-align:center;}
  #photos ul:after {content:'';clear:both;display:table;}
  #photos ul li {display:inline-block;width:20%;text-align:center;margin:5px 2px;}
  #photos ul li img {width:100%;border:solid 1px #ccc;}

  #basic {width:50%;float:right;}
  #basic h2 {font-size:30px;color:#333;background:#fff;margin:0 0 20px 0;padding:0px 0px 10px;text-align:left;border-bottom: 1px dotted #dbdbdb;}
  #basic h2 span{font-size:16px;font-weight:300;color:#777;letter-spacing:1px;}
  #basic dl {padding:8px 0;margin:0;clear:both;}
  #basic dl dt {float:left;vertical-align:color:#000;middle;font-weight: 500;}
  #basic dl dd {margin-left:120px;color:#333;font-weight: 300;}
  #basic dl dd span{font-size:30px;color:#542f82;font-weight:bold;}
  #basic .info1 {display:table;width:100%;}
  #basic .info1 dl {display:table-row;}
  #basic .info1 dt {display:table-cell;width:120px;float:none;padding:8px 0;}
  #basic .info1 dd {display:table-cell;margin-left:0;padding:8px 0;}
  #basic .info1 dl.price dt,
  #basic .info1 dl.price dd {padding:0;}

  #basic2 img {max-width:100%;}

  #todo {padding-top:20px;padding-bottom:20px;}
  #todo div {width:30%;margin-right:20%;float:right;}
  #todo div button {width:100%;font-size:1.5em;background:#202634;color:#fff;height:3em;border:none;border-radius:4px;cursor:pointer;}
  #todo div button.rent {background-color:#1ea5e7}

  .prod {max-width: 100%;position:relative;margin-left:auto;margin-right:auto;padding:0;}
  .prod_tab_row {border-bottom:1px solid #ddd;margin:40px 0px 10px 0px;}
  .prod_tab {display:table;width:100%;table-layout:fixed;padding:0px;margin:0px}
  .prod_tab li {display:table-cell;}
  .prod_tab a {display:block;text-align:center;line-height:60px;border:1px solid #ddd;font-size:1.3em;border-bottom:0;color:#542f82;}
  .prod_tab li + li a { border-left:0;}
  .prod_tab .on a {font-weight:600;border-top:2px solid #542f82;padding-top:0;}
  .prod_detail {padding:90px 0 100px;}
  .btn_list_back {width:100%; height:80px;font-size:1.33em;font-weight:600;color:#4a4a4a;letter-spacing:-0.05em;border-top:1px solid #ddd;}

  .category-path ul {display:block;text-align:right;padding:20px 0 5px 0;margin:0;}
  .category-path ul li {display:inline;font-size: 0.85em;}
  .category-path ul li:after {content:'>';color:#888;margin:0 10px;}
  .category-path ul li:last-child:after {content:'';}


  @media screen and (max-width:970px) {
    #photos,
    #basic {width:100%;max-width:640px;float:none;margin-left:auto;margin-right:auto;}
  }