@charset "utf-8";
/* volks 50th anniversary project _ contents PJ05 css - update: 2022.11.16 */
hr {
  margin-top: calc(var(--rs) * 4);
}
/*-------------------------------
 project 05
---------------------------------*/
.cont-title-pj05--deco {
  display: inline-block;
  position: relative;
}
.cont-title-pj05--deco::after {
  content: "";
  width: 1.6em;
  height: 1.2em;
  background-image: url(/50th/assets/image/pj05_img_kirakira.png);
  background-position: right 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: -0.8em;
  top: -0.6em;
}
/* overwright style_50th_conts.css*/
.contents-container {
  padding-bottom: 0;
}
.cont-info {
  width: 96%;
}
/*-------------------------------
 pj05 item
---------------------------------*/
.pj05-cont-item {
  width: 98%;
  padding: 0.1px 0;
  margin: calc(var(--rs) * 2) auto;
  border-radius: var(--border-r);
  font-weight: bold;
  position: relative;
  flex: 1 1 auto;
}
.pj05-cont-item .cont-box-heading {
  margin-left: calc(var(--rs) * -1);
}
.pj05-item-detail {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}
.pj05-item-text {
  width: min(96%, calc(var(--fs) * 32));
  margin: calc(var(--fs) * 1) auto;
  flex: 1 1 60%;
}
.pj05-item-price {
  margin-top: calc(var(--rs) * 0.5);
  color: var(--c-mc);
  font-size: calc(var(--fs) * 2);
  font-weight: bold;
  line-height: 1.3;
  display: inline-block;
}
.pj05-item-img {
  position: relative;
}
.cont-text  b {
  color: var(--c-l-pc-red);
  font-size: 125%;
  display: inline-block;
}
/*-------------------------------
 pj05 shcedule
---------------------------------*/
.pj05-schedule {
  padding-left: calc(var(--fs) * 2);
  margin-top: calc(var(--fs) * 1);
  font-weight: bold;
}
.pj05-schedule--border {
  width: 96%;
  padding: calc(var(--fs) * 1);
  padding-left: calc(var(--fs) * 3);
  margin: calc(var(--fs) * 2) auto;
  background: rgb(255 255 255 / 80%);
  border: 1px solid #ebe6e0;
}
.pj05-schedule_title {
  font-size: calc(var(--fs) * 1.8);
}
.pj05-schedule_title::before {
  content: "";
  width: 0.5em;
  height: 1.2em;
  background: #555;
  margin-right: 0.5em;
  margin-left: -1em;
  margin-bottom: -0.2em;
  display: inline-block;
  position: relative;
}
.pj05-schedule_text {
  margin-top: 0.3em;
  line-height: 1.4;
}
.pj05-schedule_text + .pj05-schedule_text  {
  margin-top: 0.6em;
}
.pj05-schedule_text > span {
  margin-right: 0.5em;
  display: inline-block;
}
/* schedule end */
.pj05-schedule-end {
  padding: 0.5em;
  margin-top: 1em;
  background: #ccc;
  color: #777;
  filter: brightness(0.6);
}
/*-------------------------------
 pj05 sato
---------------------------------*/
.pj05-container-sato {
  width: 96%;
  padding: calc(var(--rs) * 1) 0;
  margin: calc(var(--rs) * 2) auto;
  font-weight: bold;
}
.pj05-container-sato .cont-box-heading {
  margin-left: calc(var(--rs) * -1);
  top: calc(var(--rs) * -1);
}
.pj05-cont-sato {
  width: 96%;
  margin: calc(var(--fs) * 1) auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: calc(var(--rs) * 1);
}
.pj05-cont-sato .cont-heading small {
  margin-left: calc(var(--fs) * 1);
  display: inline-block;
}
.pj05-cont-sato .cont-text {
  width: 100%;
  padding: 0;
  margin: 0;
  color: #5b3e36;
}
.pj05-sato-img {
  width: min(100%, 42rem);
  margin-top: calc(var(--rs) * 1);
  flex: 2 1 auto;
  position: relative;
}
.pj05-sato-img figcaption {
  padding: calc(var(--rs) * 1.5) 0 0;
  color: #5b3e36;
}
.pj05-sato-img::after {
  content: "";
  width: 25%;
  height: calc( 126 / 380 * 100%);
  background-image: 
    url(https://dollfie.volks.lol/shop/tenshinosato/image/logo_Sato_wh.png),
    radial-gradient(hsl(12deg 57% 12% / 40%) 0%, transparent 60%)
    ;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  filter: drop-shadow(0 1px 2px hsl(12deg 57% 12% / 40%));
  display: inline-block;
  position: absolute;
  left: 5%;
  top: calc( 126 / 380 * 100%);
  z-index: 2;
}
.pj05-sato-text {
  width: min(100%, 34rem);
  flex: 1 1 auto;
}
/* adjust kashi image */
.pj05-sato-kashi--sm {
  width: calc(240 / 960 * 130%);
  padding: calc(var(--rs) * 0.5);
  background: #fff;
  box-shadow: calc(var(--fs) * 0.5) calc(var(--fs) * 0.5) calc(var(--fs) * 0.5) rgb(0 0 0 / 20%);
  filter: saturate(1.2);
  position: absolute;
  left: calc( 238 / 960 * 100%);
  top: calc( 146 / 480 * 100%);
  transform: rotate(-5deg);
  z-index: 1;
}
/*-------------------------------
 pj05 item - goods
---------------------------------*/
.sks-goods-main {
  margin: calc(var(--rs) * 1) auto 0;
  display: flex;
  flex-flow: row wrap;
}
.sks-goods-main > img {
  width: min(100%, calc(var(--rs) * 40));
  flex: 1 1 auto;
}
/* goods list */
.sks-goods {
  width: 100%;
  padding: 2%;
  background: 
    linear-gradient(180deg, 
      hsl(195deg 55% 90%) 40%,
      hsl(0deg 50% 90%)  90%)
    ;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  gap: calc(var(--fs) * 1);
}
.sks-goods::before,
.sks-goods::after {
  content: "";
  height: 0;
  order: 2;
}
.sks-goods::before,
.sks-goods::after,
.sks-goods_item {
  width: min(100%, calc(var(--fs) * 24));
  flex: 1 1 auto;
}
.goods-col2 .sks-goods::before,
.goods-col2 .sks-goods::after,
.goods-col2 .sks-goods_item {
  width: min(100%, calc(var(--fs) * 36));
}
/* goods image */
.sks-goods-img {
  margin: 0 calc(var(--rs) * 0.5);
  border: calc(var(--rs) * 0.5) solid #fff;
  border-radius: calc(var(--rs) * 1);
  overflow: hidden;
}
/* goods spec */
.sks-goods-spec {
  width: 100%;
  border-collapse: separate;
  border-spacing: calc(var(--rs) * 1);
}
.sks-goods-spec_name {
  padding: calc(var(--rs) * 1);
  padding-bottom: 0;
  font-size: calc(var(--fs) * 1.7);
  font-weight: bold;
  line-height: 1.3;
}
.sks-goods-spec th,
.sks-goods-spec td {
  font-size: calc(var(--fs) * 1.4);
  vertical-align: middle;
}
.sks-goods-spec th {
  width: min(10%, calc(var(--fs) * 4));
  padding: calc(var(--rs) * 0.5) 0.8em;
  background: #555;
  border-radius: calc(var(--rs) * 0.5);
  color: #fff;
  text-align: center;
  white-space: nowrap;
}
.sks-goods-spec td {
  width: 80%;
  padding: calc(var(--rs) * 0.5) 0.5em;
  font-weight: normal;
}
.price-tax {
  font-size: calc(var(--fs) * 1.8);
  font-weight: bold;
}
.price-hontai {
  display: none;
}
.sks-goods-spec_datalist > li ~ li {
  margin-top: 0.5em;
}
/* goods head decora parts */
.sks-goods-headdecora {
  padding: 0 2% 2%;
  margin-bottom: calc(var(--fs) * 2);
  background:  hsl(0deg 50% 90%);
  display: flex;
  flex-flow: row-reverse nowrap;
  align-items: center;
  justify-content: center;
}
.sks-goods-headdecora_img {
  width: calc(280 / 900 * 100%);
  margin-left: -6%;
  z-index: 2;
}
.sks-goods-headdecora_text {
  padding: calc(var(--rs) * 1) 1.5em calc(var(--rs) * 1) 0.5em;
  margin-top: calc(var(--rs) * 6);
  border: calc(var(--rs) * 0.5) solid #fff;
  border-radius: calc(var(--fs) * 1);
  font-size: calc(var(--fs) * 1.8);
  line-height: 1.3;
  position: relative;
}
.sks-goods-headdecora_text > a {
  display: inline-block;
}
/* sks other */
.sks-goods-others {
  padding: 1% calc(var(--rs) * 0.5 + 1%);
  margin-top: calc(var(--rs) * 4);
  background: none;
}
/* sks soebumisen */
.pj05-cont-item.pj05-cont-item--soebumisen {
  padding: 0 0 calc(var(--rs) * 2);
  background: #f6ebd7 url("/50th/assets/image/pj05_item_soebumisen-bg.jpg") 50% 50% repeat;
}
.sks-goods-soebumi-img {
 position: relative;
}
.sks-goods-soebumi-caption {
  width: 70%;
  font-size: calc(var(--rs) * 2.4);
  line-height: 1.3;
  position: absolute;
  bottom: calc(var(--rs) * 4);
  left: calc(var(--rs) * 5);
}
.sks-goods-soebumi-caption b {
  color: var(--c-l-pc-red);
  font-size: 125%;
}
.sks-goods-soebumi-caption b ~ b {
  color: var(--c-mc);
}
/*-------------------------------
 pj05 item - ame
---------------------------------*/
.pj05-item-detail--ame {
  width: 96%;
  margin: 0 auto;
}
#pj05-itemAme {
  margin: calc(var(--fs) * -7) 0 calc(var(--fs) * -6) auto;
}
/*-------------------------------
 pj05 item - gacha
---------------------------------*/
.pj05-item-detail--gacha {
  background:  url("/50th/assets/image/pj05_item_gacha-once.png") 96% 2% no-repeat, url("/50th/assets/image/pj05_img_gacha.png") 100% 100% no-repeat;
  background-size: 15%, 10%;
  align-items: flex-end;
}
#pj05-itemGacha {
  width: calc(var(--fs) * 28);
  max-width: 80%;
  padding: 0 calc(var(--fs) * 1);
  margin: calc(var(--rs) * -3) auto calc(var(--fs) * 2);
  position: relative;
  right: calc(var( --rs) * -1);
  flex: 1 1 auto;
}
#pj05-itemGacha > img {
  margin: 0 auto calc(var(--fs) * -1);
  display: block;
}
#pj05-itemGacha-words {
  padding: calc(var(--rs) * 1);
  margin: calc(var(--fs) * 1);
  background: #fff;
  border-radius: calc(var(--fs) * 1);
}
/*-------------------------------
 pj05 item - sticker
---------------------------------*/
.pj05-item-detail--sticker {
  padding-bottom: calc(var(--rs) * 1);
  flex-flow: row wrap;
  align-items: stretch;
}
.pj05-item-detail--sticker > .pj05-item-text {
  width: min(96%, calc(var(--rs) * 60));
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}
.pj05-item-detail--sticker > .pj05-item-text > .pj05-schedule--border {
  margin-bottom: 0;
}
#pj05-itemSticker {
  max-width: min(90%, calc(var(--fs) * 30));
  padding: 0 calc(var(--rs) * 1);
  margin: calc(var(--fs) * 2) auto 0;
  text-align: center;
  position: relative;
  flex: 1 1 calc(var(--fs) * 20);
}
#pj05-itemSticker > img {
  border: 1px solid #ebe6e0;
}
/*-------------------------------
 pj05 item - LINE stamp
---------------------------------*/
.pj05-item-detail--linestamp {
  padding-bottom: calc(var(--rs) * 1);
  flex-flow: row wrap;
  align-items: stretch;
}
.pj05-item-detail--linestamp > .pj05-item-text {
  width: min(96%, calc(var(--rs) * 60));
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}
.pj05-item-detail--linestamp > .pj05-item-text > .pj05-schedule--border {
  margin-bottom: 0;
}
#pj05-itemLinestamp {
  max-width: min(90%, calc(var(--fs) * 30));
  padding: 0 calc(var(--rs) * 1);
  margin: calc(var(--fs) * 2) auto 0;
  text-align: center;
  position: relative;
  flex: 1 1 calc(var(--fs) * 20);
}
#pj05-itemLinestamp > img {
  border: 1px solid #ebe6e0;
}
.linestamp-details {
  width: 96%;
  padding: calc(var(--rs) * 1.5) calc(var(--rs) * 0.5) 0;
  margin: 0rem auto;
  background: #fff;
  border: 1px solid #ebe6e0;
  border-top: none;
  font-size: calc(var(--fs) * 1.4);
  font-weight: normal;
  line-height: 1.3;
  display: grid;
  grid-template-columns: 50% 45%;
  grid-template-rows: 1fr 1fr 1fr;
  justify-content: space-around;
}
.linestamp-details-box1 {
  grid-column: 1/2;
  grid-row: 1/4;
}
.linestamp-details-box1 > img {
  border: 1px solid #dedede;
}
.linestamp-details-box2 {
  grid-column: 2/3;
  grid-row: 1/2;
}
.linestamp-details-box3 {
  grid-column: 2/3;
  grid-row: 2/3;
}
.linestamp-details-box4 {
  grid-column: 2/3;
  grid-row: 3/4;
}
.linestamp-details-box2,
.linestamp-details-box3,
.linestamp-details-box4 {
  padding: calc(var(--rs) * 0.5) 0;
}
/*-------------------------------
 pj05 HR26
---------------------------------
.pj05-cont-hr26 {
  margin: calc(var(--rs) * 4) auto 0;
}
.cont-box-heading--hrlogo {
  padding-left: calc(var(--rs) * 8);
  margin-top: 0;
  z-index: 1;
}
.cont-box-heading_hrlogo {
  width: calc(var(--rs) * 8);
  min-width: 4.5rem;
  display: inline-block;
  position: absolute;
  left: calc(var(--rs) * -1.5);
  top: calc(var(--rs) * -2);
  z-index: 1;
}
#pj05-itemSticker-kuji {
  height: calc(var(--rs) * 22);
  margin-top: calc(var(--fs) * 1);
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(var(--rs) * 22), 0% calc(var(--rs) * 22));
  position: relative;
}
#pj05-itemSticker-kuji > img {
  max-height: initial;
  position: relative;
  top: calc(var(--fs) * -4);
}
*/
/*-------------------------------
 pj05 dolpa47
---------------------------------
.pj05-cont-dolpa47 {
  margin: calc(var(--rs) * 4) auto;
}
.cont-box-heading--dolpalogo {
  padding-left: calc(var(--rs) * 8);
  margin-top: 0;
  font-size: calc(var(--fs) * 1.8);
  z-index: 1;
}
.cont-box-heading--dolpalogo::after {
  content: "";
  width: min(100%, 48rem);
  height: 0;
  display: block;
  flex: 1 1 auto;
}
.cont-box-heading_dolpalogo {
  width: calc(var(--rs) * 10);
  display: inline-block;
  position: absolute;
  left: calc(var(--rs) * -2);
  top: calc(var(--rs) * -3);
  z-index: 1;
}*/
/* item in dolpa47 
.pj05-cont-dolpa47-inner {
  padding: calc(var(--rs) * 2) 1% calc(var(--rs) * 2);
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.pj05-cont-dolpa47_item {
  width: min(96%, 32rem);
  margin: calc(var(--rs) * 2) 1%;
  border-radius: var(--border-r);
  font-weight: bold;
  position: relative;
  flex: 1 1 auto;
}
.pj05-cont-dolpa47_item.pj05-item--gacha {
  padding-right: calc(var(--rs) * 2);
  flex-basis: 46%;
}
.pj05-cont-dolpa47_item .cont-box-heading {
  padding: 0.3em calc(var(--rs) * 1);
  margin-left: calc(var(--rs) * 1);
}*/