@charset "UTF-8";
/* SASS Document */
/*　Conpornent
  　=====================================================*/
/*spacing*/
/* line 7, guide.scss */
.paddingNormal {
  padding: 16px !important;
}

/* line 8, guide.scss */
.paddingBottom8 {
  padding-bottom: 8px !important;
}

/* line 9, guide.scss */
.paddingBottom16 {
  padding-bottom: 16px !important;
}

/* line 10, guide.scss */
.paddingBottom32 {
  padding-bottom: 32px !important;
}

/* line 11, guide.scss */
.paddingBottom48 {
  padding-bottom: 48px !important;
}

/* line 12, guide.scss */
.marginNormal {
  margin: 16px !important;
}

/* line 13, guide.scss */
.marginBottom8 {
  margin-bottom: 8px !important;
}

/* line 14, guide.scss */
.marginBottom16 {
  margin-bottom: 16px !important;
}

/* line 15, guide.scss */
.marginBottom32 {
  margin-bottom: 32px !important;
}

/* line 16, guide.scss */
.marginBottom48 {
  margin-bottom: 48px !important;
}

/* line 17, guide.scss */
.marginTop8 {
  margin-top: 8px !important;
}

/* line 18, guide.scss */
.marginTop16 {
  margin-top: 16px !important;
}

/* line 19, guide.scss */
.marginTop32 {
  margin-top: 32px !important;
}

/* line 20, guide.scss */
.marginTop48 {
  margin-top: 48px !important;
}

/* line 22, guide.scss */
.backgroundColor_EFEFEF {
  background-color: #EFEFEF !important;
}

/* line 23, guide.scss */
.backgroundColor_F5F5FE {
  background-color: #F5F5FE !important;
}

/*typography*/
/* line 26, guide.scss */
.content_headingWrap, .content_contentsWrap {
  font-family: Roboto,sans-serif;
}

/* line 27, guide.scss */
.guide_typography_h1 {
  font-size: 2rem;
  font-weight: bold;
}

/* line 28, guide.scss */
.guide_typography_h2 {
  font-size: 1.8rem;
  font-weight: 600;
}

/* line 29, guide.scss */
.guide_typography_h3 {
  font-size: 1.6rem;
  font-weight: 600;
}

/* line 30, guide.scss */
.guide_typography_h4 {
  font-size: 1.4rem;
  font-weight: 600;
}

/* line 31, guide.scss */
.guide_typography_h5 {
  font-size: 1.2rem;
  font-weight: 600;
}

/* line 32, guide.scss */
.guide_typography_body {
  font-size: 1rem;
}

/* line 33, guide.scss */
.guide_typography_bodyMin {
  font-size: 0.8rem;
}

/* line 34, guide.scss */
.guide_typography_bodyMin2 {
  font-size: 0.6rem;
}

/* line 35, guide.scss */
.guide_typography_bold {
  font-weight: bold;
}

/* line 36, guide.scss */
.guide_typography_colorRED {
  color: #FF0004;
}

@media (max-device-width: 1199px) {
  /* line 41, guide.scss */
  .guide_typography_h1 {
    font-size: 1.2rem;
    font-weight: bold;
  }

  /* line 42, guide.scss */
  .guide_typography_h2 {
    font-size: 1.1rem;
    font-weight: 600;
  }

  /* line 43, guide.scss */
  .guide_typography_h3 {
    font-size: 1rem;
    font-weight: 600;
  }

  /* line 44, guide.scss */
  .guide_typography_h4 {
    font-size: .9rem;
    font-weight: 600;
  }

  /* line 45, guide.scss */
  .guide_typography_h5 {
    font-size: .8rem;
    font-weight: 600;
  }

  /* line 46, guide.scss */
  .guide_typography_body {
    font-size: .8rem;
  }

  /* line 47, guide.scss */
  .guide_typography_bodyMin {
    font-size: .6rem;
  }

  /* line 48, guide.scss */
  .guide_typography_bodyMin2 {
    font-size: 0.4rem;
  }
}
/*button arrow*/
/* line 51, guide.scss */
a.link_withArrow {
  display: block;
  text-decoration: none;
  color: #000;
  padding-right: 38px !important;
  position: relative;
  transform: .1s;
}

