/*****************************************
*
* ウラ話
*
******************************************/

/*------------------------------------------*/
/* 大見出し
/*------------------------------------------*/

.inside_main {
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  font-size: 0;
  display: inline-block;
  background-image: url('../img/inside/inside_main.png');
  background-repeat: no-repeat;
  background-size: 100%;
  aspect-ratio: 124/82;
  width: calc(calc(275 / 375) * 100vw);
  height: auto;
  z-index: 9;
}

@media screen and (min-width: 768px), print {
  .inside_main {
    width: calc(calc(620 / 1400) * 100vw);
  }
}

@media screen and (min-width: 1400px), print {
  .inside_main {
    width: 620px;
  }
}

/*------------------------------------------*/
/* アイコン
/*------------------------------------------*/

.page-inside .contents-box .contens figure {
  position: relative;
}

.page-inside .contents-box .contens figure::before {
  content: '';
  display: inline-block;
  background: url('../img/inside/ura.png');
  background-repeat: no-repeat;
  background-size: 100%;
  aspect-ratio: 1/1;
  width: 30px;
  height: auto;
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 11;
}

@media screen and (min-width: 834px), print {
  .page-inside .contents-box .contens figure::before {
    width: 50px;
    top: -20px;
    left: -20px;
  }
}


/*------------------------------------------*/
/* Coming Soon
/*------------------------------------------*/

.page-inside .contents-box .contens.soon figure::after {
  content: '';
  display: inline-block;
  background: rgba(55, 55, 55, .7);
  border-radius: 10px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  transition: opacity .5s ease;
  z-index: 10;
}

.page-inside .contents-box .contens.soon figure .coming {
  color: white;
  font-family: var(--font-en);
  font-size: 1.2rem;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 12;
}


.page-inside .contents-box .contens.soon a {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}