@charset "UTF-8";
/* CSS Document */
/* CSS Document */
/* CSS Document */
@import url("//fonts.googleapis.com/css?family=M+PLUS+1p:400,800&display=swap&subset=japanese");
@import url("//fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap&subset=japanese");
@import url(//fonts.googleapis.com/earlyaccess/mplus1p.css);
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-table;
  min-height: 1%;
  overflow: hidden; }

/* IE8ハック */
html > body .clearfix {
  display: block\9; }

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* End hide from IE-mac */
a {
  color: #c00;
  text-decoration: none; }
  a:active, a:hover {
    outline: 0;
    color: #F00; }

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto; }

@-webkit-viewport {
  width: device-width; }
@-moz-viewport {
  width: device-width; }
@-ms-viewport {
  width: device-width; }
@-o-viewport {
  width: device-width; }
@viewport {
  width: device-width; }
/* CSS Document */
footer {
  margin-top: 0em; }
  footer nav {
    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
    background-color: #111;
    color: #fff;
    text-align: left;
    font-size: 0.75em;
    border-top: 1px solid #333; }
    footer nav ul li {
      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; }
      footer nav ul li:nth-of-type(1) a:before {
        content: "\f157"; }
      footer nav ul li:nth-of-type(2) a:before {
        content: "\f0cb"; }
      footer nav ul li:nth-of-type(3) a:before {
        content: "\f0e3"; }
      footer nav ul li:nth-of-type(4) a:before {
        content: "\f0f6"; }
      footer nav ul li:nth-of-type(5) a:before {
        content: "\f0f7"; }
      footer nav ul li:nth-of-type(6) a:before {
        content: "\f015"; }
      footer nav ul li a {
        box-sizing: border-box;
        border-bottom: 1px solid #333;
        padding: 1em 8% 1em 5%;
        display: block;
        color: #FFF; }
        footer nav ul li a:before {
          font-family: FontAwesome;
          margin-right: 5px;
          color: #b88617;
          display: inline-block;
          width: 1.5em;
          text-align: center; }
      footer nav ul li a:hover {
        background-color: #333;
        color: #FFF; }
  footer p#copy {
    background-color: #000;
    padding: 0.25em 0; }
    footer p#copy small {
      font-size: 0.5em;
      color: #ccc; }

@media screen and (min-width: 640px) {
  footer nav {
    color: #fff;
    text-align: left;
    font-size: 0.75em;
    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;
    padding: 1em 0; }
    footer nav ul {
      text-align: center; }
      footer nav ul li {
        display: inline;
        margin: 0 0.5em; }
        footer nav ul li a {
          border-bottom: none;
          padding: 0;
          background: none;
          display: inline;
          color: #fff; }
        footer nav ul li a:hover {
          background-color: transparent;
          text-decoration: underline; } }
.pcOnly {
  display: inherit; }
  @media screen and (max-width: 640px) {
    .pcOnly {
      display: none; } }

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

* {
  box-sizing: border-box; }

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family: "M PLUS 1p","ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
  font-size: 1em;
  text-align: center;
  color: #fff;
  background-color: #000; }

hgroup {
  background-color: #000;
  position: relative; }
  hgroup h1#hidden {
    display: none; }
  hgroup h1 img#form_img {
    margin-bottom: 1.5em; }
  hgroup .htxt {
    width: 90%;
    margin: 0 auto;
    padding: 2em 0; }

div#wrap {
  padding-bottom: 2em;
  background-color: #000; }
  div#wrap section {
    width: 90%;
    margin: 0 auto;
    margin: 0 auto; }
    div#wrap section.first {
      padding-top: 2em; }
    div#wrap section.title_bg {
      padding-bottom: 2em; }
      div#wrap section.title_bg table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 2em;
        border: #b88617 1px solid;
        background-color: #000; }
        div#wrap section.title_bg table tr:nth-of-type(2n) {
          background-color: #1a1a1a; }
        div#wrap section.title_bg table td, div#wrap section.title_bg table th {
          padding: 0.75em;
          text-align: center;
          box-sizing: border-box; }
        div#wrap section.title_bg table th {
          background-color: #fed600;
          color: #6f4d00;
          border-bottom: #000 1px dashed; }
          div#wrap section.title_bg table th:last-child {
            border-bottom: none; }
          div#wrap section.title_bg table th span {
            font-size: 0.75em; }
        div#wrap section.title_bg table td {
          border-top: #b88617 1px solid;
          border-right: #b88617 1px dashed; }
          div#wrap section.title_bg table td:nth-of-type(1):first-letter {
            font-size: 1.75em;
            color: #a00000;
            font-weight: bold; }
          div#wrap section.title_bg table td:nth-of-type(2) {
            font-weight: bold; }
            div#wrap section.title_bg table td:nth-of-type(2) span {
              display: inline-block;
              font-size: 0.75em;
              margin-left: 0.25em; }
          div#wrap section.title_bg table td:nth-of-type(3) {
            background-size: auto 80%;
            -moz-transform: rotate(-10deg);
            -webkit-transform: rotate(-10deg);
            -o-transform: rotate(-10deg);
            -ms-transform: rotate(-10deg);
            transform: rotate(-10deg); }
            div#wrap section.title_bg table td:nth-of-type(3) img {
              width: auto;
              height: 40%; }
      div#wrap section.title_bg .important, div#wrap section.title_bg .important2 {
        text-align: center;
        font-weight: bold;
        font-size: 1.25em;
        line-height: 2em; }
        div#wrap section.title_bg .important .under, div#wrap section.title_bg .important2 .under {
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0.8, #fff720), color-stop(0.79, #000));
          background: -webkit-linear-gradient(top, #000 79%, #fff720 80%);
          background: -moz-linear-gradient(top, #000 79%, #fff720 80%);
          background: -o-linear-gradient(top, #000 79%, #fff720 80%);
          background: -ms-linear-gradient(top, #000 79%, #fff720 80%);
          background: linear-gradient(to bottom, #000 79%, #fff720 80%); }
          div#wrap section.title_bg .important .under .under_large, div#wrap section.title_bg .important2 .under .under_large {
            color: #e80000;
            font-size: 1.75em; }
        div#wrap section.title_bg .important img, div#wrap section.title_bg .important2 img {
          width: 50%; }
      div#wrap section.title_bg .important {
        margin: 0 auto 0; }
      div#wrap section.title_bg .pay_flow li {
        margin-bottom: 1em;
        padding: 1.5em;
        background: url(../images/flow_bg.png) repeat #1a1a1a;
        border-radius: 8px; }
        div#wrap section.title_bg .pay_flow li h1 {
          font-size: 1.75em !important; }
          @media screen and (max-width: 640px) {
            div#wrap section.title_bg .pay_flow li h1 {
              font-size: 4vw !important; } }
        div#wrap section.title_bg .pay_flow li:first-child {
          margin-top: 2em; }
          @media screen and (max-width: 640px) {
            div#wrap section.title_bg .pay_flow li:first-child {
              margin-top: 0; } }
          div#wrap section.title_bg .pay_flow li:first-child h1:before {
            content: "①";
            color: #b88617; }
        div#wrap section.title_bg .pay_flow li:nth-of-type(2) h1:before {
          content: "②";
          color: #b88617; }
        div#wrap section.title_bg .pay_flow li:nth-of-type(3) h1:before {
          content: "③";
          color: #b88617; }
      div#wrap section.title_bg .pay_flow p {
        padding-bottom: 0; }
      div#wrap section.title_bg .pay_flow img {
        display: block;
        margin: 1em auto; }
    div#wrap section .l_border {
      border-left: #b88617 8px solid;
      padding: 0.25em 0 0.25em 1em !important;
      color: #b88617;
      margin: 0 0 2em 0; }
      div#wrap section .l_border h1 {
        color: #b88617;
        padding-bottom: 0.5em;
        border-bottom: #999 1px solid;
        margin-bottom: 0.5em;
        line-height: 1.2; }
        @media screen and (max-width: 640px) {
          div#wrap section .l_border h1 {
            font-size: 4vw !important; } }
      @media screen and (max-width: 640px) {
        div#wrap section .l_border h2 {
          font-size: 3.2vw !important; } }
    div#wrap section h1 {
      text-align: justify;
      overflow-wrap: break-word;
      word-wrap: break-word;
      font-size: 1.75em;
      color: #b88617;
      font-weight: bold;
      padding: 0; }
      @media screen and (max-width: 640px) {
        div#wrap section h1 {
          font-size: 4.8vw !important; } }
    div#wrap section h2 {
      text-align: justify;
      overflow-wrap: break-word;
      word-wrap: break-word;
      font-size: 1.25em;
      color: #b88617; }
      @media screen and (max-width: 640px) {
        div#wrap section h2 {
          font-size: 4vw !important; } }
    div#wrap section h1, div#wrap section h2 {
      line-height: 1.2em;
      font-weight: bold; }
    div#wrap section p {
      padding-bottom: 1em;
      text-align: justify;
      overflow-wrap: break-word;
      word-wrap: break-word;
      line-height: 1.5em; }
      @media screen and (max-width: 640px) {
        div#wrap section p {
          font-size: 3.2vw !important; } }
      div#wrap section p.img, div#wrap section p#price, div#wrap section p#flow_check {
        text-align: center;
        font-size: 0.75em; }
        div#wrap section p.img a:hover, div#wrap section p#price a:hover, div#wrap section p#flow_check a:hover {
          -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; }
      div#wrap section p#price_txt {
        padding-top: 0em;
        text-align: center; }
      div#wrap section p#price {
        padding-top: 0em; }
      div#wrap section p#btn {
        text-align: center;
        padding: 0;
        line-height: 1em; }
        div#wrap section p#btn a {
          text-align: center;
          width: 12em;
          background-color: #c90;
          border: 2px solid #fc0;
          padding: 1em 0;
          display: block;
          margin: 0 auto;
          color: #fff;
          font-weight: bold;
          font-size: 1.25em;
          -moz-border-radius: 8px;
          -webkit-border-radius: 8px;
          border-radius: 8px; }
          div#wrap section p#btn a:hover {
            background-color: #664c00; }
          div#wrap section p#btn a:before {
            font-family: FontAwesome;
            content: "\f0a9";
            margin-right: 5px; }
      div#wrap section p span.emp {
        font-weight: bold;
        color: #FFF; }
      div#wrap section p#btn img {
        margin-bottom: 1em;
        max-width: 50%; }
    div#wrap section#engineerMsg .wrapper {
      margin: 0 auto 2em; }
    div#wrap section#engineerMsg h2 {
      text-align: justify;
      overflow-wrap: break-word;
      word-wrap: break-word;
      font-size: 1.75em;
      border-left: #b88617 8px solid;
      padding: 0.25em 0 0.25em 1em !important;
      line-height: 1.5;
      color: #b88617;
      margin: 0 0 1em 0; }
    div#wrap section#engineerMsg .photo {
      margin: 0 auto 1em; }
    div#wrap section#engineerMsg .profile {
      margin: 0 auto 2em; }
      div#wrap section#engineerMsg .profile .name {
        font-size: 1.2em;
        font-weight: bold; }
      div#wrap section#engineerMsg .profile .status {
        font-size: .85em;
        margin: 0 auto 1em; }
    div#wrap section#possibility .wrapper {
      margin: 0 auto 2em; }
    div#wrap section#possibility h2 {
      text-align: justify;
      overflow-wrap: break-word;
      word-wrap: break-word;
      font-size: 1.75em;
      border-left: #b88617 8px solid;
      padding: 0.25em 0 0.25em 1em !important;
      line-height: 1.5;
      color: #b88617;
      margin: 0 0 1em 0; }
      @media screen and (max-width: 640px) {
        div#wrap section#possibility h2 {
          font-size: 5.4vw; } }
    div#wrap section#possibility .chart_wrap {
      display: flex;
      justify-content: space-between;
      margin: 2em 0; }
      @media screen and (max-width: 640px) {
        div#wrap section#possibility .chart_wrap {
          display: block;
          margin: 0 0; } }
      div#wrap section#possibility .chart_wrap ul {
        text-align: justify;
        overflow-wrap: break-word;
        word-wrap: break-word; }
        div#wrap section#possibility .chart_wrap ul li {
          margin: 0 auto 1em;
          display: flex;
          align-items: center; }
          @media screen and (max-width: 640px) {
            div#wrap section#possibility .chart_wrap ul li {
              font-size: 3.2vw; } }
          div#wrap section#possibility .chart_wrap ul li i {
            margin: 0 .2em 0 0; }
      div#wrap section#possibility .chart_wrap .yumeloto {
        width: 26%; }
        @media screen and (max-width: 640px) {
          div#wrap section#possibility .chart_wrap .yumeloto {
            text-align: center;
            width: 100%; } }
    div#wrap section#enquete {
      color: #6f4d00; }
      div#wrap section#enquete .left, div#wrap section#enquete .right {
        background: #FFFFFF;
        border: 1px solid #b88617;
        box-sizing: border-box;
        width: 100%; }
      div#wrap section#enquete h2 {
        text-align: justify;
        overflow-wrap: break-word;
        word-wrap: break-word;
        font-size: 1.75em;
        border-left: #b88617 8px solid;
        padding: 0.25em 0 0.25em 1em !important;
        line-height: 1.5;
        color: #b88617;
        margin: 0 0 1em 0; }
      div#wrap section#enquete h3 {
        background: #b88617;
        color: #FFF;
        padding: 1em;
        text-align: justify;
        overflow-wrap: break-word;
        word-wrap: break-word;
        line-height: 1.2;
        font-size: 1.75em;
        margin: 0 auto 1em; }
        @media screen and (max-width: 640px) {
          div#wrap section#enquete h3 {
            font-size: 4.4vw; } }
        div#wrap section#enquete h3 span {
          font-size: 65%;
          text-align: right;
          display: block;
          line-height: 1;
          margin: .75em 0 0 0; }
          @media screen and (max-width: 640px) {
            div#wrap section#enquete h3 span {
              text-align: justify;
              overflow-wrap: break-word;
              word-wrap: break-word; } }
      div#wrap section#enquete h4 {
        color: #b88617;
        font-size: 1.75em;
        font-weight: bold;
        padding: 0 .5em .5em;
        border-bottom: 3px dotted #b88617;
        margin-bottom: 2em;
        display: inline-block; }
        @media screen and (max-width: 640px) {
          div#wrap section#enquete h4 {
            font-size: 5.6vw; } }
      div#wrap section#enquete p {
        padding: 0 2em 1em;
        text-align: justify;
        overflow-wrap: break-word;
        word-wrap: break-word;
        width: auto; }
        @media screen and (max-width: 640px) {
          div#wrap section#enquete p {
            padding: 0 1em 1em; } }
        div#wrap section#enquete p.photo {
          text-align: center;
          margin: 0 auto; }
          @media screen and (max-width: 640px) {
            div#wrap section#enquete p.photo {
              width: 60%; } }
    div#wrap section#faq {
      color: #6f4d00;
      text-align: justify;
      overflow-wrap: break-word;
      word-wrap: break-word; }
      div#wrap section#faq h2 {
        text-align: justify;
        overflow-wrap: break-word;
        word-wrap: break-word;
        font-size: 1.75em;
        border-left: #b88617 8px solid;
        padding: 0.25em 0 0.25em 1em !important;
        line-height: 1.5;
        color: #b88617;
        margin: 0 0 1em 0; }
      div#wrap section#faq ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        @media screen and (max-width: 640px) {
          div#wrap section#faq ul {
            display: block; } }
        div#wrap section#faq ul li {
          display: block;
          width: 49%;
          box-sizing: border-box;
          margin: 0 0.5% 1em;
          border: 1px solid #DBDBDB;
          font-size: 1em;
          background: #FFF; }
          @media screen and (max-width: 640px) {
            div#wrap section#faq ul li {
              width: 100%;
              font-size: 3.2vw; } }
          div#wrap section#faq ul li .question {
            color: #b88617;
            display: block;
            font-weight: bold;
            background: #eaeaea;
            background: -moz-linear-gradient(top, #eaeaea 0%, #ffffff 100%);
            background: -webkit-linear-gradient(top, #eaeaea 0%, #ffffff 100%);
            background: linear-gradient(to bottom, #eaeaea 0%, #ffffff 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 );
            position: relative;
            width: 100%; }
            div#wrap section#faq ul li .question span {
              display: table-cell;
              min-height: 5em;
              padding: 1em 1em 1em 4.5em;
              vertical-align: middle;
              line-height: 1.5; }
              div#wrap section#faq ul li .question span:before {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 1em;
                margin: auto;
                content: "Q";
                width: 3em;
                height: 3em;
                line-height: 3em;
                background-color: #b88617;
                border-radius: 100%;
                color: #fff;
                text-align: center; }
          div#wrap section#faq ul li .answer {
            padding: 1em;
            background: #FFF;
            border-top: 1px dotted #CCC;
            display: block; }
    div#wrap section.Order {
      margin: 0 auto;
      text-align: center;
      padding: 1%;
      background: #000;
      max-width: 960px; }
      div#wrap section.Order h1 {
        margin: 0 auto 1%;
        max-width: 960px; }
      div#wrap section.Order .inner {
        background: url(../images/price_bg.jpg);
        padding: 4%; }
        div#wrap section.Order .inner .catalogpriceWrap {
          padding: 1em;
          border: 3px solid #b88617;
          color: #fed600;
          width: 80%;
          max-width: 640px;
          background: #FFF;
          margin: 0 auto 4%; }
          div#wrap section.Order .inner .catalogpriceWrap .catalogpriceLabel {
            margin: 0 auto 2%;
            font-size: 4vw;
            font-weight: bold; }
          div#wrap section.Order .inner .catalogpriceWrap .catalogpricePrice {
            color: #a00000;
            font-size: 8vw;
            font-weight: bold;
            text-decoration: line-through; }
            div#wrap section.Order .inner .catalogpriceWrap .catalogpricePrice span {
              color: #b88617; }
          div#wrap section.Order .inner .catalogpriceWrap .catalogpriceText {
            margin: 0 auto 1em;
            font-size: 4vw;
            font-weight: bold; }
          div#wrap section.Order .inner .catalogpriceWrap .discountrateText {
            background: #a00000;
            padding: 1em; }
            div#wrap section.Order .inner .catalogpriceWrap .discountrateText .discountrateNum {
              color: #FFF;
              font-size: 8vw;
              font-weight: bold;
              line-height: 0.8;
              line-height: 1; }
              div#wrap section.Order .inner .catalogpriceWrap .discountrateText .discountrateNum span {
                font-size: 50%;
                font-weight: bold; }
        div#wrap section.Order .inner .limitedWrap {
          margin: 0 auto 4%; }
          div#wrap section.Order .inner .limitedWrap .limitedNum {
            font-size: 2.4rem;
            color: #fed600;
            font-weight: bold; }
            @media screen and (max-width: 640px) {
              div#wrap section.Order .inner .limitedWrap .limitedNum {
                font-size: 4vw; } }
        div#wrap section.Order .inner .priceWrap {
          width: 100%;
          margin: 0 auto 4%; }
          div#wrap section.Order .inner .priceWrap .salespriceWrap .salespriceNum {
            font-family: 'Roboto', sans-serif;
            font-size: 16vw;
            font-weight: bold;
            font-weight: 900;
            color: #fed600;
            margin: auto;
            -webkit-text-stroke-width: 2px;
            -webkit-text-stroke-color: #FFF;
            text-shadow: 1px 1px 10px black, 0 0 5em black, 0 0 0.2em black; }
            div#wrap section.Order .inner .priceWrap .salespriceWrap .salespriceNum span {
              font-weight: bold;
              font-size: 50%; }
        div#wrap section.Order .inner .entryWrap {
          margin: 0 auto 2em; }
          div#wrap section.Order .inner .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: 5vw;
            line-height: 1.2;
            text-decoration: none;
            width: 90%; }
          div#wrap section.Order .inner .entryWrap a:hover {
            opacity: 0.7; }
          div#wrap section.Order .inner .entryWrap a i {
            font-size: 200%;
            vertical-align: middle;
            position: relative;
            top: -0.1em;
            padding-right: 0.1em; }
        div#wrap section.Order .inner .paymentWrap p {
          text-align: center; }
          div#wrap section.Order .inner .paymentWrap p img {
            width: inherit !important;
            max-width: 100%; }
    div#wrap section.telorder_area {
      margin: 0 auto 2em; }
      div#wrap section.telorder_area p {
        text-align: center; }
        div#wrap section.telorder_area p img {
          width: inherit;
          max-width: 100%; }
    div#wrap section.warranty_area {
      margin-bottom: 2em; }
      div#wrap section.warranty_area h1 {
        margin: 0 auto 1em; }
    div#wrap section.message_box {
      margin: 0 auto 2em;
      color: #FFF; }
      div#wrap section.message_box p {
        text-align: justify;
        overflow-wrap: break-word;
        word-wrap: break-word;
        line-height: 1.5; }
        div#wrap section.message_box p #blue a {
          font-size: 24px;
          font-weight: bold;
          text-decoration: none;
          color: #267AA6; }
        div#wrap section.message_box p #blue a:hover {
          color: #69F;
          text-decoration: none; }
        div#wrap section.message_box p .orange {
          font-size: 180% !important;
          color: #F18E40; }
        div#wrap section.message_box p .yellow {
          font-size: 180% !important;
          color: #FF0; }
        div#wrap section.message_box p .blue {
          font-size: 180% !important;
          color: #45A1D0; }
    div#wrap section.txt_big h1, div#wrap section.txt_big h2, div#wrap section.txt_big p {
      text-align: center; }
    div#wrap section.txt_big p {
      font-size: 1.25em;
      line-height: 1.5em; }
    div#wrap section.txt_big span {
      color: #FC0;
      font-size: 1.25em; }
    div#wrap section div#detail {
      margin: 2em auto 0 auto;
      background-color: #1A1A1A;
      color: #CCC;
      padding: 1em;
      font-size: 0.75em;
      text-align: justify;
      overflow-wrap: break-word;
      word-wrap: break-word; }
      div#wrap section div#detail ul.cap_detail {
        padding-left: 1em; }
        div#wrap section div#detail ul.cap_detail li {
          text-indent: -1em;
          line-height: 1.5em; }
          div#wrap section div#detail ul.cap_detail li:before {
            font-family: FontAwesome;
            content: "\f0c8";
            margin-right: 5px; }
          div#wrap section div#detail ul.cap_detail li ul li:before {
            font-family: FontAwesome;
            content: "\f10c" !important;
            margin-right: 5px; }
          div#wrap section div#detail ul.cap_detail li ul li:nth-child(3):after {
            content: ""; }
      div#wrap section div#detail p {
        text-align: justify;
        overflow-wrap: break-word;
        word-wrap: break-word;
        width: 100%; }
    div#wrap section div#table {
      padding-bottom: 2em; }
      div#wrap section div#table .privacy,
      div#wrap section div#table .page_law,
      div#wrap section div#table .flow {
        text-align: justify;
        overflow-wrap: break-word;
        word-wrap: break-word; }
        div#wrap section div#table .privacy p.caption,
        div#wrap section div#table .page_law p.caption,
        div#wrap section div#table .flow p.caption {
          font-weight: bold; }
      div#wrap section div#table .flow h2 {
        color: #b88617;
        border-bottom: 1px solid #b88617;
        margin-bottom: 1em; }
      div#wrap section div#table .flow h3 {
        color: #096;
        border-bottom: 1px dotted #096; }
      div#wrap section div#table .flow h2,
      div#wrap section div#table .flow h3 {
        font-size: 1.75em; }
      div#wrap section div#table .flow h4 {
        color: #F90;
        font-size: 1.25em; }
      div#wrap section div#table .flow h2,
      div#wrap section div#table .flow h3,
      div#wrap section div#table .flow h4 {
        padding: 1em 0 0.25em 0; }
      div#wrap section div#table .page_law dt {
        font-weight: bold;
        padding-bottom: 0.25em; }
      div#wrap section div#table .page_law dd {
        margin-bottom: 2em;
        border-bottom: 1px dotted #999;
        padding-bottom: 0.5em;
        padding-left: 1em; }
      div#wrap section div#table .privacy section {
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: justify;
        overflow-wrap: break-word;
        word-wrap: break-word;
        color: #FFF; }
        div#wrap section div#table .privacy section h1 {
          font-weight: bold;
          padding-bottom: 0.25em;
          font-size: 1.25em;
          border-bottom: 1px solid #b88617;
          margin-bottom: 0.5em;
          background: none; }
    div#wrap section#form {
      background-color: #FFF;
      width: 100% !important; }
    div#wrap section#form h1, div#wrap section#other h1 {
      color: #b88617;
      border-bottom: 1px solid #b88617;
      font-size: 1.75em;
      font-weight: bold;
      padding-bottom: 0.25em;
      margin-bottom: 0.5em;
      padding-top: 1em;
      margin-top: 0em;
      text-align: center; }
    div#wrap section#form iframe, div#wrap section#form h1 {
      width: 90%;
      margin: 0 auto; }