/* line 52, guide.scss */
a.link_withArrow:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-top: #AAA 2px solid;
  border-right: #AAA 2px solid;
  transform: rotate(45deg);
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -3px;
}

/* line 53, guide.scss */
a.link_withArrow:hover {
  background-color: #F2F2F2 !important;
  transition: .1s;
}

/* line 54, guide.scss */
a.link_withArrow:active {
  background-color: #CCCCCC !important;
  transition: .1s;
}

/*button*/
/* line 57, guide.scss */
a.guide_btnNormal:link {
  padding: 8px 16px;
  border-radius: 6px;
  border: 1px solid #DDD;
  box-sizing: border-box;
  text-decoration: none;
  transition: .2s;
  display: inline-block;
  width: 32%;
  margin: 0 1% 1% 0;
  background-color: #FFF;
}

/* line 58, guide.scss */
a.guide_btnNormal:visited {
  text-decoration: none;
  transition: .2s;
  border: 1px solid #DDD;
}

/* line 59, guide.scss */
a.guide_btnNormal:hover {
  text-decoration: none;
  background-color: #F2F2F2;
  transition: .2s;
  border: 1px solid #DDD;
}

/* line 60, guide.scss */
a.guide_btnNormal:active {
  text-decoration: none;
  background-color: #CCCCCC;
  transition: .2s;
  border: 1px solid #DDD;
}

/* line 61, guide.scss */
a.guide_btnConvertion {
  box-sizing: border-box;
  background-color: #ff8000;
  padding: 16px;
  border-radius: 6px;
  text-decoration: none;
  display: block;
  width: 100%;
  max-width: 500px;
  color: #FFF;
  text-align: center;
  font-weight: 700;
}
/* line 62, guide.scss */
a.guide_btnConvertion:visited {
  text-decoration: none;
  transition: .2s;
  color: #FFF !important;
}
/* line 63, guide.scss */
a.guide_btnConvertion:hover {
  text-decoration: none;
  transition: .2s;
  color: #FFF !important;
  background-color: #fc6103 !important;
}
/* line 64, guide.scss */
a.guide_btnConvertion:active {
  text-decoration: none;
  transition: .2s;
  color: #FFF !important;
  background-color: #f53f0a !important;
}
/* line 65, guide.scss */
a.guide_btnConvertion .material-icons {
  color: #FFF !important;
}

@media (max-device-width: 1199px) {
  /* line 70, guide.scss */
  a.guide_btnNormal:link {
    display: block;
    width: 100%;
    margin: 0 1% 1% 0;
  }
}
/* line 73, guide.scss */
.playguide_nolink, .playguide_btn {
  padding: 8px 16px;
  border-radius: 6px;
  border: 1px solid #DDD;
  box-sizing: border-box;
  text-decoration: none;
  display: block;
  margin-bottom: 8px;
  background-color: #FFF;
}
/* line 82, guide.scss */
.playguide_nolink span, .playguide_btn span {
  font-weight: 600;
}

/*listbox*/
/*　Layout
  　=====================================================*/
/* line 94, guide.scss */
.content_headingWrap {
  padding: 16px 0;
}

/* line 95, guide.scss */
.content_contentsWrap {
  padding: 16px 0;
}
/* line 96, guide.scss */
.content_contentsWrap .material-icons {
  font-size: 1em !important;
  padding-left: .3em;
  color: #555;
}

/* line 98, guide.scss */
.content_inner {
  width: 1200px;
  margin: 0 auto;
}
/* line 99, guide.scss */
.content_inner.responsive {
  display: flex;
}

/* line 101, guide.scss */
.contentLeftBlock {
  flex: 1;
}

