/* ============================================
 * crs
 * ============================================ */
/* ============================================
 * 初期設定
 * ============================================ */
/* --------------------------------------------
 * .side-contents .division > h3, .side-contents .division > header.h3
 * -------------------------------------------- */
.side-contents .division > h3 {
  background-color: #26499d;
  background-image: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0.225), rgba(255, 255, 255, 0.15));
  background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.225), rgba(255, 255, 255, 0.15));
  background-image: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0.225), rgba(255, 255, 255, 0.15));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.225), rgba(255, 255, 255, 0.15));
  text-shadow: 1px 1px 0 #26499d, -1px 1px 0 #26499d, 1px -1px 0 #26499d, -1px -1px 0 #26499d, 1px 0 0 #26499d, -1px 0 0 #26499d, 0px 1px 0 #26499d, 0px -1px 0 #26499d;
  position: relative;
}
.side-contents .division > header.h3 {
  background-color: #26499d;
  background-image: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0.225), rgba(255, 255, 255, 0.15));
  background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.225), rgba(255, 255, 255, 0.15));
  background-image: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0.225), rgba(255, 255, 255, 0.15));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.225), rgba(255, 255, 255, 0.15));
  position: relative;
}
.side-contents .division > header.h3 > h3 {
  text-shadow: 1px 1px 0 #26499d, -1px 1px 0 #26499d, 1px -1px 0 #26499d, -1px -1px 0 #26499d, 1px 0 0 #26499d, -1px 0 0 #26499d, 0px 1px 0 #26499d, 0px -1px 0 #26499d;
}
.side-contents .division > header.h3 > h3 ~ * {
  text-shadow: 1px 1px 0 #26499d, -1px 1px 0 #26499d, 1px -1px 0 #26499d, -1px -1px 0 #26499d, 1px 0 0 #26499d, -1px 0 0 #26499d, 0px 1px 0 #26499d, 0px -1px 0 #26499d;
}
.side-contents .division > h3::before, .side-contents .division > header.h3::before {
  background-image:
  linear-gradient(to bottom right, transparent 45%, rgba(255, 255, 255, 0.15) 45%),
  linear-gradient(to bottom right, transparent 45%, #26499d 45%);
  background-size: auto auto;
  background-position: 0 0;
  position: absolute;
  bottom: -0.675rem;
  left: 12%;
  width: 1.2rem;
  height: 1.2rem;
  border-bottom: 1px solid #a7d28d;
  border-right: 1px solid #a7d28d;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.side-contents .division > h3::after, .side-contents .division > header.h3::after {
  background-image:
  linear-gradient(to bottom right, transparent 45%, rgba(255, 255, 255, 0.15) 45%),
  linear-gradient(to bottom right, transparent 45%, #26499d 45%);
  background-size: auto auto;
  background-position: 0 0;
  position: absolute;
  bottom: -0.575rem;
  left: 12%;
  width: 1.2rem;
  height: 1.2rem;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
/* ============================================
 * 汎用設定
 * ============================================ */
/* ============================================
 * 画面設定
 * ============================================ */
/* --------------------------------------------
 * data-main
 * -------------------------------------------- */
/* --------------------------------------------
 * .sequence
 * -------------------------------------------- */
/* --------------------------------------------
 * .backgrounds
 * -------------------------------------------- */
/* --------------------------------------------
 * .screens
 * -------------------------------------------- */
/* --------------------------------------------
 * .main
 * -------------------------------------------- */
.main {
  min-height: 1200px;
}
.main:before {
  background-image:
  linear-gradient(to bottom, rgba(255, 255, 255, 0.875), rgba(255, 255, 255, 0.925) 200px, rgba(255, 255, 255, 0.925) 100%),
  url("https://storage.googleapis.com/rozeslia/images/backgrounds/illust/3/background.png"),
  url("https://storage.googleapis.com/rozeslia/images/backgrounds/illust/3/loop.png");
  background-size:  auto auto, 100vw auto, 100vw auto;
  background-position: 0 0, center calc(calc(100vw / 1320) * 100 * -1), center calc(calc(100vw / 1320) * 800);
  background-repeat: no-repeat, no-repeat, repeat-y;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.75) inset, 0 -4px 4px -3px rgba(0, 0, 0, 0.1) inset;
  z-index: -1;
  content: "";
}
/* --------------------------------------------
 * .header
 * -------------------------------------------- */
.header {
  background-image:
  url("https://storage.googleapis.com/rozeslia/images/images/characters/headers/3/min/image.png"),
  linear-gradient(to bottom, rgba(234, 234, 255, 0.875), rgba(255, 255, 255, 0.925) 75%),
  url("https://storage.googleapis.com/rozeslia/images/backgrounds/illust/3/background.png"),
  url("https://storage.googleapis.com/rozeslia/images/backgrounds/illust/3/loop.png");
  background-size:  360px 270px, auto auto, 100vw auto, 100vw auto;
  background-position: 75% -75px, 0 0, center calc(calc(100vw / 1320) * 100 * -1), center calc(calc(100vw / 1320) * 800);
  background-repeat: no-repeat, no-repeat, no-repeat, repeat-y;
}
.header h1 > a {
  background-image: url("https://storage.googleapis.com/rozeslia/images/logos/crs/min/logo.png");
  width: 339.2px;
  height: 40px;
}
*[data-id="header"] {
  height: 200px;
}
@media all and (min-width: 960px) and (max-width: 1279.9px) {
  .header h1 > a {
    width: 339.2px;
    height: 40px;
  }
  *[data-id="header"] {
    height: 200px;
  }
}
@media all and (min-width: 600px) and (max-width: 959.9px) {
  .header {
    background-position: 100% -75px, 0 0, center calc(calc(100vw / 1320) * 100 * -1), center calc(calc(100vw / 1320) * 800);
  }
  .header h1 > a {
    width: 339.2px;
    height: 40px;
  }
  *[data-id="header"] {
    height: 225px;
  }
}
@media all and (max-width: 599.9px) {
  .header {
    background-position: 50% -50px, 0 0, center calc(calc(100vw / 1320) * 100 * -1), center calc(calc(100vw / 1320) * 800);
  }
  .header h1 > a {
    width: 254.4px;
    height: 30px;
  }
  *[data-id="header"] {
    height: 250px;
  }
  @media all and (max-width: 479.9px) {
    *[data-id="header"] {
      height: 300px;
    }
  }
}
/* --------------------------------------------
 * .footer
 * -------------------------------------------- */
.footer {
  border-top: 1px solid #d4d9dc;
}
/* --------------------------------------------
 * .fadelink
 * -------------------------------------------- */
.fadelink {
  background-color: #26499d;
}
/* ============================================
 * 画面個別設定
 * ============================================ */
/* ============================================
 * 拡張設定 [CURATIONS][CURATIONS_BOARDS_IFRAME]
 * ============================================ */
/* --------------------------------------------
 * data-main
 * -------------------------------------------- */
*[data-domain="CURATIONS"][data-address-name="CURATIONS_BOARDS_IFRAME"][data-main] {
  background-image: none;
  min-height: auto;
}
/* --------------------------------------------
 * .main
 * -------------------------------------------- */
*[data-domain="CURATIONS"][data-address-name="CURATIONS_BOARDS_IFRAME"] .main {
  min-height: auto;
  padding-bottom: 0;
  box-shadow: none;
}
*[data-domain="CURATIONS"][data-address-name="CURATIONS_BOARDS_IFRAME"] .main:before {
  display: none;
}
*[data-domain="CURATIONS"][data-address-name="CURATIONS_BOARDS_IFRAME"] .main:after {
  display: none;
}
*[data-domain="CURATIONS"][data-address-name="CURATIONS_BOARDS_IFRAME"] .main .main-area {
  max-width: none;
}
/* --------------------------------------------
 * .main-contents
 * -------------------------------------------- */
*[data-domain="CURATIONS"][data-address-name="CURATIONS_BOARDS_IFRAME"] .main-contents[data-scrolling="yes"] {
  margin-right: 16px;
}
/* ============================================
 * 拡張設定 [CURATIONS][CURATIONS_BOARDS_CURATION]
 * ============================================ */
/* --------------------------------------------
 * *[data-id="contents"]
 * -------------------------------------------- */
*[data-domain="CURATIONS"][data-address-name="CURATIONS_BOARDS_CURATION"] *[data-id="contents"] {
  margin-bottom: 120px;
}
/* --------------------------------------------
 * .main-contents
 * -------------------------------------------- */
*[data-domain="CURATIONS"][data-address-name="CURATIONS_BOARDS_CURATION"] .main-contents > header.h2 > h2, *[data-domain="CURATIONS"][data-address-name="CURATIONS_BOARDS_CURATION"] .main-contents .division > header.h2 > h2 {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 4.8rem;
  letter-spacing: 0.4rem;
}
@media all and (min-width: 600px) and (max-width: 959.9px) {
  *[data-domain="CURATIONS"][data-address-name="CURATIONS_BOARDS_CURATION"] .main-contents > header.h2 > h2, *[data-domain="CURATIONS"][data-address-name="CURATIONS_BOARDS_CURATION"] .main-contents .division > header.h2 > h2 {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 3.6rem;
    letter-spacing: 0.3rem;
  }
}
@media all and (max-width: 599.9px) {
  *[data-domain="CURATIONS"][data-address-name="CURATIONS_BOARDS_CURATION"] .main-contents > header.h2 > h2, *[data-domain="CURATIONS"][data-address-name="CURATIONS_BOARDS_CURATION"] .main-contents .division > header.h2 > h2 {
    font-size: 2.0rem;
    font-weight: 400;
    font-family: "Kosugi Maru", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
    line-height: 3.0rem;
    letter-spacing: 0.3rem;
  }
}
/* ============================================
 * 拡張設定 [CURATIONS][CURATIONS_BOARDS_COMMENTS]
 * ============================================ */
/* --------------------------------------------
 * .main-contents
 * -------------------------------------------- */
*[data-domain="CURATIONS"][data-address-name="CURATIONS_BOARDS_COMMENTS"] .main-contents > header.h2 > h2, *[data-domain="CURATIONS"][data-address-name="CURATIONS_BOARDS_COMMENTS"] .main-contents .division > header.h2 > h2 {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 4.8rem;
  letter-spacing: 0.4rem;
}
@media all and (min-width: 600px) and (max-width: 959.9px) {
  *[data-domain="CURATIONS"][data-address-name="CURATIONS_BOARDS_COMMENTS"] .main-contents > header.h2 > h2, *[data-domain="CURATIONS"][data-address-name="CURATIONS_BOARDS_COMMENTS"] .main-contents .division > header.h2 > h2 {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 3.6rem;
    letter-spacing: 0.3rem;
  }
}
@media all and (max-width: 599.9px) {
  *[data-domain="CURATIONS"][data-address-name="CURATIONS_BOARDS_COMMENTS"] .main-contents > header.h2 > h2, *[data-domain="CURATIONS"][data-address-name="CURATIONS_BOARDS_COMMENTS"] .main-contents .division > header.h2 > h2 {
    font-size: 2.0rem;
    font-weight: 400;
    font-family: "Kosugi Maru", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
    line-height: 3.0rem;
    letter-spacing: 0.3rem;
  }
}
/* ============================================
 * 拡張設定 [CURATIONS][CURATIONS_TWEETS_CURATION]
 * ============================================ */
/* --------------------------------------------
 * *[data-id="contents"]
 * -------------------------------------------- */
*[data-domain="CURATIONS"][data-address-name="CURATIONS_TWEETS_CURATION"] *[data-id="contents"] {
  margin-bottom: 120px;
}
/* --------------------------------------------
 * .main-contents
 * -------------------------------------------- */
*[data-domain="CURATIONS"][data-address-name="CURATIONS_TWEETS_CURATION"] .main-contents > header.h2 > h2, *[data-domain="CURATIONS"][data-address-name="CURATIONS_TWEETS_CURATION"] .main-contents .division > header.h2 > h2 {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 4.8rem;
  letter-spacing: 0.4rem;
}
@media all and (min-width: 600px) and (max-width: 959.9px) {
  *[data-domain="CURATIONS"][data-address-name="CURATIONS_TWEETS_CURATION"] .main-contents > header.h2 > h2, *[data-domain="CURATIONS"][data-address-name="CURATIONS_TWEETS_CURATION"] .main-contents .division > header.h2 > h2 {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 3.6rem;
    letter-spacing: 0.3rem;
  }
}
@media all and (max-width: 599.9px) {
  *[data-domain="CURATIONS"][data-address-name="CURATIONS_TWEETS_CURATION"] .main-contents > header.h2 > h2, *[data-domain="CURATIONS"][data-address-name="CURATIONS_TWEETS_CURATION"] .main-contents .division > header.h2 > h2 {
    font-size: 2.0rem;
    font-weight: 400;
    font-family: "Kosugi Maru", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
    line-height: 3.0rem;
    letter-spacing: 0.3rem;
  }
}
/* ============================================
 * 拡張設定 [CURATIONS][CURATIONS_TWEETS_COMMENTS]
 * ============================================ */
/* --------------------------------------------
 * .main-contents
 * -------------------------------------------- */
*[data-domain="CURATIONS"][data-address-name="CURATIONS_TWEETS_COMMENTS"] .main-contents > header.h2 > h2, *[data-domain="CURATIONS"][data-address-name="CURATIONS_TWEETS_COMMENTS"] .main-contents .division > header.h2 > h2 {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 4.8rem;
  letter-spacing: 0.4rem;
}
@media all and (min-width: 600px) and (max-width: 959.9px) {
  *[data-domain="CURATIONS"][data-address-name="CURATIONS_TWEETS_COMMENTS"] .main-contents > header.h2 > h2, *[data-domain="CURATIONS"][data-address-name="CURATIONS_TWEETS_COMMENTS"] .main-contents .division > header.h2 > h2 {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 3.6rem;
    letter-spacing: 0.3rem;
  }
}
@media all and (max-width: 599.9px) {
  *[data-domain="CURATIONS"][data-address-name="CURATIONS_TWEETS_COMMENTS"] .main-contents > header.h2 > h2, *[data-domain="CURATIONS"][data-address-name="CURATIONS_TWEETS_COMMENTS"] .main-contents .division > header.h2 > h2 {
    font-size: 2.0rem;
    font-weight: 400;
    font-family: "Kosugi Maru", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
    line-height: 3.0rem;
    letter-spacing: 0.3rem;
  }
}