@charset "utf-8";


/*------------------------------------------------------
    WEB FONT
------------------------------------------------------*/
.noto-serif-jp400 {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.noto-serif-jp600 {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.zen-antique-regular {
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-style: normal;
}

.noto-sans-jp {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  transform: rotate(0.05deg);
}

/*------------------------------------------------------
    default CSS
------------------------------------------------------*/
body,
ul,
ol,
dl,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
ul,
ol {
  list-style-type: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
}
img {
  border: none;
}
:root {
  --color-black: #000;
  --color-gray: #666666;
  --color-light-gray: #d9d9d9;
  --color-white: #fff;
  --color-brand: #052e9e;
  --color-pink: #ff00e5;
  --color-beige: #eae9e2;
  --color-light-gold: #bdb890;
  --color-gold: #848062;
  --color-news-blue: #005eec;
  --color-viewer-blue: #9ac3ff;
  --font-weight-normal: 300;
  --font-weight-medium: 600;
  --font-weight-bold: 800;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --font-family-sans: 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
    'Meiryo', 'Helvetica', 'Arial', sans-serif;
  --font-family-serif: 'Roboto Serif', serif;
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX70gfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX7kgfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX7UgfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX7EgfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX60gfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX6UgfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX50gfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX58gfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX5kgfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX5UgfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX40gfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX4UgfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX7kgvjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX60gvjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX6EgvjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX5kgvjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX40gvjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX4EgvjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX7kg_jL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
:root body {
  background: var(--color-white);
  color: var(--color-black);
  font-family: var(--font-family-sans);
  line-height: 1.5;
  font-weight: var(--font-weight-normal);
}
:root a {
  text-decoration: none;
  color: var(--color-black);
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    [data-media-name='earthstar'] .swiper-slide {
      -webkit-backface-visibility: hidden;
      -webkit-transform: translateZ(0);
    }
    [data-media-name='earthstar'] .swiper-wrapper {
      -webkit-transform-style: preserve-3d;
      -webkit-transform: translateZ(0);
    }
  }
}
:root[data-media-name='earthstar'] {
  --color-black: #000;
  --color-dark-gray: #262626;
  --color-gray: #666666;
  --color-mid-gray: #999999;
  --color-light-gray: #d9d9d9;
  --color-white: #fff;
  --color-brand: #052e9e;
  --color-news-blue: #005eec;
  --color-news-pink: #ff00e5;
  --color-beige: #eae9e2;
  --color-light-gold: #bdb890;
  --color-gold: #848062;
  --font-weight-normal: 300;
  --font-weight-medium: 600;
  --font-weight-bold: 800;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --font-family-sans: 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
    'Meiryo', 'Helvetica', 'Arial', sans-serif;
  --font-family-roboto: 'Roboto', sans-serif;
  --font-family-serif: 'Roboto Serif', serif;
  --font-family-mono: 'Roboto Mono', monospace;
}
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotomono/v23/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_AP2PQw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX70gfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX7kgfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX7UgfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX7EgfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX60gfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX6UgfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX50gfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX58gfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX5kgfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX5UgfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX40gfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX4UgfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX7kgvjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX60gvjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX6EgvjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX5kgvjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX40gvjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX4EgvjL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoserif/v13/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX7kg_jL4-3sMM_kB_qXSEXTJQCFLH5-_bcElvQqp6c.ttf) format('truetype');
}
:root[data-media-name='earthstar'] body {
  background: var(--color-white);
  color: var(--color-black);
  font-family: var(--font-family-sans);
  line-height: 1.5;
  font-weight: var(--font-weight-normal);
}
:root[data-media-name='earthstar'] a {
  text-decoration: none;
  color: var(--color-black);
}
:root[data-media-name='earthstar'] button {
  margin: 0;
  padding: 0;
  background: 0 0;
  border: none;
  border-radius: 0;
  cursor: pointer;
  font-family: inherit;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes text-blink {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 0.6;
  }
}
.separator {
  content: '';
  position: absolute;
  width: 172px;
  height: 22px;
  background-size: contain;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 680px) {
  .separator {
    height: 16px;
  }
}
.h2_title {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1340px;
  width: 100%;
  margin: 0 auto;
}
.h2_title::before,
.h2_title::after {
  content: '';
  border-top: 1px solid var(--color-gold);
  width: 100%;
}
.h2_title span {
  position: relative;
  display: block;
  flex-shrink: 0;
  min-width: 170px;
  padding: 0 30px;
  box-sizing: border-box;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 820px) {
  .h2_title span {
    min-width: 140px;
    padding: 0 20px;
  }
}
.h2_title span::before,
.h2_title span::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  background: var(--color-gold);
  transform: rotate(45deg);
}
@media screen and (max-width: 820px) {
  .h2_title span::before,
  .h2_title span::after {
    width: 8px;
    height: 8px;
  }
}
.h2_title span::before {
  left: 0px;
}
.h2_title span::after {
  right: 0px;
}
.line_100vw {
  position: absolute;
  content: '';
  width: 100vw;
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
}
.common-label-is-free {
  display: inline-block;
  font-size: 12px;
  line-height: 1.7;
  color: #fff;
  background: #e50012;
  padding: 0 6px;
}
.common-label-purchased {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  color: #2cbe4e;
}
.common-label-purchased::before {
  display: inline-block;
  content: '';
  width: 26px / 2;
  height: 20px / 2;
  background: url('https://cdn.blog.st-hatena.com/images/viewer/ic_checked.png?version=b6dfa13fdd3db0041337cff8e11dda') center center no-repeat;
  background-size: contain;
  margin-right: 6px;
  vertical-align: middle;
  transform: translateY(-1px);
}
.common-label-point {
  display: inline-block;
  font-size: 12px;
  line-height: 1.7;
  color: #333;
  background: rgba(0, 0, 0, 0.08);
  padding: 0 6px;
}
.common-label-point.checked {
  color: #fff;
  background: #4f89f5;
}
.internal-error {
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  color: #e50012;
  background-color: #ffee66;
  padding: 12px;
}
@media screen and (max-width: 980px) {
  .internal-error {
    text-align: left;
  }
}
@media screen and (max-width: 600px) {
  .internal-error {
    padding: 10px;
  }
}
@media screen and (max-width: 340px) {
  .internal-error {
    font-size: 10px;
  }
}
.hidden {
  display: none !important;
}
.secret {
  display: none;
}
.lazy-image-appear {
  animation: fadeIn 1s ease 0s 1 normal;
}
.lazy-image-bg-transition {
  transition: background 1s linear;
}
.header {
  height: 86px;
}
@media screen and (max-width: 960px) {
  .header {
    height: 80px;
  }
}
@media screen and (max-width: 820px) {
  .header {
    height: 92px;
  }
}
@media screen and (max-width: 450px) {
  .header {
    height: 70px;
  }
}
.header_content {
  display: flex;
  justify-content: space-between;
  width: 1340px;
  max-width: 100%;
  margin: 0 auto;
  padding: 20px 0 25px;
}
@media screen and (max-width: 820px) {
  .header_content {
    flex-direction: column;
    padding: 10px 0 10px;
  }
}
@media screen and (max-width: 450px) {
  .header_content {
    padding: 10px 0 5px;
  }
}
.header_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header_title .title_logo {
  display: block;
  width: 384px;
  height: 46px;
  background: none;
  background-size: contain;
  margin-right: 15px;
}
@media screen and (max-width: 1340px) {
  .header_title .title_logo {
    margin: 0 15px;
  }
}
@media screen and (max-width: 960px) {
  .header_title .title_logo {
    width: 308px;
    height: 37px;
  }
}
@media screen and (max-width: 820px) {
  .header_title .title_logo {
    margin: 0 10px;
  }
}
@media screen and (max-width: 450px) {
  .header_title .title_logo {
    width: 253px;
    height: 39px;
  }
}
@media screen and (max-width: 450px) {
  .header_title .title_logo {
    width: 223px;
    height: 27px;
  }
}
.header_title .title_logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.header_title .title_logo span {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
}
.header_title .header_title_description {
  display: block;
  width: 90px;
  height: 30px;
}
@media screen and (max-width: 820px) {
  .header_title .header_title_description {
    margin-right: 10px;
  }
}
@media screen and (max-width: 450px) {
  .header_title .header_title_description {
    width: 74px;
    height: 25px;
  }
}
.header_title .header_title_description span {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
}
.header_nav {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 820px) {
  .header_nav {
    margin-left: 15px;
  }
}
@media screen and (max-width: 450px) {
  .header_nav {
    margin-left: 10px;
    justify-content: center;
  }
}
.header_nav .header_nav_main {
  display: flex;
  align-items: center;
}
.header_nav .header_nav_main .history,
.header_nav .header_nav_main .series,
.header_nav .header_nav_main .comics,
.header_nav .header_nav_main .award {
  padding: 8px;
  font-size: 16px;
  font-weight: var(--font-weight-medium);
}
@media screen and (max-width: 450px) {
  .header_nav .header_nav_main .history,
  .header_nav .header_nav_main .series,
  .header_nav .header_nav_main .comics,
  .header_nav .header_nav_main .award {
    padding: 5px 8px;
    font-size: 12px;
  }
}
@media screen and (max-width: 360px) {
  .header_nav .header_nav_main .history,
  .header_nav .header_nav_main .series,
  .header_nav .header_nav_main .comics,
  .header_nav .header_nav_main .award {
    font-size: 11px;
  }
}
.header_nav .header_nav_main .history a:hover,
.header_nav .header_nav_main .series a:hover,
.header_nav .header_nav_main .comics a:hover,
.header_nav .header_nav_main .award a:hover {
  color: var(--color-black);
  opacity: 0.6;
}
.header_nav .header_nav_main .award {
  position: relative;
  padding: 5px 16px;
  margin-left: px;
}
@media screen and (max-width: 450px) {
  .header_nav .header_nav_main .award {
    padding: 5px 16px;
  }
}
.header_nav .header_nav_main .award::before,
.header_nav .header_nav_main .award::after {
  position: absolute;
  content: '';
  display: inline-block;
  width: 1px;
  height: 16px;
  background-color: var(--color-gray);
  top: 9px;
}
@media screen and (max-width: 450px) {
  .header_nav .header_nav_main .award::before,
  .header_nav .header_nav_main .award::after {
    top: 8px;
    height: 12px;
  }
}
@media screen and (max-width: 360px) {
  .header_nav .header_nav_main .award::before,
  .header_nav .header_nav_main .award::after {
    top: 7px;
  }
}
.header_nav .header_nav_main .award::before {
  left: 0;
}
.header_nav .header_nav_main .award::after {
  right: 0;
}
.header_nav .header_nav_main .history {
  padding-left: 0px;
}
.header_nav .header_nav_main .history a {
  position: relative;
}
.header_nav .header_nav_main .history a .badge {
  display: inline-block;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  text-indent: -9999px;
  overflow: hidden;
  pointer-events: none;
  top: 0;
  right: -8px;
}
.header_nav .search {
  padding: 8px 0px 8px 15px;
}
@media screen and (max-width: 1340px) {
  .header_nav .search {
    margin-right: 15px;
  }
}
@media screen and (max-width: 1080px) {
  .header_nav .search {
    padding: 8px 0px 8px 12px;
  }
}
@media screen and (max-width: 820px) {
  .header_nav .search {
    margin-right: 0;
  }
}
.header_nav .search a {
    filter: invert();
  display: block;
  width: 21px;
  height: 20px;
  background-size: contain;
}
@media screen and (max-width: 1080px) {
  .header_nav .search a {
    width: 19px;
    height: 18px;
  }
}
@media screen and (max-width: 450px) {
  .header_nav .search a {
    width: 16px;
    height: 15px;
  }
}
.header_nav .search a span {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
}
.header_nav .search a:hover {
  opacity: 0.6;
}
.header.header-top {
  background: var(--color-black);
}
.header.header-top .header_title_description {
  background-size: contain;
}
.header.header-top .header_nav_main .history a,
.header.header-top .header_nav_main .series a,
.header.header-top .header_nav_main .comics a,
.header.header-top .header_nav_main .award a {
  color: var(--color-white) !important;
}
.header.header-top .search a {
  filter: invert();
}
.footer_container {
  background-color: var(--color-brand);
}
.footer_container .footer_container_inner {
  max-width: 1340px;
  margin: 0 auto;
}
.footer_mochikomi {
  padding: 20px 0;
}
@media screen and (max-width: 1340px) {
  .footer_mochikomi {
    padding: 20px;
  }
}
@media screen and (max-width: 820px) {
  .footer_mochikomi {
    padding: 10px;
  }
}
.footer_mochikomi .img_pc {
  display: block;
  width: 100%;
}
@media screen and (max-width: 450px) {
  .footer_mochikomi .img_pc {
    display: none;
  }
}
.footer_mochikomi .img_sp {
  display: none;
}
@media screen and (max-width: 450px) {
  .footer_mochikomi .img_sp {
    display: block;
    width: 100%;
  }
}
.footer_lists {
  display: flex;
  padding: 30px 0 15px 0;
}
@media screen and (max-width: 1340px) {
  .footer_lists {
    padding: 30px 20px 15px 20px;
  }
}
@media screen and (max-width: 1040px) {
  .footer_lists {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 820px) {
  .footer_lists {
    flex-direction: column;
    padding: 20px 20px 15px 20px;
    overflow: hidden;
    flex-wrap: nowrap;
  }
}
.footer_lists .other_service_list,
.footer_lists .menu_list {
  display: flex;
}
.footer_lists .other_service_list {
  position: relative;
}
@media screen and (max-width: 920px) {
  .footer_lists .other_service_list {
    margin-bottom: 15px;
    width: 100%;
  }
  .footer_lists .other_service_list::after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 100vw;
    height: 1px;
    margin-left: calc(-50vw + 50%);
    background-color: var(--color-white);
    opacity: 0.4;
    bottom: 0;
  }
}
.footer_lists .menu_list {
  position: relative;
}
@media screen and (max-width: 820px) {
  .footer_lists .menu_list {
    margin-bottom: 15px;
  }
  .footer_lists .menu_list::after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 100vw;
    height: 1px;
    margin-left: calc(-50vw + 50%);
    background-color: var(--color-white);
    opacity: 0.4;
    bottom: 0;
  }
}
.footer_lists .footer_list {
  width: 180px;
  margin-bottom: 15px;
}
@media screen and (min-width: 821px) {
  .footer_lists .footer_list:nth-child(2) {
    width: 260px;
  }
}
@media screen and (max-width: 820px) {
  .footer_lists .footer_list {
    width: 50%;
  }
}
.footer_lists .footer_list .list_item a {
  display: block;
  color: var(--color-white) !important;
  font-size: 14px;
  padding: 6px 6px 6px 0;
}
@media screen and (max-width: 1080px) {
  .footer_lists .footer_list .list_item a {
    font-size: 14px;
  }
}
@media screen and (max-width: 450px) {
  .footer_lists .footer_list .list_item a {
    font-size: 12px;
  }
}
.footer_lists .footer_list .list_item a:hover {
  opacity: 0.6;
}
.sns::before {
  background: url('../../../public/earthstar/images/ic_x.svg') center no-repeat;
}
.youtube::before {
  background: url('../../../public/earthstar/images/ic_youtube.svg') center no-repeat;
}
.youtube,
.sns {
  position: relative;
  text-indent: 1.5em;
}
.youtube::before,
.sns::before {
  position: absolute;
  content: '';
  display: inline-block;
  background-size: contain;
  width: 18px;
  height: 18px;
  top: 8px;
  left: 0px;
}
.youtube:hover,
.sns:hover {
  opacity: 0.7;
}
.youtube:hover::before,
.sns:hover::before {
  opacity: 0.7;
}
.copyright {
  font-size: 11px;
  color: var(--color-white) !important;
  padding-bottom: 20px;
}
@media screen and (max-width: 1340px) {
  .copyright {
    padding: 0 20px 20px 20px;
  }
}
@media screen and (max-width: 820px) {
  .copyright {
    padding: 0 0 20px;
    text-align: center;
  }
}
.copyright a {
  color: var(--color-white) !important;
}
.copyright a:hover {
  opacity: 0.7;
}
.abj_container {
  background: #03206d;
  box-sizing: border-box;
  padding: 20px;
}
@media screen and (max-width: 450px) {
  .abj_container {
    padding: 20px 10px;
  }
}
.abj_container .abj_container_inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: 1340px;
  margin: 0 auto;
}
.abj_container .abj_img_wrapper {
  width: 64px;
  height: 48px;
}
.abj_container .abj_img_wrapper img {
  width: 100%;
  height: 100%;
  filter: invert();
  opacity: 0.7;
}
.abj_container p {
  max-width: 500px;
  width: calc(100% - 64px - 15px);
  margin-left: 15px;
  font-size: 10px;
  color: var(--color-white) !important;
  opacity: 0.7;
}
@media screen and (max-width: 450px) {
  .abj_container p {
    margin-left: 10px;
  }
}
.title_logo {
  background-image: none;
}
.header_title_description {
  background-image: none;
}
.search a {
  background-image: url('https://cdn.blog.st-hatena.com/files/820878482963753758/820878482972414129') !important;
}
.sns::before {
  background-image: url('https://cdn.blog.st-hatena.com/files/820878482963753758/6801883189056817811') !important;
}
.youtube::before {
  background-image: url('https://cdn.blog.st-hatena.com/files/820878482963753758/820878482972414003') !important;
}




