/* Desktop rules derived from the current production theme.
 * One layout unit follows the viewport up to 1500px, then stops growing.
 * Load before editorial/UI overrides. Mobile rules remain in the theme.
 */
@media (min-width: 960px) {
  :root { --qbe-layout-unit: min(1vw, 15px); }
  
  html {
    color: #000;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: "Noto Sans JP", YuGothic, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 62.5%;
    position: relative;
    background: #fff;
    font-weight: 500;
    visibility: hidden;
  }
  html.wf-active {
    visibility: visible;
  }
  @media (max-width: 959px) {
    html {
      font-size: 52%;
    }
  }
  
  body {
    font-size: calc(1 * var(--qbe-layout-unit));
    text-rendering: optimizeLegibility;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures contextual;
    font-feature-settings: "kern", "liga", "clig", "calt";
    background: #000 url("https://quest-book.net/wp/wp-content/themes/questbook.ver.1.5/img/bg.webp") no-repeat center top/100% auto;
    padding: calc(7.2917 * var(--qbe-layout-unit)) 0 0;
  }
  body a {
    color: #000;
    text-decoration: none;
    vertical-align: top;
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: 0;
  }
  body a img {
    position: relative;
    top: 0;
  }
  body a:hover {
    top: calc(-0.1562 * var(--qbe-layout-unit));
  }
  body input {
    font-family: "Noto Sans JP", YuGothic, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  }
  body input[type=submit], body input[type=button] {
    -webkit-appearance: none;
  }
  body a:hover {
    text-decoration: none;
  }
  body a:hover img {
    top: calc(-0.2604 * var(--qbe-layout-unit));
  }
  body a:focus {
    overflow: hidden;
    outline: none;
  }
  body .indent {
    padding-left: 1em;
    text-indent: -1em;
  }
  body dt, body dd, body p, body li, body th, body td, body address {
    line-height: 1.8;
    letter-spacing: calc(0.0521 * var(--qbe-layout-unit));
  }
  body img {
    max-width: 100%;
    transition: 0.3s;
    height: auto;
  }
  body strong {
    font-weight: 700;
  }
  body .red {
    color: #b30c0d;
  }
  body .right {
    text-align: right;
  }
  body .left {
    text-align: left;
  }
  body .center {
    text-align: center;
  }
  body .b {
    font-weight: bold;
  }
  body .s {
    font-size: calc(0.625 * var(--qbe-layout-unit));
  }
  body .t-yellow {
    color: #ffb81f;
  }
  body .must {
    background: #eb8282;
    padding: 0.2% 2%;
    color: #fff;
    font-weight: bold;
    font-size: calc(0.625 * var(--qbe-layout-unit));
    text-align: center;
    border-radius: 3px;
    display: inline-block;
    margin-left: calc(0.4167 * var(--qbe-layout-unit));
  }
  @media (max-width: 559px) {
    body {
      padding: calc(28 * var(--qbe-layout-unit)) 0 0;
      background-size: 130% auto;
    }
    body dt, body dd, body p, body li, body th, body td, body address {
      font-size: calc(3.4 * var(--qbe-layout-unit));
      letter-spacing: calc(0.1 * var(--qbe-layout-unit));
    }
    body select {
      -webkit-appearance: none;
      position: relative;
    }
    body select:after {
      position: absolute;
      top: 35%;
      right: 3%;
      margin-top: -8px;
      content: "▼";
      pointer-events: none;
    }
  }
  
  /* -----------------------------------------
  		common
  ----------------------------------------- */
  .dPc {
    display: block;
  }
  
  .dSp {
    display: none;
  }
  
  .dPcinline {
    display: inline-block;
  }
  
  .dSpinline {
    display: none;
  }
  
  @media (max-width: 559px) {
    .dPc {
      display: none;
    }
    .dSp {
      display: block;
    }
    .dPcinline {
      display: none;
    }
    .dSpinline {
      display: inline-block;
    }
  }
  .container {
    max-width: calc(92 * var(--qbe-layout-unit));
    margin: 0 auto;
    padding: 0 calc(1.5625 * var(--qbe-layout-unit));
  }
  @media (max-width: 959px) {
    .container {
      width: auto;
    }
  }
  @media (max-width: 559px) {
    .container {
      padding: 0 calc(3 * var(--qbe-layout-unit));
    }
  }
  
  #breadcrumb {
    margin: 0 auto calc(1.0417 * var(--qbe-layout-unit));
  }
  #breadcrumb .container ul {
    display: flex;
    justify-content: flex-start;
  }
  #breadcrumb .container ul li {
    position: relative;
    color: #000;
  }
  #breadcrumb .container ul li a {
    padding: 0 calc(0.5208 * var(--qbe-layout-unit)) calc(0.0521 * var(--qbe-layout-unit)) calc(0.625 * var(--qbe-layout-unit));
    background: #ffb81f;
    color: #000;
    margin: 0 calc(1.0417 * var(--qbe-layout-unit)) 0 0;
    border-radius: calc(2.6042 * var(--qbe-layout-unit));
    display: inline-block;
    box-sizing: border-box;
  }
  #breadcrumb .container ul li:after {
    font-family: "Material Icons";
    content: "chevron_right";
    position: absolute;
    right: 0;
    top: calc(0.1042 * var(--qbe-layout-unit));
    color: #000;
  }
  #breadcrumb .container ul li:last-of-type:after {
    display: none;
  }
  @media (max-width: 559px) {
    #breadcrumb {
      margin: 0;
    }
    #breadcrumb .container ul {
      overflow-x: scroll;
      white-space: nowrap;
      padding: 0 0 calc(2 * var(--qbe-layout-unit));
    }
    #breadcrumb .container ul li {
      margin-right: calc(2 * var(--qbe-layout-unit));
    }
    #breadcrumb .container ul li span {
      color: #fff;
      font-size: calc(2.4 * var(--qbe-layout-unit));
      letter-spacing: 0;
    }
    #breadcrumb .container ul li a {
      font-size: calc(2.4 * var(--qbe-layout-unit));
      letter-spacing: 0;
      padding: 0 calc(2 * var(--qbe-layout-unit)) calc(0.1 * var(--qbe-layout-unit)) calc(2 * var(--qbe-layout-unit));
      margin: 0 calc(2 * var(--qbe-layout-unit)) 0 0;
    }
    #breadcrumb .container ul li a span {
      color: #000;
    }
    #breadcrumb .container ul li:after {
      color: #ffb81f;
      font-size: calc(4 * var(--qbe-layout-unit));
      right: calc(-2 * var(--qbe-layout-unit));
      top: calc(-1.3 * var(--qbe-layout-unit));
    }
    #breadcrumb .container ul li:last-of-type {
      position: relative;
      top: calc(-1.6 * var(--qbe-layout-unit));
    }
  }
  
  .btn-common a, .btn-common input {
    background: #fff;
    border-radius: calc(10.4167 * var(--qbe-layout-unit));
    letter-spacing: calc(0.0521 * var(--qbe-layout-unit));
    font-size: calc(0.8333 * var(--qbe-layout-unit));
    font-weight: 900;
    min-width: calc(17.7083 * var(--qbe-layout-unit));
    text-align: center;
    position: relative;
    min-height: calc(2.8125 * var(--qbe-layout-unit));
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #ffb81f;
    cursor: pointer;
  }
  .btn-common a:after, .btn-common input:after {
    border-radius: 50%;
    content: "chevron_right";
    font-size: calc(1.1458 * var(--qbe-layout-unit));
    color: #fff;
    width: calc(1.7708 * var(--qbe-layout-unit));
    height: calc(1.7708 * var(--qbe-layout-unit));
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    right: calc(0.5208 * var(--qbe-layout-unit));
    top: calc(0.4688 * var(--qbe-layout-unit));
    position: absolute;
    font-family: "Material Icons";
    padding: calc(0.1042 * var(--qbe-layout-unit)) 0 0 calc(0.1042 * var(--qbe-layout-unit));
    transition: 0.3s;
  }
  .btn-common a:hover, .btn-common input:hover {
    top: 0;
  }
  .btn-common a:hover:after, .btn-common input:hover:after {
    right: calc(0.3125 * var(--qbe-layout-unit));
  }
  .btn-common.yellow a:after, .btn-common.yellow input:after {
    background: #ffb81f;
  }
  .btn-common.yellow a:hover, .btn-common.yellow input:hover {
    color: #ffb81f;
  }
  .btn-common.yellow-fill a, .btn-common.yellow-fill input {
    background: #ffb81f;
    font-weight: 600;
    color: #000;
  }
  .btn-common.yellow-fill a:after, .btn-common.yellow-fill input:after {
    background: #000;
    color: #ffb81f;
  }
  .btn-common.yellow-fill a:hover, .btn-common.yellow-fill input:hover {
    background: #ffb81f;
    color: #000;
  }
  .btn-common.yellow-fill a:hover:after, .btn-common.yellow-fill input:hover:after {
    background: #000;
    color: #ffb81f;
  }
  .btn-common.center {
    text-align: center;
  }
  @media (max-width: 1300px) {
    .btn-common a, .btn-common input {
      font-size: calc(1.2 * var(--qbe-layout-unit));
    }
  }
  @media (max-width: 959px) {
    .btn-common a, .btn-common input {
      letter-spacing: calc(0.1 * var(--qbe-layout-unit));
      font-size: calc(1.8 * var(--qbe-layout-unit));
      min-width: calc(34 * var(--qbe-layout-unit));
      min-height: calc(6 * var(--qbe-layout-unit));
    }
    .btn-common a:after, .btn-common input:after {
      width: calc(4 * var(--qbe-layout-unit));
      height: calc(4 * var(--qbe-layout-unit));
      right: calc(1.2 * var(--qbe-layout-unit));
      top: calc(1 * var(--qbe-layout-unit));
      padding: 0 0 0 calc(0.2 * var(--qbe-layout-unit));
      font-size: calc(2.4 * var(--qbe-layout-unit));
    }
    .btn-common input {
      min-height: calc(13 * var(--qbe-layout-unit));
      font-size: calc(4 * var(--qbe-layout-unit));
    }
  }
  @media (max-width: 559px) {
    .btn-common a, .btn-common input {
      min-width: calc(50 * var(--qbe-layout-unit));
      min-height: calc(9 * var(--qbe-layout-unit));
      font-size: calc(3 * var(--qbe-layout-unit));
    }
    .btn-common a:after, .btn-common input:after {
      width: calc(7 * var(--qbe-layout-unit));
      height: calc(7 * var(--qbe-layout-unit));
      right: calc(1.2 * var(--qbe-layout-unit));
      top: calc(0.8 * var(--qbe-layout-unit));
      padding: 0 0 0 calc(0.2 * var(--qbe-layout-unit));
      font-size: calc(4.4 * var(--qbe-layout-unit));
    }
  }
  
  .en {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
  }
  
  .data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 calc(0.8333 * var(--qbe-layout-unit));
  }
  .data .score {
    background: #b30c0d;
    font-weight: 900;
    font-size: calc(0.7292 * var(--qbe-layout-unit));
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: calc(2.6042 * var(--qbe-layout-unit));
    line-height: 1.6;
    box-sizing: border-box;
    padding: 0 calc(0.3125 * var(--qbe-layout-unit)) calc(0.1042 * var(--qbe-layout-unit));
    color: #fff;
  }
  .data .score.green {
    background: #77b83e;
  }
  .data time {
    color: #939393;
    font-size: calc(0.625 * var(--qbe-layout-unit));
  }
  @media (max-width: 1300px) {
    .data .score {
      padding: 0 calc(0.5 * var(--qbe-layout-unit)) calc(0.15 * var(--qbe-layout-unit)) calc(0.5 * var(--qbe-layout-unit));
      font-size: calc(1.2 * var(--qbe-layout-unit));
    }
    .data time {
      font-size: calc(1 * var(--qbe-layout-unit));
    }
  }
  @media (max-width: 959px) {
    .data .score {
      padding: 0 calc(0.8 * var(--qbe-layout-unit)) calc(0.2 * var(--qbe-layout-unit)) calc(0.8 * var(--qbe-layout-unit));
      font-size: calc(1.6 * var(--qbe-layout-unit));
    }
  }
  @media (max-width: 559px) {
    .data .score {
      font-size: calc(4 * var(--qbe-layout-unit));
      padding: calc(0.3 * var(--qbe-layout-unit)) calc(2 * var(--qbe-layout-unit)) calc(0.7 * var(--qbe-layout-unit));
      margin: 0 0 calc(2 * var(--qbe-layout-unit));
    }
  }
  
  .table-common01 {
    width: 100%;
  }
  .table-common01 tr th, .table-common01 tr td {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    background: #fff;
    color: #000;
    text-align: left;
    padding: calc(0.1562 * var(--qbe-layout-unit)) calc(0.8333 * var(--qbe-layout-unit));
    vertical-align: middle;
  }
  
  .title-common01 a {
    color: #ffb81f;
    font-size: calc(1 * var(--qbe-layout-unit));
    margin: 0 0 calc(0.4167 * var(--qbe-layout-unit));
    line-height: 1.4;
  }
  @media (max-width: 1300px) {
    .title-common01 a {
      font-size: calc(1.2 * var(--qbe-layout-unit));
    }
  }
  @media (max-width: 959px) {
    .title-common01 a {
      font-size: calc(1.6 * var(--qbe-layout-unit));
    }
  }
  @media (max-width: 559px) {
    .title-common01 a {
      font-size: calc(4.2 * var(--qbe-layout-unit));
      margin: 0 0 calc(2.4 * var(--qbe-layout-unit));
    }
  }
  
  .link-common {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, #ffb81f 50%);
    background-position: 0 0;
    background-size: 200% auto;
    transition: 0.3s;
    padding: 0 calc(0.2604 * var(--qbe-layout-unit));
  }
  .link-common:hover {
    background-position: -100% 0;
  }
  .link-common.type02 {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, #000 50%);
  }
  .link-common.type02:hover {
    color: #fff;
  }
  
  .link-common02 a {
    color: #fff;
    position: relative;
    padding: 0 0 0 calc(1.25 * var(--qbe-layout-unit));
  }
  .link-common02 a:before {
    position: absolute;
    left: 0;
    top: calc(-0.1042 * var(--qbe-layout-unit));
    font-size: calc(1.0417 * var(--qbe-layout-unit));
    font-family: "Material Icons";
    content: "chevron_right";
    color: #ffb81f;
    transition: 0.3s;
  }
  .link-common02 a:hover {
    top: 0;
    color: #ffb81f;
  }
  .link-common02 a:hover:before {
    left: calc(0.2604 * var(--qbe-layout-unit));
  }
  .link-common02.right {
    text-align: right;
  }
  @media (max-width: 559px) {
    .link-common02 a {
      padding-left: calc(5 * var(--qbe-layout-unit));
    }
    .link-common02 a:before {
      top: calc(-1 * var(--qbe-layout-unit));
      font-size: calc(5 * var(--qbe-layout-unit));
    }
  }
  
  .list-common01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
  }
  .list-common01 article {
    width: 32%;
    margin: 0 0 4%;
    background: rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    padding: calc(1.0417 * var(--qbe-layout-unit));
  }
  .list-common01 article p, .list-common01 article a {
    color: #fff;
  }
  .list-common01 article h1,
  .list-common01 article h2 {
    line-height: 1.6;
  }
  .list-common01 article h1 a,
  .list-common01 article h2 a {
    color: #ffb81f;
    font-size: calc(1.2 * var(--qbe-layout-unit));
  }
  .list-common01 article .img {
    margin: 0 0 calc(0.625 * var(--qbe-layout-unit));
  }
  .list-common01 article .img a {
    display: block;
  }
  .list-common01 article .img img {
    width: 100%;
    height: calc(10.9375 * var(--qbe-layout-unit));
    -o-object-fit: cover;
       object-fit: cover;
  }
  .list-common01 article time {
    color: #939393;
    margin: 0 0 calc(0.5208 * var(--qbe-layout-unit));
    display: block;
  }
  .list-common01 article .excerpt {
    font-weight: 300;
    color: #fff;
    font-size: calc(1 * var(--qbe-layout-unit));
  }
  .list-common01 article .excerpt .next {
    color: #939393;
    text-decoration: underline;
  }
  .list-common01 article .excerpt .next:hover {
    text-decoration: none;
  }
  .list-common01 article .excerpt br {
    display: none;
  }
  .list-common01:after {
    width: 31%;
    content: "";
  }
  @media (max-width: 1300px) {
    .list-common01 article {
      width: 48.5%;
    }
    .list-common01 article .img img {
      height: calc(17 * var(--qbe-layout-unit));
    }
    .list-common01:after {
      width: 48.5%;
      content: "";
    }
  }
  @media (max-width: 959px) {
    .list-common01 article h1 a,
  .list-common01 article h2 a {
      font-size: calc(1.8 * var(--qbe-layout-unit));
    }
    .list-common01 article .img img {
      height: calc(25 * var(--qbe-layout-unit));
    }
    .list-common01 article time {
      font-size: calc(1.2 * var(--qbe-layout-unit));
    }
    .list-common01 article .excerpt {
      font-size: calc(1.4 * var(--qbe-layout-unit));
    }
  }
  @media (max-width: 559px) {
    .list-common01 article {
      width: 100%;
      margin: 0 0 10%;
    }
    .list-common01 article time {
      font-size: calc(2.4 * var(--qbe-layout-unit));
    }
    .list-common01 article h1 a,
  .list-common01 article h2 a {
      font-size: calc(4 * var(--qbe-layout-unit));
    }
    .list-common01 article .img {
      margin: 0 0 calc(3 * var(--qbe-layout-unit));
    }
    .list-common01 article .img img {
      height: calc(50 * var(--qbe-layout-unit));
    }
    .list-common01 article .excerpt {
      font-size: calc(3 * var(--qbe-layout-unit));
    }
    .list-common01:after {
      display: none;
    }
  }
  
  .list-common02 article {
    display: flex;
    justify-content: space-between;
    margin: 0 0 calc(1.0417 * var(--qbe-layout-unit));
  }
  .list-common02 article .img {
    width: calc(4.1667 * var(--qbe-layout-unit));
    margin: 0 calc(0.8854 * var(--qbe-layout-unit)) 0 0;
  }
  .list-common02 article .img img {
    width: calc(4.1667 * var(--qbe-layout-unit));
    height: calc(4.1667 * var(--qbe-layout-unit));
    -o-object-fit: cover;
       object-fit: cover;
  }
  .list-common02 article .text {
    flex: 1;
    width: 100%;
  }
  .list-common02 article .text p {
    font-size: calc(0.7 * var(--qbe-layout-unit));
  }
  .list-common02 article .text p br {
    display: none;
  }
  .list-common02 article .text p a {
    color: #fff;
    transition: 0.3s;
  }
  @media (max-width: 959px) {
    .list-common02 article .img {
      width: calc(14 * var(--qbe-layout-unit));
      margin: 0 calc(2 * var(--qbe-layout-unit)) 0 0;
    }
    .list-common02 article .img img {
      width: calc(14 * var(--qbe-layout-unit));
      height: calc(9 * var(--qbe-layout-unit));
    }
    .list-common02 article .text p {
      font-size: calc(1.4 * var(--qbe-layout-unit));
      padding: 0 calc(0.8 * var(--qbe-layout-unit)) 0;
    }
    .list-common02 article .text p a {
      font-size: calc(1.2 * var(--qbe-layout-unit));
    }
    .list-common02 article .text .excerpt {
      padding: 0;
    }
  }
  @media (max-width: 559px) {
    .list-common02 article {
      margin: 0 0 calc(6 * var(--qbe-layout-unit));
    }
    .list-common02 article .img {
      width: calc(25 * var(--qbe-layout-unit));
      margin: 0 calc(3 * var(--qbe-layout-unit)) 0 0;
    }
    .list-common02 article .img img {
      width: 100%;
      height: calc(15 * var(--qbe-layout-unit));
    }
    .list-common02 article .text p {
      font-size: calc(3 * var(--qbe-layout-unit));
    }
    .list-common02 article .text p a {
      line-height: 1.8;
      font-size: calc(2.4 * var(--qbe-layout-unit));
    }
  }
  
  .list-common03 article {
    display: flex;
    justify-content: space-between;
    margin: 0 0 calc(1.0417 * var(--qbe-layout-unit));
  }
  .list-common03 article .img {
    width: calc(4.1667 * var(--qbe-layout-unit));
    margin: 0 calc(0.8854 * var(--qbe-layout-unit)) 0 0;
  }
  .list-common03 article .img img {
    width: calc(4.1667 * var(--qbe-layout-unit));
    height: calc(4.1667 * var(--qbe-layout-unit));
    -o-object-fit: cover;
       object-fit: cover;
  }
  .list-common03 article .text {
    flex: 1;
    width: 100%;
  }
  .list-common03 article .text .data {
    display: block;
  }
  .list-common03 article .text .data h1 a,
  .list-common03 article .text .data h3 a {
    color: #fff;
    line-height: 1.5;
    margin: 0 0 calc(0.2083 * var(--qbe-layout-unit));
  }
  .list-common03 article .text .data h1 a:hover,
  .list-common03 article .text .data h3 a:hover {
    color: #ffb81f;
  }
  @media (max-width: 959px) {
    .list-common03 article .img {
      width: calc(14 * var(--qbe-layout-unit));
      margin: 0 calc(2 * var(--qbe-layout-unit)) 0 0;
    }
    .list-common03 article .img img {
      width: calc(14 * var(--qbe-layout-unit));
      height: calc(9 * var(--qbe-layout-unit));
    }
    .list-common03 article .text .data time {
      font-size: calc(1.2 * var(--qbe-layout-unit));
      margin: calc(1 * var(--qbe-layout-unit)) 0 0;
      display: inline-block;
    }
    .list-common03 article .text p {
      font-size: calc(1.4 * var(--qbe-layout-unit));
      padding: 0 calc(0.8 * var(--qbe-layout-unit)) 0;
    }
    .list-common03 article .text p a {
      font-size: calc(1.2 * var(--qbe-layout-unit));
    }
  }
  @media (max-width: 559px) {
    .list-common03 article {
      margin: 0 0 calc(6 * var(--qbe-layout-unit));
    }
    .list-common03 article .img {
      width: calc(25 * var(--qbe-layout-unit));
      margin: 0 calc(3 * var(--qbe-layout-unit)) 0 0;
    }
    .list-common03 article .img img {
      width: 100%;
      height: calc(15 * var(--qbe-layout-unit));
    }
    .list-common03 article .text .data time {
      font-size: calc(2.4 * var(--qbe-layout-unit));
    }
    .list-common03 article .text p {
      font-size: calc(3 * var(--qbe-layout-unit));
    }
    .list-common03 article .text p a {
      line-height: 1.8;
      font-size: calc(2.4 * var(--qbe-layout-unit));
    }
  }
  
  .list-common04 {
    background: #fff;
    padding: calc(3.125 * var(--qbe-layout-unit));
    margin: calc(2.6042 * var(--qbe-layout-unit)) 0 0;
  }
  .list-common04 dl {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #999;
    padding: calc(1.0417 * var(--qbe-layout-unit)) 0;
  }
  .list-common04 dl dt {
    width: 16%;
    margin: 0 calc(2.6042 * var(--qbe-layout-unit)) 0 0;
  }
  .list-common04 dl dd {
    flex: 1;
    width: 100%;
  }
  .list-common04 dl dd input[type=text], .list-common04 dl dd input[type=email], .list-common04 dl dd input[type=tel], .list-common04 dl dd textarea {
    width: 100%;
    box-sizing: border-box;
    padding: calc(0.7292 * var(--qbe-layout-unit)) calc(0.9375 * var(--qbe-layout-unit));
  }
  .list-common04 dl:last-of-type {
    margin: 0 0 calc(1.5625 * var(--qbe-layout-unit));
    border-bottom: none;
  }
  @media (max-width: 559px) {
    .list-common04 {
      padding: calc(8 * var(--qbe-layout-unit)) calc(8 * var(--qbe-layout-unit)) calc(10.6667 * var(--qbe-layout-unit));
      margin: calc(8 * var(--qbe-layout-unit)) 0 0;
    }
    .list-common04 dl {
      flex-wrap: wrap;
      padding: calc(4.2667 * var(--qbe-layout-unit)) 0 calc(5.3333 * var(--qbe-layout-unit));
    }
    .list-common04 dl dt {
      width: 100%;
      margin: 0 0 calc(2 * var(--qbe-layout-unit));
    }
    .list-common04 dl:last-of-type {
      margin: 0 0 calc(2.6667 * var(--qbe-layout-unit));
    }
    .list-common04 .btn-common {
      text-align: center !important;
    }
    .list-common04 .btn-common .wpcf7-spinner {
      position: absolute;
    }
  }
  
  #area404 h2 {
    padding: calc(11.4583 * var(--qbe-layout-unit)) 0 0;
    text-align: center;
  }
  #area404 .center {
    color: #fff;
    font-size: calc(0.9375 * var(--qbe-layout-unit));
    padding: calc(2.6042 * var(--qbe-layout-unit)) 0 calc(0.5208 * var(--qbe-layout-unit));
  }
  @media (max-width: 959px) {
    #area404 h2 img {
      width: 60%;
    }
  }
  @media (max-width: 559px) {
    #area404 h2 {
      padding: calc(21.3333 * var(--qbe-layout-unit)) 0 0;
    }
  }
  
  #ez-toc-container.ez-toc-white {
    box-sizing: border-box;
    padding: calc(1.0417 * var(--qbe-layout-unit)) calc(1.25 * var(--qbe-layout-unit));
    margin: calc(1.5625 * var(--qbe-layout-unit)) 0 0;
  }
  #ez-toc-container .ez-toc-title-container {
    font-weight: 900;
    border-bottom: 1px dashed #000;
    padding: 0 0 calc(0.5208 * var(--qbe-layout-unit));
    margin: 0 0 calc(0.7292 * var(--qbe-layout-unit));
  }
  @media (max-width: 959px) {
    #ez-toc-container.ez-toc-white {
      font-size: calc(2 * var(--qbe-layout-unit));
      padding: calc(2 * var(--qbe-layout-unit)) calc(3 * var(--qbe-layout-unit));
    }
    #ez-toc-container .ez-toc-title-container {
      padding: 0 0 calc(1 * var(--qbe-layout-unit));
      margin: 0 0 calc(2 * var(--qbe-layout-unit));
    }
  }
  @media (max-width: 559px) {
    #ez-toc-container.ez-toc-white {
      font-size: calc(4 * var(--qbe-layout-unit));
      padding: calc(4 * var(--qbe-layout-unit)) calc(5 * var(--qbe-layout-unit));
    }
    #ez-toc-container .ez-toc-title-container {
      padding: 0 0 calc(3 * var(--qbe-layout-unit));
      margin: 0 0 calc(3 * var(--qbe-layout-unit));
    }
  }
  
  .steam-sale-badges {
    margin: 0 0 calc(0.8 * var(--qbe-layout-unit));
  }
  .steam-sale-badges .steam-sale-badge, .steam-sale-badges .steam-discount-badge {
    color: #ffb81f;
    border: 1px solid #ffb81f;
    font-size: calc(0.8 * var(--qbe-layout-unit));
    padding: 0 calc(0.3 * var(--qbe-layout-unit)) calc(0.2 * var(--qbe-layout-unit));
  }
  .steam-sale-badges .steam-discount-badge {
    margin-left: calc(0.6 * var(--qbe-layout-unit));
  }
  @media (max-width: 959px) {
    .steam-sale-badges {
      margin: calc(1 * var(--qbe-layout-unit)) 0 calc(1.4 * var(--qbe-layout-unit));
    }
    .steam-sale-badges .steam-sale-badge, .steam-sale-badges .steam-discount-badge {
      font-size: calc(1.4 * var(--qbe-layout-unit));
    }
  }
  @media (max-width: 559px) {
    .steam-sale-badges .steam-sale-badge, .steam-sale-badges .steam-discount-badge {
      font-size: calc(2.4 * var(--qbe-layout-unit));
    }
  }
  
  /* -----------------------------------------
  		haeder footer main
  ----------------------------------------- */
  .outer-menu {
    display: none;
  }
  @media (max-width: 959px) {
    .outer-menu {
      display: block;
      position: fixed;
      top: 10vh;
      left: 0;
      z-index: 1500;
    }
    .outer-menu .checkbox-toggle {
      position: fixed;
      top: calc(2.2135 * var(--qbe-layout-unit));
      right: calc(2 * var(--qbe-layout-unit));
      z-index: 2;
      cursor: pointer;
      width: calc(9.7656 * var(--qbe-layout-unit));
      height: calc(9.1146 * var(--qbe-layout-unit));
      opacity: 0;
      margin: 0;
    }
    .outer-menu .checkbox-toggle:checked + .hamburger > div {
      transform: rotate(135deg);
    }
    .outer-menu .checkbox-toggle:checked + .hamburger > div:before, .outer-menu .checkbox-toggle:checked + .hamburger > div:after {
      top: 0;
      transform: rotate(90deg);
    }
    .outer-menu .checkbox-toggle:checked + .hamburger > div:after {
      opacity: 0;
    }
    .outer-menu .checkbox-toggle:checked ~ .menu {
      pointer-events: auto;
      visibility: visible;
    }
    .outer-menu .checkbox-toggle:checked ~ .menu > div {
      transform: scale(1);
      transition-duration: 0.75s;
    }
    .outer-menu .checkbox-toggle:checked ~ .menu > div > div {
      opacity: 1;
      transition: opacity 0.4s ease 0.4s;
    }
    .outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
      transform: rotate(225deg);
    }
    .outer-menu .hamburger {
      position: fixed;
      top: calc(2.0833 * var(--qbe-layout-unit));
      right: calc(2 * var(--qbe-layout-unit));
      z-index: 1;
      width: calc(5.2083 * var(--qbe-layout-unit));
      height: calc(4.1667 * var(--qbe-layout-unit));
      padding: calc(2.3438 * var(--qbe-layout-unit));
      background: none;
      cursor: pointer;
      backface-visibility: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .outer-menu .hamburger > div {
      position: relative;
      flex: none;
      width: 100%;
      height: 2px;
      background: #000;
      transition: all 0.4s ease;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .outer-menu .hamburger > div:before, .outer-menu .hamburger > div:after {
      content: "";
      position: absolute;
      z-index: 1;
      top: -10px;
      left: 0;
      width: 100%;
      height: 2px;
      background: inherit;
      transition: all 0.4s ease;
    }
    .outer-menu .hamburger > div:after {
      top: 10px;
    }
    .outer-menu .menu {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      visibility: hidden;
      overflow: hidden;
      backface-visibility: hidden;
      outline: 1px solid transparent;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .outer-menu .menu > div {
      width: calc(200 * var(--qbe-layout-unit));
      height: calc(200 * var(--qbe-layout-unit));
      color: #FEFEFE;
      background: #ffb81f;
      border-radius: 50%;
      transition: all 0.4s ease;
      flex: none;
      transform: scale(0);
      backface-visibility: hidden;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .outer-menu .menu > div > div {
      text-align: center;
      max-width: calc(90 * var(--qbe-layout-unit));
      max-height: 100vh;
      opacity: 0;
      transition: opacity 0.4s ease;
      overflow-y: auto;
      flex: none;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .outer-menu .menu > div > div > ul {
      list-style: none;
      padding: 0 1em;
      margin: 0;
      display: block;
      max-height: 100vh;
    }
    .outer-menu .menu > div > div > ul > li {
      padding: 0;
      margin: 1em;
      font-size: 24px;
      display: block;
    }
    .outer-menu .menu > div > div > ul > li > a {
      position: relative;
      display: inline;
      cursor: pointer;
      transition: color 0.4s ease;
      font-family: "Raleway", sans-serif;
      font-weight: 700;
      text-transform: uppercase;
      font-size: calc(2.6042 * var(--qbe-layout-unit));
      color: #000;
    }
    .outer-menu .menu > div > div > ul > li > a:hover {
      text-decoration: none;
      color: #000;
    }
    .outer-menu .menu > div > div > ul > li > a:hover:after {
      width: 100%;
    }
    .outer-menu .menu > div > div > ul > li > a:after {
      content: "";
      position: absolute;
      z-index: 1;
      bottom: -0.15em;
      left: 0;
      width: 0;
      height: 2px;
      background: none;
      transition: width 0.4s ease;
    }
  }
  @media (max-width: 559px) {
    .outer-menu .checkbox-toggle {
      width: calc(16 * var(--qbe-layout-unit));
      height: calc(13.3333 * var(--qbe-layout-unit));
      top: calc(2.6667 * var(--qbe-layout-unit));
    }
    .outer-menu .checkbox-toggle:checked ~ .menu > div {
      transition-duration: 0.3s;
    }
    .outer-menu .hamburger {
      width: calc(8 * var(--qbe-layout-unit));
      padding: calc(3.7333 * var(--qbe-layout-unit));
      top: calc(1.3333 * var(--qbe-layout-unit));
      right: calc(2 * var(--qbe-layout-unit));
    }
    .outer-menu .menu > div {
      height: 117vh;
      width: 117vh;
      transition: all 0.3s ease;
    }
    .outer-menu .menu > div > div > ul > li > a {
      font-size: calc(5 * var(--qbe-layout-unit));
    }
  }
  
  header {
    position: fixed;
    width: 100%;
    z-index: 100;
    transition: 0.3s;
    top: 0;
    box-sizing: border-box;
    padding: calc(1.5625 * var(--qbe-layout-unit));
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.3s;
  }
  header .logo a {
    font-weight: 500;
    font-size: calc(0.7812 * var(--qbe-layout-unit));
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  header .logo a img {
    width: calc(16.6146 * var(--qbe-layout-unit));
  }
  header .logo a span {
    flex: 1;
    width: 100%;
    margin: 0 0 0 calc(1.0417 * var(--qbe-layout-unit));
  }
  header .logo a span br {
    display: none;
  }
  header .logo a:hover {
    top: 0;
  }
  header .logo a:hover img {
    top: 0;
  }
  header nav ul {
    display: flex;
    justify-content: flex-end;
  }
  header nav ul li {
    margin: 0 0 0 calc(2.0833 * var(--qbe-layout-unit));
  }
  header nav ul li a:hover {
    top: 0;
  }
  header.scroll {
    background: #ffb81f;
    padding: calc(0.5208 * var(--qbe-layout-unit)) calc(1.5625 * var(--qbe-layout-unit));
  }
  header.scroll .logo a {
    font-size: calc(0.625 * var(--qbe-layout-unit));
  }
  header.scroll .logo a img {
    width: calc(8.8542 * var(--qbe-layout-unit));
  }
  header.scroll nav ul li {
    font-size: calc(0.7292 * var(--qbe-layout-unit));
    margin: 0 0 0 calc(1.0417 * var(--qbe-layout-unit));
  }
  @media (max-width: 1460px) {
    header .logo a span br {
      display: block;
    }
    header nav ul li {
      margin: 0 0 0 calc(1 * var(--qbe-layout-unit));
    }
  }
  @media (max-width: 1300px) {
    header .logo a {
      font-size: calc(1 * var(--qbe-layout-unit));
    }
    header nav ul li {
      font-size: calc(1.2 * var(--qbe-layout-unit));
    }
  }
  @media (max-width: 1136px) {
    header .logo a {
      flex-wrap: wrap;
    }
    header .logo a img {
      margin: 0 0 calc(1 * var(--qbe-layout-unit));
    }
    header .logo a span {
      width: 100%;
      margin: 0;
    }
    header .logo a span br {
      display: none;
    }
    header nav {
      white-space: nowrap;
    }
  }
  @media (max-width: 959px) {
    header .logo a span {
      display: none;
    }
    header nav {
      display: none;
    }
    header.scroll .logo a img {
      width: calc(28.6458 * var(--qbe-layout-unit));
      margin: 0;
    }
    header.scroll + .outer-menu .hamburger {
      top: calc(0.3906 * var(--qbe-layout-unit));
    }
  }
  @media (max-width: 559px) {
    header {
      padding: calc(4 * var(--qbe-layout-unit)) calc(5 * var(--qbe-layout-unit));
    }
    header .logo a img {
      width: calc(36 * var(--qbe-layout-unit));
    }
    header.scroll {
      padding: calc(2 * var(--qbe-layout-unit)) calc(5 * var(--qbe-layout-unit)) calc(1.8 * var(--qbe-layout-unit));
    }
    header.scroll .logo a img {
      width: calc(36 * var(--qbe-layout-unit));
    }
  }
  
  main .container {
    display: flex;
    justify-content: space-between;
  }
  main .container .content {
    width: 100%;
    min-width: 0;
  }
  main .container aside {
    width: calc(25 * var(--qbe-layout-unit));
    margin: 0 0 0 calc(2.0833 * var(--qbe-layout-unit));
    flex-shrink: 0;
  }
  @media (max-width: 1300px) {
    main .container aside {
      width: 26%;
      margin: 0 0 0 3%;
    }
    main .container aside .btn-common input {
      min-width: 100%;
    }
  }
  @media (max-width: 959px) {
    main .container {
      flex-wrap: wrap;
    }
    main .container .content {
      width: 100%;
    }
    main .container aside {
      width: 100%;
      margin: calc(12 * var(--qbe-layout-unit)) 0 0;
    }
  }
  
  #mv {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(36.4583 * var(--qbe-layout-unit));
    flex-direction: column;
  }
  #mv h1 {
    font-size: calc(1.0417 * var(--qbe-layout-unit));
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    letter-spacing: calc(0.2604 * var(--qbe-layout-unit));
    margin: 0 0 calc(3.125 * var(--qbe-layout-unit));
    font-weight: 900;
  }
  #mv h1 span {
    margin-bottom: calc(-0.5208 * var(--qbe-layout-unit));
  }
  @media (max-width: 1300px) {
    #mv h1 strong {
      font-size: calc(1.4 * var(--qbe-layout-unit));
    }
  }
  @media (max-width: 959px) {
    #mv {
      min-height: calc(36 * var(--qbe-layout-unit));
      justify-content: flex-start;
    }
    #mv h1 {
      font-size: calc(2 * var(--qbe-layout-unit));
      margin: 0 0 calc(5 * var(--qbe-layout-unit));
    }
    #mv h1 span img {
      width: calc(47 * var(--qbe-layout-unit));
    }
  }
  @media (max-width: 559px) {
    #mv {
      min-height: calc(56 * var(--qbe-layout-unit));
    }
    #mv h1 span img {
      width: calc(73 * var(--qbe-layout-unit));
    }
    #mv h1 strong {
      letter-spacing: calc(0.5 * var(--qbe-layout-unit));
      color: #fff;
      margin: calc(2 * var(--qbe-layout-unit)) 0 0;
      font-size: calc(2.4 * var(--qbe-layout-unit));
    }
  }
  
  #key {
    margin: 0 0 calc(2.6042 * var(--qbe-layout-unit));
  }
  #key h1 {
    background: url("https://quest-book.net/wp/wp-content/themes/questbook.ver.1.5/img/key-bg.webp") no-repeat right top/cover;
    height: calc(14.6875 * var(--qbe-layout-unit));
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0 0 calc(2.6042 * var(--qbe-layout-unit));
  }
  #key h1 span {
    font-size: calc(0.8333 * var(--qbe-layout-unit));
    color: #fff;
    margin: 0 0 calc(1.0417 * var(--qbe-layout-unit));
  }
  #key h1 strong {
    font-size: calc(2.0833 * var(--qbe-layout-unit));
    color: #ffb81f;
    font-weight: 900;
  }
  #key.key-column h1 {
    background-image: url("https://quest-book.net/wp/wp-content/themes/questbook.ver.1.5/img/key-bg02.webp");
  }
  #key.key-contact h1 {
    background-image: url("https://quest-book.net/wp/wp-content/themes/questbook.ver.1.5/img/key-bg03.webp");
  }
  @media (max-width: 559px) {
    #key h1 {
      height: calc(22 * var(--qbe-layout-unit));
      padding: 0;
      background: none !important;
    }
    #key h1 span {
      font-size: calc(2.4 * var(--qbe-layout-unit));
      margin: 0 0 calc(3 * var(--qbe-layout-unit));
    }
    #key h1 strong {
      font-size: calc(5 * var(--qbe-layout-unit));
    }
  }
  
  aside section {
    margin: 0 0 calc(2.6042 * var(--qbe-layout-unit));
  }
  aside section h2 {
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-size: calc(1.0417 * var(--qbe-layout-unit));
    font-weight: 900 !important;
    letter-spacing: calc(0.0521 * var(--qbe-layout-unit));
    position: relative;
    margin: 0 0 calc(1.0417 * var(--qbe-layout-unit));
  }
  aside section h2.icon-search {
    padding: 0 0 0 calc(1.875 * var(--qbe-layout-unit));
  }
  aside section h2.icon-search:before {
    font-family: "Material Icons";
    content: "sports_esports";
    font-size: calc(1.3542 * var(--qbe-layout-unit));
    position: absolute;
    left: 0;
    top: calc(-0.1042 * var(--qbe-layout-unit));
    font-weight: normal;
  }
  aside section h2.icon-latest {
    padding: 0 0 0 calc(1.875 * var(--qbe-layout-unit));
  }
  aside section h2.icon-latest:before {
    font-family: "Material Icons";
    content: "grade";
    font-size: calc(1.3542 * var(--qbe-layout-unit));
    position: absolute;
    left: 0;
    top: calc(-0.1042 * var(--qbe-layout-unit));
    font-weight: normal;
  }
  aside section h2.icon-column {
    padding: 0 0 0 calc(1.875 * var(--qbe-layout-unit));
  }
  aside section h2.icon-column:before {
    font-family: "Material Icons";
    content: "edit";
    font-size: calc(1.3542 * var(--qbe-layout-unit));
    position: absolute;
    left: 0;
    top: calc(-0.1042 * var(--qbe-layout-unit));
    font-weight: normal;
  }
  aside section h2.icon-tag {
    padding: 0 0 0 calc(1.875 * var(--qbe-layout-unit));
  }
  aside section h2.icon-tag:before {
    font-family: "Material Icons";
    content: "local_offer";
    font-size: calc(1.3542 * var(--qbe-layout-unit));
    position: absolute;
    left: 0;
    top: calc(-0.1042 * var(--qbe-layout-unit));
    font-weight: normal;
  }
  aside section#aside-search dl {
    display: flex;
    justify-content: space-between;
  }
  aside section#aside-search dl dt {
    color: #fff;
    font-size: calc(0.8333 * var(--qbe-layout-unit));
    width: 9em;
    margin: 0 calc(1.1458 * var(--qbe-layout-unit)) 0 0;
    font-weight: 700;
  }
  aside section#aside-search dl dd {
    flex: 1;
    width: 100%;
  }
  aside section#aside-search form ul {
    margin: 0 0 calc(1.0417 * var(--qbe-layout-unit));
  }
  aside section#aside-search form ul li {
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin: 0 0 calc(0.5208 * var(--qbe-layout-unit));
  }
  aside section#aside-search form ul li select {
    width: calc(11.6667 * var(--qbe-layout-unit));
    border: none;
    border-radius: 0;
    font-family: "Noto Sans JP", YuGothic, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    min-height: calc(1.6667 * var(--qbe-layout-unit));
    font-weight: 400;
    font-size: calc(0.7292 * var(--qbe-layout-unit));
    background: #fff;
  }
  aside section#aside-search form ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-weight: 700;
  }
  aside section#aside-search form ul li:nth-of-type(1):before {
    content: "ジャンル";
  }
  aside section#aside-search form ul li:nth-of-type(2):before {
    content: "協力プレイ人数";
  }
  aside section#aside-search form ul li:nth-of-type(3):before {
    content: "ゲーム機";
  }
  aside section#aside-search form ul li:nth-of-type(4):before {
    content: "メーカー";
  }
  aside section#aside-search form ul li:nth-of-type(5):before {
    content: "リリース年";
  }
  aside section#aside-search form ul li:nth-of-type(6):before {
    content: "評価点";
  }
  aside section#aside-tag ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  aside section#aside-tag ul li a {
    color: #fff;
    font-size: calc(0.625 * var(--qbe-layout-unit));
    border: 1px solid #fff;
    margin: 0 calc(0.5208 * var(--qbe-layout-unit)) calc(0.5208 * var(--qbe-layout-unit)) 0;
    padding: 0 calc(0.5208 * var(--qbe-layout-unit)) 0 calc(1.3542 * var(--qbe-layout-unit));
    position: relative;
  }
  aside section#aside-tag ul li a:before {
    content: "local_offer";
    font-family: "Material Icons";
    color: #fff;
    position: absolute;
    left: calc(0.3125 * var(--qbe-layout-unit));
    top: calc(0.1042 * var(--qbe-layout-unit));
  }
  aside section#aside-tag ul li a:hover {
    background: #ffb81f;
    border: 1px solid #ffb81f;
    color: #000;
  }
  @media (max-width: 1300px) {
    aside section h2 {
      font-size: calc(2.2 * var(--qbe-layout-unit));
    }
    aside section h2.icon-search {
      padding: 0 0 0 calc(3 * var(--qbe-layout-unit));
    }
    aside section h2.icon-search:before {
      font-size: calc(2.4 * var(--qbe-layout-unit));
    }
    aside section h2.icon-latest {
      padding: 0 0 0 calc(3 * var(--qbe-layout-unit));
    }
    aside section h2.icon-latest:before {
      font-size: calc(2.4 * var(--qbe-layout-unit));
    }
    aside section h2.icon-column {
      padding: 0 0 0 calc(3 * var(--qbe-layout-unit));
    }
    aside section h2.icon-column:before {
      font-size: calc(2.4 * var(--qbe-layout-unit));
    }
    aside section h2.icon-tag {
      padding: 0 0 0 calc(3 * var(--qbe-layout-unit));
    }
    aside section h2.icon-tag:before {
      font-size: calc(2.4 * var(--qbe-layout-unit));
    }
    aside section#aside-search form ul li {
      padding: calc(2.5 * var(--qbe-layout-unit)) 0 0;
    }
    aside section#aside-search form ul li select {
      width: 100%;
      font-size: calc(1 * var(--qbe-layout-unit));
      padding: calc(0.4 * var(--qbe-layout-unit)) calc(0.4 * var(--qbe-layout-unit));
    }
    aside section#aside-search form ul li:before {
      font-size: calc(1.2 * var(--qbe-layout-unit));
    }
  }
  @media (max-width: 959px) {
    aside section {
      margin: 0 0 calc(8 * var(--qbe-layout-unit));
    }
    aside section h2 {
      font-size: calc(8 * var(--qbe-layout-unit));
      padding: 0 0 0 calc(9 * var(--qbe-layout-unit));
      letter-spacing: calc(0.1 * var(--qbe-layout-unit));
      margin: 0 0 calc(5 * var(--qbe-layout-unit));
    }
    aside section h2.icon-search {
      padding: 0 0 0 calc(9 * var(--qbe-layout-unit));
    }
    aside section h2.icon-search:before {
      font-size: calc(8 * var(--qbe-layout-unit));
      top: calc(0.2 * var(--qbe-layout-unit));
    }
    aside section h2.icon-latest {
      padding: 0 0 0 calc(9 * var(--qbe-layout-unit));
    }
    aside section h2.icon-latest:before {
      font-size: calc(8 * var(--qbe-layout-unit));
      top: 0;
    }
    aside section h2.icon-column {
      padding: 0 0 0 calc(9 * var(--qbe-layout-unit));
    }
    aside section h2.icon-column:before {
      font-size: calc(8 * var(--qbe-layout-unit));
    }
    aside section#aside-search form ul {
      margin: 0 0 calc(5 * var(--qbe-layout-unit));
    }
    aside section#aside-search form ul li {
      margin: 0 0 calc(2 * var(--qbe-layout-unit));
    }
    aside section#aside-search form ul li select {
      width: calc(72 * var(--qbe-layout-unit));
      min-height: calc(5 * var(--qbe-layout-unit));
      font-size: calc(1.8 * var(--qbe-layout-unit));
      padding: 0 0 0 calc(1 * var(--qbe-layout-unit));
    }
    aside section#aside-search form ul li:before {
      font-size: calc(2 * var(--qbe-layout-unit));
      padding: calc(0.4 * var(--qbe-layout-unit)) 0 0;
      top: calc(3 * var(--qbe-layout-unit));
    }
  }
  @media (max-width: 559px) {
    aside section h2 {
      font-size: calc(10 * var(--qbe-layout-unit));
    }
    aside section h2.icon-search {
      padding: 0 0 0 calc(13 * var(--qbe-layout-unit));
    }
    aside section h2.icon-search:before {
      font-size: calc(10 * var(--qbe-layout-unit));
    }
    aside section h2.icon-latest {
      padding: 0 0 0 calc(13 * var(--qbe-layout-unit));
    }
    aside section h2.icon-latest:before {
      font-size: calc(10 * var(--qbe-layout-unit));
    }
    aside section h2.icon-column {
      padding: 0 0 0 calc(13 * var(--qbe-layout-unit));
    }
    aside section h2.icon-column:before {
      font-size: calc(10 * var(--qbe-layout-unit));
    }
    aside section h2.icon-tag {
      padding: 0 0 0 calc(13 * var(--qbe-layout-unit));
    }
    aside section h2.icon-tag:before {
      font-size: calc(10 * var(--qbe-layout-unit));
    }
    aside section#aside-search form ul li {
      margin: 0 0 calc(2 * var(--qbe-layout-unit));
      padding: calc(8 * var(--qbe-layout-unit)) 0 calc(2 * var(--qbe-layout-unit));
    }
    aside section#aside-search form ul li select {
      width: 100%;
      font-size: calc(3 * var(--qbe-layout-unit));
      padding: calc(3 * var(--qbe-layout-unit));
    }
    aside section#aside-search form ul li:before {
      padding: 0;
      font-size: calc(3.4 * var(--qbe-layout-unit));
      top: calc(0 * var(--qbe-layout-unit));
    }
  }
  
  footer {
    background: #ffb81f;
    z-index: 1;
    position: relative;
  }
  footer #pagetop {
    position: fixed;
    bottom: calc(1.5625 * var(--qbe-layout-unit));
    right: calc(1.5625 * var(--qbe-layout-unit));
    cursor: pointer;
    transition: 0.3s;
  }
  footer #pagetop:hover {
    bottom: calc(1.8229 * var(--qbe-layout-unit));
  }
  footer .wrap {
    padding: calc(3.125 * var(--qbe-layout-unit));
    width: 100%;
    transition: 0.3s;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  footer .wrap .logo a {
    font-weight: 500;
    font-size: calc(0.7812 * var(--qbe-layout-unit));
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  footer .wrap .logo a span {
    display: block;
    margin: 0 0 0 calc(1.0417 * var(--qbe-layout-unit));
  }
  footer .wrap .logo a:hover {
    top: 0;
  }
  footer .wrap .logo a:hover img {
    top: 0;
  }
  footer .wrap nav ul {
    display: flex;
    justify-content: flex-end;
  }
  footer .wrap nav ul li {
    margin: 0 0 0 calc(2.0833 * var(--qbe-layout-unit));
  }
  footer .wrap nav ul li a {
    display: flex;
  }
  footer .wrap nav ul li a:hover {
    top: 0;
  }
  footer small {
    background: #000;
    text-align: center;
    font-style: normal;
    font-size: calc(0.8333 * var(--qbe-layout-unit));
    font-weight: 900;
    display: block;
    padding: calc(0.8333 * var(--qbe-layout-unit)) 0;
    color: #fff;
    width: 100%;
  }
  @media (max-width: 959px) {
    footer #pagetop {
      width: calc(10 * var(--qbe-layout-unit));
      right: calc(3 * var(--qbe-layout-unit));
      bottom: calc(3 * var(--qbe-layout-unit));
    }
    footer .wrap {
      padding: calc(7 * var(--qbe-layout-unit)) calc(5 * var(--qbe-layout-unit));
    }
    footer .wrap .logo {
      width: 100%;
      margin: 0 0 calc(6 * var(--qbe-layout-unit));
    }
    footer .wrap .logo a {
      justify-content: center;
      flex-wrap: wrap;
    }
    footer .wrap .logo a span {
      margin: calc(2 * var(--qbe-layout-unit)) 0 0;
      width: 100%;
      text-align: center;
      font-size: calc(1.4 * var(--qbe-layout-unit));
    }
    footer .wrap nav {
      width: 100%;
    }
    footer .wrap nav ul {
      justify-content: center;
    }
    footer .wrap nav ul li {
      margin: 0 calc(2 * var(--qbe-layout-unit));
    }
    footer .wrap nav ul li a {
      font-size: calc(2 * var(--qbe-layout-unit));
      padding: 0 calc(0.5 * var(--qbe-layout-unit));
      justify-content: center;
    }
  }
  @media (max-width: 559px) {
    footer .wrap .logo a span {
      font-size: calc(2.4 * var(--qbe-layout-unit));
    }
    footer small {
      padding: calc(3 * var(--qbe-layout-unit)) 0;
      font-size: calc(3 * var(--qbe-layout-unit));
    }
  }
  
  /* -----------------------------------------
  		sub
  ----------------------------------------- */
  #scoring-method {
    background: url("https://quest-book.net/wp/wp-content/themes/questbook.ver.1.5/img/bg02.webp") no-repeat center top/cover;
    padding: calc(5.2083 * var(--qbe-layout-unit)) 0 calc(10.4167 * var(--qbe-layout-unit));
    position: relative;
  }
  #scoring-method .container h2, #scoring-method .container p, #scoring-method .container dt, #scoring-method .container dd {
    color: #fff;
    text-align: center;
  }
  #scoring-method .container h2 {
    font-size: calc(1.875 * var(--qbe-layout-unit));
    letter-spacing: calc(0.0521 * var(--qbe-layout-unit));
    font-weight: 900;
    margin: 0 0 calc(1.5625 * var(--qbe-layout-unit));
  }
  #scoring-method .container h2 + p {
    margin: 0 0 calc(3.6458 * var(--qbe-layout-unit));
    letter-spacing: calc(0.0521 * var(--qbe-layout-unit));
  }
  #scoring-method .container .wrap {
    width: 80%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    padding: calc(2.0833 * var(--qbe-layout-unit));
  }
  #scoring-method .container .wrap dl {
    display: flex;
    justify-content: space-between;
    margin: 0 0 calc(0.5208 * var(--qbe-layout-unit));
  }
  #scoring-method .container .wrap dl dt, #scoring-method .container .wrap dl dd {
    text-align: left;
  }
  #scoring-method .container .wrap dl dt {
    background: #fff;
    color: #000;
    width: calc(11.9792 * var(--qbe-layout-unit));
    margin: 0 calc(1.5625 * var(--qbe-layout-unit)) 0 0;
    display: flex;
    align-items: center;
    font-weight: 500;
    padding: 0 0 0 calc(2.6042 * var(--qbe-layout-unit));
    box-sizing: border-box;
    position: relative;
  }
  #scoring-method .container .wrap dl dt:before {
    content: "star";
    font-family: "Material Icons";
    font-size: calc(1.5625 * var(--qbe-layout-unit));
    color: #ffb81f;
    position: absolute;
    left: calc(0.7292 * var(--qbe-layout-unit));
    top: calc(0.0521 * var(--qbe-layout-unit));
  }
  #scoring-method .container .wrap dl dd {
    border-bottom: 1px solid #4e555e;
    flex: 1;
    width: 100%;
    padding: calc(0.625 * var(--qbe-layout-unit)) 0;
    font-weight: 900;
    letter-spacing: calc(0.0521 * var(--qbe-layout-unit));
  }
  #scoring-method .illust01, #scoring-method .illust02 {
    display: none;
  }
  #scoring-method .illust01 {
    position: absolute;
    left: 0;
    bottom: calc(-10 * var(--qbe-layout-unit));
  }
  #scoring-method .illust02 {
    position: absolute;
    right: 0;
    bottom: calc(-10 * var(--qbe-layout-unit));
  }
  @media (max-width: 959px) {
    #scoring-method {
      padding: calc(10 * var(--qbe-layout-unit)) 0;
    }
    #scoring-method .container h2 {
      font-size: calc(4 * var(--qbe-layout-unit));
    }
    #scoring-method .container h2 + p {
      letter-spacing: 0;
      font-size: calc(1.5 * var(--qbe-layout-unit));
      margin: calc(3 * var(--qbe-layout-unit)) 0 calc(3 * var(--qbe-layout-unit));
    }
    #scoring-method .container .wrap {
      padding: 0 0 calc(3 * var(--qbe-layout-unit));
      box-sizing: border-box;
      width: 100%;
      background: rgba(0, 0, 0, 0.8);
    }
    #scoring-method .container .wrap dl {
      flex-wrap: wrap;
      padding: calc(2 * var(--qbe-layout-unit)) calc(2 * var(--qbe-layout-unit)) calc(1 * var(--qbe-layout-unit));
      border: none;
    }
    #scoring-method .container .wrap dl dt {
      width: 100%;
      margin: 0;
      padding: calc(1 * var(--qbe-layout-unit)) calc(2 * var(--qbe-layout-unit)) calc(1 * var(--qbe-layout-unit)) calc(5 * var(--qbe-layout-unit));
      font-weight: 900;
      font-size: calc(1.6 * var(--qbe-layout-unit));
    }
    #scoring-method .container .wrap dl dt:before {
      font-size: calc(3 * var(--qbe-layout-unit));
      top: 0;
      left: calc(1.2 * var(--qbe-layout-unit));
    }
    #scoring-method .container .wrap dl dd {
      border: none;
      padding: calc(2 * var(--qbe-layout-unit)) calc(3 * var(--qbe-layout-unit)) 0 calc(5 * var(--qbe-layout-unit));
      font-weight: 500;
      font-size: calc(1.4 * var(--qbe-layout-unit));
    }
    #scoring-method .illust01 {
      width: calc(82 * var(--qbe-layout-unit));
    }
    #scoring-method .illust02 {
      width: calc(39 * var(--qbe-layout-unit));
      right: 0;
    }
  }
  @media (max-width: 559px) {
    #scoring-method .container h2 {
      font-size: calc(6 * var(--qbe-layout-unit));
    }
    #scoring-method .container h2 + p {
      font-size: calc(2.4 * var(--qbe-layout-unit));
    }
    #scoring-method .container .wrap dl dt {
      font-size: calc(3 * var(--qbe-layout-unit));
      padding: calc(1 * var(--qbe-layout-unit)) calc(2 * var(--qbe-layout-unit)) calc(1 * var(--qbe-layout-unit)) calc(7 * var(--qbe-layout-unit));
    }
    #scoring-method .container .wrap dl dt:before {
      font-size: calc(4 * var(--qbe-layout-unit));
      top: calc(0.2 * var(--qbe-layout-unit));
      left: calc(2 * var(--qbe-layout-unit));
    }
    #scoring-method .container .wrap dl dd {
      font-size: calc(2.4 * var(--qbe-layout-unit));
    }
  }
  
  .single-review article {
    background: #fff;
    margin: 0 0 calc(4.1667 * var(--qbe-layout-unit));
    padding: calc(2.0833 * var(--qbe-layout-unit)) calc(2.6042 * var(--qbe-layout-unit)) calc(9.375 * var(--qbe-layout-unit));
    box-sizing: border-box;
    position: relative;
  }
  .single-review article .addtoany_shortcode {
    position: absolute;
    right: calc(2.0833 * var(--qbe-layout-unit));
  }
  .single-review article .addtoany_shortcode:last-of-type {
    width: 100%;
    text-align: center;
    right: auto;
    left: 0;
    padding: calc(1.5625 * var(--qbe-layout-unit)) 0;
    bottom: calc(0.5208 * var(--qbe-layout-unit));
  }
  .single-review article h1, .single-review article h2, .single-review article h3, .single-review article h4, .single-review article p, .single-review article li, .single-review article a, .single-review article dt, .single-review article dd, .single-review article td, .single-review article th {
    letter-spacing: calc(0.0521 * var(--qbe-layout-unit));
  }
  .single-review article .title {
    margin: 0 0 calc(1.5625 * var(--qbe-layout-unit));
  }
  .single-review article .title .maker {
    margin: 0 0 calc(0.2604 * var(--qbe-layout-unit));
  }
  .single-review article .title .maker li a {
    color: #868686;
    font-size: calc(0.625 * var(--qbe-layout-unit));
  }
  .single-review article .title h1 {
    font-size: calc(1.5625 * var(--qbe-layout-unit));
    font-weight: 900;
    letter-spacing: calc(0.0781 * var(--qbe-layout-unit));
    margin: 0 0 calc(1.0417 * var(--qbe-layout-unit));
  }
  .single-review article .title h1 span {
    font-size: calc(0.9375 * var(--qbe-layout-unit));
  }
  .single-review article .title .platform {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .single-review article .title .platform li {
    margin: 0 calc(0.2604 * var(--qbe-layout-unit)) 0 0;
  }
  .single-review article .title .platform li a {
    background: #333;
    color: #fff;
    font-size: calc(0.625 * var(--qbe-layout-unit));
    font-weight: 900;
    letter-spacing: calc(0.0521 * var(--qbe-layout-unit));
    padding: 0 calc(0.5208 * var(--qbe-layout-unit)) calc(0.1042 * var(--qbe-layout-unit));
    position: relative;
  }
  .single-review article .title .platform li.steam a {
    background: #171d25;
  }
  .single-review article .title .platform li.ps5 a, .single-review article .title .platform li.ps4 a, .single-review article .title .platform li.ps3 a, .single-review article .title .platform li.ps2 a, .single-review article .title .platform li.ps1 a, .single-review article .title .platform li.psvita a, .single-review article .title .platform li.psp a {
    background: #0070cc;
  }
  .single-review article .title .platform li.switch a, .single-review article .title .platform li.ds3 a, .single-review article .title .platform li.ds a {
    background: #e60012;
  }
  .single-review article .title .platform li.android a, .single-review article .title .platform li.ios a {
    background: #454545;
  }
  .single-review article .mainimg {
    line-height: 0;
  }
  .single-review article .maincopy {
    background: #ffb81f;
    padding: calc(1.4583 * var(--qbe-layout-unit)) calc(1.5625 * var(--qbe-layout-unit)) calc(1.5625 * var(--qbe-layout-unit));
    text-align: center;
    font-size: calc(1.3542 * var(--qbe-layout-unit));
    font-weight: 900;
    line-height: 1.8;
  }
  .single-review article .game-detail {
    background: #000 url("https://quest-book.net/wp/wp-content/themes/questbook.ver.1.5/img/bg03.png") no-repeat center bottom/100% auto;
    color: #fff;
    padding: 0 0 calc(3.125 * var(--qbe-layout-unit));
  }
  .single-review article .game-detail .pointBox {
    display: flex;
    justify-content: space-between;
    padding: calc(2.0833 * var(--qbe-layout-unit)) calc(3.125 * var(--qbe-layout-unit));
  }
  .single-review article .game-detail .pointBox .point {
    width: calc(9.8958 * var(--qbe-layout-unit));
    margin: 0 calc(2.6042 * var(--qbe-layout-unit)) 0 0;
  }
  .single-review article .game-detail .pointBox .point dl {
    background: url("https://quest-book.net/wp/wp-content/themes/questbook.ver.1.5/img/point-bg.webp") no-repeat center top/100% auto;
    min-height: calc(11.4062 * var(--qbe-layout-unit));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .single-review article .game-detail .pointBox .point dl dt, .single-review article .game-detail .pointBox .point dl dd {
    text-align: center;
    font-weight: 900;
  }
  .single-review article .game-detail .pointBox .point dl dt {
    font-size: calc(4.4792 * var(--qbe-layout-unit));
    color: #b30c0d;
    line-height: 1;
  }
  .single-review article .game-detail .pointBox .point dl dd {
    font-size: calc(0.9375 * var(--qbe-layout-unit));
    color: #000;
  }
  .single-review article .game-detail .pointBox .point-detail {
    flex: 1;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .single-review article .game-detail .pointBox .point-detail table {
    width: 50%;
    box-sizing: border-box;
  }
  .single-review article .game-detail .pointBox .point-detail table tr td {
    text-align: right;
    font-size: calc(0.625 * var(--qbe-layout-unit));
    letter-spacing: 0;
  }
  .single-review article .game-detail .pointBox .point-detail table tr td span {
    color: #b30c0d;
    font-size: calc(0.9375 * var(--qbe-layout-unit));
    font-weight: 700;
    position: relative;
    top: calc(-0.1042 * var(--qbe-layout-unit));
  }
  .single-review article .game-detail .pointBox .point-detail p {
    width: 100%;
    margin: calc(0.5208 * var(--qbe-layout-unit)) 0 0;
  }
  .single-review article .game-detail .goodpoint {
    display: flex;
    justify-content: space-between;
    padding: 0 calc(3.125 * var(--qbe-layout-unit));
    margin: 0 0 calc(2.0833 * var(--qbe-layout-unit));
  }
  .single-review article .game-detail .goodpoint .img {
    order: 2;
    flex: 1;
    width: 100%;
  }
  .single-review article .game-detail .goodpoint .img img {
    border: 5px solid #fff;
  }
  .single-review article .game-detail .goodpoint .text {
    width: calc(20.8333 * var(--qbe-layout-unit));
    margin: 0 calc(2.6042 * var(--qbe-layout-unit)) 0 0;
  }
  .single-review article .game-detail .goodpoint .text h2 span {
    color: #fff;
    font-size: calc(0.9375 * var(--qbe-layout-unit));
    font-weight: 900;
    border-bottom: 1px solid #fff;
    padding: 0 0 calc(1.25 * var(--qbe-layout-unit));
    margin: 0 0 calc(0.8854 * var(--qbe-layout-unit));
    display: block;
    line-height: 1.6;
  }
  .single-review article .game-detail .goodpoint .text h2 strong {
    font-size: calc(3.6458 * var(--qbe-layout-unit));
    color: #ffb81f;
    font-weight: 900;
    display: inline-block;
    margin: 0 0 calc(0.5208 * var(--qbe-layout-unit));
    position: relative;
  }
  .single-review article .game-detail .goodpoint .text h2 strong:after {
    position: absolute;
    right: calc(-3.125 * var(--qbe-layout-unit));
    top: calc(0.8333 * var(--qbe-layout-unit));
    font-family: "Material Icons";
    font-size: calc(2.0833 * var(--qbe-layout-unit));
    color: #ffb81f;
    content: "thumb_up_alt";
  }
  .single-review article .game-detail .goodpoint .text ul li {
    position: relative;
    padding: calc(0.2083 * var(--qbe-layout-unit)) 0 calc(0.2083 * var(--qbe-layout-unit)) calc(0.9375 * var(--qbe-layout-unit));
  }
  .single-review article .game-detail .goodpoint .text ul li strong {
    color: #ffb81f;
  }
  .single-review article .game-detail .goodpoint .text ul li:before {
    position: absolute;
    content: "";
    background: #ffb81f;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    left: 0;
    top: calc(0.8333 * var(--qbe-layout-unit));
  }
  .single-review article .game-detail .badpoint {
    display: flex;
    justify-content: space-between;
    padding: 0 calc(3.125 * var(--qbe-layout-unit));
  }
  .single-review article .game-detail .badpoint .img {
    order: 1;
    flex: 1;
    width: 100%;
  }
  .single-review article .game-detail .badpoint .img img {
    border: 5px solid #fff;
  }
  .single-review article .game-detail .badpoint .text {
    width: calc(20.8333 * var(--qbe-layout-unit));
    margin: 0 0 0 calc(2.6042 * var(--qbe-layout-unit));
    order: 2;
  }
  .single-review article .game-detail .badpoint .text h2 span {
    color: #fff;
    font-size: calc(0.9375 * var(--qbe-layout-unit));
    font-weight: 900;
    border-bottom: 1px solid #fff;
    padding: 0 0 calc(1.25 * var(--qbe-layout-unit));
    margin: 0 0 calc(0.8854 * var(--qbe-layout-unit));
    display: block;
    line-height: 1.6;
  }
  .single-review article .game-detail .badpoint .text h2 strong {
    font-size: calc(3.6458 * var(--qbe-layout-unit));
    color: #15a7e9;
    font-weight: 900;
    display: inline-block;
    margin: 0 0 calc(0.5208 * var(--qbe-layout-unit));
    position: relative;
  }
  .single-review article .game-detail .badpoint .text h2 strong:after {
    position: absolute;
    right: calc(-3.125 * var(--qbe-layout-unit));
    top: calc(0.8333 * var(--qbe-layout-unit));
    font-family: "Material Icons";
    font-size: calc(2.0833 * var(--qbe-layout-unit));
    color: #15a7e9;
    content: "thumb_down_alt";
  }
  .single-review article .game-detail .badpoint .text ul li {
    position: relative;
    padding: calc(0.2083 * var(--qbe-layout-unit)) 0 calc(0.2083 * var(--qbe-layout-unit)) calc(0.9375 * var(--qbe-layout-unit));
  }
  .single-review article .game-detail .badpoint .text ul li strong {
    color: #15a7e9;
  }
  .single-review article .game-detail .badpoint .text ul li:before {
    position: absolute;
    content: "";
    background: #15a7e9;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    left: 0;
    top: calc(0.8333 * var(--qbe-layout-unit));
  }
  .single-review article .coop-point {
    background: #ffb81f;
    padding: calc(3.125 * var(--qbe-layout-unit));
    position: relative;
    margin: 0 0 calc(3.125 * var(--qbe-layout-unit));
  }
  .single-review article .coop-point h2 {
    font-size: calc(1.5625 * var(--qbe-layout-unit));
    font-weight: 900;
    margin: 0 0 calc(2.0833 * var(--qbe-layout-unit));
    position: relative;
    z-index: 1;
    padding: 0 calc(16.1458 * var(--qbe-layout-unit)) 0 0;
    line-height: 1.5;
  }
  .single-review article .coop-point h2 span {
    font-size: calc(4.4271 * var(--qbe-layout-unit));
    color: #b30c0d;
    font-weight: 900;
    display: block;
    margin: 0 0 calc(0.5208 * var(--qbe-layout-unit)) calc(-0.2083 * var(--qbe-layout-unit));
    line-height: 1;
  }
  .single-review article .coop-point ul li {
    background: #fff;
    margin: 0 0 calc(0.6771 * var(--qbe-layout-unit));
    font-size: calc(1.0417 * var(--qbe-layout-unit));
    padding: calc(0.2604 * var(--qbe-layout-unit)) calc(1.0417 * var(--qbe-layout-unit)) calc(0.4167 * var(--qbe-layout-unit)) calc(3.6458 * var(--qbe-layout-unit));
    position: relative;
  }
  .single-review article .coop-point ul li:before {
    position: absolute;
    left: calc(0.7812 * var(--qbe-layout-unit));
    top: calc(-0.3646 * var(--qbe-layout-unit));
    font-family: "Raleway", sans-serif;
    color: #b30c0d;
    font-size: calc(1.7708 * var(--qbe-layout-unit));
    font-weight: 700;
  }
  .single-review article .coop-point ul li:nth-of-type(1):before {
    content: "01";
  }
  .single-review article .coop-point ul li:nth-of-type(2):before {
    content: "02";
  }
  .single-review article .coop-point ul li:nth-of-type(3):before {
    content: "03";
  }
  .single-review article .coop-point ul li:nth-of-type(4):before {
    content: "04";
  }
  .single-review article .coop-point ul li:nth-of-type(5):before {
    content: "05";
  }
  .single-review article .coop-point ul li:last-of-type {
    margin-bottom: 0;
  }
  .single-review article .coop-point .illust {
    position: absolute;
    right: calc(1.3021 * var(--qbe-layout-unit));
    top: calc(-3.6458 * var(--qbe-layout-unit));
  }
  .single-review article .intro {
    margin: 0 0 calc(4.1667 * var(--qbe-layout-unit));
  }
  .single-review article .intro .wrap {
    display: flex;
    justify-content: space-between;
    margin: 0 0 calc(2.6042 * var(--qbe-layout-unit));
  }
  .single-review article .intro .wrap .img {
    width: 48%;
    margin: 0 4% 0 0;
    order: 1;
  }
  .single-review article .intro .wrap .text {
    flex: 1;
    width: 100%;
    order: 2;
    min-width: calc(18.75 * var(--qbe-layout-unit));
  }
  .single-review article .intro .wrap .text h2 {
    display: inline;
    font-size: calc(1.25 * var(--qbe-layout-unit));
    line-height: 1.8;
    background: #ffb81f;
  }
  .single-review article .intro .wrap .text h2 + p {
    margin: calc(0.5208 * var(--qbe-layout-unit)) 0 0;
  }
  .single-review article .intro .wrap:nth-of-type(2n) .img {
    order: 2;
    margin: 0 0 0 4%;
  }
  .single-review article .intro .wrap:nth-of-type(2n) .text {
    order: 1;
  }
  .single-review article .intro .wrap:last-of-type {
    margin-bottom: 0;
  }
  .single-review article .score-details {
    position: relative;
  }
  .single-review article .score-details h2 {
    font-size: calc(1.5625 * var(--qbe-layout-unit));
    font-weight: 900;
    margin: 0 0 calc(2.6042 * var(--qbe-layout-unit));
    position: relative;
    z-index: 1;
  }
  .single-review article .score-details h2 span {
    font-size: calc(4.4271 * var(--qbe-layout-unit));
    color: #b30c0d;
    font-weight: 900;
    display: block;
    margin: 0 0 calc(0.5208 * var(--qbe-layout-unit)) calc(-0.2083 * var(--qbe-layout-unit));
  }
  .single-review article .score-details .wrap {
    display: flex;
    justify-content: space-between;
    margin: 0 0 calc(2.0833 * var(--qbe-layout-unit));
  }
  .single-review article .score-details .wrap section {
    background: #2048a4;
    width: 50%;
    padding: calc(1.5625 * var(--qbe-layout-unit));
  }
  .single-review article .score-details .wrap section .profile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 calc(1.25 * var(--qbe-layout-unit));
    position: relative;
  }
  .single-review article .score-details .wrap section .profile h2 {
    font-size: calc(1.875 * var(--qbe-layout-unit));
    color: #fff;
    margin: calc(-0.3125 * var(--qbe-layout-unit)) auto 0 calc(1.0417 * var(--qbe-layout-unit));
  }
  .single-review article .score-details .wrap section .profile h2 span {
    font-size: calc(0.8333 * var(--qbe-layout-unit));
    color: #fff;
    font-weight: 500;
    margin: 0 0 calc(0.5208 * var(--qbe-layout-unit));
  }
  .single-review article .score-details .wrap section .profile .score {
    background: url("https://quest-book.net/wp/wp-content/themes/questbook.ver.1.5/img/point-bg.webp") no-repeat center top/100% auto;
    width: calc(3.75 * var(--qbe-layout-unit));
    font-size: calc(1.7708 * var(--qbe-layout-unit));
    color: #b30c0d;
    font-weight: 900;
    text-align: center;
    min-height: calc(4.1667 * var(--qbe-layout-unit));
    box-sizing: border-box;
    padding: calc(0.3125 * var(--qbe-layout-unit)) 0 0;
    letter-spacing: 0;
    position: absolute;
    right: 0;
  }
  .single-review article .score-details .wrap section .score-detail .inner {
    margin: 0 0 calc(1.0417 * var(--qbe-layout-unit));
  }
  .single-review article .score-details .wrap section .score-detail .inner dl {
    display: flex;
    justify-content: space-between;
    margin: 0 0 calc(0.2083 * var(--qbe-layout-unit));
  }
  .single-review article .score-details .wrap section .score-detail .inner dl dt, .single-review article .score-details .wrap section .score-detail .inner dl dd {
    background: #fff;
    font-size: calc(0.7292 * var(--qbe-layout-unit));
    padding: calc(0.1562 * var(--qbe-layout-unit)) calc(0.5208 * var(--qbe-layout-unit)) calc(0.2604 * var(--qbe-layout-unit));
  }
  .single-review article .score-details .wrap section .score-detail .inner dl dt {
    width: 82%;
    margin-right: calc(0.5208 * var(--qbe-layout-unit));
  }
  .single-review article .score-details .wrap section .score-detail .inner dl dd {
    flex: 1;
    width: 100%;
    text-align: right;
    letter-spacing: 0;
  }
  .single-review article .score-details .wrap section .score-detail .inner dl dd strong {
    color: #b30c0d;
  }
  .single-review article .score-details .wrap section .score-detail .inner p {
    color: #fff;
    font-size: calc(0.7292 * var(--qbe-layout-unit));
  }
  .single-review article .score-details .wrap section:nth-of-type(2) {
    background: #0381a6;
  }
  .single-review article .score-details .illust {
    position: absolute;
    right: 1%;
    top: calc(-6 * var(--qbe-layout-unit));
    width: 29%;
    z-index: 0;
  }
  @media (max-width: 1300px) {
    .single-review article {
      padding: calc(2.0833 * var(--qbe-layout-unit)) calc(1.5625 * var(--qbe-layout-unit)) calc(10.1667 * var(--qbe-layout-unit));
    }
    .single-review article .table-common01 tr th, .single-review article .table-common01 tr td {
      font-size: calc(0.7292 * var(--qbe-layout-unit));
      letter-spacing: calc(0.0521 * var(--qbe-layout-unit));
      padding: calc(0.1042 * var(--qbe-layout-unit)) calc(0.5208 * var(--qbe-layout-unit));
    }
    .single-review article .maincopy {
      font-size: calc(1.1458 * var(--qbe-layout-unit));
      line-height: 1.6;
    }
    .single-review article .game-detail .pointBox {
      padding: calc(2.0833 * var(--qbe-layout-unit)) calc(1.5625 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .pointBox .point {
      width: calc(8.3333 * var(--qbe-layout-unit));
      margin: 0 calc(1.5625 * var(--qbe-layout-unit)) 0 0;
    }
    .single-review article .game-detail .pointBox .point dl {
      min-height: calc(9.3229 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .pointBox .point dl dt {
      font-size: calc(3.9583 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .pointBox .point dl dd {
      font-size: calc(0.8333 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .pointBox .point p {
      font-size: calc(0.7292 * var(--qbe-layout-unit));
      margin: calc(0.5208 * var(--qbe-layout-unit)) 0 0;
    }
    .single-review article .game-detail .pointBox .point-detail table tr td span {
      font-size: calc(0.8333 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .goodpoint {
      padding: 0 calc(2.0833 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .goodpoint .text {
      width: calc(18.75 * var(--qbe-layout-unit));
      margin: 0 calc(2.0833 * var(--qbe-layout-unit)) 0 0;
    }
    .single-review article .game-detail .badpoint {
      padding: 0 calc(2.0833 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .badpoint .text {
      width: calc(18.75 * var(--qbe-layout-unit));
      margin: 0 0 0 calc(2.0833 * var(--qbe-layout-unit));
    }
    .single-review article .coop-point {
      padding: calc(2.0833 * var(--qbe-layout-unit));
    }
    .single-review article .coop-point h2 {
      font-size: calc(1.5 * var(--qbe-layout-unit));
    }
    .single-review article .coop-point h2 span {
      font-size: calc(7 * var(--qbe-layout-unit));
    }
    .single-review article .coop-point .illust {
      width: calc(14.5833 * var(--qbe-layout-unit));
      top: calc(1.0417 * var(--qbe-layout-unit));
    }
    .single-review article .score-details h2 {
      width: 67%;
      font-size: calc(1.0417 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .wrap section {
      padding: calc(1.0417 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .wrap section .profile h2 {
      font-size: calc(1.5625 * var(--qbe-layout-unit));
      margin: calc(-0.3125 * var(--qbe-layout-unit)) auto 0 calc(0.5208 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .wrap section .profile .score {
      width: calc(3.125 * var(--qbe-layout-unit));
      font-size: calc(1.5625 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .illust {
      width: calc(24 * var(--qbe-layout-unit));
      top: calc(-3 * var(--qbe-layout-unit));
    }
  }
  @media (max-width: 959px) {
    .single-review article {
      padding: calc(2.0833 * var(--qbe-layout-unit)) calc(1.5625 * var(--qbe-layout-unit)) calc(13.1667 * var(--qbe-layout-unit));
    }
    .single-review article .table-common01 tr th, .single-review article .table-common01 tr td {
      font-size: calc(1.3 * var(--qbe-layout-unit));
    }
    .single-review article .title {
      padding: calc(2 * var(--qbe-layout-unit)) 0 calc(1 * var(--qbe-layout-unit));
      margin: calc(2 * var(--qbe-layout-unit)) 0 calc(2 * var(--qbe-layout-unit));
    }
    .single-review article .title .maker {
      margin: 0;
    }
    .single-review article .title .maker li {
      line-height: 1.6;
    }
    .single-review article .title .maker li a {
      font-size: calc(1.2 * var(--qbe-layout-unit));
      margin: 0 0 calc(0.6 * var(--qbe-layout-unit));
    }
    .single-review article .title h1 {
      line-height: 1.4;
      font-size: calc(2.4 * var(--qbe-layout-unit));
    }
    .single-review article .title h1 span {
      font-size: calc(1.4 * var(--qbe-layout-unit));
    }
    .single-review article .title .platform li a {
      font-size: calc(1.4 * var(--qbe-layout-unit));
    }
    .single-review article .maincopy {
      font-size: calc(2.2 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail {
      padding: calc(1 * var(--qbe-layout-unit)) calc(3 * var(--qbe-layout-unit)) calc(10 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .pointBox .point {
      width: calc(14 * var(--qbe-layout-unit));
      margin: 0 calc(3 * var(--qbe-layout-unit)) 0 0;
    }
    .single-review article .game-detail .pointBox .point dl {
      min-height: calc(16 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .pointBox .point dl dt {
      font-size: calc(7 * var(--qbe-layout-unit));
      margin: 0 0 calc(1 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .pointBox .point dl dd {
      font-size: calc(1.4 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .pointBox .point p {
      font-size: calc(1.2 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .pointBox .point-detail table tr td {
      font-size: calc(1.2 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .pointBox .point-detail table tr td span {
      font-size: calc(1.2 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .goodpoint .text {
      width: calc(42 * var(--qbe-layout-unit));
      margin: 0 calc(4 * var(--qbe-layout-unit)) 0 0;
    }
    .single-review article .game-detail .goodpoint .text h2 span {
      font-size: calc(1.4 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .goodpoint .text h2 strong {
      font-size: calc(5 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .goodpoint .text h2 strong:after {
      right: calc(-4.125 * var(--qbe-layout-unit));
      font-size: calc(3 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .goodpoint .text ul li {
      padding: calc(0.2083 * var(--qbe-layout-unit)) 0 calc(0.2083 * var(--qbe-layout-unit)) calc(1.5 * var(--qbe-layout-unit));
      font-size: calc(1.4 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .goodpoint .text ul li:before {
      top: calc(1.3 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .badpoint .text {
      width: calc(42 * var(--qbe-layout-unit));
      margin: 0 0 0 calc(4 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .badpoint .text h2 span {
      font-size: calc(1.4 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .badpoint .text h2 strong {
      font-size: calc(5 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .badpoint .text h2 strong:after {
      right: calc(-4.125 * var(--qbe-layout-unit));
      font-size: calc(3 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .badpoint .text ul li {
      padding: calc(0.2083 * var(--qbe-layout-unit)) 0 calc(0.2083 * var(--qbe-layout-unit)) calc(1.5 * var(--qbe-layout-unit));
      font-size: calc(1.4 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .badpoint .text ul li:before {
      top: calc(1.3 * var(--qbe-layout-unit));
    }
    .single-review article .coop-point {
      padding: calc(3 * var(--qbe-layout-unit));
    }
    .single-review article .coop-point ul li {
      font-size: calc(1.6 * var(--qbe-layout-unit));
      padding: calc(1 * var(--qbe-layout-unit)) calc(2 * var(--qbe-layout-unit)) calc(1 * var(--qbe-layout-unit)) calc(5 * var(--qbe-layout-unit));
    }
    .single-review article .coop-point ul li:before {
      font-size: calc(3 * var(--qbe-layout-unit));
    }
    .single-review article .coop-point .illust {
      width: calc(24 * var(--qbe-layout-unit));
      top: calc(-4 * var(--qbe-layout-unit));
    }
    .single-review article .intro .wrap .text h2 {
      font-size: calc(2 * var(--qbe-layout-unit));
    }
    .single-review article .intro .wrap .text h2 + p {
      font-size: calc(1.4 * var(--qbe-layout-unit));
    }
    .single-review article .score-details h2 {
      font-size: calc(1.6 * var(--qbe-layout-unit));
      line-height: 1.6;
    }
    .single-review article .score-details h2 span {
      line-height: 1;
    }
    .single-review article .score-details .wrap section .profile h2 {
      margin: calc(1 * var(--qbe-layout-unit)) auto 0 calc(1.5208 * var(--qbe-layout-unit));
      font-size: calc(3 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .wrap section .profile h2 span {
      font-size: calc(1.2 * var(--qbe-layout-unit));
      margin: 0;
    }
    .single-review article .score-details .wrap section .profile .score {
      width: calc(7.125 * var(--qbe-layout-unit));
      font-size: calc(3.5625 * var(--qbe-layout-unit));
      height: calc(8 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .wrap section .score-detail .inner {
      margin: 0 0 calc(2 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .wrap section .score-detail .inner dl {
      margin: 0 0 calc(1 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .wrap section .score-detail .inner dl dt {
      font-size: calc(1.6 * var(--qbe-layout-unit));
      padding: calc(0.5 * var(--qbe-layout-unit)) 0 calc(0.5 * var(--qbe-layout-unit)) calc(1 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .wrap section .score-detail .inner dl dd {
      font-size: calc(1.6 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .wrap section .score-detail .inner p {
      font-size: calc(1.4 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .illust {
      top: calc(-11 * var(--qbe-layout-unit));
    }
  }
  @media (max-width: 559px) {
    .single-review article {
      padding: calc(19 * var(--qbe-layout-unit)) calc(3 * var(--qbe-layout-unit)) calc(40 * var(--qbe-layout-unit));
    }
    .single-review article .addtoany_shortcode {
      width: 100%;
      text-align: center;
      right: auto;
      left: 0;
      padding: calc(8 * var(--qbe-layout-unit)) 0;
      top: 0;
    }
    .single-review article .addtoany_shortcode:last-of-type {
      bottom: calc(2.6667 * var(--qbe-layout-unit));
      top: auto;
    }
    .single-review article .table-common01 tr th, .single-review article .table-common01 tr td {
      font-size: calc(2.6 * var(--qbe-layout-unit));
      padding: calc(1.2 * var(--qbe-layout-unit)) calc(2 * var(--qbe-layout-unit)) calc(1 * var(--qbe-layout-unit));
    }
    .single-review article .title {
      margin: 0 0 calc(4 * var(--qbe-layout-unit));
    }
    .single-review article .title .maker li a {
      font-size: calc(3 * var(--qbe-layout-unit));
    }
    .single-review article .title h1 {
      font-size: calc(4.2 * var(--qbe-layout-unit));
      letter-spacing: 0;
    }
    .single-review article .title h1 span {
      font-size: calc(3 * var(--qbe-layout-unit));
      display: block;
    }
    .single-review article .title .platform li a {
      font-size: calc(2.4 * var(--qbe-layout-unit));
    }
    .single-review article .maincopy {
      font-size: calc(4 * var(--qbe-layout-unit));
      padding: calc(4 * var(--qbe-layout-unit)) calc(5 * var(--qbe-layout-unit));
      text-align: left;
    }
    .single-review article .game-detail {
      padding: calc(1 * var(--qbe-layout-unit)) calc(3 * var(--qbe-layout-unit)) calc(29 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .pointBox {
      padding: calc(6 * var(--qbe-layout-unit)) calc(0 * var(--qbe-layout-unit));
      flex-wrap: wrap;
    }
    .single-review article .game-detail .pointBox .point {
      margin: 0 auto calc(5.3333 * var(--qbe-layout-unit));
      width: 100%;
    }
    .single-review article .game-detail .pointBox .point dl {
      width: calc(28 * var(--qbe-layout-unit));
      margin: 0 auto;
      min-height: calc(32 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .pointBox .point dl dt {
      font-size: calc(14 * var(--qbe-layout-unit));
      margin: 0 0 calc(2 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .pointBox .point dl dd {
      font-size: calc(2.4 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .pointBox .point p {
      text-align: center;
      font-size: calc(3 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .pointBox .point-detail {
      flex: auto;
    }
    .single-review article .game-detail .pointBox .point-detail table {
      width: 100%;
    }
    .single-review article .game-detail .pointBox .point-detail table tr td {
      font-size: calc(2.6 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .pointBox .point-detail table tr td span {
      font-size: calc(2.6 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .goodpoint {
      padding: 0;
      margin: 0 0 calc(7 * var(--qbe-layout-unit));
      flex-wrap: wrap;
    }
    .single-review article .game-detail .goodpoint .img {
      width: 100%;
      order: 1;
      margin: 0 0 calc(3 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .goodpoint .img img {
      box-sizing: border-box;
    }
    .single-review article .game-detail .goodpoint .text {
      order: 2;
      margin: 0;
      width: 100%;
    }
    .single-review article .game-detail .goodpoint .text h2 span {
      font-size: calc(3 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .goodpoint .text h2 strong {
      font-size: calc(10 * var(--qbe-layout-unit));
      margin: 0 0 calc(2 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .goodpoint .text h2 strong:after {
      font-size: calc(6 * var(--qbe-layout-unit));
      right: calc(-8 * var(--qbe-layout-unit));
      top: calc(3 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .goodpoint .text ul {
      margin: calc(2 * var(--qbe-layout-unit)) 0 calc(1 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .goodpoint .text ul li {
      font-size: calc(3 * var(--qbe-layout-unit));
      padding: 0 0 0 calc(3 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .goodpoint .text ul li:before {
      width: calc(1 * var(--qbe-layout-unit));
      height: calc(1 * var(--qbe-layout-unit));
      top: calc(2.2 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .badpoint {
      padding: 0;
      flex-wrap: wrap;
    }
    .single-review article .game-detail .badpoint .img {
      width: 100%;
      order: 1;
      margin: 0 0 calc(3 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .badpoint .img img {
      box-sizing: border-box;
    }
    .single-review article .game-detail .badpoint .text {
      width: 100%;
      order: 2;
      margin: 0;
    }
    .single-review article .game-detail .badpoint .text h2 span {
      font-size: calc(3 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .badpoint .text h2 strong {
      font-size: calc(10 * var(--qbe-layout-unit));
      margin: 0 0 calc(2 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .badpoint .text h2 strong:after {
      font-size: calc(6 * var(--qbe-layout-unit));
      right: calc(-8 * var(--qbe-layout-unit));
      top: calc(3 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .badpoint .text ul {
      margin: calc(2 * var(--qbe-layout-unit)) 0 calc(1 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .badpoint .text ul li {
      font-size: calc(3 * var(--qbe-layout-unit));
      padding: 0 0 0 calc(3 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .badpoint .text ul li:before {
      width: calc(1 * var(--qbe-layout-unit));
      height: calc(1 * var(--qbe-layout-unit));
      top: calc(2.2 * var(--qbe-layout-unit));
    }
    .single-review article .coop-point {
      padding: calc(12 * var(--qbe-layout-unit)) calc(3 * var(--qbe-layout-unit)) calc(3 * var(--qbe-layout-unit));
      margin: 0 0 calc(10 * var(--qbe-layout-unit));
    }
    .single-review article .coop-point h2 {
      padding: 0;
      width: 100%;
      margin: 0 0 calc(5 * var(--qbe-layout-unit));
      text-align: center;
      font-size: calc(3.2 * var(--qbe-layout-unit));
    }
    .single-review article .coop-point h2 span {
      font-size: calc(10 * var(--qbe-layout-unit));
      letter-spacing: calc(0.2 * var(--qbe-layout-unit));
      margin: calc(9 * var(--qbe-layout-unit)) 0 calc(2 * var(--qbe-layout-unit));
    }
    .single-review article .coop-point ul li {
      line-height: 1.4;
      min-height: calc(13.3333 * var(--qbe-layout-unit));
      display: flex;
      align-items: center;
      padding: calc(2 * var(--qbe-layout-unit)) calc(4 * var(--qbe-layout-unit)) calc(2 * var(--qbe-layout-unit)) calc(15 * var(--qbe-layout-unit));
      font-size: calc(3.2 * var(--qbe-layout-unit));
      margin: 0 0 calc(2 * var(--qbe-layout-unit));
    }
    .single-review article .coop-point ul li:before {
      font-size: calc(7 * var(--qbe-layout-unit));
      background-color: #b30c0d;
      color: #fff;
      left: 0;
      top: 0;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 calc(2 * var(--qbe-layout-unit)) calc(1 * var(--qbe-layout-unit));
      box-sizing: border-box;
    }
    .single-review article .coop-point .illust {
      top: calc(-20 * var(--qbe-layout-unit));
      left: calc(22 * var(--qbe-layout-unit));
      width: calc(45 * var(--qbe-layout-unit));
    }
    .single-review article .intro .wrap {
      flex-wrap: wrap;
      margin: 0 0 calc(8 * var(--qbe-layout-unit));
    }
    .single-review article .intro .wrap .img {
      width: 100%;
      margin: 0 0 calc(3 * var(--qbe-layout-unit));
      order: 1;
    }
    .single-review article .intro .wrap .text {
      order: 2;
      width: 100%;
      margin: 0;
      min-width: auto;
    }
    .single-review article .intro .wrap .text h2 {
      font-size: calc(4 * var(--qbe-layout-unit));
    }
    .single-review article .intro .wrap .text h2 + p {
      font-size: calc(3 * var(--qbe-layout-unit));
    }
    .single-review article .intro .wrap:nth-of-type(2n) .img {
      width: 100%;
      margin: 0 0 calc(4 * var(--qbe-layout-unit));
      order: 1;
    }
    .single-review article .intro .wrap:nth-of-type(2n) .text {
      order: 2;
      margin: 0;
    }
    .single-review article .score-details h2 {
      width: 100%;
      text-align: center;
      font-size: calc(3 * var(--qbe-layout-unit));
      padding: calc(30 * var(--qbe-layout-unit)) 0 0;
      margin: 0 0 calc(6 * var(--qbe-layout-unit));
    }
    .single-review article .score-details h2 span {
      font-size: calc(10 * var(--qbe-layout-unit));
      letter-spacing: calc(0.2 * var(--qbe-layout-unit));
      margin: 0 0 calc(2 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .wrap {
      flex-wrap: wrap;
      margin: 0 0 calc(5 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .wrap section {
      width: 100%;
      padding: calc(1 * var(--qbe-layout-unit)) calc(3 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .wrap section .profile {
      height: calc(26 * var(--qbe-layout-unit));
      padding: calc(1 * var(--qbe-layout-unit)) calc(2 * var(--qbe-layout-unit)) calc(0 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .wrap section .profile .img {
      width: calc(29 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .wrap section .profile .img img {
      width: 100%;
      height: auto;
    }
    .single-review article .score-details .wrap section .profile h2 {
      text-align: left;
      padding: 0 0 0 calc(1 * var(--qbe-layout-unit));
      font-size: calc(4 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .wrap section .profile h2 span {
      font-size: calc(2 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .wrap section .profile .score {
      width: calc(20.6667 * var(--qbe-layout-unit));
      font-size: calc(10 * var(--qbe-layout-unit));
      height: calc(23 * var(--qbe-layout-unit));
      padding: calc(1.5 * var(--qbe-layout-unit)) 0 0;
    }
    .single-review article .score-details .wrap section .score-detail .inner dl dt {
      padding: calc(0.5 * var(--qbe-layout-unit)) 0 calc(0.5 * var(--qbe-layout-unit)) calc(2 * var(--qbe-layout-unit));
      font-size: calc(3 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .wrap section .score-detail .inner dl dd {
      font-size: calc(3 * var(--qbe-layout-unit));
      padding-right: calc(1 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .wrap section .score-detail .inner dl dd strong {
      font-size: calc(3 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .wrap section .score-detail .inner p {
      font-size: calc(2.4 * var(--qbe-layout-unit));
    }
    .single-review article .score-details .illust {
      top: calc(-10 * var(--qbe-layout-unit));
      left: calc(21 * var(--qbe-layout-unit));
      width: calc(43 * var(--qbe-layout-unit));
    }
  }
  
  .single-column article {
    background: #fff;
    margin: 0 0 calc(4.1667 * var(--qbe-layout-unit));
    padding: calc(2.0833 * var(--qbe-layout-unit)) calc(2.6042 * var(--qbe-layout-unit)) calc(10.4167 * var(--qbe-layout-unit));
    box-sizing: border-box;
    position: relative;
  }
  .single-column article .addtoany_shortcode {
    position: absolute;
    right: calc(2.0833 * var(--qbe-layout-unit));
  }
  .single-column article .addtoany_shortcode:last-of-type {
    width: 100%;
    text-align: center;
    right: auto;
    left: 0;
    padding: calc(1.5625 * var(--qbe-layout-unit)) 0;
  }
  .single-column article h1, .single-column article h2, .single-column article h3, .single-column article h4, .single-column article p, .single-column article li, .single-column article a, .single-column article dt, .single-column article dd, .single-column article td, .single-column article th {
    letter-spacing: calc(0.0521 * var(--qbe-layout-unit));
  }
  .single-column article .title {
    margin: 0 0 calc(1.5625 * var(--qbe-layout-unit));
  }
  .single-column article .title p {
    display: inline-block;
    background: #77b83e;
    margin: 0 0 calc(1.0417 * var(--qbe-layout-unit));
    color: #fff;
    font-weight: 900;
    padding: 0 calc(0.5208 * var(--qbe-layout-unit));
  }
  .single-column article .title h1 {
    margin: 0 0 calc(1.0417 * var(--qbe-layout-unit));
    line-height: 1.4;
  }
  .single-column article .title time {
    color: #868686;
  }
  .single-column article .content h2 {
    background: #ffb81f;
    font-size: calc(1.25 * var(--qbe-layout-unit));
    padding: calc(0.625 * var(--qbe-layout-unit)) calc(1.0417 * var(--qbe-layout-unit)) calc(0.7292 * var(--qbe-layout-unit));
    margin: calc(5.2083 * var(--qbe-layout-unit)) 0 calc(1.0417 * var(--qbe-layout-unit));
    line-height: 1.4;
  }
  .single-column article .content h3 {
    font-size: calc(1.0417 * var(--qbe-layout-unit));
    display: inline-block;
    margin: calc(2 * var(--qbe-layout-unit)) 0 calc(1.5 * var(--qbe-layout-unit));
    border: 1px solid #000;
    padding: calc(0.5208 * var(--qbe-layout-unit)) calc(0.7292 * var(--qbe-layout-unit));
  }
  .single-column article .content p {
    margin: 0 0 calc(1.5625 * var(--qbe-layout-unit));
  }
  .single-column article .content p:last-of-type {
    margin: 0;
  }
  .single-column article .content p strong {
    font-weight: 900;
    color: #b30c0d;
  }
  .single-column article .content figure {
    margin: 0 0 calc(0.5208 * var(--qbe-layout-unit));
  }
  .single-column article .content iframe {
    margin: 0 0 calc(1.0417 * var(--qbe-layout-unit));
    width: 100%;
  }
  .single-column article .content .is-layout-flex {
    margin: 0 0 calc(1.0417 * var(--qbe-layout-unit));
  }
  .single-column article .content .wp-block-list {
    margin: 0 0 calc(2 * var(--qbe-layout-unit));
  }
  .single-column article .content .wp-block-list li {
    border: 0;
    border-radius: 10px;
    padding: calc(1.2 * var(--qbe-layout-unit)) calc(1.4 * var(--qbe-layout-unit));
    margin: 0 0 calc(1 * var(--qbe-layout-unit));
    background: #f1ede9;
  }
  .single-column article .content .wp-block-list li em {
    font-style: normal;
    font-weight: 700;
  }
  .single-column article .content .wp-block-list li strong {
    color: #b30c0d;
  }
  .single-column article .content .wp-block-list li strong:first-of-type {
    display: block;
  }
  .single-column article .content .wp-block-list.num li {
    position: relative;
    padding: calc(0.5208 * var(--qbe-layout-unit)) 0 calc(0.5208 * var(--qbe-layout-unit)) calc(2.8125 * var(--qbe-layout-unit));
    margin: 0 0 calc(0.5208 * var(--qbe-layout-unit));
    background: #f4f4f4;
    border-radius: calc(1.5625 * var(--qbe-layout-unit));
  }
  .single-column article .content .wp-block-list.num li:before {
    position: absolute;
    left: calc(0.5208 * var(--qbe-layout-unit));
    top: calc(0.5208 * var(--qbe-layout-unit));
    background: #ffb81f;
    border-radius: 50%;
    font-size: calc(0.8333 * var(--qbe-layout-unit));
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: calc(1.5625 * var(--qbe-layout-unit));
    height: calc(1.5625 * var(--qbe-layout-unit));
    padding: 0 0 calc(0.1042 * var(--qbe-layout-unit)) calc(0.1042 * var(--qbe-layout-unit));
  }
  .single-column article .content .wp-block-list.num li:nth-of-type(1):before {
    content: "1";
  }
  .single-column article .content .wp-block-list.num li:nth-of-type(2):before {
    content: "2";
  }
  .single-column article .content .wp-block-list.num li:nth-of-type(3):before {
    content: "3";
  }
  .single-column article .content .wp-block-list.num li:nth-of-type(4):before {
    content: "4";
  }
  .single-column article .content .wp-block-list.num li:nth-of-type(5):before {
    content: "5";
  }
  .single-column article .content .wp-block-list.num li:nth-of-type(6):before {
    content: "6";
  }
  .single-column article .content .wp-block-list.num li:nth-of-type(7):before {
    content: "7";
  }
  .single-column article .content .wp-block-list.num li:nth-of-type(8):before {
    content: "8";
  }
  .single-column article .content .wp-block-list.num li:nth-of-type(9):before {
    content: "9";
  }
  .single-column article .content .wp-block-list.num li:nth-of-type(10):before {
    content: "10";
  }
  .single-column article .content .wp-block-list.num li:nth-of-type(11):before {
    content: "11";
  }
  @media (max-width: 959px) {
    .single-column article .title {
      padding: calc(5 * var(--qbe-layout-unit)) 0 calc(2 * var(--qbe-layout-unit));
    }
    .single-column article .title h1 {
      font-size: calc(2.4 * var(--qbe-layout-unit));
    }
    .single-column article .content h2 {
      font-size: calc(2.4 * var(--qbe-layout-unit));
      padding: calc(1 * var(--qbe-layout-unit)) calc(2 * var(--qbe-layout-unit));
      margin: calc(5 * var(--qbe-layout-unit)) 0 calc(1 * var(--qbe-layout-unit));
    }
    .single-column article .content p {
      font-size: calc(1.8 * var(--qbe-layout-unit));
    }
  }
  @media (max-width: 559px) {
    .single-column article {
      padding: calc(2.0833 * var(--qbe-layout-unit)) calc(2.6042 * var(--qbe-layout-unit)) calc(31.4167 * var(--qbe-layout-unit));
    }
    .single-column article .addtoany_shortcode {
      right: 0;
      width: 100%;
      text-align: center;
    }
    .single-column article .addtoany_shortcode:last-of-type {
      bottom: calc(5 * var(--qbe-layout-unit));
    }
    .single-column article .title {
      padding: calc(13 * var(--qbe-layout-unit)) 0 calc(2 * var(--qbe-layout-unit));
    }
    .single-column article .title h1 {
      font-size: calc(5 * var(--qbe-layout-unit));
    }
    .single-column article .title time {
      font-size: calc(3 * var(--qbe-layout-unit));
    }
    .single-column article .content h2 {
      margin: calc(8 * var(--qbe-layout-unit)) 0 calc(2 * var(--qbe-layout-unit));
      font-size: calc(4 * var(--qbe-layout-unit));
      padding: calc(3 * var(--qbe-layout-unit)) calc(4 * var(--qbe-layout-unit));
    }
    .single-column article .content h3 {
      font-size: calc(4 * var(--qbe-layout-unit));
      margin: calc(4 * var(--qbe-layout-unit)) 0 calc(2 * var(--qbe-layout-unit));
      padding: calc(1.4 * var(--qbe-layout-unit)) calc(2 * var(--qbe-layout-unit)) calc(1.5 * var(--qbe-layout-unit));
    }
    .single-column article .content p {
      font-size: calc(3.6 * var(--qbe-layout-unit));
    }
    .single-column article .content .wp-block-list {
      margin: 0 0 calc(3 * var(--qbe-layout-unit));
    }
    .single-column article .content .wp-block-list li {
      padding: calc(3.2 * var(--qbe-layout-unit)) calc(3.4 * var(--qbe-layout-unit));
    }
  }
  
  #comments {
    color: #fff;
  }
  #comments a {
    color: #fff;
  }
  #comments h2 {
    text-align: center;
    font-size: calc(0.9375 * var(--qbe-layout-unit));
    letter-spacing: calc(0.0521 * var(--qbe-layout-unit));
    margin: 0 0 calc(2.6042 * var(--qbe-layout-unit));
  }
  #comments h2 span {
    display: block;
    font-size: calc(4.4271 * var(--qbe-layout-unit));
    font-weight: 900;
    margin: 0 0 calc(1.0417 * var(--qbe-layout-unit));
    color: #ffb81f;
  }
  #comments .comments-list {
    background: #333;
    padding: calc(1.5625 * var(--qbe-layout-unit)) calc(2.6042 * var(--qbe-layout-unit)) calc(2.6042 * var(--qbe-layout-unit));
    box-sizing: border-box;
  }
  #comments .comments-list li {
    border-bottom: 1px solid #666;
    padding: calc(1.0417 * var(--qbe-layout-unit)) 0;
  }
  #comments .comments-list li .comment-meta a {
    color: #999;
  }
  #comments .comments-list li .children li {
    border-bottom: none;
    padding: calc(1.0417 * var(--qbe-layout-unit)) 0 0 calc(3.6458 * var(--qbe-layout-unit));
    position: relative;
  }
  #comments .comments-list li .children li:before {
    font-family: "Material Icons";
    content: "subdirectory_arrow_right";
    font-size: calc(2.6042 * var(--qbe-layout-unit));
    color: #999;
    position: absolute;
    left: 0;
    top: calc(1.0417 * var(--qbe-layout-unit));
  }
  #comments .comments-list li .reply .comment-reply-link {
    background: #fff;
    color: #000;
    border-radius: 5px;
    padding: 0 calc(0.5208 * var(--qbe-layout-unit)) calc(0.1042 * var(--qbe-layout-unit));
    font-size: calc(0.7292 * var(--qbe-layout-unit));
    margin: calc(0.5208 * var(--qbe-layout-unit)) 0 0;
  }
  #comments .comments-list li .reply .comment-reply-link:hover {
    background: #ffb81f;
    color: #000;
  }
  #comments .comments-list cite {
    font-style: normal;
  }
  #comments .comments-list cite a {
    vertical-align: bottom;
  }
  #comments #commentform {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0 0 calc(2.6042 * var(--qbe-layout-unit));
  }
  #comments #commentform .logged-in-as {
    margin: 0 0 calc(0.5208 * var(--qbe-layout-unit));
  }
  #comments #commentform .comment-form-cookies-consent {
    margin: calc(1.0417 * var(--qbe-layout-unit)) 0;
  }
  #comments #commentform .comment-form-author {
    order: 0;
    text-align: center;
  }
  #comments #commentform .comment-form-comment {
    order: 1;
  }
  #comments #commentform .comment-notes {
    order: 2;
  }
  #comments #commentform .form-submit {
    order: 3;
  }
  #comments #commentform .comment-form-comment > label {
    display: none;
  }
  #comments #commentform .comment-form-comment textarea {
    width: 60%;
    margin: 0 auto calc(0.5208 * var(--qbe-layout-unit));
    display: block;
    font-family: "Noto Sans JP", YuGothic, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    box-sizing: border-box;
    padding: calc(0.5208 * var(--qbe-layout-unit)) calc(0.7812 * var(--qbe-layout-unit));
    font-weight: 700;
    border: 5px solid #ffb81f;
  }
  #comments #commentform .comment-form-comment textarea:focus {
    border: 5px solid #ffb81f;
    outline: none;
  }
  @media (max-width: 959px) {
    #comments h2 {
      margin: 0 0 calc(4 * var(--qbe-layout-unit));
      font-size: calc(1.4 * var(--qbe-layout-unit));
    }
    #comments h2 span {
      font-size: calc(9 * var(--qbe-layout-unit));
    }
    #comments p {
      font-size: calc(1.4 * var(--qbe-layout-unit));
    }
  }
  @media (max-width: 559px) {
    #comments {
      padding: 0 calc(7 * var(--qbe-layout-unit));
    }
    #comments h2 {
      font-size: calc(3 * var(--qbe-layout-unit));
      line-height: 1.6;
      margin: 0 0 calc(7 * var(--qbe-layout-unit));
      padding: 0 calc(3 * var(--qbe-layout-unit));
    }
    #comments h2 span {
      font-size: calc(10 * var(--qbe-layout-unit));
      margin: 0;
    }
    #comments .comments-list {
      padding: calc(2.6667 * var(--qbe-layout-unit)) calc(5.3333 * var(--qbe-layout-unit)) calc(13.3333 * var(--qbe-layout-unit));
    }
    #comments #commentform input, #comments #commentform textarea {
      box-sizing: border-box;
    }
    #comments #commentform .comment-form-cookies-consent {
      margin: calc(1 * var(--qbe-layout-unit)) 0 calc(3 * var(--qbe-layout-unit));
      font-size: calc(2 * var(--qbe-layout-unit));
      text-align: left;
    }
    #comments #commentform .comment-form-author {
      text-align: left;
      font-size: calc(3 * var(--qbe-layout-unit));
    }
    #comments #commentform .comment-form-author input {
      width: 100%;
    }
    #comments #commentform .form-submit input[type=submit] {
      margin: calc(3 * var(--qbe-layout-unit)) 0 0;
      background: #ffb81f;
      border: none;
      color: #000;
      font-weight: 700;
      border-radius: calc(10 * var(--qbe-layout-unit));
      font-size: calc(3.2 * var(--qbe-layout-unit));
      padding: calc(1 * var(--qbe-layout-unit)) calc(6 * var(--qbe-layout-unit)) calc(1.4 * var(--qbe-layout-unit));
    }
    #comments #commentform .comment-form-comment textarea {
      width: 100%;
    }
  }
  
  #contact .center {
    color: #fff;
  }
  @media (max-width: 559px) {
    #contact .center {
      text-align: left;
    }
  }
  
  #about {
    background: #fffadb url("https://quest-book.net/wp/wp-content/themes/questbook.ver.1.5/img/bg-paper.webp") no-repeat center top/100% auto;
    padding: calc(5.2083 * var(--qbe-layout-unit)) calc(1.5625 * var(--qbe-layout-unit));
  }
  #about h2 {
    text-align: center;
    margin: 0 0 calc(5.2083 * var(--qbe-layout-unit));
  }
  #about h2 img {
    width: calc(22.3958 * var(--qbe-layout-unit));
  }
  #about h2 strong {
    display: block;
    font-size: calc(0.9375 * var(--qbe-layout-unit));
    margin: calc(1.0417 * var(--qbe-layout-unit)) 0 0;
  }
  #about section {
    margin: 0 0 calc(2.6042 * var(--qbe-layout-unit));
  }
  #about section h3 {
    font-size: calc(1.6667 * var(--qbe-layout-unit));
    font-weight: 900;
    margin: 0 0 calc(1.5625 * var(--qbe-layout-unit));
    text-align: center;
    letter-spacing: 2px;
  }
  #about section h3 strong {
    font-weight: 900;
    color: #b30c0d;
  }
  #about section p {
    text-align: center;
    line-height: 3;
    margin: 0 0 calc(1.0417 * var(--qbe-layout-unit));
  }
  #about section .profile-wrap {
    display: flex;
    justify-content: space-between;
  }
  #about section .profile-wrap div {
    width: 48%;
  }
  #about section .profile-wrap div .img img {
    width: calc(10.4167 * var(--qbe-layout-unit));
  }
  #about section .profile-wrap div .table-common01 {
    border: none;
  }
  #about section .profile-wrap div .table-common01 th, #about section .profile-wrap div .table-common01 td {
    border: none;
  }
  #about section .profile-wrap div .table-common01 th {
    background: #ffb81f;
    font-weight: 900;
  }
  #about section .profile-wrap div .table-common01 td {
    background: #fff;
    padding-bottom: calc(0.7292 * var(--qbe-layout-unit));
    font-size: calc(0.8333 * var(--qbe-layout-unit));
  }
  @media (max-width: 559px) {
    #about {
      padding: calc(12 * var(--qbe-layout-unit)) calc(5 * var(--qbe-layout-unit));
    }
    #about h2 {
      margin: 0 0 calc(12 * var(--qbe-layout-unit));
    }
    #about h2 img {
      width: 68%;
    }
    #about h2 strong {
      font-size: calc(2.4 * var(--qbe-layout-unit));
      letter-spacing: calc(0.1 * var(--qbe-layout-unit));
      margin: calc(5 * var(--qbe-layout-unit)) 0 0;
    }
    #about section h3 {
      font-size: calc(6 * var(--qbe-layout-unit));
      line-height: 1.4;
      margin: 0 0 calc(2 * var(--qbe-layout-unit));
      letter-spacing: calc(0.3 * var(--qbe-layout-unit));
      text-align: left;
    }
    #about section p {
      text-align: left;
      line-height: 1.8;
      margin: 0 0 calc(3 * var(--qbe-layout-unit));
      letter-spacing: 0;
    }
    #about section .profile-wrap {
      flex-wrap: wrap;
    }
    #about section .profile-wrap div {
      width: 100%;
      margin: 0 0 calc(13.3333 * var(--qbe-layout-unit));
    }
    #about section .profile-wrap div .img {
      text-align: center;
    }
    #about section .profile-wrap div .img img {
      width: calc(40 * var(--qbe-layout-unit));
    }
    #about section .profile-wrap div .table-common01 td {
      font-size: calc(3 * var(--qbe-layout-unit));
    }
    #about section:nth-of-type(3) h3 {
      text-align: center;
      margin: calc(10 * var(--qbe-layout-unit)) 0 calc(4 * var(--qbe-layout-unit));
    }
  }
  
  #privacy {
    background: #fff;
    padding: calc(2.6042 * var(--qbe-layout-unit));
  }
  #privacy h2 {
    background: #ffb81f;
    font-size: calc(1.25 * var(--qbe-layout-unit));
    padding: calc(0.625 * var(--qbe-layout-unit)) calc(1.0417 * var(--qbe-layout-unit)) calc(0.7292 * var(--qbe-layout-unit));
    margin: calc(3.125 * var(--qbe-layout-unit)) 0 calc(1.0417 * var(--qbe-layout-unit));
    line-height: 1.4;
  }
  #privacy h2:nth-of-type(1) {
    margin-top: 0;
  }
  #privacy p {
    margin: 0 0 calc(1.0417 * var(--qbe-layout-unit));
  }
  @media (max-width: 559px) {
    #privacy {
      padding: calc(5 * var(--qbe-layout-unit));
    }
    #privacy h2 {
      line-height: 1.4;
      font-size: calc(5.3333 * var(--qbe-layout-unit));
      margin-top: calc(10 * var(--qbe-layout-unit));
    }
  }
  
  /* QuestBook SEO / content quality additions */
  .archive-intro {
    margin: 0 0 4rem;
    padding: 2rem 2.4rem;
    background: rgba(255, 255, 255, 0.72);
    line-height: 1.9;
  }
  .archive-intro .archive-count {
    margin-top: 0.8rem;
    font-size: 1.4rem;
  }
  
  .single-review article .review-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2.5rem;
    margin: 0 0 3rem;
    padding: 1.6rem 2rem 1.8rem;
    background: #1b1b1b;
    border-bottom: 0.5rem solid #ffb81f;
    color: #fff;
    box-sizing: border-box;
  }
  .single-review article .review-meta .review-meta-lead {
    display: flex;
    align-items: center;
    min-width: 0;
  }
  .single-review article .review-meta .review-meta-lead .review-meta-label {
    flex: none;
    color: #ffb81f;
    font-size: 1.4rem;
    font-weight: 900;
    letter-spacing: 0.12rem;
    padding: 0 1.6rem 0 0;
    margin: 0 1.6rem 0 0;
    border-right: 1px solid #555;
  }
  .single-review article .review-meta .review-meta-lead p {
    margin: 0;
    font-size: 1.3rem;
    letter-spacing: 0.08rem;
    line-height: 1.7;
  }
  .single-review article .review-meta .review-meta-lead a {
    color: #ffb81f;
    border-bottom: 1px solid #ffb81f;
    margin-left: 0.5rem;
  }
  .single-review article .review-meta .review-meta-lead a:hover {
    top: 0;
    color: #fff;
    border-color: #fff;
  }
  .single-review article .review-meta .review-meta-date {
    flex: none;
    margin: 0;
    padding: 0 0 0 2rem;
    border-left: 1px solid #555;
    color: #aaa;
    font-size: 1.2rem;
    line-height: 1.7;
    letter-spacing: 0.04rem;
    white-space: nowrap;
  }
  .single-review article .review-meta .review-meta-date span {
    margin: 0 0.8rem;
    color: #666;
  }
  
  .single-review article .review-basic-info {
    margin: 0 0 4rem;
    border: 1px solid #000;
    background: #fff;
  }
  .single-review article .review-basic-info > h2 {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 1.2rem 1.8rem 1.4rem;
    background: #000;
    color: #fff;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.4;
  }
  .single-review article .review-basic-info > h2 .en {
    display: inline-block;
    color: #ffb81f;
    font-size: 1.4rem;
    font-weight: 900;
    letter-spacing: 0.12rem;
    margin: 0 1.5rem 0 0;
    padding: 0 1.5rem 0 0;
    border-right: 1px solid #666;
  }
  .single-review article .review-basic-info dl {
    margin: 0;
    border: 0;
  }
  .single-review article .review-basic-info dl > div {
    display: grid;
    grid-template-columns: 19rem minmax(0, 1fr);
    border-bottom: 1px solid #ddd;
  }
  .single-review article .review-basic-info dl > div:last-child {
    border-bottom: 0;
  }
  .single-review article .review-basic-info dt,
  .single-review article .review-basic-info dd {
    margin: 0;
    padding: 1rem 1.6rem 1.1rem;
    line-height: 1.6;
    box-sizing: border-box;
  }
  .single-review article .review-basic-info dt {
    position: relative;
    padding-left: 3rem;
    background: #f3f3f3;
    border-right: 1px solid #ddd;
    font-weight: 900;
  }
  .single-review article .review-basic-info dt:before {
    content: "";
    position: absolute;
    left: 1.5rem;
    top: 50%;
    width: 0.6rem;
    height: 0.6rem;
    margin-top: -0.3rem;
    background: #ffb81f;
  }
  .single-review article .review-basic-info dd {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .single-review article .review-basic-info dd a {
    border-bottom: 1px solid #ccc;
  }
  .single-review article .review-basic-info dd a:hover {
    top: 0;
    color: #b30c0d;
    border-color: #b30c0d;
  }
  
  .single-review article .game-detail .pointBox .point-detail .table-common01 {
    table-layout: fixed;
  }
  .single-review article .game-detail .pointBox .point-detail .table-common01 col:first-child {
    width: 72% !important;
  }
  .single-review article .game-detail .pointBox .point-detail .table-common01 col:last-child {
    width: 28% !important;
  }
  .single-review article .game-detail .pointBox .point-detail .table-common01 th {
    width: 72%;
  }
  .single-review article .game-detail .pointBox .point-detail .table-common01 td {
    width: 28%;
    white-space: nowrap;
  }
  
  .related-reviews {
    margin: 7rem 0 3rem;
  }
  .related-reviews > h2 {
    margin-bottom: 2rem;
  }
  .related-reviews-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
  }
  .related-review-item {
    margin: 0;
  }
  .related-review-img {
    display: block;
    margin-bottom: 1rem;
  }
  .related-review-img img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
  }
  .related-reviews-list h3 {
    margin: 0 0 0.6rem;
    font-size: 1.7rem;
  }
  .related-reviews-list p {
    line-height: 1.7;
  }
  
  @media (max-width: 959px) {
    .archive-intro {
      padding: 2rem;
      margin-bottom: 3rem;
    }
    .single-review article .review-meta {
      gap: 1.5rem;
      padding: 1.5rem 1.8rem 1.7rem;
    }
    .single-review article .review-meta .review-meta-lead .review-meta-label {
      font-size: 1.2rem;
    }
    .single-review article .review-meta .review-meta-lead p {
      font-size: 1.2rem;
    }
    .single-review article .review-meta .review-meta-date {
      font-size: 1.1rem;
    }
    .single-review article .review-basic-info {
      margin-bottom: 4rem;
    }
    .single-review article .review-basic-info dl > div {
      grid-template-columns: 17rem minmax(0, 1fr);
    }
    .related-reviews {
      margin-top: 6rem;
    }
    .related-reviews-list {
      gap: 2rem;
    }
  }
  
  @media (max-width: 559px) {
    .archive-intro {
      padding: calc(4 * var(--qbe-layout-unit));
      margin-bottom: calc(6 * var(--qbe-layout-unit));
    }
    .single-review article .review-meta {
      display: block;
      margin: 0 0 calc(7 * var(--qbe-layout-unit));
      padding: calc(4 * var(--qbe-layout-unit)) calc(4 * var(--qbe-layout-unit)) calc(4.5 * var(--qbe-layout-unit));
      border-bottom-width: calc(1.2 * var(--qbe-layout-unit));
    }
    .single-review article .review-meta .review-meta-lead {
      display: block;
    }
    .single-review article .review-meta .review-meta-lead .review-meta-label {
      display: block;
      width: fit-content;
      font-size: calc(3 * var(--qbe-layout-unit));
      margin: 0 0 calc(2 * var(--qbe-layout-unit));
      padding: 0;
      border-right: 0;
    }
    .single-review article .review-meta .review-meta-lead p {
      font-size: calc(3 * var(--qbe-layout-unit));
      letter-spacing: calc(0.1 * var(--qbe-layout-unit));
      line-height: 1.7;
    }
    .single-review article .review-meta .review-meta-lead a {
      margin-left: calc(1 * var(--qbe-layout-unit));
    }
    .single-review article .review-meta .review-meta-date {
      margin: calc(3 * var(--qbe-layout-unit)) 0 0;
      padding: calc(2.5 * var(--qbe-layout-unit)) 0 0;
      border-left: 0;
      border-top: 1px solid #555;
      font-size: calc(2.7 * var(--qbe-layout-unit));
      white-space: normal;
    }
    .single-review article .review-meta .review-meta-date span {
      margin: 0 calc(1.5 * var(--qbe-layout-unit));
    }
    .single-review article .review-basic-info {
      margin: 0 0 calc(8 * var(--qbe-layout-unit));
    }
    .single-review article .review-basic-info > h2 {
      padding: calc(3 * var(--qbe-layout-unit)) calc(3.5 * var(--qbe-layout-unit)) calc(3.4 * var(--qbe-layout-unit));
      font-size: calc(4.4 * var(--qbe-layout-unit));
    }
    .single-review article .review-basic-info > h2 .en {
      font-size: calc(2.8 * var(--qbe-layout-unit));
      margin-right: calc(2.5 * var(--qbe-layout-unit));
      padding-right: calc(2.5 * var(--qbe-layout-unit));
    }
    .single-review article .review-basic-info dl > div {
      grid-template-columns: 40% minmax(0, 1fr);
    }
    .single-review article .review-basic-info dt,
    .single-review article .review-basic-info dd {
      padding: calc(3 * var(--qbe-layout-unit)) calc(2.5 * var(--qbe-layout-unit));
      font-size: calc(3.1 * var(--qbe-layout-unit));
      letter-spacing: calc(0.05 * var(--qbe-layout-unit));
      line-height: 1.5;
    }
    .single-review article .review-basic-info dt {
      padding-left: calc(5 * var(--qbe-layout-unit));
      white-space: nowrap;
    }
    .single-review article .review-basic-info dt:before {
      left: calc(2.5 * var(--qbe-layout-unit));
      width: calc(1.2 * var(--qbe-layout-unit));
      height: calc(1.2 * var(--qbe-layout-unit));
      margin-top: calc(-0.6 * var(--qbe-layout-unit));
    }
    .single-review article .game-detail .pointBox .point-detail .table-common01 col:first-child {
      width: 70% !important;
    }
    .single-review article .game-detail .pointBox .point-detail .table-common01 col:last-child {
      width: 30% !important;
    }
    .single-review article .game-detail .pointBox .point-detail .table-common01 th {
      width: 70%;
      white-space: nowrap;
    }
    .single-review article .game-detail .pointBox .point-detail .table-common01 td {
      width: 30%;
      white-space: nowrap;
    }
    .related-reviews {
      margin-top: calc(10 * var(--qbe-layout-unit));
    }
    .related-reviews-list {
      grid-template-columns: 1fr;
      gap: calc(6 * var(--qbe-layout-unit));
    }
  }
  
  
  /* QuestBook ver 1.3 / tablet readability */
  @media (min-width: 560px) and (max-width: 959px) {
    html { font-size: 62.5%; }
    body { font-size: 16px; }
    body dt,
    body dd,
    body p,
    body li,
    body th,
    body td,
    body address { font-size: 15px; letter-spacing: .5px; }
  
    #breadcrumb .container ul li,
    #breadcrumb .container ul li a { font-size: 13px; }
  
    .list-common01 article .excerpt,
    .list-common02 article .text p,
    .list-common03 article .text,
    .archive-intro,
    aside section,
    .single-column article .content p,
    .single-column article .content li { font-size: 15px; }
  
    aside section h2 { font-size: 20px; }
    aside section#aside-search dl dt,
    aside section#aside-search form ul li select { font-size: 14px; }
    aside section#aside-tag ul li a { font-size: 13px; }
  
    .single-review article .title .maker li a { font-size: 13px; }
    .single-review article .title h1 { font-size: 26px; }
    .single-review article .title h1 span { font-size: 14px; }
    .single-review article .title .platform li a { font-size: 14px; }
    .single-review article .maincopy { font-size: 20px; line-height: 1.75; }
  
    .single-review article .review-meta .review-meta-lead .review-meta-label { font-size: 13px; }
    .single-review article .review-meta .review-meta-lead p { font-size: 14.5px; }
    .single-review article .review-meta .review-meta-date { font-size: 13px; }
  
    .single-review article .review-basic-info > h2 { font-size: 20px; }
    .single-review article .review-basic-info dt,
    .single-review article .review-basic-info dd { font-size: 15px; }
  
    .single-review article .game-detail .pointBox .point p,
    .single-review article .game-detail .pointBox .point dl dd { font-size: 14px; }
    .single-review article .game-detail .pointBox .point-detail .table-common01 th,
    .single-review article .game-detail .pointBox .point-detail .table-common01 td { font-size: 14px; }
    .single-review article .game-detail .pointBox .point-detail .table-common01 td span { font-size: 15px; }
  
    .single-review article .game-detail .goodpoint .text h2 span,
    .single-review article .game-detail .badpoint .text h2 span { font-size: 14px; }
    .single-review article .game-detail .goodpoint .text ul li,
    .single-review article .game-detail .badpoint .text ul li { font-size: 15px; line-height: 1.75; }
  
    .single-review article .coop-point h2 { font-size: 20px; }
    .single-review article .coop-point ul li { font-size: 15px; line-height: 1.75; }
  
    .single-review article .intro .wrap .text h2 { font-size: 20px; }
    .single-review article .intro .wrap .text .review-content-text,
    .single-review article .intro .wrap .text .review-content-text p { font-size: 15px; }
  
    .single-review article .score-details > h2 { font-size: 19px; }
    .single-review article .score-details .wrap section .profile h2 { font-size: 24px; }
    .single-review article .score-details .wrap section .profile h2 span { font-size: 13px; }
    .single-review article .score-details .wrap section .score-detail .inner dl dt,
    .single-review article .score-details .wrap section .score-detail .inner dl dd { font-size: 15px; }
    .single-review article .score-details .wrap section .score-detail .inner p { font-size: 15px; line-height: 1.75; }
  
    .related-reviews-list h3 { font-size: 18px; }
    .related-reviews-list p { font-size: 15px; }
  }
  
  /* -----------------------------------------
      QuestBook ver 1.4 / ABOUT tablet tuning
  ----------------------------------------- */
  @media (min-width: 560px) and (max-width: 959px) {
    .about main > .container > .content h3 {
      display: block;
      width: 100%;
      box-sizing: border-box;
      font-size: 2.2rem;
      line-height: 1.6;
      text-align: left !important;
      margin-left: 0;
      margin-right: 0;
    }
    .about main > .container > .content p {
      font-size: 1.6rem;
      line-height: 1.9;
      text-align: left !important;
    }
    .about main > .container > .content > h3:nth-of-type(3) {
      margin-top: 5rem;
      margin-bottom: 2rem;
    }
    .about main > .container > .content table {
      width: 100%;
    }
    .about main > .container > .content table th,
    .about main > .container > .content table td {
      font-size: 1.6rem !important;
      line-height: 1.75;
      text-align: left;
    }
    .about main > .container > .content table td {
      padding-top: .8rem;
      padding-bottom: .8rem;
    }
  }
  
  
  /* -----------------------------------------
      QuestBook ver 1.5 / review HTML + mobile related heading
  ----------------------------------------- */
  @media (max-width: 559px) {
    .single-review article .related-reviews > h2 {
      font-size: clamp(19px, calc(5.3 * var(--qbe-layout-unit)), 23px);
      line-height: 1.5;
      letter-spacing: .05em;
      margin-bottom: calc(4 * var(--qbe-layout-unit));
    }
  }

  /* Shared central rail, including its side padding. */
  .container {
    width: 100%;
    max-width: 1440px;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
  }
  main > .container > .content { min-width: 0; }
  main > .container > aside { flex-shrink: 0; }
  body > header {
    padding-left: max(24px, calc((100vw - 1440px) / 2 + 24px));
    padding-right: max(24px, calc((100vw - 1440px) / 2 + 24px));
  }
  footer > .wrap {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
  #mv {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
}