@charset 'euc-jp';

/* Fixed Background Image for iOS
 *********************************** */
.fixed-bg::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  background: url('https://www.maru-jan.com/image/event/2019/sanshosen/bg_01.jpg') center top no-repeat;
  background-size: 160%;
  background-color: #000;
}

.fixed-bg .container {
  background: none !important;
}

/* Layout
 *********************************** */
.container div,
.container p,
.container h1,
.container h2,
.container h3,
.container h4,
.container h5,
.container h6,
.container ol,
.container ul,
.container li,
.container dl,
.container dt,
.container dd {
  box-sizing: border-box;
}

@media screen and (max-width:980px) {
  .container {
    width: 100%;
    min-width: 980px;
    color: #fff;
    background: url('https://www.maru-jan.com/image/event/2019/sanshosen/bg_01.jpg') center top no-repeat fixed #2d0000;
  }
}

@media screen and (min-width:981px) {
  .container {
    width: 100%;
    min-width: 980px;
    color: #fff;
    background: url('https://www.maru-jan.com/image/event/2019/sanshosen/bg_01.jpg') center top/cover no-repeat fixed #2d0000;
  }
}

.page-header__wrapper {
  padding-bottom: 24px;
  background: url('https://www.maru-jan.com/image/event/2019/sanshosen/bg_page_header.png') center bottom repeat-x;
}

.page-header {
  margin-right: auto;
  margin-left: auto;
  width: 980px;
}

.breadcrumb {
  line-height: 2;
  font-size: 18px;
}

.page-footer {
  width: 100%;
  background-color: #fff;
}

a:link,
a:visited,
a:hover,
a:active {
  color: #fff;
}

/* Article and Sections
 *********************************** */
.article {
  line-height: 1.8;
  font-family: 'ÞâÌÀÄ«ÂÎ', 'Yu Mincho', YuMincho, '¥Ò¥é¥®¥ÎÌÀÄ« Pro W3', 'HGÌÀÄ«E', '£Í£Ó £ÐÌÀÄ«', '£Í£Ó ÌÀÄ«', serif;
  font-size: 20px;
  letter-spacing: 2px;

  line-break: strict;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
}

.article a:link,
.article a:visited,
.article a:hover,
.article a:active {
  text-decoration: none;
  color: #ffea00;
}

.section-title__term {
  margin-top: -24px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 96px;
  width: 842px;
  height: 274px;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -1px;
  background: url('https://www.maru-jan.com/image/event/2019/sanshosen/bg_05.png') center top no-repeat;
}

.section-event,
.section-prize,
.section-bonus {
  position: relative;
  margin-top: -24px;
}

.section__title {
  padding-top: 144px;
  height: 290px;
  background: url('https://www.maru-jan.com/image/event/2019/sanshosen/bg_03_01.png') center top no-repeat;
}

.section__content {
  padding-bottom: 144px;
  background: url('https://www.maru-jan.com/image/event/2019/sanshosen/bg_03_02.png') center bottom no-repeat;
}

.section__list {
  margin-right: auto;
  margin-left: auto;
  width: 456px;
  letter-spacing: -1px;
}

.section-prize__list {
  text-align: center;
}

.section-prize__list .item {
  display: inline-block;
}

.section-event__text {
  top: -12px;
}

.section-notes {
  margin-top: -96px;
}

.section-notes::before {
  content: '';
  display: block;
  width: 100%;
  height: 136px;
  background: url('https://www.maru-jan.com/image/event/2019/sanshosen/bg_02.png') center top repeat-x;
}

.section-notes__block {
  padding-bottom: 96px;
  background-color: rgba(0, 0, 0, 0.84);
}

.section-notes__button {
  margin-bottom: 96px;
}

.section-notes__box {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-top: 24px;
  padding-bottom: 24px;
  width: 924px;
  background: url('https://www.maru-jan.com/image/event/2019/sanshosen/bg_04_02.png') center top repeat-y #000;
}

.section-notes__box::before {
  position: absolute;
  top: -20px;
  content: url('https://www.maru-jan.com/image/event/2019/sanshosen/bg_04_01.png');
}

.section-notes__box::after {
  position: absolute;
  bottom: -20px;
  content: url('https://www.maru-jan.com/image/event/2019/sanshosen/bg_04_03.png');
}

.section-notes__notes {
  margin-right: auto;
  margin-left: auto;
  width: 720px;
}

/* Atomic CSS
 *********************************** */
.c-\#ffea00 {
  color: #ffea00;
}

.c-\#fffd64 {
  color: #fffd64;
}

.fz-28px {
  font-size: 28px;
}

.c-\#ffa19a {
  color: #ffa19a;
}

.c-\#9dc9ff {
  color: #9dc9ff;
}

.c-\#ffd97e {
  color: #ffd97e;
}

.lts--12px {
  letter-spacing: -12px;
}

.lh-1\.3 {
  line-height: 1.3;
}

.lh-1\.5 {
  line-height: 1.5;
}

.top--12px {
  top: -12px;
}