/*------------------------------------------------------
    customize CSS -- INDEX --
------------------------------------------------------*/
/* header BLACK */
#top-editarea {
    background: var(--color-black);
}

#top-editarea a {
    color: var(--color-white);
}


/* ALL */
#maincontents * {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 60px;
}

img {
  width: 100%;
  height: auto;
}
.sp_only {
    display: none;
}

/* FONT */
#maincontents h2 {
  font-size: 3rem;
  text-align: center;
  line-height: 1.4;
}

#maincontents a:hover img {
  opacity: .7;
  transition: .3s;
}

#maincontents .small {
  font-size: .4em;
}

.color_blue {
  color: var(--color-brand);
}

.color_white {
  color: var(--color-white);
}

.text_center {
    text-align: center;
}

.kerning {
  letter-spacing: -0.15em;
}

/*flexbox*/
.flex {
  display: flex;
  justify-content: space-between;
}

/*margin*/
.mat005 {margin-top: .5rem!important;}
.mat01 {margin-top: 1rem!important;}
.mat015 {margin-top: 1.5rem!important;}
.mat02 {margin-top: 2rem!important;}
.mat04 {margin-top: 4rem!important;}
.mat06 {margin-top: 6rem!important;}
.mat08 {margin-top: 8rem!important;}



/* mainvisual */
.mainvisual_summary {
    background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/c/comic-earthstar/20240619/20240619111623.png);
    background-size: 30rem;
}
.mainvisual_copy {
  color: var(--color-white);
  background-color: var(--color-brand);
  padding: .2rem;
  text-align: center;
}

