.grid_lo{display:grid;}
.col2{grid-template-columns:1fr 1fr;grid-gap:1.5rem;}
.col3{grid-template-columns:1fr 1fr 1fr;grid-gap:1rem;}
.dl_grid{grid-template-columns:auto 1fr;grid-column-gap:1.5rem;}
.dl_grid dt{grid-column: 1;color:#e94630;font-weight: bold;}
.dl_grid dd{grid-column: 2;}
.sub_title{margin-top: 1.5rem;margin-bottom: 0.25rem;}
.list_lv1{
  padding-left: 1.5rem;
}
.list_lv1 li{
  text-indent: -1rem;
  margin-bottom: 0.5rem;
}
.list_lv1 li:before{
  content:'○';
  display: inline-block;
  margin-right: 1rem;
}
.list_lv2{
  margin-left:0.5rem;
}
.list_lv2 li{
  margin-bottom: 0.5rem;
}
.list_lv2 li:before{
  content:'・';
  display: inline-block;
}

.goods_name{color: #529fd6;font-weight: bolder;}
.goods_price{
  color: #529fd6;font-weight: bolder;
  border-bottom: dashed 0.5px #529fd6;
  padding-bottom: 0.25rem;margin-bottom: 0.25rem;
}
.goods_txt{font-size: 0.8rem;border-bottom: dashed 0.5px #529fd6;padding-bottom: 0.25rem;margin-bottom: 0.25rem;}
.goods_detail{font-size: 0.8rem;}

@media screen and (max-width: 800px) {
  .col2,.dl_grid,.col3{grid-template-columns:1fr}
  .dl_grid dd{grid-column: 1;}
}

/* タブ切り替え */
.tab_wrap input[type="radio"]{
  display:none;
}
.tab_triger{
  color: #e94630;
  background-color: #fff;
  border:solid 1px #e94630;
  border-radius: 1rem;
  /*width: fit-content;*/
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  margin: 0.5rem;
}
.tab_area{
 text-align: center;
 display: grid;
 grid-template-columns: repeat(auto-fit,12rem);
 justify-content: center;
}
.tab_area label:hover{
  cursor: pointer;
  transition: scale(1.25,1.25)
}
.panel_area{
  margin-top: 1rem;
}
.tab_panel{
  display:none;
}

#tab1:checked ~ .tab_area .tab1_label{background:#e94630; color:#fff; }
#tab1:checked ~ .panel_area #ps{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#tab2:checked ~ .tab_area .tab2_label{background:#e94630; color:#fff; }
#tab2:checked ~ .panel_area #ec{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}
#tab3:checked ~ .tab_area .tab3_label{background:#e94630; color:#fff; }
#tab3:checked ~ .panel_area #ec{display:block; animation:tabAnim ease-in 0.5s ; -ms-animation:tabAnim ease-in 0.5s ;}

.fadeout {
  animation : fadeOut 1.5s;
  animation-fill-mode: both;
}

.goto_btn{
  text-decoration: none;
  border:solid 1px #e94630;
  border-radius: 1rem;
  padding: 0.25rem;
}
.goto_btn:hover{
  color:#fff;
  background-color: #e94630;
}

@keyframes tabAnim{
  0%{opacity:0;}
  100%{opacity:1;}
}

@keyframes fadeOut {
  100% {
    opacity: 1;
  }
  0% {
    opacity: 0;
  }
}