.p-column{
  padding: 10px 0 30px;
}
.p-column__detail-top-inner{
  margin: 0 auto;
  max-width: 800px;
}
.p-column__detail-head{
  margin-bottom: 20px;
  padding: 0 20px;
}
.p-column__detail-head-group{
  display: flex;
  align-items: center;
  margin-top: 30px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.p-column__detail-head-info{
  display: grid;
  grid-template: "day day"auto"mv heading"auto/100px 1fr;
  gap: 10px 20px;
}
.p-column__detail-head-info .c-detail__day{
  grid-area: day;
  margin-bottom: 0;
}
.p-column__detail-head-info .c-detail__heading01{
  grid-area: heading;
}
.p-column__detail-mv img{
  border-radius: 5px;
  width: 100%;
  overflow: hidden;
}
.p-column__detail-head-iine{
  display: flex;
  position: relative;
  align-items: center;
}
.p-column__detail-head-iine .c-iine__btn .icon{
  width: 24px;
  height: 24px;
}
.p-column__detail-head-iine .c-iine__btn .number{
  font-size: 1.4rem;
}
.p-column__detail-head-iine .c-login-required{
  top: -90px;
  left: -10px;
}
.p-column__detail-head-iine .c-login-required::after,.p-column__detail-head-iine .c-login-required::before{
  left: 40px;
}
.p-column__detail-head-iine .c-login-required::before{
  bottom: -15px;
}
.p-column__detail-head-iine .c-login-required::after{
  bottom: -13px;
}
.p-column__detail-contents{
  margin: 0 0 40px;
  padding: 0 20px;
}
.p-column__detail-contents .c-detail__heading02{
  margin-top: 0;
}
.p-column__detail-contents .c-login-before{
  position: absolute;
  bottom: 0;
  z-index: 99;
  width: 100%;
}
.p-column__detail-contents:has(.c-login-before) .p-column__detail-inner{
  position: relative;
  height: 720px;
  overflow: hidden;
}
.p-column__detail-contents:has(.c-login-before__contents--trial) .p-column__detail-inner{
  position: relative;
  height: 975px;
  overflow: hidden;
}
.p-column__detail-contents:has(.c-login-before__contents--trial-fp) .p-column__detail-inner{
  position: relative;
  height: 505px;
  overflow: hidden;
}
.p-column__detail-inner{
  position: relative;
}
.p-column__bottom,.p-column__detail-inner{
  margin: 0 auto;
  max-width: 800px;
}
.p-tag__inner{
  padding: 0 20px;
}
.p-tag__item{
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 1.8rem;
}
.p-tag__lists{
  display: flex;
  flex-wrap: wrap;
}
.p-tag__list{
  transition: color .2s,background-color .2s;
  margin: 8px 5px 7px 0;
  border-radius: 999px;
  background-color: #f0f0f0;
  font-weight: 700;
  font-size: 1.4rem;
}
.p-tag__list .hush{
  display: flex;
  position: relative;
  align-items: center;
  padding-left: 14px;
}
.p-tag__list .hush::before{
  position: absolute;
  left: 0;
  transition: color .2s;
  content: "#";
  color: #09a7a8;
}
.p-tag__list-link{
  display: block;
  padding: 9px 16px 8px;
}
.c-breadcrumb{
  background: linear-gradient(90deg,#0fbebf 0,#1d98c6 100%);
}
.c-breadcrumb__list{
  color: #fff;
}
.c-breadcrumb__list a::before{
  background-image: url(/wp-content/themes/fpsys_theme/assets/img/common/arrow_line_white.svg);
}
.c-share{
  grid-template-columns: 1fr 1fr;
}
.c-breadcrumb__bottom{
  margin-top: 40px;
}
.c-login-before{
  padding-top: 60px;
  overflow: hidden;
}
.c-login-before::before{
  position: absolute;
  top: 0;
  background: linear-gradient(rgba(255,255,255,0)0,#fff 100%);
  width: 100%;
  height: 60px;
  content: "";
}
@media (min-width:48em){
  .p-column{
    padding: 40px 20px;
  }
  .p-column__detail-head{
    margin-bottom: 30px;
    padding: 0;
  }
  .p-column__detail-head-group{
    margin-top: 40px;
  }
  .p-column__detail-head-info{
    grid-template: "mv day"max-content"mv heading"1fr/240px 1fr;
    gap: 10px 40px;
  }
  .p-column__detail-mv{
    grid-area: mv;
  }
  .p-column__detail-head-iine .c-login-required{
    top: -95px;
    left: -5px;
  }
  .p-column__detail-head-iine .c-login-required::after,  .p-column__detail-head-iine .c-login-required::before{
    left: 30px;
  }
  .p-column__detail-head-iine .c-login-required::before{
    bottom: -20px;
  }
  .p-column__detail-head-iine .c-login-required::after{
    bottom: -18px;
  }
  .p-column__detail-contents{
    padding: 0;
  }
  .p-column__detail-contents:has(.c-login-before) .p-column__detail-inner{
    height: 580px;
  }
  .p-column__detail-contents:has(.c-login-before__contents--trial) .p-column__detail-inner{
    height: 620px;
  }
  .p-column__detail-contents:has(.c-login-before__contents--trial-fp) .p-column__detail-inner{
    height: 360px;
  }
  .p-tag__inner{
    display: flex;
    align-items: center;
    padding: 0;
  }
  .p-tag__item{
    flex-shrink: 0;
    margin: 0 20px 0 0;
  }
  .p-tag__list:hover{
    background-color: #09a7a8;
    color: #fff;
  }
  .c-breadcrumb__list:hover,  .p-tag__list:hover .hush::before{
    color: #fff;
  }
  .c-share{
    grid-template-columns: 170px 1fr 170px;
  }
  .c-breadcrumb__bottom{
    margin-top: 20px;
  }}
@media not all and (min-width:48em){
  .c-share:has(.c-share__group--favorite) .c-share__group--sns{
    grid-row: 2;
    grid-column: 1;
  }
  .c-share:has(.c-share__group--favorite) .c-share__group--favorite{
    grid-row: 2;
    grid-column: 2;
  }
  .c-share__group--iine{
    grid-column: 1/3;
  }
  .c-share__group--sns{
    grid-column: span 2;
  }}