.mainvisual_image {
    background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/c/comic-earthstar/20240619/20240619190137_original.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.mainvisual_image_data {
    max-width: 500px;
    margin: auto;
    padding: 3rem 0;
}

.mainvisual_summary {
  padding: 2.5rem;
}

.mainvisual_copy h1 {
    font-size: .9rem;
}

.mainvisual_summary h2 {
  font-size: 3.2rem;
  line-height: 1.3;
  text-align: center;
  color: var(--color-white);
}

.lead {
  color: var(--color-white);
  text-align: center;
  margin: 1.5rem auto 0;
  font-size: 1.2rem;
}


/* esc_award_nav */
#esc_award_nav {
    background: var(--color-black);
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    z-index: 999999;
}

#esc_award_nav > ul {
  max-width: 1200px;
  margin: auto;
}

#esc_award_nav li {
  width: calc(100% / 4);
    border-left: 0.5px solid #005eec;
    border-right: 0.5px solid #005eec;
}

#esc_award_nav li a {
  display: block;
  padding: 1rem;
  text-align: center;
  color: var(--color-white);
  background: var(--color-black);
  font-weight: bold;
  font-size: 1.4rem;
  letter-spacing: 1px;
}

#esc_award_nav li a:hover {
  background: #005eec;
  transition: .4s;
}