/* line 102, guide.scss */
.contentRightBlock {
  width: 320px;
  padding-left: 38px;
}

/* line 103, guide.scss */
.sectionBlock {
  margin-bottom: 48px;
}

/* line 104, guide.scss */
.borderBlock {
  border: 1px solid #CCC;
  box-sizing: border-box;
  border-radius: 6px;
}

/* line 105, guide.scss */
.flexBlock {
  display: flex;
}

@media (max-device-width: 1199px) {
  /* line 107, guide.scss */
  .content_contentsWrap {
    background-color: #FFF;
    padding-top: 32px;
  }

  /* line 108, guide.scss */
  .content_inner {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
  }
  /* line 109, guide.scss */
  .content_inner.responsive {
    display: block;
  }

  /* line 111, guide.scss */
  .contentLeftBlock {
    margin-bottom: 48px;
    border-bottom: 4px solid #CCC;
  }

  /* line 112, guide.scss */
  .contentRightBlock {
    width: 100%;
    padding-left: 0;
  }
}
/*　Heading
  　=====================================================*/
/* line 117, guide.scss */
.guide_typography_h1 {
  border-bottom: 4px solid #CCC;
  margin-bottom: 16px;
}
/* line 118, guide.scss */
.guide_typography_h1 + p {
  margin-bottom: 32px;
}

/*　Content
  　=====================================================*/
/* line 121, guide.scss */
.guide_typography_h2 {
  margin-bottom: 8px;
  border-bottom: 1px solid #CCC;
}

/* line 122, guide.scss */
.guide_image {
  margin: 16px 0;
}

/* line 123, guide.scss */
.guide_flexBlock {
  display: flex;
}

/* line 124, guide.scss */
.guide_tileLink {
  display: block;
  width: 14%;
  margin-right: 2%;
}

/* line 125, guide.scss */
.adjustImageBox {
  position: relative;
  width: 100%;
  height: auto;
}

/* line 126, guide.scss */
.adjustImageBox:before {
  content: "";
  display: block;
  padding-top: 60%;
}

/* line 127, guide.scss */
.adjustImageBox_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 128, guide.scss */
img.guide_tileLinkImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 129, guide.scss */
.guide_navBlock {
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}

/* line 132, guide.scss */
.guide_navBlock li {
  border-top: 1px solid #DDD;
}

/* line 133, guide.scss */
.guide_tableWrap {
  width: 100%;
  border: 1px solid #aaa;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 6px;
  overflow: hidden;
}
/* line 140, guide.scss */
.guide_tableWrap th, .guide_tableWrap td {
  padding: 8px;
  text-align: center;
  border-bottom: 1px solid #CCC;
  width: 20%;
}
/* line 141, guide.scss */
.guide_tableWrap th + th, .guide_tableWrap td {
  border-left: 1px solid #CCC;
}
/* line 142, guide.scss */
.guide_tableWrap tr:last-child th, .guide_tableWrap tr:last-child td {
  border-bottom: none;
}
/* line 143, guide.scss */
.guide_tableWrap th.tableCell_playguide01, .guide_tableWrap td.tableCell_playguide01 {
  width: 25% !important;
}
/* line 144, guide.scss */
.guide_tableWrap th.tableCell_playguide02, .guide_tableWrap td.tableCell_playguide02 {
  width: 53% !important;
}
/* line 145, guide.scss */
.guide_tableWrap th.tableCell_playguide03, .guide_tableWrap td.tableCell_playguide03 {
  width: 22% !important;
}

/* line 147, guide.scss */
div.lencoreFlowImage {
  width: 100px;
}

/* line 150, guide.scss */
div.lencoreFlowImage img {
  display: block;
  border: 1px solid #ff9600;
  width: 100%;
}

/* line 155, guide.scss */
div.lencoreFlowText {
  flex: 1;
  padding-left: 16px;
}

