@charset "UTF-8";
@import url("//fonts.googleapis.com/css?family=M+PLUS+1p:400,800&display=swap&subset=japanese");
.pcOnly {
  display: inherit; }
  @media screen and (max-width: 750px) {
    .pcOnly {
      display: none; } }

.spOnly {
  display: none; }
  @media screen and (max-width: 750px) {
    .spOnly {
      display: inherit; } }

* {
  box-sizing: border-box;
  font-feature-settings: "palt"; }

#loader-bg {
  background: #000000;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 11; }
  #loader-bg .loader-bg-inner {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 11; }

.loader,
.loader:before,
.loader:after {
  background: #c00;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em; }

.loader {
  color: #c00;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: ''; }

.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.loader:after {
  left: 1.5em; }

@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em; }
  40% {
    box-shadow: 0 -2em;
    height: 5em; } }
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em; }
  40% {
    box-shadow: 0 -2em;
    height: 5em; } }
@-webkit-viewport {
  width: device-width; }
@-moz-viewport {
  width: device-width; }
@-ms-viewport {
  width: device-width; }
@-o-viewport {
  width: device-width; }
@viewport {
  width: device-width; }
img {
  vertical-align: middle;
  max-width: 100%;
  height: auto; }

figure {
  margin: 0; }

strong {
  font-weight: bold; }

html {
  font-size: 62.5%;
  background-color: #000; }

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  text-align: center;
  color: #333;
  background-color: #000;
  line-height: 1.5;
  font-size: 1.6rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  background: url("../img/background.jpg") no-repeat top center fixed;
  background-size: cover; }