#esc_award_nav li:first-child {
  border-left: 2px solid #005eec;
}

#esc_award_nav li:last-child {
  border-right: 2px solid #005eec;
}

/* department */
#department {
  background: var(--color-white);
  padding: 1.5rem 0 3rem;
}

#department h2 {
  position: relative;
  padding-bottom: 1rem;
}

#department h2::before {
  content: "";
  position: absolute;
  background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/c/comic-earthstar/20240617/20240617175307.png) no-repeat;
  height: 10px;
  width: 300px;
  background-size: contain;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

#department h3 {
  font-size: 1.8rem;
}

.department_list {
  width: 90%;
  max-width: 1200px;
  margin: 4rem auto 0;
}

#original .flex,
#comicalization .flex,
#naming .flex {
  align-items: center;
}

.department_image {
  width: 28%;
  max-width: 300px;
}

.department_summary {
  width: 67%;
  border-top: 2px solid var(--color-brand);
  border-bottom: 2px solid var(--color-brand);
  padding: .3rem 0 .5rem;
}

.department_summary_text {
  padding-left: 1rem;
}

.extra_prize01 {
  border-top: 1px solid var(--color-brand);
  border-bottom: 1px solid var(--color-brand);
  padding: .3rem 0 .5rem;
}

.extra_prize02 {
  padding-top: .5rem;
}

