/* line 23, ../scss/style.scss */
:root {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: scroll;
  text-size-adjust: 100%; }

/* line 29, ../scss/style.scss */
audio:not([controls]) {
  display: none; }

/* line 33, ../scss/style.scss */
details {
  display: block; }

/* line 38, ../scss/style.scss */
input[type="number"] {
  width: auto; }
/* line 42, ../scss/style.scss */
input[type="search"] {
  -webkit-appearance: textfield; }
  /* line 45, ../scss/style.scss */
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

/* line 52, ../scss/style.scss */
main {
  display: block; }

/* line 56, ../scss/style.scss */
summary {
  display: block; }

/* line 60, ../scss/style.scss */
pre {
  overflow: auto; }

/* line 64, ../scss/style.scss */
progress {
  display: inline-block; }

/* line 68, ../scss/style.scss */
small {
  font-size: 75%; }

/* line 72, ../scss/style.scss */
template {
  display: none; }

/* line 76, ../scss/style.scss */
textarea {
  overflow: auto; }

/* line 80, ../scss/style.scss */
[hidden] {
  display: none; }

/* line 84, ../scss/style.scss */
[unselectable] {
  user-select: none; }

/*
 * Universal inheritance
 */
/* line 94, ../scss/style.scss */
*,
::before,
::after {
  box-sizing: inherit; }

/* line 100, ../scss/style.scss */
* {
  font-size: inherit;
  line-height: inherit; }

/* line 105, ../scss/style.scss */
::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit; }

/*
 * Opinionated defaults
 */
/* line 119, ../scss/style.scss */
*,
::before,
::after {
  border-style: solid;
  border-width: 0; }

/* line 128, ../scss/style.scss */
* {
  margin: 0;
  padding: 0; }

/* line 135, ../scss/style.scss */
:root {
  box-sizing: border-box;
  cursor: default;
  font: 16px/1.5 sans-serif;
  text-rendering: optimizeLegibility; }

/* line 144, ../scss/style.scss */
html {
  background-color: #FFFFFF; }

/* line 150, ../scss/style.scss */
a {
  text-decoration: none;
  outline: none; }

/* line 157, ../scss/style.scss */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/* line 168, ../scss/style.scss */
button,
input,
select,
textarea {
  background-color: transparent; }

/* line 177, ../scss/style.scss */
button,
input,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit; }

/* line 189, ../scss/style.scss */
button,
[type="button"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="reset"],
[type="search"],
[type="submit"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
  min-height: 1.5em; }

/* line 213, ../scss/style.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace; }

/* line 222, ../scss/style.scss */
nav ol,
nav ul {
  list-style: none; }

/* line 244, ../scss/style.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 251, ../scss/style.scss */
textarea {
  resize: vertical; }

/* line 257, ../scss/style.scss */
::selection {
  background-color: #B3D4FC;
  text-shadow: none; }

@media screen {
  /* line 265, ../scss/style.scss */
  [hidden~="screen"] {
    display: inherit; }

  /* line 269, ../scss/style.scss */
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    clip: rect(0 0 0 0) !important;
    position: absolute !important; } }
/* -----------------------------------------------------------------------------------------------------
	section
----------------------------------------------------------------------------------------------------- */
/* line 279, ../scss/style.scss */
.section {
  clear: both;
  padding: 0px;
  margin: 0px; }

/*  COLUMN SETUP  */
/* line 286, ../scss/style.scss */
.col {
  display: block;
  float: left;
  margin: 1% 0 1% 1%; }

/* line 291, ../scss/style.scss */
.col:first-child {
  margin-left: 0; }

/*  GROUPING  */
/* line 294, ../scss/style.scss */
.group:before,
.group:after {
  content: "";
  display: table; }

/* line 296, ../scss/style.scss */
.group:after {
  clear: both; }

/* line 297, ../scss/style.scss */
.group {
  zoom: 1;
  /* For IE 6/7 */ }

/*  GRID OF TWELVE  */
/* line 299, ../scss/style.scss */
.span_12_of_12 {
  width: 100%; }

/* line 303, ../scss/style.scss */
.span_11_of_12 {
  width: 91.58%; }

/* line 306, ../scss/style.scss */
.span_10_of_12 {
  width: 83.16%; }

/* line 310, ../scss/style.scss */
.span_9_of_12 {
  width: 74.75%; }

/* line 314, ../scss/style.scss */
.span_8_of_12 {
  width: 66.33%; }

/* line 318, ../scss/style.scss */
.span_7_of_12 {
  width: 57.91%; }

/* line 322, ../scss/style.scss */
.span_6_of_12 {
  width: 49.5%; }

/* line 326, ../scss/style.scss */
.span_5_of_12 {
  width: 41.08%; }

/* line 330, ../scss/style.scss */
.span_4_of_12 {
  width: 32.66%; }

/* line 334, ../scss/style.scss */
.span_3_of_12 {
  width: 24.25%; }

/* line 338, ../scss/style.scss */
.span_2_of_12 {
  width: 15.83%; }

/* line 342, ../scss/style.scss */
.span_1_of_12 {
  width: 7.416%; }

@media only screen and (max-width: 980px) {
  /* line 347, ../scss/style.scss */
  .col {
    margin: 1% 0 1% 0%; }

  /* line 348, ../scss/style.scss */
  .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
    width: 100%; } }
