@charset 'euc-jp';

/* Layout
 *********************************** */
div,
li,
p {
  background: rgba(255, 255, 255, .01);
}

.container {
  min-width: 980px;
  line-height: 1.45;
  font-family: '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3', 'Hiragino Kaku Gothic Pro', '¥á¥¤¥ê¥ª', Meiryo, '£Í£Ó £Ð¥´¥·¥Ã¥¯', 'MS PGothic', sans-serif;
  font-size: 22px;
}

.breadcrumb {
  margin-right: auto;
  margin-left: auto;
  width: 980px;
  line-height: 2.25;
  font-size: 16px;
}

#navigation li {
  float: left;
  line-height: 1;
}

.content-wrap {
  margin: 12px auto 42px;
  width: 980px;
  text-align: center;
}

/* Page Header
 *********************************** */
.page-header__wrapper {
  width: 100%;
  background-color: #000;
}

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

/* Page Title
 *********************************** */
.page-title {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: 980px;
}

.page-title__message {
  position: absolute;
  z-index: 80000;
  width: 100%;
  text-align: center;
}

.page-title__title {
  position: relative;
  z-index: 90000;
}

.page-title__term {
  line-height: 48px;
  font-size: 24px;
  font-weight: bold;
  background: url('https://www.maru-jan.com/image/event/2019/hatsuuchi/event/bg_02.png') center top no-repeat;
}

.page-title__nav {
  text-align: center;
}

.page-title__nav .item {
  display: inline-block;
}

/* Section 02
 *********************************** */
.section-02 {
  position: relative;
  margin-top: 154px;
}

.section-02__title {
  position: absolute;
  top: -154px;
}

/* Sections
 *********************************** */
.section {
  background: url('https://www.maru-jan.com/image/event/2019/hatsuuchi/common/bg_repeat_01.jpg') repeat-y left top;
}

.section:after {
  content: url('https://www.maru-jan.com/image/event/2019/hatsuuchi/common/bg_container_bottom.jpg');
}

.bg-section02-button {
  background: url('https://www.maru-jan.com/image/event/2019/hatsuuchi/event/bg-section02-button.png') no-repeat center bottom;
}

.text {
  margin-bottom: 24px;
  font-size: 30px;
}

.text-strong {
  margin-bottom: 24px;
  font-size: 24px;
}

.text-area {
  margin: 0 auto 24px;
  width: 760px;
  line-height: 1.63;
  font-size: 22px;
  text-align: left;
}

.text-area--02 {
  margin: 0 auto 24px;
  width: 780px;
  line-height: 1.63;
  font-size: 22px;
  text-align: left;
}

.section-03 .term {
  font-size: 24px;
  text-align: center;
}

.img-07 {
  position: absolute;
  right: 30px;
  bottom: 30px;
}

.attention {
  margin: 42px auto 0;
  width: 752px;
  font-size: 21px;
  text-align: left;
  background: #efedc8;
  background: rgba(239, 237, 200, .5);
}

.attention p {
  padding: 26px 0 16px;
  text-align: center;
}

.attention ul {
  padding: 0 0 24px 42px;
}

.attention li {
  list-style-type: disc;
}

/* Result
 *********************************** */
.result {
  margin: 0 auto;
  padding-top: 35px;
  width: 920px;
  font-size: 26px;
  background: url('https://www.maru-jan.com/image/event/2017/0101_hatsuuchi/event/bg_repeat_result.jpg') repeat-y left top;
}

.result:after {
  content: url('https://www.maru-jan.com/image/event/2017/0101_hatsuuchi/event/bg_result_bottom.jpg');
}

.result-list-title {
  margin-bottom: 10px;
  font-size: 25px;
  font-weight: bold;
}

.result-list-data {
  float: left;
  padding-left: 108px;
  width: 264px;
  line-height: 1.71;
  font-size: 28px;
}

.result-list-data:after {
  content: 'ÈÖ';
}

.result-list-data-02 {
  float: left;
  padding-left: 108px;
  line-height: 1.71;
  font-size: 28px;
}

/* Atomic CSS
 *********************************** */
.list-kome {
  position: relative;

  line-break: strict;
  overflow-wrap: break-word;
}

.list-kome:before {
  position: absolute;
  top: 0;
  left: -1em;
  content: '¢¨';
}

.mb-12px {
  margin-bottom: 12px;
}

.mb-24px {
  margin-bottom: 24px;
}

.pos-r {
  position: relative;
}

.va-b {
  vertical-align: bottom;
}