.extra_prize01_text {
  font-size: 2.6rem;
  font-weight: 600;
}

.extra_prize01_icon,
.extra_prize02_icon {
  width: 15%;
}

.extra_prize01_icon img {
  max-width: 78px;
  display: block;
  margin: auto;
}

.extra_prize02_icon img {
  max-width: 61px;
  display: block;
  margin: auto;
}

.extra_prize01_text,
.extra_prize02_text {
  width: 84%;
  display: flex;
  align-items: center;
}

.extra_prize02 {
  font-size: 1.5rem;
  font-weight: 600;
}

.novel_list {
  max-width: 1000px;
  margin: auto;
}

.novel_list li {
  width: 48%;
}

#department .small02 {
  font-size: 0.7em;
}

#common_awards {
  background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/c/comic-earthstar/20240617/20240617175320.png);
  padding: 2rem;
}

#common_awards h3 {
  font-size: 2.6rem;
  text-align: center;
  position: relative;
  padding-bottom: 2rem;
}

#common_awards h3::before{
  content: "";
  position: absolute;
  background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/c/comic-earthstar/20240617/20240617175307.png) no-repeat;
  height: 20px;
  width: 400px;
  background-size: contain;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

#common_awards .extra_prize01 {
  border-top: none;
  justify-content: center;
  padding-bottom: 1rem;
  max-width: 600px;
  margin: auto;
}

#common_awards .extra_prize01_icon {
  margin-right: 2rem;
}

#common_awards .extra_prize02 {
  justify-content: center;
  max-width: 600px;
  margin: auto;
}

#common_awards .extra_prize02_icon {
    width: 10%;
    margin: 0 auto 0 0;
}

#common_awards .extra_prize01_text,
#common_awards .extra_prize02_text {
  width: auto;
}



/* entry */
.bg {
    background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/c/comic-earthstar/20240617/20240617175311_original.png) bottom;
    background-size: 30rem;
    padding-bottom: 3rem;
}
#entry {
    width: 90%;
    max-width: 1200px;
    margin: auto;
    padding: 1.5rem 0 6rem;
}

#entry h2 {
  color: var(--color-white);
}

.entry_list {
  background: var(--color-white);
  padding: 3rem;
}

.entry_list > li {
  max-width: 1000px;
  margin: auto;
}

.entry_list h3 {
  position: relative;
  padding-bottom: .3rem;
  font-size: 2.4rem;
  text-align: center;
}

.entry_list h3::before {
    content: "";
    position: absolute;
    background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/c/comic-earthstar/20240617/20240617175307.png) no-repeat;
    height: 10px;
    width: 300px;
    background-size: contain;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.entry_list ol {
    margin: 1rem auto 0;
    max-width: 600px;
}

.entry_list li {
    line-height: 2.4;
    text-align: center;
}