/* line 159, guide.scss */
.openImageBlock {
  width: 200px;
}
/* line 160, guide.scss */
.openImageBlock img {
  border: 1px solid #CCC;
}
/* line 161, guide.scss */
.openImageBlock p {
  text-align: right;
}

/* line 162, guide.scss */
img.openImage {
  width: 100%;
}

/* line 163, guide.scss */
.guide_flex1Block {
  flex: 1;
  padding-left: 16px;
}

/* line 164, guide.scss */
.guide_flex1Block .guide_btnNormal {
  width: 50%;
}

/* line 165, guide.scss */
.adjustImageBox {
  position: relative;
  width: 100%;
  height: auto;
}

/* line 166, guide.scss */
.adjustImageBox:before {
  content: "";
  display: block;
  padding-top: 100%;
}

/* line 167, guide.scss */
.adjustImageBox_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 168, guide.scss */
.adjustImageBox img {
  width: 100%;
  height: 80%;
  object-fit: contain;
  object-position: center;
}

/* line 170, guide.scss */
.guide_inlineBlockWrap img {
  width: auto;
  max-width: 70px;
  height: 40px;
  object-fit: contain;
  margin: 0 16px 8px 0;
}

@media (max-device-width: 1199px) {
  /* line 173, guide.scss */
  .guide_tileLink {
    width: 24%;
    margin-right: 1%;
  }
  /* line 174, guide.scss */
  .guide_tileLink.paddingNormal {
    padding: 8px !important;
  }

  /* line 175, guide.scss */
  .guide_tableWrap {
    font-size: .6rem;
  }
  /* line 176, guide.scss */
  .guide_tableWrap th, .guide_tableWrap td {
    padding: 4px;
  }

  /* line 177, guide.scss */
  div.lencoreFlowImage {
    width: 50px;
  }

  /* line 180, guide.scss */
  .guide_flex1Block .guide_btnNormal {
    width: 100%;
  }

  /* line 181, guide.scss */
  .openImageBlock {
    width: 70px;
  }

  /* line 183, guide.scss */
  .guide_inlineBlockWrap img {
    width: auto;
    max-width: 50px;
    height: 30px;
    object-fit: contain;
    margin: 0 8px 8px 0;
  }
}
/***contact***/
/* line 188, guide.scss */
.contact_telnumber {
  font-size: 1.5rem;
  font-weight: 600;
}

/***modal***/
/* line 194, guide.scss */
label.guide_modal_openBtn:after,
label.close:after {
  content: none;
}

/* line 198, guide.scss */
label.guide_modal_openBtn i {
  font-size: 1.2rem;
  color: #666;
  padding-left: 0.2em;
}

/* line 203, guide.scss */
.guide_overlay {
  display: none;
  position: fixed;
  top: -10px;
  left: 0;
  right: 0;
  bottom: -10px;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 218, guide.scss */
.guide_overlay_container {
  display: table;
  padding: 10px 0;
  width: 100%;
  height: 100%;
}

/* line 224, guide.scss */
.guide_overlay_inner {
  display: table-cell;
  vertical-align: middle;
}

/* line 228, guide.scss */
.guide_overlay_modal {
  margin: 0 auto;
  max-width: 700px;
  text-align: justify;
  text-justify: inter-ideograph;
  border-radius: 6px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

/* line 237, guide.scss */
.guide_overlay_modal::after {
  display: table;
  content: '';
  clear: both;
}

/* line 242, guide.scss */
.guide_modal_closeBtn {
  position: fixed;
  bottom: 24px;
  left: 50%;
  margin-left: -100px;
  background-color: #CCC;
  padding: 12px 0;
  width: 200px;
  border: 0;
  border-radius: 6px;
  outline: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 258, guide.scss */
.guide_modalBlock {
  background-color: #FFF;
}

/* line 261, guide.scss */
.guide_modal_closeBtn:hover {
  background-color: #C2C2C2;
}

/*# sourceMappingURL=guide.css.map */