@charset "UTF-8";

.goto_link{
  color: #fff;
  background-color: #007dc3;
  border-radius: 1rem;
  width: fit-content;
  text-decoration: none;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
}
.goto_link:hover{
  color: #007dc3!important;
  background-color: #fff;
  border:solid 1px #007dc3;
}
.grid_lo{display: grid;}
.col2{grid-template-columns:1fr 1fr;grid-gap:1rem;}
.col3{grid-template-columns:1fr 1fr 1fr;grid-gap:1rem;}
.rep_col{grid-template-columns: repeat(auto-fit, minmax(180px,1fr));grid-gap: 1rem;}
.col_dl{grid-template-columns:auto 1fr;margin-left: 1rem;margin-top: 0.5rem;margin-bottom: 1rem;}
.item_grid{grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));grid-gap:1rem;}
.flex_horizon{display: flex;justify-content: space-evenly;}
.flex_horizon2{display: flex;justify-content: space-evenly;gap:1rem;}
.ps_lead h3{color:#f94a01;}
figure{text-align: center;}
figure img{margin-left:auto;margin-right:auto;}
.goods_box{text-align: center;}
.goods_name,.goods_price{color:#007dc3;}
.sub_title{padding-top: 1rem;margin-bottom: .5rem;}
.list_lv1{padding-left: 2.5rem;padding-right:1rem;margin-bottom: 1rem;}
.list_lv1 li{text-indent: -1rem!important;margin-bottom: 0.5rem!important;}
.list_lv1 li:before{content:'○'!important;display: inline-block!important;margin-right: 1rem!important;}
.list_lv2{margin-left:0.5rem!important;}
.list_lv2 li{margin-bottom: 0.5rem!important;}
.list_lv2 li:before{content:'・'!important;display: inline-block!important;}
/* タブ切り替え */
.tab_wrap input[type="radio"]{
  display:none;
}
.tab_triger{
  color: #f94a01;
  background-color: #fff;
  border:solid 1px #f94a01;
  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,minmax(6rem, 1fr));
 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:#f94a01; 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:#f94a01; color:#fff; }
#tab2: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;
}

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

@keyframes fadeOut {
  100% {
    opacity: 1;
  }
  0% {
    opacity: 0;
  }
}
.released_item{
  padding-left: 1rem;
  padding-right: 1rem;
}
.released_item li{
  margin-bottom: 0.5rem;
}
.link_box{
  display:flex;
  justify-content:center;
  gap:1rem;
}
.notice{
  text-align: left;
  font-size: 0.8rem;
}
.attention{
  padding-left: 1.5rem;
  margin-top:0.25rem;
}
.attention li{
  text-indent: -0.5rem;
  margin-bottom: 0.25rem;
}
.attention li:before{
  content:'※';
  display: inline-block;
  margin-right: 1rem;
}
.num_1:before{
  content:'①';
  display: inline-block;
  margin-right: 1rem;
}
.num_2:before{
  content:'②';
  display: inline-block;
  margin-right: 1rem;
}
.num_3:before{
  content:'③';
  display: inline-block;
  margin-right: 1rem;
}
.num_4:before{
  content:'④';
  display: inline-block;
  margin-right: 1rem;
}
.num_5:before{
  content:'⑤';
  display: inline-block;
  margin-right: 1rem;
}
._sp{display: none;}
@media screen and (max-width:600px){
  .col_pic_r,.col_pic_l,.col2,.col3{grid-template-columns:1fr}
  .link_box{flex-wrap: wrap;}
  .flex_horizon{flex-wrap: wrap;}
  .flex_horizon2{
    max-width: 90vw;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    justify-content:start;
  }
  .flex_horizon2 li{min-width: 200px;}
  .flex_horizon2 figure{width: 75%;}
  ._sp{display: block;}
}


/*****************
* コミケ用
*****************/
.comike_sec{
  margin: initial;
  width: initial;
}
.item_links{}

.item_links a{}

.goods_mount{
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(0, 0, 0, 0.1); */
  border-radius: 10px;
  box-shadow: 0px 0px 8px 0px rgba(0,0,0, .2);
  padding: 1rem;
}
.goods_mount .item_name_h{
  font-size:1.25rem;
  border-bottom: 2px solid #ef184e;
  padding-bottom: 0.5rem;
}