.ently_btn a {
  display: block;
  width: 20rem;
  margin: auto;
  background: var(--color-brand);
  color: var(--color-white);
  border: 2px solid #27acd9;
  text-align: center;
  font-size: 1.6rem;
  padding: 1rem;
  position: relative;
}

.ently_btn a::after {
  content: "\025b6";
  position: absolute;
  top: 50%;
  left: 2rem;
  transform: translateY(-50%);
  font-size: .8rem;
}

.ently_btn a:hover {
  color: #27acd9;
  background: var(--color-white);
  transition: .4s;
}

.addressee {
  background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/c/comic-earthstar/20240617/20240617175320.png);
  padding: 1rem;
  max-width: 600px;
  margin: auto;
}

.addressee p {
  text-align: center;
  line-height: 1.6;
}


/* schedule */
#schedule {
    background: var(--color-white);
    padding: 1.5rem 0 3rem;
}

#schedule h2 {
    color: var(--color-brand);
    padding-bottom: 1rem;
    position: relative;
}

#schedule h2::before {
    content: "";
    position: absolute;
    background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/c/comic-earthstar/20240617/20240617175307.png) no-repeat;
    height: 10px;
    width: 300px;
    background-size: contain;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

#schedule h2 .small {
    color: var(--color-black);
}

.schedule_list h3 {
  text-align: center;
  font-size: 2.4rem;
}

.schedule_list p {
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
}

.schedule_list p .small {
  font-size: .8rem !important;
}


/* footer */
#esc_award_footer img {
  display: block;
  max-width: 300px;
  margin: auto;
}

a.page_top {
  display: flex;
  width: 4rem;
  height: 4rem;
  justify-content: center;
  align-items: center;
  color: var(--color-brand);
  background: var(--color-white);
  border-radius: 50%;
  box-shadow: 3px 3px 16px rgba(000, 000, 000, .2);
  position: relative;
  font-size: .9em;
  line-height: 1.2;
  text-align: center;
  transition: .4s;
  opacity: 0;
  visibility: hidden;
}

a.page_top.active {
    opacity: 1;
    visibility: visible;
}

a.page_top::after {
  content: "\025b2";
  font-size: .6rem;
  position: absolute;
  top: 4%;
  left: 50%;
  transform: translateX(-50%);
}

a.page_top:hover {
  margin-bottom: 1rem;
  transition: .5s;
}

.fixed_bottom {
  position: fixed;
  right: 3%;
  bottom: 3%;
  z-index: 99999;
}

/*発表ページimdex*/
#result_oubo_wrap iframe {
    width: 100vw;
    height: 64rem;
}
#result_oubo {
    font-size: 16px;
}
#result_oubo h2 {
    text-align: center;
    font-size: 3rem;
}
#result_oubo .small {
    font-size: 0.4em;
}
#result_oubo .schedule_list p {
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 450px) {
    #result_oubo_wrap iframe {
        height: 54.8rem;
    }
    #result_oubo h2 {
        font-size: 2rem;
    }
    #result_oubo #schedule .schedule_list p {
        font-size: 1.3rem;
    }
}