.txt_red {
  color: #c00; }

.txt_yellow {
  color: #ffde00; }

.txt_dark {
  color: #09294C; }

.txt_center {
  text-align: center; }

.wrapper, .secondBody, footer, .formInfo {
  max-width: 750px;
  margin: auto;
  overflow: hidden; }

.wrapper {
  background: #000; }

#wrapperForm,
#wrapperSecond {
  max-width: 750px;
  margin: auto; }

.header {
  background: #000000; }
  .header .header_layout {
    background: url("../img/header.jpg") no-repeat top center #000;
    background-size: cover;
    position: relative;
    overflow: hidden; }
    .header .header_layout:before {
      content: "";
      display: block;
      padding-top: calc(1000 / 750 * 100%); }
    .header .header_layout div, .header .header_layout p, .header .header_layout h1 {
      position: absolute; }
    .header .header_layout .h01 {
      max-width: 474px;
      width: calc(474 / 750 * 100%);
      top: 4.5%;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      z-index: 1; }
    .header .header_layout .h02 {
      max-width: 471px;
      width: calc(471 / 750 * 100%);
      top: 10.5%;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      z-index: 2; }
    .header .header_layout .kuji_logo {
      max-width: 550px;
      width: calc(550 / 750 * 100%);
      top: 19.5%;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      z-index: 1; }
    .header .header_layout .logo {
      max-width: 583px;
      width: calc(583 / 750 * 100%);
      top: 30%;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      z-index: 2; }
    .header .header_layout .b01 {
      max-width: 626px;
      width: calc(626 / 750 * 100%);
      bottom: 13.5%;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      z-index: 1; }
    .header .header_layout .b02 {
      max-width: 428px;
      width: calc(428 / 750 * 100%);
      bottom: 8%;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      z-index: 2; }
    .header .header_layout .b03 {
      max-width: 488px;
      width: calc(488 / 750 * 100%);
      bottom: 2%;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      z-index: 3; }

.second_header h1 {
  padding: 1em;
  text-align: center;
  background: url("../img/header.jpg") no-repeat top center;
  background-size: 100%; }
  .second_header h1 img {
    width: 80px; }

.main section {
  text-align: left; }
  .main section p {
    margin-bottom: 1.5em; }
    .main section p:last-of-type {
      margin-bottom: 0; }
  .main section a {
    color: #ffea00; }
  .main section.sec03, .main section.sec04, .main section.sec05, .main section.sec06, .main section.sec07, .main section .question {
    padding: calc(40 / 750 * 100%); }

.title_gold {
  border-top: #40210D 4px solid;
  border-bottom: #40210D 4px solid;
  padding: .5em;
  background: #ceae56;
  background: -moz-linear-gradient(270deg, #ceae56 0%, #fdeea9 50%, #ceae56 100%);
  background: -webkit-linear-gradient(270deg, #ceae56 0%, #fdeea9 50%, #ceae56 100%);
  background: linear-gradient(270deg, #ceae56 0%, #fdeea9 50%, #ceae56 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ceae56",endColorstr="#ceae56",GradientType=1);
  font-weight: bold;
  text-align: center;
  color: #300;
  font-size: 2.4rem; }
  @media screen and (max-width: 750px) {
    .title_gold {
      font-size: 5vw;
      white-space: nowrap; } }

.sec01 {
  background: url("../img/sec01_bg.jpg") no-repeat top center;
  background-size: cover; }
  .sec01 .sec01_box {
    background: rgba(255, 255, 255, 0.3);
    padding: calc(40 / 750 * 100%); }
    .sec01 .sec01_box p {
      font-weight: bold;
      line-height: 1.5;
      text-shadow: 1px 1px 10px #fff, 1px 1px 10px #fff, 1px 1px 10px #fff, 1px 1px 10px #fff, 1px 1px 10px #fff, 1px 1px 10px #fff, 1px 1px 10px #fff, 1px 1px 10px #fff, 1px 1px 10px #fff; }
  .sec01 .image_left, .sec01 .image_right {
    display: block;
    max-width: 320px;
    width: calc(570 / 750 * 100%); }
  .sec01 .image_right {
    margin: 0 0 0 auto; }

.sec02 .result_list {
  padding: calc(40 / 750 * 100%);
  background: #40210D;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .sec02 .result_list li {
    border: #9D831F 4px solid;
    background: #ffffff;
    width: 49%;
    margin-bottom: calc(20 / 750 * 100%); }
    .sec02 .result_list li header {
      border-bottom: #9D831F 4px solid;
      padding: 16px;
      text-align: center; }
      .sec02 .result_list li header .lottery_type {
        margin: 0 auto 1em;
        min-height: 78px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .sec02 .result_list li header .lottery_type.lottery_type_ml {
          width: 138px; }
        .sec02 .result_list li header .lottery_type.lottery_type_l7 {
          width: 111px; }
        .sec02 .result_list li header .lottery_type.lottery_type_l6 {
          width: 127px; }
        .sec02 .result_list li header .lottery_type.lottery_type_n4 {
          width: 185px; }
      .sec02 .result_list li header p {
        line-height: 1.2; }
        .sec02 .result_list li header p span {
          font-size: 1.5em;
          display: block; }
    .sec02 .result_list li > p {
      font-size: 3rem;
      color: #c00;
      text-align: center;
      margin-bottom: 16px; }
      .sec02 .result_list li > p:first-of-type {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 0;
        margin-top: 16px; }
  @media screen and (max-width: 750px) {
    .sec02 .result_list {
      flex-direction: column; }
      .sec02 .result_list li {
        width: 100%; } }

.Order {
  text-align: center !important;
  margin: 0 auto 4%;
  text-align: center;
  padding: 1%;
  background: #000;
  max-width: 960px; }
  .Order h1 {
    margin: 0 auto;
    padding: calc(40 / 750 * 100%);
    text-align: center; }
  .Order .catalogpriceWrap {
    padding: 1em;
    border: 3px solid #036;
    color: #000;
    width: 80%;
    max-width: 640px;
    margin: 0 auto 4%; }
    .Order .catalogpriceWrap .catalogpriceLabel {
      margin: 0 auto 2%;
      color: #ffea00;
      font-size: 2.4rem;
      font-weight: bold; }
      @media screen and (max-width: 640px) {
        .Order .catalogpriceWrap .catalogpriceLabel {
          font-size: 4.8vw; } }
    .Order .catalogpriceWrap .catalogpricePrice {
      color: #ffea00;
      font-size: 3.6rem;
      font-weight: bold;
      text-decoration: line-through; }
      .Order .catalogpriceWrap .catalogpricePrice span {
        color: #c00; }
    .Order .catalogpriceWrap .catalogpriceText {
      margin: 0 auto 1em;
      color: #ffea00;
      font-size: 2.4rem;
      font-weight: bold; }
      @media screen and (max-width: 640px) {
        .Order .catalogpriceWrap .catalogpriceText {
          font-size: 4.8vw; } }
    .Order .catalogpriceWrap .discountrateText {
      background: #c00;
      padding: 1em; }
      .Order .catalogpriceWrap .discountrateText .discountrateNum {
        color: #000;
        font-size: 4rem;
        font-weight: bold;
        line-height: 0.8;
        line-height: 1; }
        .Order .catalogpriceWrap .discountrateText .discountrateNum span {
          font-size: 1.8rem;
          font-weight: bold; }
  .Order .termWrap {
    position: relative;
    z-index: 0; }
    .Order .termWrap .termText {
      margin: 0 auto .5em;
      color: #ffea00;
      font-size: 3.6rem;
      font-weight: bold; }
      @media screen and (max-width: 640px) {
        .Order .termWrap .termText {
          font-size: 7.2vw; } }
  .Order .priceWrap {
    width: 100%;
    margin: 0 auto 4%;
    position: relative; }
    .Order .priceWrap .unitpriceWrap {
      width: 100%;
      z-index: 1; }
      .Order .priceWrap .unitpriceWrap .unitpriceImg {
        max-width: 311px;
        width: 40%;
        position: absolute;
        right: 0;
        top: -80%; }
        @media screen and (max-width: 640px) {
          .Order .priceWrap .unitpriceWrap .unitpriceImg {
            right: -4%;
            top: -40%;
            z-index: 3; } }
    .Order .priceWrap .salespriceWrap .salespriceNum {
      font-family: 'Roboto', sans-serif;
      font-size: 12rem;
      font-weight: 900;
      color: #FF7C00;
      margin: auto;
      position: relative;
      z-index: 2;
      background: -webkit-linear-gradient(top, #FFB76B 0%, #FFA73D 50%, #FF7C00 51%, #FF7F04 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      -webkit-text-stroke-width: 2px;
      -webkit-text-stroke-color: #FFF; }
      .Order .priceWrap .salespriceWrap .salespriceNum span {
        font-size: 50%; }
      @media screen and (max-width: 640px) {
        .Order .priceWrap .salespriceWrap .salespriceNum {
          font-size: 24vw; } }
  .Order .limitedWrap {
    margin: 0 auto 4%; }
    .Order .limitedWrap .limitedNum {
      font-size: 2.4rem;
      color: #c00;
      font-weight: bold; }
      @media screen and (max-width: 640px) {
        .Order .limitedWrap .limitedNum {
          font-size: 4.8vw; } }
  .Order .entryWrap {
    margin: 0 auto 2em; }
    .Order .entryWrap a {
      display: block;
      padding: 0.5em 1em;
      background: -moz-linear-gradient(top, #ff9900 0%, #FFCC00 50%, #FF9900 50%, #ff9900 100%);
      background: -webkit-linear-gradient(top, #ff9900 0%, #FFCC00 50%, #FF9900 50%, #ff9900 100%);
      background: linear-gradient(to bottom, #ff9900 0%, #FFCC00 50%, #FF9900 50%, #ff9900 100%);
      text-shadow: 0px 2px 4px #996600;
      margin: 0 auto;
      border: 3px solid #FC0;
      border-radius: 0.5em;
      color: #FFFFFF;
      font-weight: bold;
      box-sizing: border-box;
      font-size: 2rem;
      line-height: 1.2;
      text-decoration: none;
      width: 90%; }
    .Order .entryWrap a:hover {
      opacity: 0.7; }
    .Order .entryWrap a i {
      font-size: 200%;
      vertical-align: middle;
      position: relative;
      top: -0.1em;
      padding-right: 0.1em; }
  .Order .paymentWrap p {
    text-align: center; }
    .Order .paymentWrap p img {
      width: auto !important;
      max-width: 100%; }

.ss_user_voice ul {
  text-align: center;
  padding: calc(40 / 750 * 100%); }
  .ss_user_voice ul li {
    margin-bottom: calc(20 / 750 * 100%); }
    .ss_user_voice ul li:last-of-type {
      margin-bottom: 0; }
  .ss_user_voice ul.ss_user_voice_list li {
    border: #c6982f 4px solid;
    background: #fff;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.5;
    text-align: left;
    font-feature-settings: "palt";
    padding: 1em;
    color: #31250b; }
    .ss_user_voice ul.ss_user_voice_list li figure {
      margin-bottom: 20px; }
    @media screen and (max-width: 640px) {
      .ss_user_voice ul.ss_user_voice_list li {
        font-size: 1.6rem; } }
    .ss_user_voice ul.ss_user_voice_list li p {
      margin-bottom: 1em; }
      .ss_user_voice ul.ss_user_voice_list li p:last-of-type {
        margin-bottom: 0; }

.faq_txt {
  padding: 1.5em calc(40 / 750 * 100%) 0;
  color: #fff;
  margin-bottom: 0 !important; }

.warranty_area {
  background: #ffffff;
  padding: calc(40 / 750 * 100%);
  margin: 0 auto 2em;
  max-width: 840px; }
  .warranty_area h2 {
    margin-bottom: 1.5em; }
    .warranty_area h2 img {
      width: inherit;
      max-width: 100%; }
  .warranty_area .price-refund {
    position: relative;
    z-index: 1;
    margin: 0 auto 2em;
    text-align: center; }
    .warranty_area .price-refund p {
      max-width: 400px;
      margin: 0 auto;
      padding: 1em 2em;
      display: inline-block;
      border-bottom: 6px solid #036; }
      .warranty_area .price-refund p:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -20px;
        margin: auto;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 10px 0 10px;
        border-color: #036 transparent transparent transparent; }
  .warranty_area p {
    padding: 0;
    text-align: justify;
    overflow-wrap: break-word;
    word-wrap: break-word; }

.telorder_area {
  padding: calc(40 / 750 * 100%); }
  .telorder_area .flow_check {
    text-align: center; }
  .telorder_area p {
    text-align: center; }
  .telorder_area img {
    max-width: 560px;
    width: 100%; }
  .telorder_area a {
    color: #ffea00; }

footer nav {
  background-color: #000;
  text-align: justify;
  overflow-wrap: break-word;
  word-wrap: break-word;
  font-size: 0.875em;
  border-top: 1px solid #333; }
footer nav ul li a {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #111), color-stop(0, #222));
  background: -webkit-linear-gradient(top, #222 0%, #111 100%);
  background: -moz-linear-gradient(top, #222 0%, #111 100%);
  background: -o-linear-gradient(top, #222 0%, #111 100%);
  background: -ms-linear-gradient(top, #222 0%, #111 100%);
  background: linear-gradient(top, #222 0%, #111 100%);
  background-color: #111;
  border-bottom: 1px solid #333;
  padding: 0.75em 0.75em 0.75em;
  display: block;
  color: #FFF !important;
  text-decoration: none; }
footer #copy {
  background-color: #000;
  padding: 0.25em 0;
  color: #999;
  text-align: center;
  font-size: 1.6rem; }

#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 1.2rem;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  /* IE */
  filter: alpha(opacity=75);
  /* IE */
  -moz-opacity: 0.75;
  /* Firefox(old) */
  -khtml-opacity: 0.75;
  /* Safari(old) */
  opacity: 0.75; }

#page-top a {
  background: #666;
  text-decoration: none;
  color: #fff;
  width: 3em;
  padding: 0.5em 0;
  text-align: center;
  display: block;
  border-radius: 2px; }

#page-top a:hover {
  text-decoration: none;
  background: #C60; }

#Second {
  min-height: 100%;
  height: 100%; }

#Second .secondBody {
  padding: 4% 4%;
  text-align: justify;
  overflow-wrap: break-word;
  word-wrap: break-word;
  line-height: 1.5;
  color: #fff;
  background: #000; }

#Second .secondBody h1 {
  font-size: 2rem;
  padding: 0 0 0.25em;
  border-bottom: 1px dotted #c00;
  margin: 0 0 1.5em;
  color: #c00;
  font-weight: bold; }

#Second .secondBody h2 {
  font-size: 1.8rem;
  padding: 0 0 0.25em;
  border-bottom: 1px dotted #c00;
  margin: 0 0 1em;
  color: #c00; }

#Second .secondBody h3 {
  font-size: 1.8rem;
  margin: 0 0 1em;
  color: #c00; }

#Second .secondBody h4 {
  font-size: 1.6rem;
  margin: 0.5em 0 0.5em;
  color: #c00; }

#Second .secondBody div {
  margin-bottom: 1.6rem; }

#Second .secondBody p {
  margin-bottom: 1.6rem; }

#Second .secondBody .caption {
  margin: 0 0 24px; }

#Second dl {
  border: 1px solid #c00;
  border-collapse: collapse;
  width: 100%;
  margin: 0;
  text-align: justify;
  overflow-wrap: break-word;
  word-wrap: break-word; }

#Second dt {
  padding: 6px 8px;
  border: 1px solid;
  border-color: #CCC #999 #999 #CCC;
  background-color: #c00;
  color: #FFF; }

#Second dd {
  padding: 6px 8px;
  border: 1px solid;
  border-color: #CCC #999 #999 #CCC;
  background-color: #FFF;
  color: #333; }

#Form .formInfo {
  padding: 4% calc(20 / 750 * 100%) 0;
  text-align: justify;
  overflow-wrap: break-word;
  word-wrap: break-word;
  margin: auto;
  line-height: 1.5;
  background: #FFF; }

#Form .formInfo h1 {
  font-size: 2rem;
  padding: 0 0 0.25em;
  border-bottom: 1px dotted #c00;
  margin: 0 4% 1.5em;
  color: #c00;
  font-weight: bold; }

#Form .formInfo h2 {
  font-size: 2.4rem;
  padding: 0 0 0.25em;
  border-bottom: 1px dotted #c00;
  margin: 0 4% 1em;
  color: #c00; }

#Form .formInfo h3 {
  font-size: 1.8rem;
  margin: 0 0 1em;
  color: #c00; }

#Form .formInfo h4 {
  font-size: 1.6rem;
  margin: 0.5em 0 0.5em;
  color: #c00; }

#Form .formInfo iframe {
  width: 100%; }

#Form .formInfo p {
  line-height: 1.5;
  padding: 0 4% 2%; }

/*=========================================
add
=========================================*/
/* question(よくある質問)
--------------------------------------------------*/
dl.question {
  color: black; }

dl.question dt {
  cursor: pointer;
  padding: 5px;
  margin-bottom: 10px;
  font-weight: bold;
  color: #ffffff;
  background: #740000; }

dl.question dt.active {
  background: #5A005F; }

dl.question dd {
  color: #fff;
  position: relative;
  margin: 5px;
  padding-left: 2.5em; }

dl.question span {
  display: inline-block;
  padding: 3px 7px;
  margin-right: 1rem;
  color: #fff;
  font-size: 2.3rem;
  line-height: 1; }

dl.question dt span {
  background: #D10003; }

dl.question dd span {
  position: absolute;
  left: 0;
  background: #01399A;
  font-weight: bold; }

pre {
  text-align: justify;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
  overflow: auto;
  font-family: inherit; }