#container p#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 0.75em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
  line-height: 1em; }
  #container p#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    padding: 1em;
    text-align: center;
    display: block;
    border-radius: 100%; }
  #container p#page-top a:hover {
    text-decoration: none;
    background: #999; }

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

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

@media screen and (min-width: 960px) {
  body {
    background: url(../images/background.jpg) no-repeat center top fixed #000;
    background-size: cover; }

  #container {
    width: 100%;
    margin: 0 auto; }
    #container hgroup,
    #container div#wrap {
      width: 960px;
      margin: 0 auto; }
    #container hgroup,
    #container div#wrap,
    #container footer {
      box-shadow: rgba(0, 0, 0, 0.498039) 6px 6px 0px 0px, rgba(0, 0, 0, 0.498039) -6px 6px 6px 0px;
      -webkit-box-shadow: rgba(0, 0, 0, 0.498039) 6px 6px 6px 0px, rgba(0, 0, 0, 0.498039) -6px 6px 6px 0px;
      -moz-box-shadow: rgba(0, 0, 0, 0.498039) 6px 6px 6px 0px, rgba(0, 0, 0, 0.498039) -6px 6px 6px 0px; }
    #container div#wrap {
      background-color: #000; }
      #container div#wrap h1 {
        font-size: 2em; }
      #container div#wrap h2 {
        font-size: 1.75em; }
      #container div#wrap section p#btn a {
        font-size: 1.25em;
        padding: 1em; }
      #container div#wrap section p#btn img {
        max-width: 100%; }
      #container div#wrap section p#price {
        padding-top: 1em; }
      #container div#wrap section div#form h1 {
        padding-top: 1.5em; }
      #container div#wrap section.Order .inner .catalogpriceWrap .catalogpriceLabel {
        font-size: 2.4rem; }
      #container div#wrap section.Order .inner .catalogpriceWrap .catalogpricePrice {
        font-size: 4.8rem; }
      #container div#wrap section.Order .inner .catalogpriceWrap .catalogpriceText {
        font-size: 2.4rem; }
      #container div#wrap section.Order .inner .catalogpriceWrap .discountrateText .discountrateNum {
        font-size: 4rem; }
        #container div#wrap section.Order .inner .catalogpriceWrap .discountrateText .discountrateNum span {
          font-size: 1.8rem; }
      #container div#wrap section.Order .inner .priceWrap .salespriceWrap .salespriceNum {
        font-size: 9.6rem; }
        #container div#wrap section.Order .inner .priceWrap .salespriceWrap .salespriceNum span {
          font-size: 50%; }
      #container div#wrap section.Order .inner .entryWrap a {
        font-size: 2rem; }
      #container div#wrap section#other h1 {
        padding-top: 1em; }
    #container footer nav,
    #container footer p#copy {
      width: 960px;
      margin: 0 auto; } }