/*------------------------------------------------------
    responsive CSS
------------------------------------------------------*/
@media screen and (max-width: 450px) {
    /* ALL */
    body {
     overflow-x: hidden;
    }

    .sp_only {
        display: block;
     }

    .pc_only {
        display: none;
    }
  
    #maincontents * {
        font-size: 14px;
    }


    /* FONT */
    #maincontents h2 {
        font-size: 2rem;
    }

    #maincontents .kerning {
      font-size: 1em;
    }


    /* margin */
    .mat02 {margin-top: 1rem!important;}
    .mat04 {margin-top: 2rem!important;}
    .mat06 {margin-top: 3rem!important;}


    /* mainvisual */
    .mainvisual_summary {
        background-size: 24rem;
    }

    #maincontents h1 {
        font-size: .5rem;
    }

    .mainvisual_image {
        height: 6.8rem;
        position: relative;
    }

    .mainvisual_image_data {
        max-width: 50vw;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0;
    }

    .mainvisual_summary {
        padding: 2rem 1rem;
    }

    #mainvisual h2 {
        font-size: 1.8rem;
        line-height: 1.4;
    }

    
    /* esc_award_nav */
    #esc_award_nav li {
        border-left: 0.5px solid #005eec;
        border-right: 0.5px solid #005eec;
        height: 4rem;
    }

    #esc_award_nav li a {
        padding: 1rem .5rem;
        border: none;
        font-size: .9rem;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #esc_award_nav li:first-child {
        border-left: none;
    }
      
    #esc_award_nav li:last-child {
        border-right: none;
    }
  
  
    /* department */
    #department {
        padding: .5rem 0 2rem;
    }

    #department h2 .color_blue {
        font-size: 2rem;
    }

    #department h3 {
        font-size: 1.4rem;
        text-align: center;
    }

    .department_list {
        width: 100%;
        margin: 2rem auto 0;
    }

    #original .flex,
    #comicalization .flex,
    #naming .flex {
        flex-wrap: wrap;
    }
  
    .department_image {
        width: 100%;
        max-width: 450px;
    }
  
    .department_summary {
        width: 100%;
        border-top: none;
        border-bottom: none;
        padding: 1rem;
    }

    .department_summary_text {
        padding-left: 0;
    }

    .department_summary_text p {
        margin-top: 1rem;
    }


    .extra_prize01 {
        padding: .5rem 0 .7rem;
    }

    #department .extra_prize01 p {
        font-size: 1.6rem;
    }

    #department .extra_prize02 p {
        font-size: .95rem;
      }

    .extra_prize02 {
        border-bottom: 1px solid var(--color-brand);
        padding-bottom: .7rem;
    }
  
    .extra_prize01_icon,
    .extra_prize02_icon {
        width: 10%;
    }

    .extra_prize01_text,
    .extra_prize02_text {
        width: 86%;
    }
  

    .novel_list li {
        margin: 0 1rem;
        width: 100%;
    }

    .novel_list li:first-child {
        margin-bottom: 1rem;
    }
  
    #naming {
        margin-top: 3rem!important;
    }
  
  
    #common_awards {
        padding: 1rem;
    }
  
    #common_awards h3 {
        font-size: 1.8rem;
        padding-bottom: 1rem;
    }
    #common_awards h3::before{
        height: 10px;
        width: 300px;
    }

    #common_awards .extra_prize01 {
        padding: 1rem 0 1.4rem;
    }

    #common_awards .extra_prize02 {
        justify-content: space-between;
        max-width: 63vw;
        margin: auto;
    }
  
    #common_awards .extra_prize01_icon,
    #common_awards .extra_prize02_icon {
        margin-right: 1rem;
    }

    #common_awards .extra_prize02_icon {
        width: 20%;
    }
    
    #common_awards .extra_prize02_text {
        width: 76%;
    }

    #common_awards .extra_prize02 {
        border-bottom: none;
        align-items: center;
    }

    #common_awards .extra_prize02_text p {
        font-size: .95rem;
    }


    /* entry */
    .bg {
        background-size: 26rem;
        padding: 0 0 2rem;
    }
  
    #entry {
        max-width: 90vw;
        margin: auto;
        padding: .5rem 0 2rem;
    }

    .entry_list {
        padding: 1rem 1rem 2rem;
    }
  
    #entry .entry_list h3 {
        font-size: 1.6rem;
        padding-bottom: 1rem;
    }
  
    .entry_list li {
        line-height: 1.8;
    }
  
    #entry .ently_btn a {
        width: 70vw;
        font-size: 1.2rem;
    }

    .addressee {
        margin: auto auto 1.5rem;
    }


    /* schedule */
    #schedule {
        padding: .5rem 1rem 2rem;
    }

    #schedule .schedule_list h3 {
        font-size: 1.6rem;
    }
  
    .schedule_list {
        padding-top: 0;
    }

    .schedule_list li:nth-child(2) {
        margin-top: 2rem!important;
    }
  
    #schedule .schedule_list p {
        font-size: 1.3rem;
    }
  

    /* footer */
    #esc_award_footer img {
        max-width: 60vw;
    }

    a.page_top:hover {
        margin-bottom: 0;
    }
}


/*------------------------------------------------------
    customize CSS -- RESULT --
------------------------------------------------------*/
/* padding */
.pat03 {padding-top: 3rem;}


/* result_title */
.result_title {
    background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/c/comic-earthstar/20240619/20240619111623.png);
    background-size: 30rem;
}

.result_title h2 {
    color: var(--color-white);
    padding: 0 1rem 2rem;
}


/* result_list */
.result_list_title {
  background: var(--color-white);
  padding: .5rem 1rem 1rem;
}

#result_page .result_list_title h3 {
  font-size: 2.6rem;
  text-align: center;
  padding-bottom: .5rem;
  position: relative;
}

#result_page .result_list_title h3::before {
  content: "";
  position: absolute;
  background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/c/comic-earthstar/20240617/20240617175307.png) no-repeat;
  height: 10px;
  width: 300px;
  background-size: contain;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.result_list_wrap {
    background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/c/comic-earthstar/20240617/20240617175311_original.png) center;
    background-size: 30rem;
    padding: 2rem 1rem 2rem;
}

.result_list_inner {
    width: 90%;
    max-width: 900px;
    margin: auto;
}

#result_page .comment {
    background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/c/comic-earthstar/20240617/20240617175320.png);
    padding: 1rem 6rem 3rem;
    margin-top: -5px;
}

#result_page .comment h4 {
    font-size: 2.6rem;
    text-align: center;
    padding-bottom: .5rem;
    position: relative;
}

#result_page .comment h4::before {
    content: "";
    position: absolute;
    background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/c/comic-earthstar/20240626/20240626111845.png) no-repeat;
    height: 10px;
    width: 300px;
    background-size: contain;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}


/* schedule */
.ently_btn.__long a {
    width: 28rem;
}

#schedule.schedule_re {
  padding-top: 0;
}

