/* スペックCSV用プレビュー */
#preview_res input[type="radio"],#preview_con input[type="radio"]{
  display: none;
}
#preview_area{
  background: #eee;
  width: 100%;
  height:100%;
  top: -100%; left:0;
  position: fixed;
  z-index: 100;
}
/* サイドメニュー */
#preview_con{
  width: 300px;
  position: absolute;
  height: 100%;
  background: #000;
  overflow-y: auto;
}
#preview_con h2{
  color: #fff;
  text-align: center;
  padding: 30px 0;
}
#preview_con button,#preview_res button,#preview_close{
  border-radius: 0;
  margin: 0;
  text-shadow: none;
  box-shadow: none;
}
#preview_con label{
  display: block;
  background: #222;
  color: #eee;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #000;
  text-align: center;
  cursor: pointer;
}

#preview_con label:hover{
  background: #6495ed;
}

#preview_con input[type="radio"]:checked + label{
 color: yellow;
 background: #1e90ff;
}


/* ヘッダーメニュー */
#preview_res{
  width: calc(100% - 20px);
  position: absolute;
  background: #4682b4;
  top: 0; left: 300px;
}
#preview_res label{
  padding: 10px 0;
  background: none;
  width: 100px;
  text-align: center;
  border-right: 1px solid #6495ed;
  cursor: pointer;
  display: inline-block;
}

#preview_res label:hover{
  background: #6495ed;
}

#preview_res input[type="radio"]:checked + label{
 color: yellow;
 background: #1e90ff;
}

#preview_res h3{
  display: inline-block;
  font-size: 100%;
  margin-left: 10px;
}

#preview_close{
  position: absolute;
  top: 0; right: 0;
  padding: 10px 20px;
  font-size: 200%;
  background: #6495ed;
}
#preview_close:hover{
  opacity: 1;
  background: #1e90ff;
  color: yellow;
}
#preview_box{
  position: absolute;
  top: 38px;
  left: 300px;
  width: calc(100% - 300px);
  height: calc(100% - 38px);
  overflow-y: auto;
}
#preview_box_pc,#preview_box_sp{
  width: calc(100% - 100px);
  margin: 10px auto;
  background: #fff;
}
#preview_box_pc{
  max-width: 1000px;
  padding: 20px;
  font-size: 94%;
}
#preview_box_pc .cartbotimg {
    display: block;
    width: 400px;
    height: 337px;
    margin-bottom: 20px;
}
#preview_box_pc .spec{
  margin: 3px 0 0;
  width: 100%;
}
#preview_box_pc p{
  margin-top: 15px;
}
#preview_box_pc .spec td,#preview_box_pc .spec th{
  border: 1px solid #aaa;
  padding: 5px;
}
#preview_box_pc .spec th{
  background: #ffe;
  width: 150px;
}
#preview_box_sp{
  max-width: 420px;
  font-size: .8vw;
  padding: 0 5px;
}