/* -----------------------------------------------------------------------------------------------------
	style
----------------------------------------------------------------------------------------------------- */
/*Variable*/
/*--------------- common ---------------*/
/* line 369, ../scss/style.scss */
html {
  height: 100%;
  background-color: #fafafa; }

/* line 373, ../scss/style.scss */
body {
  color: #333;
  font-family: "Open Sans", "Lato","Helvetica Neue","Helvetica","Roboto","Noto Sans Japanese","hiragino kaku gothic pro","Meiryo",sans-serif;
  font-size: 81.125%;
  background-color: #fafafa; }

/* line 379, ../scss/style.scss */
.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 60px;
  background-color: #fff;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); }
  @media only screen and (max-width: 640px) {
    /* line 379, ../scss/style.scss */
    .header {
      height: auto; } }
  /* line 393, ../scss/style.scss */
  .header .header__inner {
    position: relative;
    margin: 0 auto; }
    @media only screen and (min-width: 641px) and (max-width: 1280px) {
      /* line 393, ../scss/style.scss */
      .header .header__inner {
        width: 1000px; } }
    @media only screen and (min-width: 1281px) and (max-width: 1500px) {
      /* line 393, ../scss/style.scss */
      .header .header__inner {
        width: 1200px; } }
    @media only screen and (min-width: 1501px) {
      /* line 393, ../scss/style.scss */
      .header .header__inner {
        width: 1400px; } }
    /* line 407, ../scss/style.scss */
    .header .header__inner .header__title {
      position: absolute;
      top: 0;
      left: 0;
      line-height: 60px;
      font-family: 'Niconne', cursive;
      font-size: 28px; }
      @media only screen and (max-width: 640px) {
        /* line 407, ../scss/style.scss */
        .header .header__inner .header__title {
          line-height: 40px;
          position: static;
          text-align: center;
          font-size: 24px; } }
    /* line 423, ../scss/style.scss */
    .header .header__inner .header__flow {
      padding-top: 12px;
      text-align: center;
      list-style: none; }
      @media only screen and (max-width: 640px) {
        /* line 423, ../scss/style.scss */
        .header .header__inner .header__flow {
          padding-top: 0; } }
      /* line 432, ../scss/style.scss */
      .header .header__inner .header__flow li {
        display: inline-block;
        margin: 0 10px; }
        @media only screen and (max-width: 640px) {
          /* line 432, ../scss/style.scss */
          .header .header__inner .header__flow li {
            margin: 0 2px 10px; } }
        /* line 440, ../scss/style.scss */
        .header .header__inner .header__flow li a {
          position: relative;
          display: inline-block;
          padding: 8px 20px;
          border-radius: 30px;
          background-color: #f0f0f0;
          -webkit-transition: all 0.3s linear; }
          @media only screen and (max-width: 640px) {
            /* line 440, ../scss/style.scss */
            .header .header__inner .header__flow li a {
              padding: 5px 10px; } }
          /* line 452, ../scss/style.scss */
          .header .header__inner .header__flow li a:after {
            position: absolute;
            top: 13px;
            right: -20px;
            content: '';
            display: block;
            width: 10px;
            height: 10px;
            box-sizing: border-box;
            border: 5px solid transparent;
            border-left: 8px solid #ededed;
            -webkit-transition: all 0.3s linear; }
            @media only screen and (max-width: 640px) {
              /* line 452, ../scss/style.scss */
              .header .header__inner .header__flow li a:after {
                display: none; } }
          /* line 470, ../scss/style.scss */
          .header .header__inner .header__flow li a.current {
            color: #fff;
            background-color: #44be52; }
        /* line 478, ../scss/style.scss */
        .header .header__inner .header__flow li:last-child a:after {
          display: none; }
    /* line 486, ../scss/style.scss */
    .header .header__inner .header__account {
      position: absolute;
      top: 0;
      right: 0; }
      @media only screen and (max-width: 640px) {
        /* line 486, ../scss/style.scss */
        .header .header__inner .header__account {
          display: none; } }
      /* line 495, ../scss/style.scss */
      .header .header__inner .header__account > li {
        position: relative;
        float: left;
        margin-left: 2em;
        list-style: none;
        line-height: 60px; }
      /* line 503, ../scss/style.scss */
      .header .header__inner .header__account .header__account__nav {
        display: none; }
    /* line 508, ../scss/style.scss */
    .header .header__inner a {
      color: #333; }
      /* line 511, ../scss/style.scss */
      .header .header__inner a:hover {
        color: #44be52; }

/* line 518, ../scss/style.scss */
.order-info {
  width: 100%;
  collapse: collapse; }
  /* line 522, ../scss/style.scss */
  .order-info th, .order-info td {
    padding: 7px;
    border: 1px solid #f0f0f0; }
  /* line 527, ../scss/style.scss */
  .order-info th {
    font-weight: normal;
    background-color: #f5f5f5; }
  /* line 532, ../scss/style.scss */
  .order-info td {
    text-align: right;
    background-color: #fff; }
  /* line 537, ../scss/style.scss */
  .order-info .width10 {
    width: 10%; }
  /* line 540, ../scss/style.scss */
  .order-info .width20 {
    width: 20%; }

/* line 545, ../scss/style.scss */
.select-brand {
  margin: 0 auto;
  padding-top: 80px; }
  @media only screen and (max-width: 640px) {
    /* line 545, ../scss/style.scss */
    .select-brand {
      padding-top: 120px; } }
  @media only screen and (min-width: 641px) and (max-width: 1280px) {
    /* line 545, ../scss/style.scss */
    .select-brand {
      width: 1000px; } }
  @media only screen and (min-width: 1281px) and (max-width: 1500px) {
    /* line 545, ../scss/style.scss */
    .select-brand {
      width: 1200px; } }
  @media only screen and (min-width: 1501px) {
    /* line 545, ../scss/style.scss */
    .select-brand {
      width: 1400px; } }
  /* line 563, ../scss/style.scss */
  .select-brand h1 {
    text-align: center;
    font-size: 32px;
    font-weight: 300; }
  /* line 569, ../scss/style.scss */
  .select-brand h2 {
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    color: #bbb; }
  /* line 577, ../scss/style.scss */
  .select-brand .select-brand__all-check {
    margin-bottom: 30px; }
    /* line 580, ../scss/style.scss */
    .select-brand .select-brand__all-check a {
      width: 250px;
      margin: 0 auto;
      display: block;
      padding: 11px 0 10px;
      font-size: 15px;
      text-align: center;
      font-weight: 400;
      color: #fff;
      border-radius: 30px;
      background-color: #44be52; }
      /* line 592, ../scss/style.scss */
      .select-brand .select-brand__all-check a:hover {
        opacity: 0.7; }
  /* line 598, ../scss/style.scss */
  .select-brand .select-brand__list {
    list-style: none; }
    @media only screen and (min-width: 641px) and (max-width: 1280px) {
      /* line 598, ../scss/style.scss */
      .select-brand .select-brand__list {
        margin-left: -2.0%; } }
    @media only screen and (min-width: 1281px) and (max-width: 1500px) {
      /* line 598, ../scss/style.scss */
      .select-brand .select-brand__list {
        margin-left: -2.0%; } }
    @media only screen and (min-width: 1501px) {
      /* line 598, ../scss/style.scss */
      .select-brand .select-brand__list {
        margin-left: -2.0%; } }
    /* line 610, ../scss/style.scss */
    .select-brand .select-brand__list:after {
      content: "";
      clear: both;
      display: block; }
    /* line 617, ../scss/style.scss */
    .select-brand .select-brand__list li {
      float: left;
      text-align: center; }
      @media only screen and (max-width: 640px) {
        /* line 617, ../scss/style.scss */
        .select-brand .select-brand__list li {
          width: 45%;
          margin-left: 3.333333%;
          margin-bottom: 3.333333%; } }
      @media only screen and (min-width: 641px) and (max-width: 1280px) {
        /* line 617, ../scss/style.scss */
        .select-brand .select-brand__list li {
          width: 18%;
          margin-left: 2.0%;
          margin-bottom: 2.0%; } }
      @media only screen and (min-width: 1281px) and (max-width: 1500px) {
        /* line 617, ../scss/style.scss */
        .select-brand .select-brand__list li {
          width: 15%;
          margin-left: 1.66%;
          margin-bottom: 1.66%; } }
      @media only screen and (min-width: 1501px) {
        /* line 617, ../scss/style.scss */
        .select-brand .select-brand__list li {
          width: 15%;
          margin-left: 1.66%;
          margin-bottom: 1.66%; } }
      /* line 642, ../scss/style.scss */
      .select-brand .select-brand__list li a {
        display: block;
        font-size: 12px;
        color: #666;
        border: 4px solid #fff;
        background-color: #fff;
        box-sizing: border-box;
        box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
        -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
        -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
        -webkit-transition: border 0.2s linear; }
        /* line 654, ../scss/style.scss */
        .select-brand .select-brand__list li a:hover {
          border: 4px solid #ededed; }
        /* line 658, ../scss/style.scss */
        .select-brand .select-brand__list li a.select-brand__checked {
          border: 4px solid #44be52; }
        /* line 661, ../scss/style.scss */
        .select-brand .select-brand__list li a.select-brand__checked:hover {
          border: 4px solid #44be52; }
        /* line 665, ../scss/style.scss */
        .select-brand .select-brand__list li a img {
          width: 100%; }
      /* line 670, ../scss/style.scss */
      .select-brand .select-brand__list li span {
        display: inline-block;
        padding-top: 3px;
        line-height: 1.2; }
  /* line 680, ../scss/style.scss */
  .select-brand .select-brand__submit a {
    width: 250px;
    margin: 0 auto;
    display: block;
    padding: 11px 0 10px;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    color: #fff;
    border-radius: 30px;
    background-color: #2d98e2;
    -webkit-transition: opacity 0.2s linear; }
    /* line 693, ../scss/style.scss */
    .select-brand .select-brand__submit a:hover {
      opacity: 0.7; }
  /* line 700, ../scss/style.scss */
  .select-brand .brand-noselect a {
    opacity: 0.3; }

/* line 706, ../scss/style.scss */
.container {
  display: none;
  margin: 0 auto;
  padding-top: 70px; }
  @media only screen and (max-width: 640px) {
    /* line 706, ../scss/style.scss */
    .container {
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      padding-top: 120px; } }
  @media only screen and (min-width: 641px) and (max-width: 1280px) {
    /* line 706, ../scss/style.scss */
    .container {
      width: 1000px; } }
  @media only screen and (min-width: 1281px) and (max-width: 1500px) {
    /* line 706, ../scss/style.scss */
    .container {
      width: 1200px; } }
  @media only screen and (min-width: 1501px) {
    /* line 706, ../scss/style.scss */
    .container {
      width: 1400px; } }
  /* line 728, ../scss/style.scss */
  .container .item_list {
    padding-top: 2px;
    overflow: hidden;
    list-style: none; }
    /* line 733, ../scss/style.scss */
    .container .item_list li {
      margin: 0 6px 12px;
      float: left;
      position: relative;
      text-align: center;
      background-color: #fff;
      box-sizing: border-box;
      /* loading animation */ }
      @media only screen and (max-width: 640px) {
        /* line 733, ../scss/style.scss */
        .container .item_list li {
          width: 46%;
          margin: 0 0 2.6666666% 2.6666666%; } }
      @media only screen and (min-width: 641px) and (max-width: 1280px) {
        /* line 733, ../scss/style.scss */
        .container .item_list li {
          margin: 0 5px 12px;
          width: 139px; } }
      @media only screen and (min-width: 1281px) and (max-width: 1500px) {
        /* line 733, ../scss/style.scss */
        .container .item_list li {
          margin: 0 5px 12px;
          width: 139px; } }
      @media only screen and (min-width: 1501px) {
        /* line 733, ../scss/style.scss */
        .container .item_list li {
          width: 162px; } }
      /* line 757, ../scss/style.scss */
      .container .item_list li img {
        width: 100%; }
      /* line 761, ../scss/style.scss */
      .container .item_list li:hover {
        cursor: pointer; }
      /* line 765, ../scss/style.scss */
      .container .item_list li .item_code {
        display: block;
        padding: 3px 0;
        color: #ccc;
        font-size: 10px;
        line-height: 1; }
      /* line 773, ../scss/style.scss */
      .container .item_list li .item_name {
        display: block;
        padding-bottom: 5px;
        color: #666;
        font-size: 12px;
        line-height: 1.2; }
      /* line 781, ../scss/style.scss */
      .container .item_list li .hover_info {
        visibility: hidden; }
      /* line 785, ../scss/style.scss */
      .container .item_list li .checked_item {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        display: block;
        width: 64px;
        height: 64px;
        line-height: 64px;
        border-radius: 64px;
        background-color: rgba(70, 190, 80, 0.9);
        font-size: 24px;
        text-align: center;
        color: #fff;
        z-index: 99998; }
      /* line 801, ../scss/style.scss */
      .container .item_list li .keep-loading {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        display: block;
        z-index: 99997; }
      /* line 810, ../scss/style.scss */
      .container .item_list li #circularG {
        position: relative;
        width: 34px;
        height: 34px;
        margin: auto; }
      /* line 817, ../scss/style.scss */
      .container .item_list li .circularG {
        position: absolute;
        background-color: #44be52;
        width: 8px;
        height: 8px;
        border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        animation-name: bounce_circularG;
        -o-animation-name: bounce_circularG;
        -ms-animation-name: bounce_circularG;
        -webkit-animation-name: bounce_circularG;
        -moz-animation-name: bounce_circularG;
        animation-duration: 0.578s;
        -o-animation-duration: 0.578s;
        -ms-animation-duration: 0.578s;
        -webkit-animation-duration: 0.578s;
        -moz-animation-duration: 0.578s;
        animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-direction: normal;
        -o-animation-direction: normal;
        -ms-animation-direction: normal;
        -webkit-animation-direction: normal;
        -moz-animation-direction: normal; }
      /* line 849, ../scss/style.scss */
      .container .item_list li #circularG_1 {
        left: 0;
        top: 14px;
        animation-delay: 0.218s;
        -o-animation-delay: 0.218s;
        -ms-animation-delay: 0.218s;
        -webkit-animation-delay: 0.218s;
        -moz-animation-delay: 0.218s; }
      /* line 859, ../scss/style.scss */
      .container .item_list li #circularG_2 {
        left: 3px;
        top: 3px;
        animation-delay: 0.284s;
        -o-animation-delay: 0.284s;
        -ms-animation-delay: 0.284s;
        -webkit-animation-delay: 0.284s;
        -moz-animation-delay: 0.284s; }
      /* line 869, ../scss/style.scss */
      .container .item_list li #circularG_3 {
        top: 0;
        left: 14px;
        animation-delay: 0.36s;
        -o-animation-delay: 0.36s;
        -ms-animation-delay: 0.36s;
        -webkit-animation-delay: 0.36s;
        -moz-animation-delay: 0.36s; }
      /* line 879, ../scss/style.scss */
      .container .item_list li #circularG_4 {
        right: 3px;
        top: 3px;
        animation-delay: 0.436s;
        -o-animation-delay: 0.436s;
        -ms-animation-delay: 0.436s;
        -webkit-animation-delay: 0.436s;
        -moz-animation-delay: 0.436s; }
      /* line 889, ../scss/style.scss */
      .container .item_list li #circularG_5 {
        right: 0;
        top: 14px;
        animation-delay: 0.502s;
        -o-animation-delay: 0.502s;
        -ms-animation-delay: 0.502s;
        -webkit-animation-delay: 0.502s;
        -moz-animation-delay: 0.502s; }
      /* line 899, ../scss/style.scss */
      .container .item_list li #circularG_6 {
        right: 3px;
        bottom: 3px;
        animation-delay: 0.578s;
        -o-animation-delay: 0.578s;
        -ms-animation-delay: 0.578s;
        -webkit-animation-delay: 0.578s;
        -moz-animation-delay: 0.578s; }
      /* line 909, ../scss/style.scss */
      .container .item_list li #circularG_7 {
        left: 14px;
        bottom: 0;
        animation-delay: 0.644s;
        -o-animation-delay: 0.644s;
        -ms-animation-delay: 0.644s;
        -webkit-animation-delay: 0.644s;
        -moz-animation-delay: 0.644s; }
      /* line 919, ../scss/style.scss */
      .container .item_list li #circularG_8 {
        left: 3px;
        bottom: 3px;
        animation-delay: 0.72s;
        -o-animation-delay: 0.72s;
        -ms-animation-delay: 0.72s;
        -webkit-animation-delay: 0.72s;
        -moz-animation-delay: 0.72s; }
@keyframes bounce_circularG {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0.3); } }
@-o-keyframes bounce_circularG {
  0% {
    -o-transform: scale(1); }
  100% {
    -o-transform: scale(0.3); } }
@-ms-keyframes bounce_circularG {
  0% {
    -ms-transform: scale(1); }
  100% {
    -ms-transform: scale(0.3); } }
@-webkit-keyframes bounce_circularG {
  0% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(0.3); } }
@-moz-keyframes bounce_circularG {
  0% {
    -moz-transform: scale(1); }
  100% {
    -moz-transform: scale(0.3); } }
      /* line 981, ../scss/style.scss */
      .container .item_list li .item_list__caption {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 5px;
        line-height: 1.2;
        font-size: 12px;
        color: #fff;
        background-color: rgba(51, 51, 51, 0.85); }
      /* line 993, ../scss/style.scss */
      .container .item_list li a {
        display: block;
        box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
        -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
        -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
        -webkit-transition: opacity 0.2s linear; }
        /* line 1000, ../scss/style.scss */
        .container .item_list li a:hover {
          opacity: 0.5; }
  /* line 1007, ../scss/style.scss */
  .container .page-nation {
    margin-top: 20px;
    list-style: none;
    text-align: center; }
    /* line 1012, ../scss/style.scss */
    .container .page-nation li {
      display: -moz-inline-box;
      display: inline-block;
      padding: 0 8px; }
      /* line 1017, ../scss/style.scss */
      .container .page-nation li a {
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: #333;
        font-size: 18px;
        border-radius: 40px;
        background-color: #fff;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
        -webkit-transition: background-color 0.2s linear; }
        /* line 1029, ../scss/style.scss */
        .container .page-nation li a:hover {
          background-color: #f0f0f0; }

/* line 1037, ../scss/style.scss */
.order__content {
  margin-bottom: 10px; }
  /* line 1041, ../scss/style.scss */
  .order__content > dl > dt {
    margin-bottom: 5px;
    line-height: 1;
    font-family: 'Niconne', cursive;
    font-size: 28px; }
  /* line 1049, ../scss/style.scss */
  .order__content > dl > dd.order_info {
    padding: 8px 8px 6px;
    background-color: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); }
    /* line 1055, ../scss/style.scss */
    .order__content > dl > dd.order_info dl dt, .order__content > dl > dd.order_info dl dd {
      padding: 4px; }
    /* line 1059, ../scss/style.scss */
    .order__content > dl > dd.order_info dl dt {
      float: left;
      clear: left;
      color: #888; }
      /* line 1064, ../scss/style.scss */
      .order__content > dl > dd.order_info dl dt.budget-title {
        margin-top: 4px; }
    /* line 1068, ../scss/style.scss */
    .order__content > dl > dd.order_info dl dd {
      color: #222;
      text-align: right;
      border-bottom: 1px solid #f5f5f5; }
      /* line 1073, ../scss/style.scss */
      .order__content > dl > dd.order_info dl dd .order_info__budget {
        width: 70px;
        margin: 0 0 0 3px;
        padding: 2px 3px;
        text-align: right;
        outline: none;
        border: 1px solid #ededed; }
        /* line 1081, ../scss/style.scss */
        .order__content > dl > dd.order_info dl dd .order_info__budget:focus {
          border: 1px solid #44be52; }
      /* line 1086, ../scss/style.scss */
      .order__content > dl > dd.order_info dl dd .order_info__budget-difference {
        width: 70px;
        margin: 0 0 0 3px;
        padding: 2px 3px;
        text-align: right;
        outline: none;
        border: 1px solid #fff; }
      /* line 1095, ../scss/style.scss */
      .order__content > dl > dd.order_info dl dd:last-child {
        border-bottom: none; }
      /* line 1099, ../scss/style.scss */
      .order__content > dl > dd.order_info dl dd.destination_data {
        text-align: left; }
        /* line 1102, ../scss/style.scss */
        .order__content > dl > dd.order_info dl dd.destination_data .destination_zip, .order__content > dl > dd.order_info dl dd.destination_data .destination_pref, .order__content > dl > dd.order_info dl dd.destination_data .destination_city, .order__content > dl > dd.order_info dl dd.destination_data .destination_building {
          display: block; }
        /* line 1105, ../scss/style.scss */
        .order__content > dl > dd.order_info dl dd.destination_data .destination_zip {
          display: block; }
        /* line 1108, ../scss/style.scss */
        .order__content > dl > dd.order_info dl dd.destination_data .destination_pref, .order__content > dl > dd.order_info dl dd.destination_data .destination_city {
          display: inline-block;
          margin-right: 0.5em; }
    /* line 1114, ../scss/style.scss */
    .order__content > dl > dd.order_info dl .destination {
      border-bottom: none; }
      /* line 1117, ../scss/style.scss */
      .order__content > dl > dd.order_info dl .destination select {
        width: 100%;
        padding: 3px;
        font-family: inherit;
        font-size: 12px;
        border: 1px solid #f0f0f0; }
    /* line 1127, ../scss/style.scss */
    .order__content > dl > dd.order_info .chenge-num {
      padding-top: 15px;
      border-top: 1px solid #f0f0f0;
      outline: none; }
      /* line 1132, ../scss/style.scss */
      .order__content > dl > dd.order_info .chenge-num a {
        width: 80%;
        margin: 0 auto;
        display: block;
        color: #fff;
        padding: 9px 0 7px;
        font-size: 16px;
        text-align: center;
        background-color: #c3c9cd;
        border-radius: 30px;
        -webkit-transition: opacity 0.2s linear; }
        /* line 1144, ../scss/style.scss */
        .order__content > dl > dd.order_info .chenge-num a:hover {
          opacity: 0.7; }
    /* line 1150, ../scss/style.scss */
    .order__content > dl > dd.order_info .confirm-order {
      margin: 10px 0; }
      /* line 1153, ../scss/style.scss */
      .order__content > dl > dd.order_info .confirm-order a {
        width: 80%;
        margin: 0 auto;
        display: block;
        color: #fff;
        padding: 9px 0 7px;
        font-size: 16px;
        text-align: center;
        background-color: #44be52;
        border-radius: 30px;
        -webkit-transition: opacity 0.2s linear; }
        /* line 1165, ../scss/style.scss */
        .order__content > dl > dd.order_info .confirm-order a:hover {
          opacity: 0.7; }
    /* line 1171, ../scss/style.scss */
    .order__content > dl > dd.order_info .check-list-back {
      display: none;
      margin: 10px 0; }
      /* line 1175, ../scss/style.scss */
      .order__content > dl > dd.order_info .check-list-back a {
        width: 80%;
        margin: 0 auto;
        display: block;
        color: #fff;
        padding: 9px 0 7px;
        font-size: 16px;
        text-align: center;
        background-color: #c3c9cd;
        border-radius: 30px;
        -webkit-transition: opacity 0.2s linear; }
        /* line 1187, ../scss/style.scss */
        .order__content > dl > dd.order_info .check-list-back a:hover {
          opacity: 0.7; }
    /* line 1193, ../scss/style.scss */
    .order__content > dl > dd.order_info .order-finish {
      display: none;
      margin: 10px 0; }
      /* line 1197, ../scss/style.scss */
      .order__content > dl > dd.order_info .order-finish a {
        width: 80%;
        margin: 0 auto;
        display: block;
        color: #fff;
        padding: 9px 0 7px;
        font-size: 16px;
        text-align: center;
        background-color: #2d98e2;
        border-radius: 30px;
        -webkit-transition: opacity 0.2s linear; }
        /* line 1209, ../scss/style.scss */
        .order__content > dl > dd.order_info .order-finish a:hover {
          opacity: 0.7; }

/* line 1219, ../scss/style.scss */
.order-memo {
  margin: 5px 0;
  width: 100%;
  height: 60px;
  padding: 3px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  outline: none;
  resize: none; }
  /* line 1230, ../scss/style.scss */
  .order-memo:focus {
    border: 1px solid #44be52; }

/* line 1236, ../scss/style.scss */
.search__content dt {
  margin-bottom: 8px;
  line-height: 1;
  font-family: 'Niconne', cursive;
  font-size: 28px; }

/* line 1244, ../scss/style.scss */
.category_list {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); }
  /* line 1247, ../scss/style.scss */
  .category_list label {
    display: block;
    padding: 6px 8px;
    background-color: #fff;
    border-bottom: 1px solid #f5f5f5; }
    /* line 1253, ../scss/style.scss */
    .category_list label:hover {
      background-color: #fdfdfd; }
    /* line 1257, ../scss/style.scss */
    .category_list label:last-child {
      border-bottom: none; }
    /* line 1261, ../scss/style.scss */
    .category_list label span {
      position: relative;
      top: 2px;
      margin-left: 7px; }

/* line 1269, ../scss/style.scss */
.item_select {
  display: none; }

/* line 1273, ../scss/style.scss */
.footer {
  margin-top: 40px; }
  /* line 1276, ../scss/style.scss */
  .footer .footer__inner {
    overflow: hidden;
    margin: 0 auto;
    padding: 20px 10px;
    border-top: 1px solid #f0f0f0; }
    @media only screen and (min-width: 641px) and (max-width: 1280px) {
      /* line 1276, ../scss/style.scss */
      .footer .footer__inner {
        width: 1000px; } }
    @media only screen and (min-width: 1281px) and (max-width: 1500px) {
      /* line 1276, ../scss/style.scss */
      .footer .footer__inner {
        width: 1200px; } }
    @media only screen and (min-width: 1501px) {
      /* line 1276, ../scss/style.scss */
      .footer .footer__inner {
        width: 1400px; } }
    /* line 1292, ../scss/style.scss */
    .footer .footer__inner ul {
      list-style: none; }
      /* line 1295, ../scss/style.scss */
      .footer .footer__inner ul li {
        float: left;
        margin-right: 20px; }
    /* line 1301, ../scss/style.scss */
    .footer .footer__inner .copyright {
      float: right; }
      @media only screen and (max-width: 640px) {
        /* line 1301, ../scss/style.scss */
        .footer .footer__inner .copyright {
          clear: left;
          float: none;
          text-align: left; } }
    /* line 1311, ../scss/style.scss */
    .footer .footer__inner a {
      color: #333; }
      /* line 1314, ../scss/style.scss */
      .footer .footer__inner a:hover {
        color: #44be52; }

/* line 1322, ../scss/style.scss */
.check-list {
  display: none;
  position: relative;
  padding-top: 20px; }
  /* line 1327, ../scss/style.scss */
  .check-list .check-list__wrap {
    position: relative;
    margin: 0 auto; }
    @media only screen and (max-width: 640px) {
      /* line 1327, ../scss/style.scss */
      .check-list .check-list__wrap {
        width: 90%;
        margin-left: auto;
        margin-right: auto; } }
    @media only screen and (min-width: 641px) and (max-width: 1280px) {
      /* line 1327, ../scss/style.scss */
      .check-list .check-list__wrap {
        width: 1000px; } }
    @media only screen and (min-width: 1281px) and (max-width: 1500px) {
      /* line 1327, ../scss/style.scss */
      .check-list .check-list__wrap {
        width: 1200px; } }
    @media only screen and (min-width: 1501px) {
      /* line 1327, ../scss/style.scss */
      .check-list .check-list__wrap {
        width: 1400px; } }
    /* line 1348, ../scss/style.scss */
    .check-list .check-list__wrap .check-list__wrap__item .check-list__wrap__item__box {
      position: relative;
      margin-bottom: 15px;
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
      background-color: #fff; }
      /* line 1354, ../scss/style.scss */
      .check-list .check-list__wrap .check-list__wrap__item .check-list__wrap__item__box .remove-item {
        position: absolute;
        top: 10px;
        right: 20px;
        font-size: 24px;
        color: #ededed;
        outline: none;
        -webkit-transition: color 0.2s linear; }
        /* line 1363, ../scss/style.scss */
        .check-list .check-list__wrap .check-list__wrap__item .check-list__wrap__item__box .remove-item:hover {
          color: #333; }
    /* line 1369, ../scss/style.scss */
    .check-list .check-list__wrap .check-list__wrap__item .check-item__img {
      margin-left: 25px; }
      @media only screen and (max-width: 640px) {
        /* line 1369, ../scss/style.scss */
        .check-list .check-list__wrap .check-list__wrap__item .check-item__img {
          margin-left: 0; } }
      /* line 1376, ../scss/style.scss */
      .check-list .check-list__wrap .check-list__wrap__item .check-item__img img {
        width: 100%; }
      /* line 1380, ../scss/style.scss */
      .check-list .check-list__wrap .check-list__wrap__item .check-item__img a {
        -webkit-transition: opacity 0.2s linear; }
        /* line 1383, ../scss/style.scss */
        .check-list .check-list__wrap .check-list__wrap__item .check-item__img a:hover {
          opacity: 0.5; }
    /* line 1389, ../scss/style.scss */
    .check-list .check-list__wrap .check-list__wrap__item .check-item__detail-info {
      margin-left: 25px; }
      /* line 1392, ../scss/style.scss */
      .check-list .check-list__wrap .check-list__wrap__item .check-item__detail-info .check-item__brand-name {
        margin-top: 2px;
        margin-bottom: 3px;
        line-height: 1;
        font-size: 11px;
        color: #999; }
      /* line 1400, ../scss/style.scss */
      .check-list .check-list__wrap .check-list__wrap__item .check-item__detail-info .check-item__item-name {
        margin-bottom: 8px;
        padding-bottom: 5px;
        line-height: 1.2;
        font-size: 16px;
        font-weight: 600;
        border-bottom: 1px solid #f0f0f0; }
        /* line 1408, ../scss/style.scss */
        .check-list .check-list__wrap .check-list__wrap__item .check-item__detail-info .check-item__item-name span {
          display: inline-block;
          margin-left: 7px;
          font-size: 12px;
          font-weight: normal; }
      /* line 1416, ../scss/style.scss */
      .check-list .check-list__wrap .check-list__wrap__item .check-item__detail-info dt.check-item__price {
        float: left;
        clear: left;
        width: 100px;
        padding-top: 3px;
        color: #777;
        font-size: 14px;
        font-weight: normal; }
      /* line 1425, ../scss/style.scss */
      .check-list .check-list__wrap .check-list__wrap__item .check-item__detail-info .check-item__price {
        font-size: 18px;
        color: #222; }
      /* line 1430, ../scss/style.scss */
      .check-list .check-list__wrap .check-list__wrap__item .check-item__detail-info dt.check-item__delivery {
        float: left;
        clear: left;
        width: 100px;
        color: #777;
        font-weight: normal; }
      /* line 1437, ../scss/style.scss */
      .check-list .check-list__wrap .check-list__wrap__item .check-item__detail-info .check-item__delivery {
        margin-top: 2px;
        margin-bottom: 10px;
        font-size: 14px;
        color: #222; }
      /* line 1444, ../scss/style.scss */
      .check-list .check-list__wrap .check-list__wrap__item .check-item__detail-info .check-item__message {
        line-height: 1.7;
        color: #777;
        font-size: 11px; }
    /* line 1451, ../scss/style.scss */
    .check-list .check-list__wrap .check-list__wrap__item .check-item__size {
      margin-left: 12px; }
      /* line 1454, ../scss/style.scss */
      .check-list .check-list__wrap .check-list__wrap__item .check-item__size th {
        font-weight: normal; }
      /* line 1458, ../scss/style.scss */
      .check-list .check-list__wrap .check-list__wrap__item .check-item__size th, .check-list .check-list__wrap .check-list__wrap__item .check-item__size td {
        padding: 2px 8px 2px 0; }
      /* line 1462, ../scss/style.scss */
      .check-list .check-list__wrap .check-list__wrap__item .check-item__size .color_size {
        text-align: left;
        width: 90px;
        word-break: break-all;
        line-height: 1.1; }
      /* line 1469, ../scss/style.scss */
      .check-list .check-list__wrap .check-list__wrap__item .check-item__size .item-num {
        vertical-align: top;
        width: 26px;
        padding: 3px;
        height: 26px;
        text-align: center;
        border: 1px solid #f0f0f0;
        background-color: #fff; }
      /* line 1479, ../scss/style.scss */
      .check-list .check-list__wrap .check-list__wrap__item .check-item__size .item-num__minus {
        margin-left: -1px;
        border-right: 1px solid #fff; }
      /* line 1484, ../scss/style.scss */
      .check-list .check-list__wrap .check-list__wrap__item .check-item__size .item-num__minus, .check-list .check-list__wrap .check-list__wrap__item .check-item__size .item-num__plus {
        display: inline-block;
        width: 13px;
        height: 26px;
        line-height: 26px;
        color: #fff;
        text-align: center;
        background-color: #c3c9cd; }
        /* line 1493, ../scss/style.scss */
        .check-list .check-list__wrap .check-list__wrap__item .check-item__size .item-num__minus:hover, .check-list .check-list__wrap .check-list__wrap__item .check-item__size .item-num__plus:hover {
          background-color: #9ca9b4; }
    /* line 1500, ../scss/style.scss */
    .check-list .check-list__wrap .check-list__wrap__info {
      position: relative; }
  /* line 1505, ../scss/style.scss */
  .check-list .last-confirm {
    display: none;
    padding: 15px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    background-color: #fff; }
    /* line 1511, ../scss/style.scss */
    .check-list .last-confirm h2 {
      margin-bottom: 10px;
      font-size: 20px;
      font-weight: 300; }
    /* line 1517, ../scss/style.scss */
    .check-list .last-confirm .check-list-back {
      position: absolute;
      top: 10px;
      right: 20px;
      color: #333;
      font-size: 32px; }
    /* line 1525, ../scss/style.scss */
    .check-list .last-confirm .order-content {
      width: 100%; }
      /* line 1529, ../scss/style.scss */
      .check-list .last-confirm .order-content thead th {
        font-weight: normal;
        border-bottom: 2px solid #f0f0f0; }
        /* line 1533, ../scss/style.scss */
        .check-list .last-confirm .order-content thead th.item-info {
          max-width: 30%; }
      /* line 1539, ../scss/style.scss */
      .check-list .last-confirm .order-content th, .check-list .last-confirm .order-content td {
        padding: 8px 5px;
        line-height: 1.3; }
      /* line 1546, ../scss/style.scss */
      .check-list .last-confirm .order-content tbody td {
        word-break: break-all; }
      /* line 1550, ../scss/style.scss */
      .check-list .last-confirm .order-content tbody .order-content__img {
        width: 60px; }
        /* line 1553, ../scss/style.scss */
        .check-list .last-confirm .order-content tbody .order-content__img img {
          width: 100%; }
      /* line 1557, ../scss/style.scss */
      .check-list .last-confirm .order-content tbody .brand-name {
        display: block;
        color: #999; }
      /* line 1561, ../scss/style.scss */
      .check-list .last-confirm .order-content tbody .item-name {
        display: block;
        line-height: 1;
        margin: 3px 0; }
      /* line 1566, ../scss/style.scss */
      .check-list .last-confirm .order-content tbody .item-code {
        display: block; }
      /* line 1569, ../scss/style.scss */
      .check-list .last-confirm .order-content tbody .text-center {
        text-align: center; }
      /* line 1572, ../scss/style.scss */
      .check-list .last-confirm .order-content tbody .total-order-num, .check-list .last-confirm .order-content tbody .total-order-price {
        color: #222;
        text-align: center;
        font-size: 16px;
        font-weight: 600; }
      /* line 1579, ../scss/style.scss */
      .check-list .last-confirm .order-content tbody .order-color-size dt {
        float: left;
        clear: left; }
    /* line 1587, ../scss/style.scss */
    .check-list .last-confirm .color-size-list {
      width: 100%;
      margin-bottom: 15px;
      table-layout: fixed;
      border-bottom: 1px solid #f0f0f0; }
      /* line 1593, ../scss/style.scss */
      .check-list .last-confirm .color-size-list tbody {
        border-bottom: none;
        border-top: 1px solid #f0f0f0; }
        /* line 1597, ../scss/style.scss */
        .check-list .last-confirm .color-size-list tbody th, .check-list .last-confirm .color-size-list tbody td {
          padding: 1px 10px; }
        /* line 1601, ../scss/style.scss */
        .check-list .last-confirm .color-size-list tbody th {
          width: 100px;
          text-align: left;
          font-weight: normal;
          background-color: #f8f8f8;
          border-top: 1px solid #f0f0f0; }
        /* line 1609, ../scss/style.scss */
        .check-list .last-confirm .color-size-list tbody td {
          text-align: center; }

/* line 1617, ../scss/style.scss */
.img-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.8); }

/* line 1628, ../scss/style.scss */
.img-canvas {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-align: center; }

/* line 1642, ../scss/style.scss */
.img-thumb-container {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%; }
  /* line 1648, ../scss/style.scss */
  .img-thumb-container ul {
    text-align: center;
    list-style: none; }
    /* line 1652, ../scss/style.scss */
    .img-thumb-container ul li {
      display: inline-block;
      margin: 0 5px; }
      /* line 1656, ../scss/style.scss */
      .img-thumb-container ul li a {
        display: block; }

/* -----------------------------------------------------------------------------------------------------
	login
----------------------------------------------------------------------------------------------------- */
/* line 1668, ../scss/style.scss */
.login-area {
  margin: 120px auto 60px;
  width: 650px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12); }
  @media only screen and (max-width: 640px) {
    /* line 1668, ../scss/style.scss */
    .login-area {
      width: 90%;
      margin: 60px auto 0; } }
  /* line 1682, ../scss/style.scss */
  .login-area .login-head-text {
    padding: 60px 0 20px;
    text-align: center;
    font-size: 14px; }
    @media only screen and (max-width: 640px) {
      /* line 1682, ../scss/style.scss */
      .login-area .login-head-text {
        padding: 20px; } }
  /* line 1692, ../scss/style.scss */
  .login-area .login-form {
    padding: 0 80px 25px; }
    @media only screen and (max-width: 640px) {
      /* line 1692, ../scss/style.scss */
      .login-area .login-form {
        padding: 0 20px 20px; } }
    /* line 1699, ../scss/style.scss */
    .login-area .login-form .text-field {
      width: 100%;
      margin-bottom: 15px;
      padding: 5px;
      font-size: 16px;
      border: 1px solid #f0f0f0;
      box-sizing: border-box;
      outline: none; }
      /* line 1708, ../scss/style.scss */
      .login-area .login-form .text-field:focus {
        border: 1px solid #44be52; }
    /* line 1713, ../scss/style.scss */
    .login-area .login-form .login-remember {
      font-size: 14px; }
      /* line 1716, ../scss/style.scss */
      .login-area .login-form .login-remember:hover {
        cursor: pointer; }
      /* line 1720, ../scss/style.scss */
      .login-area .login-form .login-remember .login-remember__icon {
        position: relative;
        top: 1px;
        margin-left: 5px; }
    /* line 1727, ../scss/style.scss */
    .login-area .login-form .login-submit {
      width: 250px;
      margin: 20px auto 30px;
      display: block;
      padding: 11px 0 10px;
      font-size: 16px;
      text-align: center;
      font-weight: 400;
      color: #fff;
      border-radius: 30px;
      background-color: #2d98e2;
      -webkit-transition: opacity 0.2s linear;
      outline: none; }
      /* line 1741, ../scss/style.scss */
      .login-area .login-form .login-submit:hover {
        cursor: pointer;
        opacity: 0.7; }
    /* line 1747, ../scss/style.scss */
    .login-area .login-form .login-form__remind {
      text-align: right; }
      /* line 1750, ../scss/style.scss */
      .login-area .login-form .login-form__remind a {
        color: #333; }
        /* line 1753, ../scss/style.scss */
        .login-area .login-form .login-form__remind a:hover {
          text-decoration: underline; }

/* -----------------------------------------------------------------------------------------------------
	remind
----------------------------------------------------------------------------------------------------- */
/* line 1767, ../scss/style.scss */
.remind-area {
  margin: 120px auto 60px;
  width: 750px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12); }
  /* line 1776, ../scss/style.scss */
  .remind-area .remind-head-text {
    padding: 50px 0 20px;
    font-size: 14px; }
  /* line 1781, ../scss/style.scss */
  .remind-area .remind-form {
    padding: 0 80px 25px; }
    /* line 1784, ../scss/style.scss */
    .remind-area .remind-form .text-field {
      width: 100%;
      margin-bottom: 15px;
      padding: 5px;
      font-size: 16px;
      border: 1px solid #f0f0f0;
      box-sizing: border-box;
      outline: none; }
      /* line 1793, ../scss/style.scss */
      .remind-area .remind-form .text-field:focus {
        border: 1px solid #44be52; }
    /* line 1798, ../scss/style.scss */
    .remind-area .remind-form .remind-submit {
      width: 250px;
      margin: 20px auto 30px;
      display: block;
      padding: 11px 0 10px;
      font-size: 16px;
      text-align: center;
      font-weight: 400;
      color: #fff;
      border-radius: 30px;
      background-color: #2d98e2;
      -webkit-transition: opacity 0.2s linear;
      outline: none; }
      /* line 1812, ../scss/style.scss */
      .remind-area .remind-form .remind-submit:hover {
        cursor: pointer;
        opacity: 0.7; }
    /* line 1818, ../scss/style.scss */
    .remind-area .remind-form .remind-form__to-top {
      text-align: right; }
      /* line 1821, ../scss/style.scss */
      .remind-area .remind-form .remind-form__to-top a {
        color: #333; }
        /* line 1824, ../scss/style.scss */
        .remind-area .remind-form .remind-form__to-top a:hover {
          text-decoration: underline; }

/* -----------------------------------------------------------------------------------------------------
	history
----------------------------------------------------------------------------------------------------- */
/* line 1836, ../scss/style.scss */
.history-area {
  position: relative;
  margin: 120px auto 60px;
  padding: 40px 40px 20px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12); }
  @media only screen and (min-width: 641px) and (max-width: 1280px) {
    /* line 1836, ../scss/style.scss */
    .history-area {
      width: 1000px; } }
  @media only screen and (min-width: 1281px) and (max-width: 1500px) {
    /* line 1836, ../scss/style.scss */
    .history-area {
      width: 1200px; } }
  @media only screen and (min-width: 1501px) {
    /* line 1836, ../scss/style.scss */
    .history-area {
      width: 1400px; } }
  /* line 1856, ../scss/style.scss */
  .history-area h2 {
    margin-bottom: 20px;
    padding-bottom: 5px;
    font-size: 20px;
    font-weight: normal;
    border-bottom: 1px solid #f0f0f0; }
  /* line 1864, ../scss/style.scss */
  .history-area .history__back {
    position: absolute;
    top: 40px;
    right: 40px;
    display: inline-block;
    padding: 6px 15px 5px;
    color: #fff;
    font-size: 12px;
    border-radius: 30px;
    background-color: #2d98e2;
    -webkit-transition: opacity 0.2s linear; }
    /* line 1876, ../scss/style.scss */
    .history-area .history__back:hover {
      opacity: 0.7; }
  /* line 1881, ../scss/style.scss */
  .history-area .history-list {
    width: 100%; }
    /* line 1885, ../scss/style.scss */
    .history-area .history-list tr:hover {
      cursor: pointer; }
    /* line 1890, ../scss/style.scss */
    .history-area .history-list th, .history-area .history-list td {
      padding: 6px 10px 5px; }
    /* line 1894, ../scss/style.scss */
    .history-area .history-list th {
      font-weight: normal;
      background-color: #f5f5f5; }
    /* line 1899, ../scss/style.scss */
    .history-area .history-list td {
      text-align: center;
      border-bottom: 1px solid #f5f5f5; }
      /* line 1903, ../scss/style.scss */
      .history-area .history-list td.tr {
        text-align: right; }
      /* line 1907, ../scss/style.scss */
      .history-area .history-list td.hover {
        -webkit-transition: background-color 0.2s linear;
        background-color: #f8f8f8; }
      /* line 1912, ../scss/style.scss */
      .history-area .history-list td .order-number {
        color: inherit; }
      /* line 1916, ../scss/style.scss */
      .history-area .history-list td .csv-dl {
        display: inline-block;
        padding: 6px 15px 5px;
        color: #fff;
        font-size: 12px;
        border-radius: 30px;
        background-color: #2d98e2;
        -webkit-transition: opacity 0.2s linear; }
        /* line 1925, ../scss/style.scss */
        .history-area .history-list td .csv-dl:hover {
          opacity: 0.7; }
  /* line 1932, ../scss/style.scss */
  .history-area .history__order-info {
    width: 100%;
    margin-bottom: 40px; }
    /* line 1936, ../scss/style.scss */
    .history-area .history__order-info th, .history-area .history__order-info td {
      padding: 6px 10px 5px; }
    /* line 1941, ../scss/style.scss */
    .history-area .history__order-info thead th {
      font-weight: 400;
      background-color: #f5f5f5; }
    /* line 1948, ../scss/style.scss */
    .history-area .history__order-info tfoot th {
      font-weight: 400;
      background-color: #f5f5f5;
      border-bottom: 1px solid #f5f5f5; }
    /* line 1953, ../scss/style.scss */
    .history-area .history__order-info tfoot td {
      border-bottom: 1px solid #f5f5f5; }
    /* line 1959, ../scss/style.scss */
    .history-area .history__order-info tbody td {
      font-size: 14px;
      text-align: center;
      border-bottom: 1px solid #f5f5f5; }
  /* line 1967, ../scss/style.scss */
  .history-area .history__order-detail {
    width: 100%; }
    /* line 1970, ../scss/style.scss */
    .history-area .history__order-detail th, .history-area .history__order-detail td {
      padding: 6px 10px 5px; }
    /* line 1975, ../scss/style.scss */
    .history-area .history__order-detail thead th {
      font-weight: 400;
      background-color: #f5f5f5; }
    /* line 1982, ../scss/style.scss */
    .history-area .history__order-detail tbody td {
      text-align: center;
      border-bottom: 1px solid #f5f5f5; }
      /* line 1986, ../scss/style.scss */
      .history-area .history__order-detail tbody td.tl {
        text-align: left; }
      /* line 1989, ../scss/style.scss */
      .history-area .history__order-detail tbody td.tc {
        text-align: center; }
      /* line 1992, ../scss/style.scss */
      .history-area .history__order-detail tbody td.tr {
        text-align: right; }
      /* line 1996, ../scss/style.scss */
      .history-area .history__order-detail tbody td.hover {
        -webkit-transition: background-color 0.2s linear;
        background-color: #f8f8f8; }
  /* line 2004, ../scss/style.scss */
  .history-area h3 {
    float: left;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 400; }
  /* line 2011, ../scss/style.scss */
  .history-area .detail-csv-dl {
    float: right;
    display: inline-block;
    padding: 6px 15px 5px;
    color: #fff;
    font-size: 12px;
    border-radius: 30px;
    background-color: #2d98e2;
    -webkit-transition: opacity 0.2s linear; }
    /* line 2021, ../scss/style.scss */
    .history-area .detail-csv-dl:hover {
      opacity: 0.7; }

/* -----------------------------------------------------------------------------------------------------
	terms
----------------------------------------------------------------------------------------------------- */
/* line 2032, ../scss/style.scss */
.terms-area {
  margin: 120px auto 60px;
  width: 750px;
  padding: 40px 40px 20px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12); }
  /* line 2042, ../scss/style.scss */
  .terms-area h2 {
    margin-bottom: 20px;
    padding-bottom: 5px;
    font-size: 20px;
    font-weight: normal;
    border-bottom: 1px solid #f0f0f0; }
  /* line 2050, ../scss/style.scss */
  .terms-area p {
    margin-bottom: 1.5em; }
  /* line 2055, ../scss/style.scss */
  .terms-area dl dt {
    margin-bottom: 10px;
    font-size: 16px; }
  /* line 2060, ../scss/style.scss */
  .terms-area dl dd {
    margin-bottom: 2.5em;
    color: #666; }
    /* line 2064, ../scss/style.scss */
    .terms-area dl dd ul, .terms-area dl dd ol {
      margin-left: 1.8em; }
      /* line 2067, ../scss/style.scss */
      .terms-area dl dd ul li, .terms-area dl dd ol li {
        margin-top: 5px; }

/* -----------------------------------------------------------------------------------------------------
	contact
----------------------------------------------------------------------------------------------------- */
/* line 2080, ../scss/style.scss */
.contact-area {
  margin: 120px auto 60px;
  width: 750px;
  padding: 40px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12); }
  /* line 2090, ../scss/style.scss */
  .contact-area h2 {
    margin-bottom: 20px;
    padding-bottom: 5px;
    font-size: 20px;
    font-weight: normal;
    border-bottom: 1px solid #f0f0f0; }
  /* line 2098, ../scss/style.scss */
  .contact-area .contact-head-text {
    padding: 0 0 20px; }
  /* line 2104, ../scss/style.scss */
  .contact-area .contact-form .attention {
    color: #e74c3c; }
  /* line 2108, ../scss/style.scss */
  .contact-area .contact-form dl {
    margin-top: 30px; }
  /* line 2112, ../scss/style.scss */
  .contact-area .contact-form .text-field {
    width: 100%;
    margin-bottom: 20px;
    padding: 5px;
    font-size: inherit;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    outline: none; }
    /* line 2121, ../scss/style.scss */
    .contact-area .contact-form .text-field:focus {
      border: 1px solid #44be52; }
  /* line 2126, ../scss/style.scss */
  .contact-area .contact-form .select-field {
    margin-bottom: 20px;
    padding: 5px;
    font-size: inherit;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    outline: none; }
    /* line 2134, ../scss/style.scss */
    .contact-area .contact-form .select-field:focus {
      border: 1px solid #44be52; }
  /* line 2139, ../scss/style.scss */
  .contact-area .contact-form .textarea-field {
    width: 100%;
    height: 150px;
    margin-bottom: 20px;
    padding: 5px;
    font-size: inherit;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    outline: none; }
    /* line 2149, ../scss/style.scss */
    .contact-area .contact-form .textarea-field:focus {
      border: 1px solid #44be52; }
  /* line 2154, ../scss/style.scss */
  .contact-area .contact-form .contact-submit {
    width: 250px;
    margin: 20px auto 30px;
    display: block;
    padding: 11px 0 10px;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    color: #fff;
    border-radius: 30px;
    background-color: #2d98e2;
    -webkit-transition: opacity 0.2s linear;
    outline: none; }
    /* line 2168, ../scss/style.scss */
    .contact-area .contact-form .contact-submit:hover {
      cursor: pointer;
      opacity: 0.7; }