#schedule.schedule_re h3 {
  line-height: 1;
}


/* result */
#result {
  background: var(--color-black);
  color: var(--color-white);
  margin: auto;
  padding: 2rem 3rem 4rem;
}

#result h2 {
  position: relative;
  padding-bottom: 1rem;
}

#result h2::before {
  content: "";
  position: absolute;
  background: url(https://www.earthstar.co.jp/ces/esc_award/line_wh.png) no-repeat;
  height: 10px;
  width: 300px;
  background-size: contain;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

#result .result_list {
  width: 90%;
  max-width: 1000px;
  margin: auto;
  flex-wrap: wrap;
  justify-content: space-between;
}

#result .result_list li {
  width: calc((100% - 4em)/3);
  /*margin-right: 2em;*/
  margin-bottom: 1em;
}

/*#result .result_list li:nth-child(3) {
  margin-right: 0;
}*/

#result .result_list li:nth-child(4),
#result .result_list li:nth-child(5),
#result .result_list li:nth-child(6) {
  margin-bottom: 0;
}

#result .result_list li a {
  display: block;
  font-size: 1.6rem;
  text-align: center;
  font-weight: 600;
  padding: 1rem 0;
  border: 2px solid #27acd9;
  background: #27acd9;
  color: var(--color-white);
  position: relative;
  transition: .4s;
}

#result .result_list li a::after {
  content: "\025b6";
  position: absolute;
  top: 50%;
  left: 1.5rem;
  transform: translateY(-50%);
  font-size: .8rem;
  color: var(--color-white);
}

#result .result_list li a:hover {
  transition: .4s;
  background: var(--color-white);
  color: #27acd9;
}

#result .result_list li a:hover::after {
  color: #27acd9;
}

/*precautions*/
.precautions {
  max-width: 900px;
  width: 90%;
  margin: auto;
  border: #ccc dotted 1px;
  padding: 1rem;
}

#entry .precautions h4 {
  font-size: 1.4rem;
}

.precautions li {
  font-size: .9em;
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
  line-height: 1.6;
}


/*------------------------------------------------------
    responsive CSS
------------------------------------------------------*/
@media screen and (max-width: 450px) {
  .result_title {
    background-size: 26rem;
  }

  /* result_list */
    #result_page h2 {
      font-size: 2.4rem;
    }

    #result_page .result_list_title h3 {
      font-size: 2.2rem;
    }

    #result_page .comment h4 {
      font-size: 1.8rem;
    }

    #result_page .result_list_title p {
      font-size: .7rem;
    }

    .result_list_wrap {
      background-size: 26rem;
      padding: 1.5rem 0;
    }

    .result_list_inner {
      width: 100%;
  }
    
    #result_page .comment {
        padding: 1rem 0 3rem;
    }


    /* 続きを読む */
    #result_page .comment {
      position: relative;
    }
    #result_page .comment label {
      position: absolute;
      z-index: 1;
      bottom: 0;
      width: 100%;
      height: 120px;
      cursor: pointer;
      text-align: center;
      background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(240, 238, 232, 0.95) 60%);
    }
    #result_page .comment input:checked + label {
      background: inherit;
    }
    #result_page .comment label:after {
      line-height: 2.5rem;
      position: absolute;
      z-index: 2;
      bottom: 20px;
      left: 50%;
      width: 16rem;
      font-family: FontAwesome;
      content: '\f107'' 続きをよむ';
      transform: translate(-50%, 0);
      letter-spacing: 0.05em;
      color: #ffffff;
      border-radius: 20px;
      background-color: rgba(27, 37, 56, 1);
    }
    #result_page .comment input {
      display: none;
    }
    #result_page .comment .cp_container {
      overflow: hidden;
      height: 220px;
      transition: all 0.5s;
      width: 90%;
      margin: auto;
    }

    #result_page .comment .cp_container p {
      font-size: 12px!important;
      line-height: 1.8;
    }

    #result_page .comment input:checked + label {
      /* display: none ; 閉じるボタンを消す場合解放 */
      height: 60px;
    }
    #result_page .comment input:checked + label:after {
      font-family: FontAwesome;
      content: '\f106'' 閉じる';
    }
    #result_page .comment input:checked ~ .cp_container {
      height: auto;
      padding-bottom: 2rem;
      transition: all 0.5s;
    }


    /* schedule */
  .ently_btn.__long a {
    width: 80vw;
    font-size: 1rem !important;
    padding-left: 2rem;
  }

  /* result */
  #result {
    padding: 2rem 2rem 4rem;
  }
  #result .result_list {
    width: 100%;
    justify-content: space-between;
  }

  #result .result_list li {
    width: calc((100% - 2em)/2);
    margin-right: 0;
    margin-bottom: 1rem;
  }

  #result .result_list li:last-child {
    margin-bottom: 0;

  }

  #result .result_list li a {
    font-size: 1.2rem;
  }

  /*precautions*/
  #entry .precautions h4 {
    font-size: 1.2rem;
  }

}