@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Abel");
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* background-with-stripe-shadow
----------------------------------------------*/
/* colors
----------------------------------------------*/
/* size
----------------------------------------------*/
/* for calculation
----------------------------------------------*/
/* for calculation
----------------------------------------------*/
/* button
----------------------------------------------*/
/* colors
----------------------------------------------*/
.colors-list li.color-label {
  height: 12rem;
  width: 11rem;
  display: inline-block;
  position: relative;
  font-size: 0.9rem;
}
.colors-list li.color-label div {
  height: 7rem;
  width: 7rem;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border: 0.1rem solid #DDD;
}
.colors-list input[type=checkbox] {
  display: none;
}
.colors-list input[type=checkbox] + label {
  height: 10rem;
  width: 9rem;
  position: absolute;
  cursor: pointer;
}
.colors-list input[type=checkbox] + label span {
  height: 2.16rem;
  line-height: 1.2;
  position: absolute;
  bottom: 0;
}
.colors-list input[type=checkbox]:checked + label::before {
  content: "";
  position: absolute;
  top: 2rem;
  left: 2rem;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 3rem;
  height: 3rem;
  background: rgba(255, 255, 255, 0.8);
}
.colors-list input[type=checkbox]:checked + label::after {
  content: "";
  z-index: 100000;
  position: absolute;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  left: 2.6rem;
  top: 2.8rem;
  width: 2rem;
  height: 1rem;
  border-left: 0.2rem solid black;
  border-bottom: 0.2rem solid black;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* devices
----------------------------------------------*/
/*--- smartphone ---*/
/*--- mini-tablet ---*/
/*--- tablet ---*/
/*--- max-width ---*/
/*--- desktop ---*/
/*--- show or hide ---*/
@media (min-width: 981px) {
  .only-large-device {
    visibility: show;
  }
}
@media (max-width: 980px) {
  .only-large-device {
    visibility: hidden;
  }
}

@media (min-width: 981px) {
  .only-small-device {
    visibility: hidden;
  }
}
@media (max-width: 980px) {
  .only-small-device {
    visibility: show;
  }
}

/* for desktop-and-tablet
----------------------------------------------*/
body {
  min-width: 1141px;
}

/* reset
----------------------------------------------*/
* {
  box-sizing: border-box;
}

html, body, div, span, p, a, del, em, img, ol, ul, li, fieldset, form, label, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  font-size: 10px;
}

html, body {
  line-height: 1;
  min-height: 100%;
}

body {
  font-size: 1.6rem;
}

h1, h2, h3, h4, h5 {
  font-weight: 500;
  margin: 0;
}

ol, ul {
  list-style: none;
}

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

em, address {
  font-style: normal;
}

:focus {
  -webkit-appearance: none;
  outline-style: dotted;
  outline-width: 0px;
  outline-color: rgba(255, 255, 255, 0.5);
}

input[type=submit],
input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
}
input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}
input[type=submit]::focus,
input[type=button]::focus {
  outline-offset: -2px;
}

input, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  max-width: 100%;
  border-radius: 0;
}

/* with-arrow
----------------------------------------------*/
/* with-triangle
----------------------------------------------*/
/* accordion
----------------------------------------------*/
.accordion .js-accordion-trigger {
  cursor: pointer;
  position: relative;
}
.accordion .js-accordion-trigger::after {
  content: "";
  width: calc(1em / 1.41);
  height: calc(1em / 1.41);
  display: block;
  position: relative;
  border-top: 1px solid white;
  border-right: 1px solid white;
  transform: rotate(45deg);
  top: calc(0.2907801418em / 2 - 0.5px + 50% - 0.5em);
  right: calc(0.2907801418em / 2 - 0.5px + 1em);
  position: absolute;
  transition-duration: 0.3s;
}
.accordion .ac-content {
  display: none;
}
.accordion .is-expanded {
  display: block;
  padding-bottom: 0;
}
.accordion .is-expanded .js-accordion-trigger::after {
  content: "";
  width: calc(1em / 1.41);
  height: calc(1em / 1.41);
  display: block;
  position: relative;
  border-top: 1px solid white;
  border-right: 1px solid white;
  transform: rotate(135deg);
  top: calc(0.2907801418em / 2 - 0.5px + 50% - 0.5em);
  right: calc(0.2907801418em / 2 - 0.5px + 1em);
  position: absolute;
}

.default-accordion-header, #font-list .js-accordion-trigger {
  background: black;
  padding: 0 1rem;
  color: white;
  font-size: 1.4rem;
  border: none;
  width: 100%;
  height: 4rem;
  line-height: 4rem;
}

/* form
----------------------------------------------*/
.default-radio input[type=radio], #order-step2 input[type=radio],
#estimate #estimate-shipping input[type=radio],
#estimate #estimate-packaging input[type=radio], #estimate .colors-of-transfer-printing input[type=radio],
*[id^=order-step] .colors-of-transfer-printing input[type=radio], #estimate .design-data input[type=radio],
*[id^=order-step] .design-data input[type=radio],
.default-radio input[type=checkbox],
#order-step2 input[type=checkbox],
#estimate #estimate-shipping input[type=checkbox],
#estimate #estimate-packaging input[type=checkbox],
#estimate .colors-of-transfer-printing input[type=checkbox],
*[id^=order-step] .colors-of-transfer-printing input[type=checkbox],
#estimate .design-data input[type=checkbox],
*[id^=order-step] .design-data input[type=checkbox],
.default-checkbox input[type=radio],
.default-checkbox input[type=checkbox] {
  display: none;
  margin: 0;
}
.default-radio input[type=radio] + label, #order-step2 input[type=radio] + label,
#estimate #estimate-shipping input[type=radio] + label,
#estimate #estimate-packaging input[type=radio] + label, #estimate .colors-of-transfer-printing input[type=radio] + label,
*[id^=order-step] .colors-of-transfer-printing input[type=radio] + label, #estimate .design-data input[type=radio] + label,
*[id^=order-step] .design-data input[type=radio] + label,
.default-radio input[type=checkbox] + label,
#order-step2 input[type=checkbox] + label,
#estimate #estimate-shipping input[type=checkbox] + label,
#estimate #estimate-packaging input[type=checkbox] + label,
#estimate .colors-of-transfer-printing input[type=checkbox] + label,
*[id^=order-step] .colors-of-transfer-printing input[type=checkbox] + label,
#estimate .design-data input[type=checkbox] + label,
*[id^=order-step] .design-data input[type=checkbox] + label,
.default-checkbox input[type=radio] + label,
.default-checkbox input[type=checkbox] + label {
  position: relative;
  margin-right: 12px;
  margin-bottom: 1rem;
  display: inline-block;
  line-height: 30px;
  cursor: pointer;
  padding: 0 0 0 24px;
}
.default-radio input[type=radio] + label::before, #order-step2 input[type=radio] + label::before,
#estimate #estimate-shipping input[type=radio] + label::before,
#estimate #estimate-packaging input[type=radio] + label::before, #estimate .colors-of-transfer-printing input[type=radio] + label::before,
*[id^=order-step] .colors-of-transfer-printing input[type=radio] + label::before, #estimate .design-data input[type=radio] + label::before,
*[id^=order-step] .design-data input[type=radio] + label::before,
.default-radio input[type=checkbox] + label::before,
#order-step2 input[type=checkbox] + label::before,
#estimate #estimate-shipping input[type=checkbox] + label::before,
#estimate #estimate-packaging input[type=checkbox] + label::before,
#estimate .colors-of-transfer-printing input[type=checkbox] + label::before,
*[id^=order-step] .colors-of-transfer-printing input[type=checkbox] + label::before,
#estimate .design-data input[type=checkbox] + label::before,
*[id^=order-step] .design-data input[type=checkbox] + label::before,
.default-checkbox input[type=radio] + label::before,
.default-checkbox input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background: #FFF;
}
.default-radio input[type=radio]:checked + label::after, #order-step2 input[type=radio]:checked + label::after,
#estimate #estimate-shipping input[type=radio]:checked + label::after,
#estimate #estimate-packaging input[type=radio]:checked + label::after, #estimate .colors-of-transfer-printing input[type=radio]:checked + label::after,
*[id^=order-step] .colors-of-transfer-printing input[type=radio]:checked + label::after, #estimate .design-data input[type=radio]:checked + label::after,
*[id^=order-step] .design-data input[type=radio]:checked + label::after,
.default-radio input[type=checkbox]:checked + label::after,
#order-step2 input[type=checkbox]:checked + label::after,
#estimate #estimate-shipping input[type=checkbox]:checked + label::after,
#estimate #estimate-packaging input[type=checkbox]:checked + label::after,
#estimate .colors-of-transfer-printing input[type=checkbox]:checked + label::after,
*[id^=order-step] .colors-of-transfer-printing input[type=checkbox]:checked + label::after,
#estimate .design-data input[type=checkbox]:checked + label::after,
*[id^=order-step] .design-data input[type=checkbox]:checked + label::after,
.default-checkbox input[type=radio]:checked + label::after,
.default-checkbox input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: 50%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}
.default-radio input[type=radio] + label::before, #order-step2 input[type=radio] + label::before,
#estimate #estimate-shipping input[type=radio] + label::before,
#estimate #estimate-packaging input[type=radio] + label::before, #estimate .colors-of-transfer-printing input[type=radio] + label::before,
*[id^=order-step] .colors-of-transfer-printing input[type=radio] + label::before, #estimate .design-data input[type=radio] + label::before,
*[id^=order-step] .design-data input[type=radio] + label::before,
.default-checkbox input[type=radio] + label::before {
  border: 1px solid black;
  border-radius: 3rem;
}
.default-radio input[type=radio]:checked + label::after, #order-step2 input[type=radio]:checked + label::after,
#estimate #estimate-shipping input[type=radio]:checked + label::after,
#estimate #estimate-packaging input[type=radio]:checked + label::after, #estimate .colors-of-transfer-printing input[type=radio]:checked + label::after,
*[id^=order-step] .colors-of-transfer-printing input[type=radio]:checked + label::after, #estimate .design-data input[type=radio]:checked + label::after,
*[id^=order-step] .design-data input[type=radio]:checked + label::after,
.default-checkbox input[type=radio]:checked + label::after {
  left: 5px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: #000;
  border-radius: 8px;
}
.default-radio input[type=radio]:disabled + label, #order-step2 input[type=radio]:disabled + label,
#estimate #estimate-shipping input[type=radio]:disabled + label,
#estimate #estimate-packaging input[type=radio]:disabled + label, #estimate .colors-of-transfer-printing input[type=radio]:disabled + label,
*[id^=order-step] .colors-of-transfer-printing input[type=radio]:disabled + label, #estimate .design-data input[type=radio]:disabled + label,
*[id^=order-step] .design-data input[type=radio]:disabled + label,
.default-checkbox input[type=radio]:disabled + label {
  color: #999;
}
.default-radio input[type=radio]:disabled + label::before, #order-step2 input[type=radio]:disabled + label::before,
#estimate #estimate-shipping input[type=radio]:disabled + label::before,
#estimate #estimate-packaging input[type=radio]:disabled + label::before, #estimate .colors-of-transfer-printing input[type=radio]:disabled + label::before,
*[id^=order-step] .colors-of-transfer-printing input[type=radio]:disabled + label::before, #estimate .design-data input[type=radio]:disabled + label::before,
*[id^=order-step] .design-data input[type=radio]:disabled + label::before,
.default-checkbox input[type=radio]:disabled + label::before {
  border-color: #999;
}
.default-radio input[type=checkbox], #order-step2 input[type=checkbox],
#estimate #estimate-shipping input[type=checkbox],
#estimate #estimate-packaging input[type=checkbox], #estimate .colors-of-transfer-printing input[type=checkbox],
*[id^=order-step] .colors-of-transfer-printing input[type=checkbox], #estimate .design-data input[type=checkbox],
*[id^=order-step] .design-data input[type=checkbox],
.default-checkbox input[type=checkbox] {
  height: 1.6rem;
  width: 1.6rem;
  line-height: 1.5;
}
.default-radio input[type=checkbox] + label::before, #order-step2 input[type=checkbox] + label::before,
#estimate #estimate-shipping input[type=checkbox] + label::before,
#estimate #estimate-packaging input[type=checkbox] + label::before, #estimate .colors-of-transfer-printing input[type=checkbox] + label::before,
*[id^=order-step] .colors-of-transfer-printing input[type=checkbox] + label::before, #estimate .design-data input[type=checkbox] + label::before,
*[id^=order-step] .design-data input[type=checkbox] + label::before,
.default-checkbox input[type=checkbox] + label::before {
  border: 1px solid black;
}
.default-radio input[type=checkbox]:checked + label::after, #order-step2 input[type=checkbox]:checked + label::after,
#estimate #estimate-shipping input[type=checkbox]:checked + label::after,
#estimate #estimate-packaging input[type=checkbox]:checked + label::after, #estimate .colors-of-transfer-printing input[type=checkbox]:checked + label::after,
*[id^=order-step] .colors-of-transfer-printing input[type=checkbox]:checked + label::after, #estimate .design-data input[type=checkbox]:checked + label::after,
*[id^=order-step] .design-data input[type=checkbox]:checked + label::after,
.default-checkbox input[type=checkbox]:checked + label::after {
  left: 3px;
  width: 16px;
  height: 8px;
  margin-top: -8px;
  border-left: 0.2rem solid #000;
  border-bottom: 0.2rem solid #000;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

input[type=text],
select {
  border: 1px solid black;
  width: 100%;
  padding: 1em/2;
  line-height: 1;
}

input[type=number] {
  width: 6em;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 1rem;
  border-radius: 0;
}

select::-ms-expand {
  display: none;
}

.select-wrapper, .dropdown .dropdown-container {
  position: relative;
  font-size: 1.4rem;
}
.select-wrapper select, .dropdown .dropdown-container select {
  padding-right: 3em;
}
.select-wrapper::after, .dropdown .dropdown-container::after {
  content: "";
  width: calc(1em / 1.41);
  height: calc(1em / 1.41);
  display: block;
  position: relative;
  border-top: 1px solid black;
  border-right: 1px solid black;
  transform: rotate(135deg);
  top: calc(0.2907801418em / 2 - 0.5px + 1.7rem);
  right: calc(0.2907801418em / 2 - 0.5px + 1em);
  position: absolute;
  pointer-events: none;
  z-index: 2;
}

select,
option {
  font-size: 1.4rem;
  height: 5rem;
  line-height: 5rem;
  background: white;
}

input[type=tel],
input[type=file],
input[type=number],
input[type=email],
input[type=text],
input[type=date] {
  height: 5rem;
  width: 100%;
  line-height: 5rem;
  border: 1px solid black;
  padding: 0 1em;
  font-size: inherit;
  font-weight: inherit;
  background: white;
}

input[type=number] {
  line-height: 1;
}

textarea {
  padding: 1em;
  width: 100%;
  border: 1px solid black;
  line-height: 1.5;
  font-size: inherit;
  font-weight: inherit;
  height: 9.5em;
}

.default-input-file {
  background: white;
  position: relative;
  line-height: 5rem;
  height: 5rem;
  border: 1px solid black;
  width: calc(100% - 6rem);
  margin: 0 1rem 1rem 0;
}
.default-input-file label {
  background: black;
  color: white;
  padding: 0 1em;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  top: -1px;
  left: -1px;
}
.default-input-file input[type=file] {
  display: none;
}
.default-input-file input[type=file] + input[type=text] {
  border: none;
  position: absolute;
  top: -1px;
  left: calc(9em - 1px);
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  display: inline-block;
  width: 31rem;
}
.default-input-file .remove_fields {
  height: 5rem;
  width: 5rem;
  line-height: 5rem;
  text-align: center;
  background: black;
  color: white;
  display: block;
  position: absolute;
  right: -6rem;
  top: -1px;
}

.add-file {
  text-align: right;
  margin: 1rem 0;
}
.add-file a {
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  background: black;
  display: inline-block;
  padding: 0 3rem;
}
.add-file a:link, .add-file a:hover, .add-file a:active, .add-file a:visited {
  color: white;
}

.form-element-container {
  margin-bottom: 6rem;
}

.form-element-header {
  font-weight: 500;
}

.form-element {
  margin-bottom: 3rem;
}

.error-message {
  color: #E05C4B;
  font-size: 1.4rem;
  font-weight: 500;
}
#errors {
  background: #E05C4B;
  color: white;
  padding: 2rem;
  margin: 2rem 0;
}
.required::after {
  content: "※";
  font-size: 1.2rem;
  margin: 0 0 0.2rem 1rem;
}

/* about-shipping
----------------------------------------------*/
#about-shipping {
  display: block;
  padding-top: 12rem;
  margin-top: -12rem;
  display: flex;
}

.about-shipping-inner {
  flex-basis: 50%;
  background: white;
  padding: 0 2rem 2rem;
  margin: 0 0 4rem 0;
}
.about-shipping-inner > div {
  padding: 2rem;
}
.about-shipping-inner h2 {
  font-weight: 500;
  font-size: 1.8rem;
  margin: 2rem 0;
}
.about-shipping-inner .link-to-inquiry {
  text-align: right;
}
.about-shipping-inner .note {
  margin-top: 1rem;
}

/* access
----------------------------------------------*/
#access {
  margin: 0 auto;
  padding: 8rem 0;
  font-size: 1.6rem;
}
#access iframe {
  border: none;
}

#map-and-address::after {
  clear: both;
  content: "";
  display: block;
}

.map,
.address {
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
}

.shop {
  max-width: 106rem;
  margin: 0 auto 4rem;
}
.shop img {
  height: auto;
  width: 100%;
}

.map {
  text-align: right;
  padding: 0 6rem;
  background: white;
}

.address {
  text-align: left;
}

.tel-and-fax {
  font-size: 1.5rem;
  line-height: 2;
  margin: 2rem 0;
}
.tel-and-fax .tel, .tel-and-fax .fax {
  font-weight: 800;
}

#google-map {
  max-width: 106rem;
  margin: 4rem auto 0;
}

#go-to-google-map {
  line-height: 1em;
  text-align: right;
}
#go-to-google-map a {
  position: relative;
  display: inline-block;
}
#go-to-google-map a::before {
  content: "";
  width: calc(1em / 1.41);
  height: calc(1em / 1.41);
  display: block;
  position: relative;
  border-top: 1px solid black;
  border-right: 1px solid black;
  transform: rotate(45deg);
  top: calc(0.2907801418em / 2 - 0.5px + 0em);
  left: calc(0.2907801418em / 2 - 0.5px + -2em);
  position: absolute;
}

/* available types
----------------------------------------------*/
.available-types {
  border: 2px solid black;
  display: table;
  white-space: nowrap;
  line-height: 1;
}
.available-types img {
  height: 70px;
  width: 70px;
  margin: 0 0.5rem 0.5rem;
  display: inline;
  padding: 0;
}
.available-types .header {
  margin-bottom: 1rem;
  font-weight: 500;
  font-size: 1.3rem;
  padding-left: 0.5rem;
}
.available-types .separation-box {
  background: white;
  display: table-cell;
  vertical-align: bottom;
  padding: 1rem 0.5rem 0.5rem;
}
.available-types .separation-box:not(:last-child) {
  border-right: 1px solid black;
}

/* back-to-top
----------------------------------------------*/
#back-to-top {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
}
#back-to-top a {
  height: 6rem;
  width: 6rem;
  display: block;
  line-height: 6rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  background: black;
  font-size: 1.6rem;
  background: rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
}
#back-to-top a, #back-to-top a:link, #back-to-top a:visited, #back-to-top a:hover, #back-to-top a:active {
  color: white;
}
#back-to-top a:hover, #back-to-top a:active {
  background: rgba(0, 0, 0, 0.6);
}
#back-to-top a::before {
  content: "";
  width: calc(1em / 1.41);
  height: calc(1em / 1.41);
  display: block;
  position: relative;
  border-top: 1px solid white;
  border-right: 1px solid white;
  transform: rotate(315deg);
  display: block;
  top: 1em;
  margin: 0 auto;
}

.card-logos li {
  display: inline-block;
  padding: 0.5rem;
}
.card-logos img {
  height: 3rem;
}

/* categories
----------------------------------------------*/
#categories {
  margin-top: 4rem;
  text-align: center;
}
#categories #category-list {
  margin: 0 auto 4rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1100px) {
  #categories #category-list {
    width: calc(100% - 2rem);
  }
}
@media (min-width: 1101px) {
  #categories #category-list {
    padding: 4rem 0;
    width: calc(1100px + 2rem);
  }
}
#categories #category-list li img {
  height: auto;
  width: calc(100% - 2rem);
  margin: 0 1rem;
}
#categories #category-list li a {
  display: block;
  color: white;
  text-align: center;
  font-weight: 500;
  padding: 1rem;
  margin: 1rem;
  background: url("/assets/category-item-bg-5f321750.svg") center center no-repeat;
  background-size: cover;
}
@media screen and (min-width: 980px) {
  #categories #category-list li {
    font-size: 1.3rem;
    flex-basis: 16.6666%;
  }
}
@media screen and (min-width: 768px) and (max-width: 979px) {
  #categories #category-list li {
    font-size: 1.3rem;
    flex-basis: 25%;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  #categories #category-list li {
    font-size: 1.2rem;
    flex-basis: 33.3333%;
  }
}
@media screen and (max-width: 479px) {
  #categories #category-list li {
    flex-basis: 50%;
    font-size: 1.2rem;
    height: auto;
  }
}

#brand-logos {
  text-align: center;
  background: #E7E6D0;
}
#brand-logos ul {
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#brand-logos li {
  padding: 0.5rem;
}
@media (max-width: 800px) {
  #brand-logos {
    padding: 2rem 0;
  }
  #brand-logos ul {
    max-width: 35.5rem;
    flex-wrap: wrap;
  }
  #brand-logos li {
    flex-basis: 33.3333%;
    display: inline-block;
  }
  #brand-logos img {
    max-width: 8rem;
    max-height: 8rem;
  }
}
@media (min-width: 801px) {
  #brand-logos {
    padding: 4rem 0;
  }
  #brand-logos ul {
    max-width: 99rem;
  }
  #brand-logos li {
    padding: 1rem;
  }
  #brand-logos img {
    min-width: 7rem;
  }
}

/* items (categories/index)
----------------------------------------------*/
@media (max-width: 1100px) {
  #page-category-list #categories {
    margin: 0 auto;
    padding: 0;
  }
}

/* items (categories/show)
----------------------------------------------*/
#item-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
@media (max-width: 1100px) {
  #item-list {
    width: calc(100% - 2rem);
  }
}
@media (min-width: 1101px) {
  #item-list {
    padding: 4rem 0;
    width: calc(1100px + 2rem);
  }
}
#item-list li {
  align-items: stretch;
  margin-bottom: 2rem;
  font-size: 1.4rem;
  position: relative;
}
@media screen and (min-width: 980px) {
  #item-list li {
    font-size: 1.3rem;
    flex-basis: 25%;
  }
}
@media screen and (min-width: 768px) and (max-width: 979px) {
  #item-list li {
    font-size: 1.3rem;
    flex-basis: 33.3333%;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  #item-list li {
    font-size: 1.2rem;
    flex-basis: 50%;
  }
}
@media screen and (max-width: 479px) {
  #item-list li {
    flex-basis: 100%;
    font-size: 1.2rem;
    height: auto;
  }
}
#item-list li a:link, #item-list li a:hover, #item-list li a:active, #item-list li a:visited {
  color: #333;
  display: block;
  background: white;
  height: 100%;
  padding: 2rem 1rem 5rem 1rem;
  margin: 1rem;
}
#item-list img {
  display: block;
  margin: 0 auto;
}
#item-list .labels {
  font-size: 1.3rem;
  position: absolute;
  top: 2rem;
}
#item-list *[class^=label-] {
  width: 5em;
  line-height: 1.5em;
  margin-right: 0.5em;
  display: inline-block;
  color: white;
  text-align: center;
  font-weight: 500;
}
#item-list .label-new {
  background: #E877BA;
}
#item-list .label-lowest-price {
  background: #34C4B9;
}
#item-list .item-header {
  border-bottom: 1px solid #DDD;
  line-height: 1.2;
  padding: 0.8rem 0;
  margin-bottom: 0.5rem;
}
#item-list h2 {
  font-size: 1.4rem;
  font-weight: 500;
}
#item-list .sizes-range {
  font-weight: 300;
}
#item-list .colors-range {
  margin-top: 0.5rem;
  line-height: 1;
}
#item-list *[class^=color-number-] {
  height: 1.4rem;
  width: 1.4rem;
  display: inline-block;
  margin: 0 0.2rem 0.2rem 0;
  border: 0.5px solid #DDD;
}
#item-list .price {
  font-size: 2rem;
  font-weight: 700;
  width: calc(100% - 4rem);
  text-align: center;
  margin: 1rem auto;
  position: absolute;
  bottom: 1rem;
}

.sort-items {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (min-width: 1141px) {
  .sort-items {
    padding: 0;
  }
}
@media screen and (max-width: 1140px) {
  .sort-items {
    padding: 0 2rem;
  }
}
.sort-items .select-wrapper, .sort-items .dropdown .dropdown-container, .dropdown .sort-items .dropdown-container {
  text-align: right;
  margin-bottom: 1rem;
}
.sort-items label {
  display: inline-block;
  font-size: 1.2rem;
}
.sort-items select {
  display: inline-block;
  width: 12em;
  font-size: 1.2rem;
}

/* common
----------------------------------------------*/
body {
  color: #333;
  background: #FCFBF4;
  font-family: "Kozuka Mincho Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 62.5%;
  font-weight: 300;
  line-height: 1.5;
  padding-top: 80px;
}

p {
  margin: 1em 0;
  line-height: 1.5em;
}

.content-wrapper, #information ul, #starbucks-printable-area, #starbucks-design-samples .container, h3#starbucks-dtf-header, #starbucks-about-embroidery .fonts, #starbucks-about-dtf .container,
#starbucks-about-embroidery .container, #starbucks-products .products-item, #starbucks aside, #starbucks-header .container, #products, #about-washing, *[id^=feature-of], #compare-customizing, #scenes, #marathon-campaign-note, #about-marathon-campaign, #marathon, #legal, #inquiries, #guide, #class-t, #gakuwari-prices, #gakuwari-dtf, h2#gakuwari-dtf-header, #gakuwari-baseball-and-soccer .products-inner,
#gakuwari-products .products-inner, #gakuwari aside, #gakuwari *[id^=conditions-] .target, #gakuwari #samples, #faq, #donts #about-rights, #donts .description, #donts .example, #donts .sub-message, #making-data, #page-error #error, #page-header h1, #map-and-address {
  max-width: 1100px;
  margin: 0 auto;
}

/* link
----------------------------------------------*/
a {
  text-decoration: none;
}
a:link, a:visited {
  color: #3A80A3;
}
a:hover, a:active {
  color: #6199b5;
}

/* table
----------------------------------------------*/
table {
  border-collapse: collapse;
  background: white;
}

tr, th, td {
  border: 1px solid #666;
}

th, td {
  padding: 1rem;
}

th {
  background: black;
  color: white;
  font-weight: 300;
  text-align: center;
}

#input-quantity td,
#prices td,
#sizes td {
  text-align: center;
}
#input-quantity th,
#prices th,
#sizes th {
  min-width: 5em;
}

/* lists
----------------------------------------------*/
.default-ul, #about-washing ul, #notice .down-period ul, .error-message ul, #errors ul,
.default-ol,
#notice .giving ol {
  padding: 0 0 0 20px;
}
.default-ul li, #about-washing ul li, #notice .down-period ul li, .error-message ul li, #errors ul li,
.default-ol li,
#notice .giving ol li {
  padding-left: 0.5em;
}

.default-ul, #about-washing ul, #notice .down-period ul, .error-message ul, #errors ul {
  list-style-type: disc;
}

.default-ol, #notice .giving ol {
  list-style-type: decimal;
}

/* site-headers
----------------------------------------------*/
#site-header {
  background: #FCFBF4;
}

@keyframes site-header-fade-in {
  0% {
    background: rgba(252, 251, 244, 0);
  }
  10% {
    background: rgba(252, 251, 244, 0.3);
  }
  100% {
    background: #fcfbf4;
  }
}
@keyframes site-header-fade-out {
  0% {
    background: #fcfbf4;
  }
  90% {
    background: rgba(252, 251, 244, 0.3);
  }
  100% {
    background: rgba(252, 251, 244, 0);
  }
}
/* headers
----------------------------------------------*/
#page-header {
  background: #F2F1E9;
}
#page-header h1 {
  font-weight: 500;
  text-align: center;
}
@media (min-width: 801px) {
  #page-header {
    margin-bottom: 4rem;
  }
  #page-header h1 {
    font-size: 1.8rem;
    height: 16rem;
    line-height: 16rem;
  }
}
@media (max-width: 800px) {
  #page-header {
    margin-bottom: 2rem;
  }
  #page-header h1 {
    font-size: 1.4rem;
    height: 8rem;
    line-height: 8rem;
  }
  #page-header h1 span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
    padding: 0 2rem;
  }
}

@media (min-width: 801px) {
  .section-header, #features #features-header, #compare-customizing h1 {
    font-size: 1.8rem;
    font-weight: 500;
    display: block;
    width: 30em;
    text-align: center;
    margin: 0 auto 8rem;
    padding: 0 2rem;
    line-height: 1;
  }
  .section-header::before, #features #features-header::before, #compare-customizing h1::before, .section-header::after, #features #features-header::after, #compare-customizing h1::after {
    content: "";
    height: 0.1rem;
    width: 8rem;
    background: black;
    display: inline-block;
    top: -0.4em;
    position: relative;
  }
  .section-header::before, #features #features-header::before, #compare-customizing h1::before {
    right: 2em;
  }
  .section-header::after, #features #features-header::after, #compare-customizing h1::after {
    left: 2em;
  }
}
@media (max-width: 800px) {
  .section-header, #features #features-header, #compare-customizing h1 {
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center;
    position: relative;
    margin-bottom: 6rem;
  }
  .section-header::after, #features #features-header::after, #compare-customizing h1::after {
    height: 0.2rem;
    width: 8rem;
    content: "";
    background: black;
    display: block;
    bottom: -3rem;
    position: absolute;
    left: calc(50% - 4rem);
  }
}

.colored-header, #about-washing h2, #making-data section h1 {
  background: #6A9599;
  color: white;
  height: 5rem;
  line-height: 5rem;
  padding: 0 1em;
}
@media (min-width: 801px) {
  .colored-header, #about-washing h2, #making-data section h1 {
    font-size: 1.8rem;
    margin: 4rem 0;
  }
}
@media (max-width: 800px) {
  .colored-header, #about-washing h2, #making-data section h1 {
    font-size: 1.4rem;
    margin: 2rem 0;
  }
}

.small-header, #print caption, .colors-list .header {
  font-weight: 500;
  text-align: left;
  line-height: 6rem;
}
@media (min-width: 801px) {
  .small-header, #print caption, .colors-list .header {
    font-size: 1.6rem;
  }
}
@media (max-width: 800px) {
  .small-header, #print caption, .colors-list .header {
    font-size: 1.4rem;
  }
}
.small-header span, #print caption span, .colors-list .header span {
  font-weight: 300;
}
@media (min-width: 801px) {
  .small-header span, #print caption span, .colors-list .header span {
    font-size: 1.4rem;
  }
}
@media (max-width: 800px) {
  .small-header span, #print caption span, .colors-list .header span {
    font-size: 1.1rem;
  }
}

/* button
----------------------------------------------*/
.accent-color-button {
  background: #FAD00C;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  border: none;
}
.accent-color-button:hover, .accent-color-button:active {
  background: #fbd525;
}

/* note
----------------------------------------------*/
@media (min-width: 801px) {
  .note {
    font-size: 1.3rem;
  }
}
@media (max-width: 800px) {
  .note {
    font-size: 1rem;
  }
}
.note li {
  padding-left: 1.5em;
  text-align: left;
  position: relative;
}
.note li::before {
  content: "※";
  margin-bottom: 0.5em;
  position: absolute;
  left: 0;
}

.attention {
  background: #E5D865;
  padding: 2rem;
}

/* tel
----------------------------------------------*/
.tel-wrapper {
  display: flex;
  justify-content: center;
}
.tel-wrapper img {
  width: 32px;
  margin: 0 2rem;
}
.tel-wrapper > * {
  align-self: center;
}
.tel-wrapper .tel {
  font-size: 2.8rem;
  font-weight: 500;
  color: #314A5E;
}
.tel-wrapper .tel a {
  color: #314A5E;
}

/* actions
----------------------------------------------*/
.actions {
  text-align: center;
}
@media (min-width: 801px) {
  .actions {
    margin: 8rem 0;
  }
}
@media (max-width: 800px) {
  .actions {
    margin: 4rem 0;
  }
}
.actions .back-to-home, .actions .go-to-item-list,
.actions .go-to-next {
  margin: 0 0 2rem 0;
}
@media (min-width: 801px) {
  .actions .back-to-home a,
  .actions .back-to-home button,
  .actions .back-to-home input[type=submit], .actions .go-to-item-list a,
  .actions .go-to-item-list button,
  .actions .go-to-item-list input[type=submit],
  .actions .go-to-next a,
  .actions .go-to-next button,
  .actions .go-to-next input[type=submit] {
    text-decoration: none;
    text-align: center;
    border: 2px solid #3A80A3;
    background: white;
    line-height: 1;
    padding: 1em 4em;
    width: auto;
    font-size: 1.6rem;
    font-weight: 500;
    display: inline-block;
    box-shadow: 4px 4px 0 0 #3A80A3;
    box-sizing: content-box;
    width: calc(100% - 4rem);
    max-width: 34.5rem;
  }
  .actions .back-to-home a, .actions .back-to-home a:link, .actions .back-to-home a:visited,
  .actions .back-to-home button,
  .actions .back-to-home button:link,
  .actions .back-to-home button:visited,
  .actions .back-to-home input[type=submit],
  .actions .back-to-home input[type=submit]:link,
  .actions .back-to-home input[type=submit]:visited, .actions .go-to-item-list a, .actions .go-to-item-list a:link, .actions .go-to-item-list a:visited,
  .actions .go-to-item-list button,
  .actions .go-to-item-list button:link,
  .actions .go-to-item-list button:visited,
  .actions .go-to-item-list input[type=submit],
  .actions .go-to-item-list input[type=submit]:link,
  .actions .go-to-item-list input[type=submit]:visited,
  .actions .go-to-next a,
  .actions .go-to-next a:link,
  .actions .go-to-next a:visited,
  .actions .go-to-next button,
  .actions .go-to-next button:link,
  .actions .go-to-next button:visited,
  .actions .go-to-next input[type=submit],
  .actions .go-to-next input[type=submit]:link,
  .actions .go-to-next input[type=submit]:visited {
    color: #3A80A3;
  }
  .actions .back-to-home a:hover, .actions .back-to-home a:active,
  .actions .back-to-home button:hover,
  .actions .back-to-home button:active,
  .actions .back-to-home input[type=submit]:hover,
  .actions .back-to-home input[type=submit]:active, .actions .go-to-item-list a:hover, .actions .go-to-item-list a:active,
  .actions .go-to-item-list button:hover,
  .actions .go-to-item-list button:active,
  .actions .go-to-item-list input[type=submit]:hover,
  .actions .go-to-item-list input[type=submit]:active,
  .actions .go-to-next a:hover,
  .actions .go-to-next a:active,
  .actions .go-to-next button:hover,
  .actions .go-to-next button:active,
  .actions .go-to-next input[type=submit]:hover,
  .actions .go-to-next input[type=submit]:active {
    color: #6199b5;
    box-shadow: 4px 4px 0 0 #6199b5;
    border: 2px solid #6199b5;
  }
}
@media (min-width: 801px) and (max-width: 800px) {
  .actions .back-to-home a,
  .actions .back-to-home button,
  .actions .back-to-home input[type=submit], .actions .go-to-item-list a,
  .actions .go-to-item-list button,
  .actions .go-to-item-list input[type=submit],
  .actions .go-to-next a,
  .actions .go-to-next button,
  .actions .go-to-next input[type=submit] {
    line-height: 6rem;
    height: 6rem;
    padding: 0;
  }
  .actions .back-to-home a:disabled,
  .actions .back-to-home button:disabled,
  .actions .back-to-home input[type=submit]:disabled, .actions .go-to-item-list a:disabled,
  .actions .go-to-item-list button:disabled,
  .actions .go-to-item-list input[type=submit]:disabled,
  .actions .go-to-next a:disabled,
  .actions .go-to-next button:disabled,
  .actions .go-to-next input[type=submit]:disabled {
    border: 0.2rem solid #999;
    box-shadow: 0rem 0rem 0 0 transparent;
    color: #999;
  }
}
@media (max-width: 800px) {
  .actions .back-to-home a,
  .actions .back-to-home button,
  .actions .back-to-home input[type=submit], .actions .go-to-item-list a,
  .actions .go-to-item-list button,
  .actions .go-to-item-list input[type=submit],
  .actions .go-to-next a,
  .actions .go-to-next button,
  .actions .go-to-next input[type=submit] {
    text-decoration: none;
    text-align: center;
    border: 2px solid #3A80A3;
    background: white;
    line-height: 1;
    padding: 0 1rem;
    width: auto;
    font-size: 1.4rem;
    font-weight: 500;
    display: inline-block;
    box-shadow: 4px 4px 0 0 #3A80A3;
    box-sizing: content-box;
    width: calc(100% - 4rem);
    max-width: 34.5rem;
  }
  .actions .back-to-home a, .actions .back-to-home a:link, .actions .back-to-home a:visited,
  .actions .back-to-home button,
  .actions .back-to-home button:link,
  .actions .back-to-home button:visited,
  .actions .back-to-home input[type=submit],
  .actions .back-to-home input[type=submit]:link,
  .actions .back-to-home input[type=submit]:visited, .actions .go-to-item-list a, .actions .go-to-item-list a:link, .actions .go-to-item-list a:visited,
  .actions .go-to-item-list button,
  .actions .go-to-item-list button:link,
  .actions .go-to-item-list button:visited,
  .actions .go-to-item-list input[type=submit],
  .actions .go-to-item-list input[type=submit]:link,
  .actions .go-to-item-list input[type=submit]:visited,
  .actions .go-to-next a,
  .actions .go-to-next a:link,
  .actions .go-to-next a:visited,
  .actions .go-to-next button,
  .actions .go-to-next button:link,
  .actions .go-to-next button:visited,
  .actions .go-to-next input[type=submit],
  .actions .go-to-next input[type=submit]:link,
  .actions .go-to-next input[type=submit]:visited {
    color: #3A80A3;
  }
  .actions .back-to-home a:hover, .actions .back-to-home a:active,
  .actions .back-to-home button:hover,
  .actions .back-to-home button:active,
  .actions .back-to-home input[type=submit]:hover,
  .actions .back-to-home input[type=submit]:active, .actions .go-to-item-list a:hover, .actions .go-to-item-list a:active,
  .actions .go-to-item-list button:hover,
  .actions .go-to-item-list button:active,
  .actions .go-to-item-list input[type=submit]:hover,
  .actions .go-to-item-list input[type=submit]:active,
  .actions .go-to-next a:hover,
  .actions .go-to-next a:active,
  .actions .go-to-next button:hover,
  .actions .go-to-next button:active,
  .actions .go-to-next input[type=submit]:hover,
  .actions .go-to-next input[type=submit]:active {
    color: #6199b5;
    box-shadow: 4px 4px 0 0 #6199b5;
    border: 2px solid #6199b5;
  }
}
@media (max-width: 800px) and (max-width: 800px) {
  .actions .back-to-home a,
  .actions .back-to-home button,
  .actions .back-to-home input[type=submit], .actions .go-to-item-list a,
  .actions .go-to-item-list button,
  .actions .go-to-item-list input[type=submit],
  .actions .go-to-next a,
  .actions .go-to-next button,
  .actions .go-to-next input[type=submit] {
    line-height: 6rem;
    height: 6rem;
    padding: 0;
  }
  .actions .back-to-home a:disabled,
  .actions .back-to-home button:disabled,
  .actions .back-to-home input[type=submit]:disabled, .actions .go-to-item-list a:disabled,
  .actions .go-to-item-list button:disabled,
  .actions .go-to-item-list input[type=submit]:disabled,
  .actions .go-to-next a:disabled,
  .actions .go-to-next button:disabled,
  .actions .go-to-next input[type=submit]:disabled {
    border: 0.2rem solid #999;
    box-shadow: 0rem 0rem 0 0 transparent;
    color: #999;
  }
}
@media (max-width: 800px) {
  .actions .back-to-home a, .actions .go-to-item-list a,
  .actions .go-to-next a {
    height: 6rem;
    line-height: 6rem;
    width: 100%;
  }
}

/* order / estimate
----------------------------------------------*/
.number-of-colors {
  margin-top: 1rem;
}
.number-of-colors input[type=number] {
  width: 10rem;
}

.products-selector li {
  height: 11rem;
}
.products-selector .dropdown .value {
  line-height: 1.5;
  white-space: wrap;
}
.products-selector .dropdown .dropdown-button {
  line-height: 1;
}
.products-selector .dropdown .dropdown-button-inner {
  line-height: 10.8rem;
}
.products-selector .dropdown .dropdown-container,
.products-selector .dropdown .menu-inner {
  height: 11rem;
}
.products-selector .dropdown .dropdown-menu {
  top: 11rem;
}
.products-selector .dropdown .menu-inner {
  display: table;
}
.products-selector .dropdown .menu-inner .color-thumbnail,
.products-selector .dropdown .menu-inner .value {
  display: table-cell;
  vertical-align: middle;
  height: 10rem;
}
.products-selector .dropdown .menu-inner .value {
  line-height: 1.5;
  padding: 0 2rem 0 1rem;
}
.products-selector .dropdown-container::after {
  top: calc(50% - 0.5em);
}

.color-thumbnail {
  height: 10rem;
  width: 10rem;
}
.color-thumbnail img {
  max-width: none;
  height: 10rem;
  width: 10rem;
}

/* access
----------------------------------------------*/
#go-to-google-map {
  line-height: 1em;
  text-align: right;
}
#go-to-google-map a {
  position: relative;
  display: inline-block;
}
#go-to-google-map a::before {
  content: "";
  width: calc(1em / 1.41);
  height: calc(1em / 1.41);
  display: block;
  position: relative;
  border-top: 1px solid black;
  border-right: 1px solid black;
  transform: rotate(45deg);
  top: calc(0.2907801418em / 2 - 0.5px + 0em);
  left: calc(0.2907801418em / 2 - 0.5px + -2em);
  position: absolute;
}

/* link
----------------------------------------------*/
.text-link, #estimate .link-to-design,
*[id^=order-step] .link-to-design, #class-t .link-to-item-list, #faq .link-to-about-shipping, .about-shipping-inner .link-to-inquiry {
  line-height: 1em;
}
.text-link a, #estimate .link-to-design a,
*[id^=order-step] .link-to-design a, #class-t .link-to-item-list a, #faq .link-to-about-shipping a, .about-shipping-inner .link-to-inquiry a {
  position: relative;
  display: inline-block;
}
.text-link a::before, #estimate .link-to-design a::before,
*[id^=order-step] .link-to-design a::before, #class-t .link-to-item-list a::before, #faq .link-to-about-shipping a::before, .about-shipping-inner .link-to-inquiry a::before {
  font-size: 50%;
  content: "";
  width: calc(1em / 1.41);
  height: calc(1em / 1.41);
  display: block;
  position: relative;
  border-top: 1px solid black;
  border-right: 1px solid black;
  transform: rotate(45deg);
  top: calc(0.2907801418em / 2 - 0.5px + 0.75em);
  left: calc(0.2907801418em / 2 - 0.5px + -2em);
  position: absolute;
}

/* colors-list
----------------------------------------------*/
@media (min-width: 801px) {
  .colors-list {
    font-size: 1.6rem;
  }
}
@media (max-width: 800px) {
  .colors-list {
    font-size: 1.2rem;
  }
}

/* error pages
----------------------------------------------*/
@media (min-width: 801px) {
  #page-error #error {
    height: calc(100vh - 33rem - 8rem);
  }
}
@media (max-width: 800px) {
  #page-error #error {
    padding: 0 2rem;
    height: calc(100vmax - 5rem - 6rem);
  }
}
@media (min-width: 801px) {
  #page-error .message {
    max-width: 64rem;
    font-size: 1.6rem;
  }
}
@media (max-width: 800px) {
  #page-error .message {
    font-size: 1.2rem;
  }
}
#page-error h1 {
  padding: 8rem 0;
  font-weight: 700;
}
@media (min-width: 801px) {
  #page-error h1 {
    font-size: 2rem;
  }
}
@media (max-width: 800px) {
  #page-error h1 {
    font-size: 1.6rem;
  }
}

/* campaign closed
----------------------------------------------*/
#cp-closed {
  line-height: 2;
}
@media (min-width: 801px) {
  #cp-closed {
    margin: 12rem auto 8rem;
    text-align: center;
    font-size: 1.6rem;
  }
}
@media (max-width: 800px) {
  #cp-closed {
    margin: 4rem auto 2rem;
    padding: 2rem;
    font-size: 1.4rem;
  }
}

/* Q and A
----------------------------------------------*/
.question,
.answer {
  position: relative;
}
.question::before,
.answer::before {
  position: absolute;
  left: 1em;
}

.question {
  background: #314A5E;
  color: white;
}
.question::before {
  content: "Q.";
}

.answer::before {
  content: "A.";
}
.answer p {
  margin: 0;
}
.answer .note {
  margin-top: 1rem;
}

@media (min-width: 801px) {
  #q-and-a {
    display: flex;
    flex-wrap: wrap;
  }
  .q-and-a-wrapper {
    flex-basis: 50%;
    padding: 0 2rem;
  }
  .question, .answer {
    padding: 1em 1em 1em 3em;
  }
  .answer {
    margin: 2rem 0 6rem;
  }
}
@media (max-width: 800px) {
  .question {
    padding: 1em 3em;
  }
  .answer {
    margin: 2rem 0 4rem;
    padding: 1em 1em 1em 3em;
  }
}
/* home / notice
----------------------------------------------*/
#notice {
  background: rgba(224, 92, 75, 0.05);
  font-size: 1.6rem;
}
@media (min-width: 1101px) {
  #notice {
    padding: 4rem 0;
  }
}
@media (max-width: 1100px) {
  #notice {
    padding: 2rem;
  }
}
@media (min-width: 801px) {
  #notice {
    font-size: 1.6rem;
  }
}
@media (max-width: 800px) {
  #notice {
    font-size: 1.4rem;
    margin-bottom: 3rem;
  }
}
#notice .notice-inner {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
#notice h1 {
  background: #E05C4B;
  color: white;
  padding: 2rem;
  text-align: center;
  letter-spacing: 0.1em;
}
@media (min-width: 801px) {
  #notice h1 {
    font-size: 1.8rem;
    margin-bottom: 4rem;
  }
}
@media (max-width: 800px) {
  #notice h1 {
    font-size: 1.6rem;
    margin-bottom: 3rem;
  }
}
#notice .down-period {
  font-weight: 500;
  background: white;
  padding: 2rem;
  margin: 2rem 0;
  max-width: 60rem;
}
#notice .down-period strong {
  color: #E05C4B;
  display: block;
  margin-top: 1em;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media (min-width: 801px) {
  #notice .down-period strong {
    font-size: 2.4rem;
  }
}
@media (max-width: 800px) {
  #notice .down-period strong {
    font-size: 1.6rem;
  }
}
#notice .down-period ul li {
  margin: 1em 0;
}
#notice .giving {
  margin-top: 1em;
}
#notice .giving ol {
  font-weight: 500;
}
#notice .giving ol li {
  margin: 1em 0;
}
@media (min-width: 801px) {
  #notice .giving ol {
    margin: 2rem;
  }
}
@media (max-width: 800px) {
  #notice .giving ol {
    margin: 1rem;
  }
}
#notice .head-office {
  background: white;
  padding: 2rem;
  margin: 2rem 0;
  max-width: 60rem;
}

/* mobile only
----------------------------------------------*/
@media (min-width: 801px) {
  .mobile-only {
    display: none;
  }
}

/* desktop only
----------------------------------------------*/
@media (max-width: 800px) {
  .desktop-only {
    display: none;
  }
}

/* design
----------------------------------------------*/
#making-data {
  font-size: 1.6rem;
  margin-bottom: 8rem;
}
#making-data::after {
  clear: both;
  content: "";
  display: block;
}
#making-data section {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
}
#making-data section h1 {
  font-weight: 700;
}
#making-data section h2 {
  font-weight: 700;
  font-size: 1.8rem;
  margin: 6rem 0 3rem;
  color: #6A9599;
  line-height: 1.5;
  padding: 0 0 0 2rem;
  border-left: 4px solid #6A9599;
  display: inline-block;
}
#making-data section h1 + h2 {
  margin: 0 0 3rem 0;
}
#making-data section h3 {
  margin: 2rem 0 1rem;
  font-weight: 700;
  font-size: 1.6rem;
}
#making-data section h4 {
  margin: 2rem 0 1rem;
  font-weight: 500;
  font-size: 1.6rem;
}
#making-data .note {
  clear: both;
  max-width: 68rem;
}
#making-data #order-via-fax {
  display: inline-block;
  width: auto;
  min-width: 40rem;
  margin: 0;
  box-sizing: content-box;
}
#making-data #order-via-fax .fax-number {
  margin: 0;
}
#making-data .colors-list img {
  max-width: 52rem;
}
#making-data #download-templates {
  padding: 2rem 0;
}
#making-data #download-templates a,
#making-data #download-templates button,
#making-data #download-templates input[type=submit] {
  text-decoration: none;
  text-align: center;
  border: 2px solid #314A5E;
  background: white;
  line-height: 1;
  padding: 1.5em;
  width: auto;
  font-size: 1.6rem;
  font-weight: 500;
  display: inline-block;
  box-shadow: 4px 4px 0 0 #314A5E;
  box-sizing: content-box;
  width: calc(100% - 4rem);
  max-width: 34.5rem;
}
#making-data #download-templates a, #making-data #download-templates a:link, #making-data #download-templates a:visited,
#making-data #download-templates button,
#making-data #download-templates button:link,
#making-data #download-templates button:visited,
#making-data #download-templates input[type=submit],
#making-data #download-templates input[type=submit]:link,
#making-data #download-templates input[type=submit]:visited {
  color: #314A5E;
}
#making-data #download-templates a:hover, #making-data #download-templates a:active,
#making-data #download-templates button:hover,
#making-data #download-templates button:active,
#making-data #download-templates input[type=submit]:hover,
#making-data #download-templates input[type=submit]:active {
  color: #5a6e7e;
  box-shadow: 4px 4px 0 0 #5a6e7e;
  border: 2px solid #5a6e7e;
}
@media (max-width: 800px) {
  #making-data #download-templates a,
  #making-data #download-templates button,
  #making-data #download-templates input[type=submit] {
    line-height: 6rem;
    height: 6rem;
    padding: 0;
  }
  #making-data #download-templates a:disabled,
  #making-data #download-templates button:disabled,
  #making-data #download-templates input[type=submit]:disabled {
    border: 0.2rem solid #999;
    box-shadow: 0rem 0rem 0 0 transparent;
    color: #999;
  }
}
#making-data #download-templates a {
  margin: 1rem 0;
}
#making-data #players-numbers .download-sheet {
  display: inline-block;
  min-width: 40rem;
  margin-top: 2rem;
}
#making-data #players-numbers .download-sheet img {
  display: block;
  margin: 0 auto;
  width: 10rem;
}
#making-data #players-numbers .download-sheet a,
#making-data #players-numbers .download-sheet button,
#making-data #players-numbers .download-sheet input[type=submit] {
  text-decoration: none;
  text-align: center;
  border: 2px solid #314A5E;
  background: white;
  line-height: 1;
  padding: 1.5em;
  width: auto;
  font-size: 1.6rem;
  font-weight: 500;
  display: inline-block;
  box-shadow: 4px 4px 0 0 #314A5E;
  box-sizing: content-box;
  width: calc(100% - 4rem);
  max-width: 34.5rem;
}
#making-data #players-numbers .download-sheet a, #making-data #players-numbers .download-sheet a:link, #making-data #players-numbers .download-sheet a:visited,
#making-data #players-numbers .download-sheet button,
#making-data #players-numbers .download-sheet button:link,
#making-data #players-numbers .download-sheet button:visited,
#making-data #players-numbers .download-sheet input[type=submit],
#making-data #players-numbers .download-sheet input[type=submit]:link,
#making-data #players-numbers .download-sheet input[type=submit]:visited {
  color: #314A5E;
}
#making-data #players-numbers .download-sheet a:hover, #making-data #players-numbers .download-sheet a:active,
#making-data #players-numbers .download-sheet button:hover,
#making-data #players-numbers .download-sheet button:active,
#making-data #players-numbers .download-sheet input[type=submit]:hover,
#making-data #players-numbers .download-sheet input[type=submit]:active {
  color: #5a6e7e;
  box-shadow: 4px 4px 0 0 #5a6e7e;
  border: 2px solid #5a6e7e;
}
@media (max-width: 800px) {
  #making-data #players-numbers .download-sheet a,
  #making-data #players-numbers .download-sheet button,
  #making-data #players-numbers .download-sheet input[type=submit] {
    line-height: 6rem;
    height: 6rem;
    padding: 0;
  }
  #making-data #players-numbers .download-sheet a:disabled,
  #making-data #players-numbers .download-sheet button:disabled,
  #making-data #players-numbers .download-sheet input[type=submit]:disabled {
    border: 0.2rem solid #999;
    box-shadow: 0rem 0rem 0 0 transparent;
    color: #999;
  }
}
#making-data #players-numbers .download-sheet a {
  margin: 1rem 0;
}

#about-line-types li:first-child {
  width: 25rem;
}
#about-line-types li:not(:first-child) {
  width: 40rem;
  display: inline-block;
}
#about-line-types li {
  padding: 2rem 1rem;
  vertical-align: top;
}
#about-line-types li * {
  vertical-align: top;
}
#about-line-types li img {
  width: 100%;
  height: 100%;
}

#how-to-handwrite-images .message > ul {
  display: inline-block;
}
#how-to-handwrite-images .message > ul > li {
  text-align: left;
  padding-left: 1.5em;
  position: relative;
}
@media (min-width: 801px) {
  #how-to-handwrite-images .message > ul > li {
    margin: 2rem 0;
  }
}
@media (max-width: 800px) {
  #how-to-handwrite-images .message > ul > li {
    margin: 1rem 0;
  }
}
#how-to-handwrite-images .message > ul > li::before {
  position: absolute;
  left: 0;
  content: "●";
}

#checking-data {
  background: #314A5E;
  color: white;
  text-align: center;
}
#checking-data::after {
  clear: both;
  content: "";
  display: block;
}
#checking-data h1 {
  background: rgba(255, 255, 255, 0.15);
  text-align: center;
  font-size: 1.8rem;
  line-height: 3em;
}
#checking-data ul {
  font-size: 1.6rem;
  padding: 5rem 0;
  display: inline-block;
}
#checking-data li {
  margin: 3rem 0;
  font-size: 1.6rem;
  background: url("/assets/checking-data-list-mark-ddf160ed.svg") left center no-repeat;
  background-size: 2rem 2rem;
  line-height: 2rem;
  padding-left: 3rem;
  text-align: left;
}

#donts {
  background: #EAE6AF;
  font-size: 1.6rem;
  text-align: center;
  padding: 8rem 0;
}
#donts .message {
  padding: 2em;
  background: #E5D865;
  display: inline-block;
  margin: 0 auto;
}
#donts .message em {
  font-size: 1.8rem;
  font-weight: 500;
}
#donts .sub-message {
  padding: 4rem 0;
}
#donts .sub-message p {
  text-align: left;
}
#donts h2 {
  height: 4rem;
  width: 20rem;
  line-height: 4rem;
  color: white;
  font-size: 1.6rem;
  margin: 6rem auto;
  background: black;
}
#donts .example::after {
  clear: both;
  content: "";
  display: block;
}
#donts .example .image, #donts .example .balloons {
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
  text-align: center;
}
#donts .example .image {
  text-align: right;
  padding: 2rem 4rem;
}
#donts .example .image img {
  max-width: 30rem;
}
#donts .example .balloons {
  padding: 1em 0 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/assets/donts-background-aaa5b6ae.svg");
}
#donts .example .balloons li {
  border: 2px solid #3A80A3;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin-bottom: 2rem;
  border-radius: 4px;
  position: relative;
  line-height: 3em;
}
#donts .example .balloons li::before {
  content: "";
  width: calc(1em / 1.41);
  height: calc(1em / 1.41);
  display: block;
  position: relative;
  border-top: 1px solid #3A80A3;
  border-right: 1px solid #3A80A3;
  transform: rotate(135deg);
  border-width: 2px;
  background: #EAE6AF;
  content: "";
  position: absolute;
  bottom: calc(2px / 2 - 0.5em);
}
#donts .example .balloons li:nth-child(odd)::before {
  right: 1em;
}
#donts .example .balloons li:nth-child(even)::before {
  left: 1em;
}
#donts .description {
  margin-top: 2rem;
}
#donts .description::after {
  clear: both;
  content: "";
  display: block;
}
#donts .description li {
  width: calc(33.3333333333% - 26.6666666667px);
  float: left;
  margin-left: 20px;
  background: #E5D865;
  padding: 2rem;
  text-align: left;
  height: calc(6em + 4rem);
}
#donts #about-rights {
  background: black;
  padding: 2rem;
  color: white;
  margin: 6rem auto 0;
  text-align: left;
}
#donts #about-rights h2 {
  line-height: 1;
  margin: 0 0 2rem 0;
  width: 100%;
}

/* dropdown
----------------------------------------------*/
.dropdown .dropdown-container {
  display: inline-block;
  position: relative;
  width: 100%;
  border: 1px solid black;
  background: white;
  font-size: 1.6rem;
}
.dropdown .dropdown-button {
  cursor: pointer;
  float: right;
  line-height: 5rem;
  margin: 0;
  position: relative;
  border: none;
  width: 100%;
  vertical-align: top;
  /*
  @include media($large-screen) {
    font-size: 1em;
    padding: 0 ($dropdown-padding * 2.5) 0 ($dropdown-padding / 2);
  }
  */
}
.dropdown .dropdown-button:hover {
  background-color: #f7f7f7;
}
.dropdown .dropdown-button-inner {
  padding: 0 5em 0 1em;
}
.dropdown .menu-inner {
  padding: 0.5rem;
  height: 5rem;
}
.dropdown .value {
  line-height: 4rem;
  display: inline-block;
  vertical-align: top;
}
.dropdown .dropdown-menu {
  background: white;
  border: 1px solid silver;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: none;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: absolute;
  right: 0;
  top: 5.1rem;
  transition: all 0.2s ease-in-out;
  z-index: 99999;
  width: 100%;
  max-height: 27rem;
  overflow-y: scroll;
}
.dropdown .dropdown-menu li {
  border-bottom: 1px solid silver;
  width: 100%;
}
.dropdown .dropdown-menu li:hover {
  background: #f7f7f7;
}
.dropdown .dropdown-menu li:last-child {
  border: 0;
}
.dropdown .show-menu {
  display: block;
}

.fonts-selector img {
  height: 5rem;
  width: auto;
}
.fonts-selector .dropdown-button {
  padding: 0 1em;
  height: 5rem;
  line-height: 5rem;
}
.fonts-selector .dropdown-menu {
  left: -0.1rem;
}
.fonts-selector li {
  height: 5rem;
  line-height: 5rem;
  margin: 0;
  padding-left: 1em;
}
.fonts-selector li:nth-child(odd) {
  background: #eee;
}

/* faq
----------------------------------------------*/
#faq {
  font-size: 1.6rem;
  margin-bottom: 8rem;
}
#faq::after {
  clear: both;
  content: "";
  display: block;
}
#faq .faq-wrapper {
  width: calc(83.3333333333% - 36.6666666667px);
  float: left;
  margin-left: 20px;
  left: calc(8.3333333333% - 21.6666666667px + 20px);
  position: relative;
}
#faq .link-to-about-shipping {
  padding: 1rem 0 0 2em;
}

#font-list li {
  border-bottom: 1px solid silver;
  background: white;
  line-height: 1;
}
#font-list li:nth-child(odd) {
  background: #eee;
}
#font-list .js-accordion-trigger {
  margin: 0 0 1rem 0;
}
#font-list .ac-content {
  padding: 1rem;
}
@media (min-width: 801px) {
  #font-list ul {
    margin: 2rem 0;
    width: 50%;
    float: left;
  }
  #font-list li {
    padding: 0 2rem;
  }
  #font-list .font-list-j {
    padding-right: 1rem;
  }
  #font-list .font-list-e {
    padding-left: 1rem;
  }
}
@media (max-width: 800px) {
  #font-list ul {
    width: 100%;
  }
  #font-list li {
    padding: 1rem 0;
  }
}

/* for-inquiry
----------------------------------------------*/
#for-inquiry {
  background: #e1ebea;
  text-align: center;
  font-size: 1.4rem;
}
@media (min-width: 801px) {
  #for-inquiry {
    padding: 8rem 0;
  }
}
@media (max-width: 800px) {
  #for-inquiry {
    padding: 4rem 0;
  }
}
#for-inquiry h1 {
  font-weight: 500;
}
@media (min-width: 801px) {
  #for-inquiry h1 {
    margin-bottom: 4rem;
    font-size: 1.8rem;
  }
}
@media (max-width: 800px) {
  #for-inquiry h1 {
    margin-bottom: 2rem;
    font-size: 1.6rem;
  }
}
#for-inquiry h1 span {
  font-size: 1.4rem;
}
@media (min-width: 801px) {
  #for-inquiry .tel-wrapper {
    margin: 4rem auto;
  }
}
@media (max-width: 800px) {
  #for-inquiry .tel-wrapper {
    margin: 4rem auto 2rem;
  }
}
#for-inquiry .actions {
  font-size: 1.2rem;
  font-weight: 500;
}
@media (min-width: 801px) {
  #for-inquiry .actions {
    max-width: 1100px;
    margin: 0 auto;
  }
  #for-inquiry .actions::after {
    clear: both;
    content: "";
    display: block;
  }
  #for-inquiry .actions > * {
    width: calc(33.3333333333% - 26.6666666667px);
    float: left;
    margin-left: 20px;
    left: calc(16.6666666667% - 23.3333333333px + 20px);
    position: relative;
  }
}
@media (min-width: 801px) {
  #for-inquiry .link-to-inquiry a,
  #for-inquiry .link-to-inquiry button,
  #for-inquiry .link-to-inquiry input[type=submit] {
    text-decoration: none;
    text-align: center;
    border: 2px solid #314A5E;
    background: white;
    line-height: 1;
    padding: 1em 4em;
    width: auto;
    font-size: 1.6rem;
    font-weight: 500;
    display: inline-block;
    box-shadow: 4px 4px 0 0 #314A5E;
    box-sizing: content-box;
    width: calc(100% - 4rem);
    max-width: 34.5rem;
  }
  #for-inquiry .link-to-inquiry a, #for-inquiry .link-to-inquiry a:link, #for-inquiry .link-to-inquiry a:visited,
  #for-inquiry .link-to-inquiry button,
  #for-inquiry .link-to-inquiry button:link,
  #for-inquiry .link-to-inquiry button:visited,
  #for-inquiry .link-to-inquiry input[type=submit],
  #for-inquiry .link-to-inquiry input[type=submit]:link,
  #for-inquiry .link-to-inquiry input[type=submit]:visited {
    color: #314A5E;
  }
  #for-inquiry .link-to-inquiry a:hover, #for-inquiry .link-to-inquiry a:active,
  #for-inquiry .link-to-inquiry button:hover,
  #for-inquiry .link-to-inquiry button:active,
  #for-inquiry .link-to-inquiry input[type=submit]:hover,
  #for-inquiry .link-to-inquiry input[type=submit]:active {
    color: #5a6e7e;
    box-shadow: 4px 4px 0 0 #5a6e7e;
    border: 2px solid #5a6e7e;
  }
}
@media (min-width: 801px) and (max-width: 800px) {
  #for-inquiry .link-to-inquiry a,
  #for-inquiry .link-to-inquiry button,
  #for-inquiry .link-to-inquiry input[type=submit] {
    line-height: 6rem;
    height: 6rem;
    padding: 0;
  }
  #for-inquiry .link-to-inquiry a:disabled,
  #for-inquiry .link-to-inquiry button:disabled,
  #for-inquiry .link-to-inquiry input[type=submit]:disabled {
    border: 0.2rem solid #999;
    box-shadow: 0rem 0rem 0 0 transparent;
    color: #999;
  }
}
@media (max-width: 800px) {
  #for-inquiry .link-to-inquiry a,
  #for-inquiry .link-to-inquiry button,
  #for-inquiry .link-to-inquiry input[type=submit] {
    text-decoration: none;
    text-align: center;
    border: 2px solid #314A5E;
    background: white;
    line-height: 1;
    padding: 1.5em 0;
    width: auto;
    font-size: 1.4rem;
    font-weight: 500;
    display: inline-block;
    box-shadow: 4px 4px 0 0 #314A5E;
    box-sizing: content-box;
    width: calc(100% - 4rem);
    max-width: 34.5rem;
  }
  #for-inquiry .link-to-inquiry a, #for-inquiry .link-to-inquiry a:link, #for-inquiry .link-to-inquiry a:visited,
  #for-inquiry .link-to-inquiry button,
  #for-inquiry .link-to-inquiry button:link,
  #for-inquiry .link-to-inquiry button:visited,
  #for-inquiry .link-to-inquiry input[type=submit],
  #for-inquiry .link-to-inquiry input[type=submit]:link,
  #for-inquiry .link-to-inquiry input[type=submit]:visited {
    color: #314A5E;
  }
  #for-inquiry .link-to-inquiry a:hover, #for-inquiry .link-to-inquiry a:active,
  #for-inquiry .link-to-inquiry button:hover,
  #for-inquiry .link-to-inquiry button:active,
  #for-inquiry .link-to-inquiry input[type=submit]:hover,
  #for-inquiry .link-to-inquiry input[type=submit]:active {
    color: #5a6e7e;
    box-shadow: 4px 4px 0 0 #5a6e7e;
    border: 2px solid #5a6e7e;
  }
}
@media (max-width: 800px) and (max-width: 800px) {
  #for-inquiry .link-to-inquiry a,
  #for-inquiry .link-to-inquiry button,
  #for-inquiry .link-to-inquiry input[type=submit] {
    line-height: 6rem;
    height: 6rem;
    padding: 0;
  }
  #for-inquiry .link-to-inquiry a:disabled,
  #for-inquiry .link-to-inquiry button:disabled,
  #for-inquiry .link-to-inquiry input[type=submit]:disabled {
    border: 0.2rem solid #999;
    box-shadow: 0rem 0rem 0 0 transparent;
    color: #999;
  }
}
@media (max-width: 800px) {
  #for-inquiry .link-to-inquiry a {
    margin: 0 auto;
  }
}

.link-to-faq,
.download-pdf {
  margin-bottom: 4rem;
}
.link-to-faq a,
.download-pdf a {
  text-decoration: none;
  line-height: 2em;
  height: 2em;
  padding: 0em 4em;
  width: 28rem;
  font-size: 1.4rem;
  font-weight: 500;
  display: inline-block;
}
.link-to-faq a, .link-to-faq a:link, .link-to-faq a:visited, .link-to-faq a:hover, .link-to-faq a:active,
.download-pdf a,
.download-pdf a:link,
.download-pdf a:visited,
.download-pdf a:hover,
.download-pdf a:active {
  color: white;
}
.link-to-faq a, .link-to-faq a:link, .link-to-faq a:visited,
.download-pdf a,
.download-pdf a:link,
.download-pdf a:visited {
  background: #314A5E;
}
.link-to-faq a:hover, .link-to-faq a:active,
.download-pdf a:hover,
.download-pdf a:active {
  background: #4b7290;
}
.link-to-faq a,
.download-pdf a {
  position: relative;
  line-height: 2em;
}
@media (max-width: 800px) {
  .link-to-faq a,
  .download-pdf a {
    display: block;
    width: 28rem;
    margin: 1rem auto 0;
  }
}
.link-to-faq a::after,
.download-pdf a::after {
  content: "";
  width: calc(1em / 1.41);
  height: calc(1em / 1.41);
  display: block;
  position: relative;
  border-top: 1px solid white;
  border-right: 1px solid white;
  transform: rotate(45deg);
  top: calc(0.2907801418em / 2 - 0.5px + 0.7rem);
  right: calc(0.2907801418em / 2 - 0.5px + 1em);
  position: absolute;
}

/* gakuwari
----------------------------------------------*/
#gakuwari-header {
  text-align: center;
  background-image: url("/assets/gakuwari/main-bg-5fddf45a.jpg");
  background-size: cover;
}
#gakuwari-header h1 {
  line-height: 0;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 2rem;
}
#gakuwari-header h1 .main-image-1,
#gakuwari-header h1 .main-image-4 {
  width: 100%;
}
@media (min-width: 801px) {
  #gakuwari-header h1 .main-image-2 {
    width: 60%;
  }
}
@media (max-width: 800px) {
  #gakuwari-header h1 .main-image-2 {
    width: 80%;
  }
}
@media (min-width: 801px) {
  #gakuwari-header h1 .main-image-3 {
    width: 40%;
  }
}
@media (max-width: 800px) {
  #gakuwari-header h1 .main-image-3 {
    width: 80%;
  }
}

#gakuwari {
  background: #dfe5b8;
  font-weight: 300;
}
@media (min-width: 801px) {
  #gakuwari {
    font-size: 1.6rem;
  }
}
@media (max-width: 800px) {
  #gakuwari {
    font-size: 1.2rem;
  }
}
#gakuwari em {
  color: #d82e3f;
}
#gakuwari h2 {
  text-align: center;
  color: white;
  font-weight: 900;
  letter-spacing: 0.1rem;
}
@media (min-width: 801px) {
  #gakuwari h2 {
    font-size: 2.4rem;
  }
}
@media (max-width: 800px) {
  #gakuwari h2 {
    font-size: 1.5rem;
  }
}
#gakuwari h2 span {
  letter-spacing: 0;
  display: block;
  font-weight: 700;
}
@media (min-width: 801px) {
  #gakuwari h2 span {
    font-size: 1.6rem;
  }
}
@media (max-width: 800px) {
  #gakuwari h2 span {
    font-size: 1.2rem;
  }
}
#gakuwari h3 {
  margin: 4rem 0;
  text-align: center;
  font-weight: 500;
}
#gakuwari h3 span {
  display: block;
}
@media (min-width: 801px) {
  #gakuwari h3 span {
    font-size: 1.4rem;
  }
}
@media (max-width: 800px) {
  #gakuwari h3 span {
    font-size: 1.2rem;
  }
}
#gakuwari .product-number {
  font-weight: 700;
  font-size: 1.2rem;
  color: white;
  background: black;
  padding: 0.2em 0.5em;
  display: inline-block;
}
#gakuwari .price {
  font-weight: 700;
  font-size: 2.8rem;
}
#gakuwari .price .tax,
#gakuwari .price .per-a-shirt {
  font-size: 1.2rem;
}
#gakuwari .small-note {
  text-align: right;
}
#gakuwari .price-table table {
  width: 100%;
  margin-bottom: 10px;
}
#gakuwari .price-table th, #gakuwari .price-table td {
  vertical-align: middle;
}
#gakuwari .price-table .small {
  font-size: 12px;
  font-weight: 500;
}
#gakuwari .price-table .em {
  color: #d82e3f;
}
#gakuwari .price-table .price {
  text-align: center;
}
#gakuwari .price-table .nowrap {
  white-space: nowrap;
}
#gakuwari .price-table .size {
  font-size: 1.2rem;
}
#gakuwari .price-table .name {
  font-weight: 500;
}
#gakuwari #samples-wrapper {
  background: white;
}
#gakuwari #samples-header {
  padding: 2rem 1rem;
  line-height: 0;
}
#gakuwari #samples-header img {
  width: 100%;
  max-width: 44rem;
}
#gakuwari #samples {
  display: flex;
  flex-wrap: wrap;
}
#gakuwari #samples::after {
  clear: both;
  content: "";
  display: block;
}
#gakuwari #samples li {
  position: relative;
  text-align: center;
}
@media (min-width: 801px) {
  #gakuwari #samples li {
    flex-basis: calc(50% - 4rem);
    padding: 0 2rem 8rem 2rem;
  }
}
@media (max-width: 800px) {
  #gakuwari #samples li {
    flex-basis: 100%;
    padding: 2rem 1rem 0rem 1rem;
  }
  #gakuwari #samples li:not(:last-child) {
    border-bottom: 1px solid black;
  }
}
#gakuwari #samples .price {
  text-align: right;
}
#gakuwari #samples .note {
  font-weight: 500;
  text-align: right;
}
@media (max-width: 800px) {
  #gakuwari #samples .note {
    position: absolute;
    bottom: 18rem;
    right: 1rem;
  }
}
#gakuwari .sample-label {
  position: absolute;
}
@media (min-width: 801px) {
  #gakuwari .sample-label {
    top: 0;
    left: 0;
  }
}
@media (max-width: 800px) {
  #gakuwari .sample-label {
    top: 1rem;
    left: 1rem;
  }
}
#gakuwari .sample-label img {
  width: 14rem;
}
#gakuwari .sample-properties {
  background: rgba(255, 255, 255, 0.8);
  padding: 1rem;
  text-align: left;
}
@media (min-width: 376px) {
  #gakuwari .sample-properties {
    max-width: 32rem;
  }
}
@media (max-width: 375px) {
  #gakuwari .sample-properties {
    margin-top: -2rem;
    width: 100%;
  }
}
@media (min-width: 801px) {
  #gakuwari .sample-properties {
    position: absolute;
    bottom: 8rem;
    width: 26rem;
  }
}
#gakuwari .sample-properties .print-type {
  font-weight: 500;
  font-size: 1.1rem;
  border: 2px solid black;
  width: 100%;
}
#gakuwari .sample-properties .print-type th {
  text-align: left;
}
@media (max-width: 800px) {
  #gakuwari .sample-properties .print-type th, #gakuwari .sample-properties .print-type td {
    padding: 0.5em;
  }
}
#gakuwari .sample-properties .product-name {
  font-size: 1.3rem;
  margin: 0.5em 0 1em;
}
#gakuwari #gakuwari-prices table + table {
  margin-top: 2rem;
}
#gakuwari #gakuwari-prices h2 {
  padding-top: 2rem;
}
#gakuwari #gakuwari-prices h2 img {
  width: calc(100% - 4rem);
  max-width: 800px;
}
@media (min-width: 801px) {
  #gakuwari #questions-and-answers {
    margin-left: 2rem;
  }
}
#gakuwari #questions-and-answers ul {
  margin: 4rem 2rem 0;
}
#gakuwari #questions-and-answers .question {
  font-weight: 500;
  background: #d82e3f;
}
#gakuwari #questions-and-answers .question::before {
  content: "Ｑ.";
}
@media (min-width: 801px) {
  #gakuwari #questions-and-answers .answer {
    margin: 2rem 0 6rem;
  }
}
@media (max-width: 800px) {
  #gakuwari #questions-and-answers .answer {
    margin: 1rem 0 3rem;
  }
}
#gakuwari #questions-and-answers .answer::before {
  content: "Ａ.";
}
#gakuwari #questions-and-answers .question::before,
#gakuwari #questions-and-answers .answer::before {
  margin-right: 1rem;
}
#gakuwari #about-printed-wear .message,
#gakuwari *[id^=conditions-] .message,
#gakuwari #remainder .message,
#gakuwari #about-printing .message {
  padding: 0 2rem 2rem 2rem;
}
@media (min-width: 801px) {
  #gakuwari #about-printed-wear p {
    margin: 2em 0;
    line-height: 1.8;
    font-size: 1.3rem;
  }
}
@media (max-width: 800px) {
  #gakuwari #about-printed-wear p {
    margin: 1em 0;
    line-height: 1.6;
    font-size: 1.1rem;
  }
}
#gakuwari #about-printed-wear,
#gakuwari *[id^=conditions-] {
  text-align: center;
}
#gakuwari #about-printed-wear ul,
#gakuwari *[id^=conditions-] ul {
  display: inline-block;
}
#gakuwari #about-printed-wear ul li,
#gakuwari *[id^=conditions-] ul li {
  text-align: left;
}
@media (min-width: 801px) {
  #gakuwari #about-printed-wear ul li,
  #gakuwari *[id^=conditions-] ul li {
    margin: 2rem 0;
  }
}
@media (max-width: 800px) {
  #gakuwari #about-printed-wear ul li,
  #gakuwari *[id^=conditions-] ul li {
    margin: 1rem 0;
  }
}
#gakuwari #about-printed-wear ul li::before,
#gakuwari *[id^=conditions-] ul li::before {
  content: "●";
}
#gakuwari #about-printed-wear em,
#gakuwari *[id^=conditions-] em {
  font-weight: 500;
}
#gakuwari *[id^=conditions-] {
  font-weight: 500;
}
@media (min-width: 801px) {
  #gakuwari *[id^=conditions-] {
    padding-bottom: 4rem;
    font-size: 1.8rem;
  }
}
@media (max-width: 800px) {
  #gakuwari *[id^=conditions-] {
    padding-bottom: 2rem;
    font-size: 1.6rem;
  }
}
#gakuwari *[id^=conditions-] .target {
  text-align: left;
  display: inline-flex;
}
#gakuwari *[id^=conditions-] .target::after {
  clear: both;
  content: "";
  display: block;
}
@media (max-width: 800px) {
  #gakuwari *[id^=conditions-] .target {
    padding: 0 2rem 2rem;
  }
}
#gakuwari *[id^=conditions-] .target h3 {
  line-height: calc(4rem - 4px);
  height: 4rem;
  border-radius: 2rem;
  font-weight: 500;
  white-space: nowrap;
}
@media (min-width: 801px) {
  #gakuwari *[id^=conditions-] .target h3 {
    margin: 0 2em 0 0;
    padding: 0 2em;
  }
}
@media (max-width: 800px) {
  #gakuwari *[id^=conditions-] .target h3 {
    margin: 0 1em 0 0;
    padding: 0 1.5em;
    font-size: 1.3rem;
  }
}
#gakuwari *[id^=conditions-] .target small {
  font-size: 1.2rem;
}
#gakuwari #conditions-top {
  color: white;
  background: #d82e3f;
}
#gakuwari #conditions-top h2 {
  letter-spacing: 0.1em;
}
@media (min-width: 801px) {
  #gakuwari #conditions-top h2 {
    padding: 4rem 4rem 2rem;
  }
}
@media (max-width: 800px) {
  #gakuwari #conditions-top h2 {
    padding: 2rem;
  }
}
#gakuwari #conditions-top h3 {
  border: 2px solid white;
  color: white;
}
#gakuwari #conditions-top em {
  color: white;
  background: linear-gradient(transparent 80%, #418758 80%);
}
#gakuwari #about-printing {
  clear: both;
}
@media (min-width: 801px) {
  #gakuwari #about-printing .note {
    font-size: 16px;
  }
}
@media (max-width: 800px) {
  #gakuwari #about-printing .note {
    font-size: 14px;
  }
}
#gakuwari #about-printing .note li {
  margin-bottom: 1em;
  font-weight: 500;
}
#gakuwari #about-printing .note li::before {
  content: "●";
  color: #eeb033;
}
#gakuwari .js-accordion-trigger {
  background: black;
  color: white;
  font-weight: 500;
  padding: 1em;
}
#gakuwari aside::after {
  clear: both;
  content: "";
  display: block;
}
@media (min-width: 801px) {
  #gakuwari aside {
    padding: 4rem 0 0 0;
  }
}
@media (max-width: 800px) {
  #gakuwari aside {
    padding: 0;
  }
}
#gakuwari aside em {
  color: #d82e3f;
}
#gakuwari aside em.em-blue {
  color: #467d9e;
}
#gakuwari .link-to-fonts-list {
  background: #418758;
}
@media (min-width: 801px) {
  #gakuwari .link-to-fonts-list {
    padding: 4rem 0 0 0;
  }
}
@media (max-width: 800px) {
  #gakuwari .link-to-fonts-list {
    padding: 2rem 0 0 0;
  }
}
#gakuwari .link-to-fonts-list img {
  display: block;
  margin: 0 auto 1rem;
}
@media (min-width: 801px) {
  #gakuwari .link-to-fonts-list img {
    width: 10rem;
  }
}
@media (max-width: 800px) {
  #gakuwari .link-to-fonts-list img {
    width: 8rem;
  }
}
@media (max-width: 800px) {
  #gakuwari .link-to-fonts-list a {
    margin-bottom: 2rem;
  }
}
#gakuwari .available-types {
  padding: 1rem 0.5rem 0.5rem;
  margin-bottom: 2rem;
}

#gakuwari-baseball-and-soccer-wrapper h2,
#gakuwari-products-wrapper h2 {
  background: black;
  color: white;
}
@media (min-width: 801px) {
  #gakuwari-baseball-and-soccer-wrapper h2,
  #gakuwari-products-wrapper h2 {
    padding: 6rem 0;
  }
}
@media (max-width: 800px) {
  #gakuwari-baseball-and-soccer-wrapper h2,
  #gakuwari-products-wrapper h2 {
    padding: 2rem 0;
  }
}

#gakuwari-baseball-and-soccer .main-column,
#gakuwari-baseball-and-soccer .side-column,
#gakuwari-baseball-and-soccer .colors-and-sizes,
#gakuwari-baseball-and-soccer .price-table,
#gakuwari-baseball-and-soccer .sizes,
#gakuwari-products .main-column,
#gakuwari-products .side-column,
#gakuwari-products .colors-and-sizes,
#gakuwari-products .price-table,
#gakuwari-products .sizes {
  vertical-align: top;
  width: 100%;
}
@media (min-width: 801px) {
  #gakuwari-baseball-and-soccer .main-column,
  #gakuwari-baseball-and-soccer .side-column,
  #gakuwari-baseball-and-soccer .colors-and-sizes,
  #gakuwari-baseball-and-soccer .price-table,
  #gakuwari-baseball-and-soccer .sizes,
  #gakuwari-products .main-column,
  #gakuwari-products .side-column,
  #gakuwari-products .colors-and-sizes,
  #gakuwari-products .price-table,
  #gakuwari-products .sizes {
    display: inline-block;
  }
}
@media (max-width: 800px) {
  #gakuwari-baseball-and-soccer .main-column,
  #gakuwari-baseball-and-soccer .side-column,
  #gakuwari-baseball-and-soccer .colors-and-sizes,
  #gakuwari-baseball-and-soccer .price-table,
  #gakuwari-baseball-and-soccer .sizes,
  #gakuwari-products .main-column,
  #gakuwari-products .side-column,
  #gakuwari-products .colors-and-sizes,
  #gakuwari-products .price-table,
  #gakuwari-products .sizes {
    display: block;
  }
}
#gakuwari-baseball-and-soccer > li,
#gakuwari-products > li {
  clear: both;
  position: relative;
}
@media (min-width: 801px) {
  #gakuwari-baseball-and-soccer > li,
  #gakuwari-products > li {
    padding: 2rem;
  }
}
@media (max-width: 800px) {
  #gakuwari-baseball-and-soccer > li,
  #gakuwari-products > li {
    padding: 1rem;
  }
}
#gakuwari-baseball-and-soccer .products-inner,
#gakuwari-products .products-inner {
  position: relative;
}
#gakuwari-baseball-and-soccer .products-inner::after,
#gakuwari-products .products-inner::after {
  clear: both;
  content: "";
  display: block;
}
#gakuwari-baseball-and-soccer .size-options,
#gakuwari-products .size-options {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
@media (min-width: 801px) {
  #gakuwari-baseball-and-soccer .size-options img,
  #gakuwari-products .size-options img {
    margin-left: 1rem;
    height: 8rem;
  }
}
@media (max-width: 800px) {
  #gakuwari-baseball-and-soccer .size-options img,
  #gakuwari-products .size-options img {
    margin-left: 0.5rem;
    height: 5rem;
  }
}
#gakuwari-baseball-and-soccer .product-TP-770R,
#gakuwari-products .product-TP-770R {
  background-color: white;
}
#gakuwari-baseball-and-soccer .product-TP-770R .color-variations img,
#gakuwari-products .product-TP-770R .color-variations img {
  width: calc(100% - 10px);
  margin: 10px;
}
#gakuwari-baseball-and-soccer .product-00800-NEH,
#gakuwari-baseball-and-soccer .product-dtf-happi,
#gakuwari-baseball-and-soccer .product-5001-01,
#gakuwari-baseball-and-soccer .product-express-print-t-shirts,
#gakuwari-baseball-and-soccer .product-dtf-t-shirts,
#gakuwari-baseball-and-soccer .product-2020-01,
#gakuwari-baseball-and-soccer .product-7061-01,
#gakuwari-baseball-and-soccer .product-5214-01,
#gakuwari-baseball-and-soccer .product-TCA-014,
#gakuwari-baseball-and-soccer .product-00700-EVM,
#gakuwari-baseball-and-soccer .product-headband,
#gakuwari-baseball-and-soccer .product-banner-flag,
#gakuwari-baseball-and-soccer .product-towel,
#gakuwari-products .product-00800-NEH,
#gakuwari-products .product-dtf-happi,
#gakuwari-products .product-5001-01,
#gakuwari-products .product-express-print-t-shirts,
#gakuwari-products .product-dtf-t-shirts,
#gakuwari-products .product-2020-01,
#gakuwari-products .product-7061-01,
#gakuwari-products .product-5214-01,
#gakuwari-products .product-TCA-014,
#gakuwari-products .product-00700-EVM,
#gakuwari-products .product-headband,
#gakuwari-products .product-banner-flag,
#gakuwari-products .product-towel {
  background-color: white;
}
#gakuwari-baseball-and-soccer .product-express-print-t-shirts .color-number,
#gakuwari-products .product-express-print-t-shirts .color-number {
  margin-top: 0;
}
@media (min-width: 801px) {
  #gakuwari-baseball-and-soccer .details,
  #gakuwari-products .details {
    letter-spacing: 0.1em;
    line-height: 2;
  }
}
@media (max-width: 800px) {
  #gakuwari-baseball-and-soccer .details,
  #gakuwari-products .details {
    font-size: 1.3rem;
    text-align: left;
    line-height: 1.8;
  }
}
#gakuwari-baseball-and-soccer .details em,
#gakuwari-products .details em {
  font-weight: 700;
  color: black;
  display: block;
  margin: 0 0 1em 0;
}
@media (min-width: 801px) {
  #gakuwari-baseball-and-soccer .details em,
  #gakuwari-products .details em {
    font-size: 2rem;
  }
}
@media (max-width: 800px) {
  #gakuwari-baseball-and-soccer .details em,
  #gakuwari-products .details em {
    font-size: 1.6rem;
  }
}
@media (min-width: 801px) {
  #gakuwari-baseball-and-soccer .main-column,
  #gakuwari-products .main-column {
    width: calc(100% - 48rem);
  }
}
@media (min-width: 801px) {
  #gakuwari-baseball-and-soccer .side-column,
  #gakuwari-products .side-column {
    width: 44rem;
    margin-left: 4rem;
  }
}
@media (max-width: 800px) {
  #gakuwari-baseball-and-soccer .side-column,
  #gakuwari-products .side-column {
    margin: 2rem 0;
  }
}
#gakuwari-baseball-and-soccer .bottom-column,
#gakuwari-products .bottom-column {
  margin-top: 2rem;
}
#gakuwari-baseball-and-soccer .main-image,
#gakuwari-products .main-image {
  margin-bottom: 1rem;
}
#gakuwari-baseball-and-soccer .color-variations,
#gakuwari-products .color-variations {
  background: white;
}
#gakuwari-baseball-and-soccer .color-variations .header,
#gakuwari-products .color-variations .header {
  font-size: 1.2rem;
}
@media (min-width: 801px) {
  #gakuwari-baseball-and-soccer .color-variations .header,
  #gakuwari-products .color-variations .header {
    font-weight: 700;
    padding: 0.5em;
    background: #eee;
  }
}
#gakuwari-baseball-and-soccer .color-variations ul,
#gakuwari-products .color-variations ul {
  padding: 1.8rem;
}
@media (min-width: 801px) {
  #gakuwari-baseball-and-soccer .color-variations ul,
  #gakuwari-products .color-variations ul {
    display: inline-block;
    border: 2px solid #eee;
  }
}
@media (max-width: 800px) {
  #gakuwari-baseball-and-soccer .color-variations ul,
  #gakuwari-products .color-variations ul {
    margin-top: 1rem;
  }
}
#gakuwari-baseball-and-soccer .color-variations li,
#gakuwari-products .color-variations li {
  vertical-align: top;
  display: inline-block;
  font-size: 0.9rem;
  padding: 0.1rem;
}
@media (min-width: 801px) {
  #gakuwari-baseball-and-soccer .color-variations li,
  #gakuwari-products .color-variations li {
    width: 10rem;
    padding: 0.5rem;
  }
}
@media (max-width: 800px) {
  #gakuwari-baseball-and-soccer .color-variations li,
  #gakuwari-products .color-variations li {
    width: 33.3333333333%;
    padding: 0.3rem;
  }
}
#gakuwari-baseball-and-soccer .color-variations img,
#gakuwari-products .color-variations img {
  width: 100%;
}
#gakuwari-baseball-and-soccer .color-number,
#gakuwari-products .color-number {
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.1;
  margin-top: -0.7rem;
  text-shadow: 0px 0px 1 #fff;
  text-align: center;
}
#gakuwari-baseball-and-soccer .color-name,
#gakuwari-products .color-name {
  line-height: 1.1;
  text-align: center;
}
#gakuwari-baseball-and-soccer .product-name,
#gakuwari-products .product-name {
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 1em 0;
}
@media (min-width: 801px) {
  #gakuwari-baseball-and-soccer .product-name,
  #gakuwari-products .product-name {
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 800px) {
  #gakuwari-baseball-and-soccer .product-name,
  #gakuwari-products .product-name {
    font-size: 1.4rem;
  }
}
@media (max-width: 375px) {
  #gakuwari-baseball-and-soccer .product-name,
  #gakuwari-products .product-name {
    max-width: 24rem;
  }
}
#gakuwari-baseball-and-soccer .print-area-header,
#gakuwari-products .print-area-header {
  font-weight: 500;
  color: white;
  background: black;
  font-size: 1.2rem;
  padding: 1rem;
  margin-top: 1rem;
}
#gakuwari-baseball-and-soccer .print-area-image,
#gakuwari-products .print-area-image {
  border: 1px solid black;
}
#gakuwari-baseball-and-soccer .sizes,
#gakuwari-products .sizes {
  text-align: left;
}
#gakuwari-baseball-and-soccer .sizes:not(:first-child),
#gakuwari-products .sizes:not(:first-child) {
  margin-top: 1em;
}
#gakuwari-baseball-and-soccer .sizes:not(:last-child),
#gakuwari-products .sizes:not(:last-child) {
  margin-bottom: 1rem;
}
#gakuwari-baseball-and-soccer .sizes table,
#gakuwari-products .sizes table {
  width: 100%;
}
@media (min-width: 801px) {
  #gakuwari-baseball-and-soccer .sizes table,
  #gakuwari-products .sizes table {
    font-size: 1.2rem;
  }
}
@media (max-width: 800px) {
  #gakuwari-baseball-and-soccer .sizes table,
  #gakuwari-products .sizes table {
    font-size: 1rem;
    margin-top: 1rem;
  }
}
#gakuwari-baseball-and-soccer .sizes caption,
#gakuwari-products .sizes caption {
  text-align: left;
  font-weight: 700;
  font-size: 1.2rem;
}
#gakuwari-baseball-and-soccer .sizes th, #gakuwari-baseball-and-soccer .sizes td,
#gakuwari-products .sizes th,
#gakuwari-products .sizes td {
  text-align: center;
  padding: 0.5rem;
}
#gakuwari-baseball-and-soccer .sizes th,
#gakuwari-products .sizes th {
  white-space: nowrap;
  background: white;
  color: black;
}

#gakuwari-products .moq {
  color: white;
  width: max-content;
  font-weight: 500;
  border-radius: 1em;
  line-height: 2em;
  font-size: 12px;
  padding: 0 2em;
  margin: 1rem 0 1em;
  position: relative;
}
#gakuwari-products .moq::after {
  width: 0;
  height: 0;
  display: inline-block;
  position: absolute;
  border-right: 0.5em solid transparent;
  border-left: 0.5em solid transparent;
  position: absolute;
  content: "";
  left: calc(50% - 0.5em);
  bottom: -0.5em;
}
#gakuwari-products .moq-red {
  background-color: #d82e3f;
}
#gakuwari-products .moq-red::after {
  border-top: 0.5em solid #d82e3f;
}
#gakuwari-products .moq-blue {
  background-color: #467d9e;
}
#gakuwari-products .moq-blue::after {
  border-top: 0.5em solid #467d9e;
}
#gakuwari-products .moq-number {
  font-size: 18px;
}
#gakuwari-products > li:not(:first-child) {
  border-top: 1px solid #dcdddd;
}
#gakuwari-products .color-sample-00800neh-005 {
  background-image: url("/assets/gakuwari/color-00800neh-005-07ae01e7.png");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-00800neh-020 {
  background-image: url("/assets/gakuwari/color-00800neh-020-9ed72837.png");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-00800neh-015 {
  background-image: url("/assets/gakuwari/color-00800neh-015-a7f34a8b.png");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-00800neh-032 {
  background-image: url("/assets/gakuwari/color-00800neh-032-766c7296.png");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-00800neh-010 {
  background-image: url("/assets/gakuwari/color-00800neh-010-9676afc5.png");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-00800neh-025 {
  background-image: url("/assets/gakuwari/color-00800neh-025-ea46f116.png");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-00800neh-014 {
  background-image: url("/assets/gakuwari/color-00800neh-014-850d2a2f.png");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-express-print-t-shirts-23 {
  background-image: url("/assets/gakuwari/color-express-print-t-shirts-23-87794073.jpg");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-express-print-t-shirts-06 {
  background-image: url("/assets/gakuwari/color-express-print-t-shirts-06-4023477b.jpg");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-express-print-t-shirts-15 {
  background-image: url("/assets/gakuwari/color-express-print-t-shirts-15-4d9b953a.jpg");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-express-print-t-shirts-09 {
  background-image: url("/assets/gakuwari/color-express-print-t-shirts-09-80becb5c.jpg");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-express-print-t-shirts-20 {
  background-image: url("/assets/gakuwari/color-express-print-t-shirts-20-4089c2c4.jpg");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-express-print-t-shirts-05 {
  background-image: url("/assets/gakuwari/color-express-print-t-shirts-05-ad5c3d76.jpg");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-706101-001 {
  background-image: url("/assets/gakuwari/color-706101-001-5e41eac7.jpg");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-706101-490 {
  background-image: url("/assets/gakuwari/color-706101-490-b81ece52.jpg");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-706101-069 {
  background-image: url("/assets/gakuwari/color-706101-069-7ec5bbf3.jpg");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-706101-064 {
  background-image: url("/assets/gakuwari/color-706101-064-f3ef04ca.jpg");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-706101-190 {
  background-image: url("/assets/gakuwari/color-706101-190-27146488.jpg");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-706101-177 {
  background-image: url("/assets/gakuwari/color-706101-177-f13468f6.jpg");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-706101-084 {
  background-image: url("/assets/gakuwari/color-706101-084-dbd2416a.jpg");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-706101-086 {
  background-image: url("/assets/gakuwari/color-706101-086-145e6118.jpg");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-706101-002 {
  background-image: url("/assets/gakuwari/color-706101-002-1c9bad9c.jpg");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-521401-001 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5214-01/521401-0001");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-521401-006 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5214-01/521401-0006");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-521401-069 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5214-01/521401-0069");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-521401-064 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5214-01/521401-0064");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-521401-497 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5214-01/521401-0497");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-521401-085 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5214-01/521401-0085");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-521401-086 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5214-01/521401-0086");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-521401-002 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5214-01/521401-0002");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-202001-001 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/2020-01/202001-0001");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-202001-002 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/2020-01/202001-0002");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-202001-029 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/2020-01/202001-0029");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-202001-069 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/2020-01/202001-0069");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-202001-072 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/2020-01/202001-0072");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-202001-084 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/2020-01/202001-0084");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-202001-086 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/2020-01/202001-0086");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-202001-190 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/2020-01/202001-0190");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-001 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0001");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-010 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0010");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-006 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0006");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-019 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0019");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-545 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0545");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-053 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0053");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-052 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0052");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-072 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0072");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-069 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0069");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-232 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0232");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-511 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0511");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-066 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0066");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-576 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0576");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-495 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0495");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-064 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0064");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-022 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0022");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-190 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0190");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-021 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0021");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-487 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0487");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-037 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0037");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-024 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0024");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-575 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0575");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-029 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0029");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-497 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0497");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-739 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0739");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-035 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0035");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-488 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0488");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-083 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0083");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-538 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0538");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-247 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0247");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-082 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0082");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-085 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0085");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-087 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0087");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-086 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0086");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-494 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0494");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-076 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0076");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-539 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0539");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-062 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0062");
  background-size: 100% 100%;
}
#gakuwari-products .color-sample-500101-002 {
  background-image: url("http://res.cloudinary.com/hmwpprn3j/image/upload/v1/product-images/5001-01/500101-0002");
  background-size: 100% 100%;
}
#gakuwari-products div[class^=color-sample] {
  width: 100%;
  aspect-ratio: 1/1;
}
#gakuwari-products .color-numbers {
  display: flex;
  justify-content: center;
  width: 75%;
  margin: 0 auto;
}
#gakuwari-products .color-numbers > div {
  flex-basis: 50%;
}
#gakuwari-products .color-number {
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.1;
  color: black;
  text-align: center;
  text-shadow: 0px 0px 1 #fff;
}
#gakuwari-products .color-name {
  color: black;
  text-align: center;
  line-height: 1.1;
}

#gakuwari-t-shirts-wrapper h2 {
  color: white;
  margin: 0;
  padding: 2em 0;
  letter-spacing: 0.1em;
}

#gakuwari-t-shirts-wrapper {
  margin: 0 auto;
}
@media (min-width: 801px) {
  #gakuwari-t-shirts-wrapper {
    padding: 0 0 4rem 0;
  }
}
@media (max-width: 800px) {
  #gakuwari-t-shirts-wrapper {
    padding: 0 0 1rem 0;
  }
}
#gakuwari-t-shirts-wrapper h2 {
  background: black;
}

h2#gakuwari-dtf-header {
  background: #d82e3f;
  color: white;
  margin: 0 auto;
  padding: 1em 0;
  letter-spacing: 0.2em;
}
h2#gakuwari-dtf-header::after {
  clear: both;
  content: "";
  display: block;
}
@media (min-width: 801px) {
  h2#gakuwari-dtf-header {
    margin-top: 2rem;
  }
}
@media (max-width: 800px) {
  h2#gakuwari-dtf-header {
    margin: 1rem 1rem 0 1rem;
  }
}

#gakuwari-dtf {
  background: white;
}
#gakuwari-dtf::after {
  clear: both;
  content: "";
  display: block;
}
@media (min-width: 801px) {
  #gakuwari-dtf {
    padding: 2rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 800px) {
  #gakuwari-dtf {
    padding: 2rem;
    margin: 0 1rem 1rem 1rem;
  }
}
#gakuwari-dtf .sample-image {
  float: right;
  margin-left: 2rem;
}
#gakuwari-dtf .sample-image img {
  width: 12rem;
}
#gakuwari-dtf .recommended {
  font-weight: 700;
  line-height: 2em;
  position: relative;
  color: #d82e3f;
}
@media (min-width: 801px) {
  #gakuwari-dtf .recommended {
    padding: 1em 1em 2em 0;
  }
}
@media (max-width: 800px) {
  #gakuwari-dtf .recommended {
    padding: 0.5em 1em 2em 0;
  }
}
#gakuwari-dtf .point {
  color: #418758;
  font-weight: 500;
  margin-bottom: 1em;
  padding: 1em;
  border: 2px solid rgba(65, 135, 88, 0.3);
  display: inline-block;
  border-radius: 0px 14px 14px 14px;
}
#gakuwari-dtf .point em {
  font-size: 1.8rem;
  line-height: 1;
}
#gakuwari-dtf .point small {
  color: #333;
}
#gakuwari-dtf .point .default-ol li, #gakuwari-dtf .point #notice .giving ol li, #notice .giving #gakuwari-dtf .point ol li {
  margin-bottom: 1em;
}
#gakuwari-dtf .link-to-details-of-printing {
  clear: both;
  padding-top: 2rem;
}
#gakuwari-dtf .link-to-details-of-printing a {
  font-size: 1.4rem;
}

#gakuwari-prices {
  background: white;
  padding: 2rem;
}
#gakuwari-prices::after {
  clear: both;
  content: "";
  display: block;
}
@media (min-width: 801px) {
  #gakuwari-prices {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
@media (max-width: 800px) {
  #gakuwari-prices {
    margin: 1rem;
  }
}
#gakuwari-prices th {
  white-space: nowrap;
  background-color: white;
  color: black;
  font-weight: 700;
  vertical-align: middle;
}
#gakuwari-prices td {
  vertical-align: top;
}
#gakuwari-prices table.desktop .price {
  text-align: center;
  vertical-align: middle;
}
#gakuwari-prices table.desktop td {
  width: 20%;
}
#gakuwari-prices table.mobile td {
  vertical-align: top;
  width: 50%;
}
#gakuwari-prices table.mobile .price {
  margin-bottom: 1rem;
  margin-top: -0.5rem;
}

#gakuwari #about-printing,
#gakuwari #questions-and-answers,
#gakuwari #about-printed-wear,
#gakuwari-steps,
#gakuwari #remainder,
#gakuwari-order {
  border: 4px solid #418758;
  background: white;
}
#gakuwari #about-printing h2,
#gakuwari #questions-and-answers h2,
#gakuwari #about-printed-wear h2,
#gakuwari-steps h2,
#gakuwari #remainder h2,
#gakuwari-order h2 {
  margin: 0 0 2rem 0;
  color: #418758;
  vertical-align: middle;
  border-bottom: 2px solid #418758;
}
@media (min-width: 801px) {
  #gakuwari #about-printing,
  #gakuwari #questions-and-answers,
  #gakuwari #about-printed-wear,
  #gakuwari-steps,
  #gakuwari #remainder,
  #gakuwari-order {
    margin-bottom: 4rem;
  }
  #gakuwari #about-printing h2,
  #gakuwari #questions-and-answers h2,
  #gakuwari #about-printed-wear h2,
  #gakuwari-steps h2,
  #gakuwari #remainder h2,
  #gakuwari-order h2 {
    padding: 4rem 2rem;
    font-size: 2.4rem;
  }
}
@media (max-width: 800px) {
  #gakuwari #about-printing,
  #gakuwari #questions-and-answers,
  #gakuwari #about-printed-wear,
  #gakuwari-steps,
  #gakuwari #remainder,
  #gakuwari-order {
    margin: 2rem 1rem;
  }
  #gakuwari #about-printing h2,
  #gakuwari #questions-and-answers h2,
  #gakuwari #about-printed-wear h2,
  #gakuwari-steps h2,
  #gakuwari #remainder h2,
  #gakuwari-order h2 {
    padding: 2rem 1rem;
    font-size: 1.5rem;
  }
}
#gakuwari #about-printing h3,
#gakuwari #questions-and-answers h3,
#gakuwari #about-printed-wear h3,
#gakuwari-steps h3,
#gakuwari #remainder h3,
#gakuwari-order h3 {
  color: #418758;
  font-size: 22px;
}
#gakuwari #about-printing .donts-summary,
#gakuwari #questions-and-answers .donts-summary,
#gakuwari #about-printed-wear .donts-summary,
#gakuwari-steps .donts-summary,
#gakuwari #remainder .donts-summary,
#gakuwari-order .donts-summary {
  display: grid;
  gap: 1rem;
  align-items: center;
  max-width: 600px;
  margin: 0 auto 2rem;
}
@media (min-width: 801px) {
  #gakuwari #about-printing .donts-summary,
  #gakuwari #questions-and-answers .donts-summary,
  #gakuwari #about-printed-wear .donts-summary,
  #gakuwari-steps .donts-summary,
  #gakuwari #remainder .donts-summary,
  #gakuwari-order .donts-summary {
    grid-template-columns: 150px 1fr;
  }
}
@media (max-width: 800px) {
  #gakuwari #about-printing .donts-summary,
  #gakuwari #questions-and-answers .donts-summary,
  #gakuwari #about-printed-wear .donts-summary,
  #gakuwari-steps .donts-summary,
  #gakuwari #remainder .donts-summary,
  #gakuwari-order .donts-summary {
    grid-template-columns: 100px 1fr;
  }
}
#gakuwari #about-printing .donts-items,
#gakuwari #questions-and-answers .donts-items,
#gakuwari #about-printed-wear .donts-items,
#gakuwari-steps .donts-items,
#gakuwari #remainder .donts-items,
#gakuwari-order .donts-items {
  display: grid;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (min-width: 801px) {
  #gakuwari #about-printing .donts-items,
  #gakuwari #questions-and-answers .donts-items,
  #gakuwari #about-printed-wear .donts-items,
  #gakuwari-steps .donts-items,
  #gakuwari #remainder .donts-items,
  #gakuwari-order .donts-items {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 800px) {
  #gakuwari #about-printing .donts-items,
  #gakuwari #questions-and-answers .donts-items,
  #gakuwari #about-printed-wear .donts-items,
  #gakuwari-steps .donts-items,
  #gakuwari #remainder .donts-items,
  #gakuwari-order .donts-items {
    grid-template-columns: 1fr;
  }
}
#gakuwari #about-printing .donts-items li,
#gakuwari #questions-and-answers .donts-items li,
#gakuwari #about-printed-wear .donts-items li,
#gakuwari-steps .donts-items li,
#gakuwari #remainder .donts-items li,
#gakuwari-order .donts-items li {
  border: 2px solid rgba(216, 46, 63, 0.35);
  border-radius: 6px;
  display: flex;
  line-height: 48px;
  padding-left: 2rem;
  position: relative;
}
#gakuwari #about-printing .donts-items li::before,
#gakuwari #questions-and-answers .donts-items li::before,
#gakuwari #about-printed-wear .donts-items li::before,
#gakuwari-steps .donts-items li::before,
#gakuwari #remainder .donts-items li::before,
#gakuwari-order .donts-items li::before {
  content: "×";
  color: #d82e3f;
  font-size: 28px;
  font-weight: 500;
  position: relative;
  left: -1rem;
}

#inquiry-for-gakuwari {
  padding: 6rem 2rem 4rem;
  text-align: center;
}
@media (min-width: 801px) {
  #inquiry-for-gakuwari a {
    font-size: 2rem;
  }
}
@media (max-width: 800px) {
  #inquiry-for-gakuwari a {
    font-size: 1.6rem;
  }
}

#inquiry-for-gakuwari,
.download-template {
  text-align: center;
}
#inquiry-for-gakuwari a,
.download-template a {
  margin: 2rem auto;
  padding: 0 4rem;
  color: white;
  height: 6rem;
  line-height: 6rem;
  font-weight: 500;
  border-radius: 3rem;
  display: inline-block;
  background: #d82e3f;
}
#inquiry-for-gakuwari a:hover, #inquiry-for-gakuwari a:active,
.download-template a:hover,
.download-template a:active {
  background: rgba(216, 46, 63, 0.9);
}

#class-t {
  line-height: 2;
  font-weight: 300;
}
#class-t::after {
  clear: both;
  content: "";
  display: block;
}
#class-t .sample-price {
  background: white;
  color: #1389cb;
  font-weight: 500;
}
#class-t .price {
  font-weight: 700;
  margin: 0 0.2rem;
}
#class-t .link-to-item-list {
  margin: 4rem 0 0;
}
@media (min-width: 801px) {
  #class-t {
    margin: 2rem auto 8rem;
    text-align: center;
    font-size: 1.6rem;
  }
  #class-t .sample-price {
    font-size: 1.8rem;
    margin: 2rem 4rem;
    padding: 4rem;
  }
  #class-t .tax {
    font-size: 1.2rem;
  }
}
@media (max-width: 800px) {
  #class-t {
    margin: 2rem auto;
    padding: 2rem;
    font-size: 1.3rem;
  }
  #class-t .sample-price {
    font-size: 1.2rem;
    margin: 2rem;
    padding: 2rem;
    text-align: center;
  }
  #class-t .tax {
    font-size: 0.8rem;
  }
  #class-t .link-to-item-list {
    text-align: center;
  }
}

#class-t-header img {
  width: 100%;
}

#page-home .link-to-gakuwari-page {
  text-align: center;
}
#page-home .link-to-gakuwari-page a {
  margin: 0 auto;
  color: white;
  height: 4rem;
  line-height: 4rem;
  font-weight: 700;
  border-radius: 2rem;
  display: inline-block;
  background: #467d9e;
}
#page-home .link-to-gakuwari-page a:hover, #page-home .link-to-gakuwari-page a:active {
  background: #4e8bb0;
}
#page-home .link-to-gakuwari-page a {
  padding: 0 4rem;
}
@media (min-width: 801px) {
  #page-home .link-to-gakuwari-page a {
    font-size: 1.8rem;
  }
}
@media (max-width: 800px) {
  #page-home .link-to-gakuwari-page a {
    font-size: 1.4rem;
    margin-top: 1rem;
  }
}

/* guide
----------------------------------------------*/
#guide {
  font-size: 1.6rem;
}
#guide .section-header, #guide #features #features-header, #features #guide #features-header, #guide #compare-customizing h1, #compare-customizing #guide h1 {
  margin-top: 10rem;
}
#guide .note {
  margin-top: 1rem;
}
#guide #steps > ul {
  display: flex;
  flex-wrap: wrap;
}
#guide #steps > ul > li {
  flex-basis: calc((100% - 4rem) / 3);
  align-items: stretch;
  margin-bottom: 4rem;
  text-align: left;
}
#guide #steps > ul > li:not(:nth-child(3n)) {
  margin-right: 2rem;
}
#guide #steps h2 {
  text-align: center;
  font-size: 1.7rem;
  font-weight: 500;
  color: #6A9599;
  padding: 2em 0;
  line-height: 2em;
}
#guide #steps h2 img {
  height: 8.4rem;
  width: 8.4rem;
}
#guide #steps .step-description {
  height: 7.2rem;
  margin-bottom: 1rem;
}

#about-prices h2, #about-prices h3 {
  text-align: center;
  font-size: 1.8rem;
  padding: 3rem 0;
  margin-top: 3rem;
}
#about-prices .image {
  padding: 2rem 10rem;
}
#about-prices .unit-price h2 {
  color: #6A9599;
}
#about-prices .unit-price .image {
  background: #e1eaeb;
}
#about-prices .total-cost .image {
  background: white;
}

#price-down-information {
  margin-bottom: 10rem;
}
#price-down-information .examples {
  display: flex;
  margin: 2rem 0;
}
#price-down-information .examples li {
  text-align: center;
  flex-basis: 25%;
  padding: 2rem 0 0;
  font-size: 1.3rem;
  background: white;
}
#price-down-information .examples li:not(:last-child) {
  margin-right: 2rem;
}
#price-down-information .examples .description {
  background: #4b7290;
  color: white;
  padding: 2rem;
}
#price-down-information .examples em {
  font-weight: 500;
  font-size: 1.6rem;
}

/* inquiries
----------------------------------------------*/
#inquiries {
  font-size: 1.6rem;
  margin-bottom: 8rem;
}
#inquiries::after {
  clear: both;
  content: "";
  display: block;
}
#inquiries #for-faq-and-call {
  width: calc(66.6666666667% - 33.3333333333px);
  float: left;
  margin-left: 20px;
  left: calc(16.6666666667% - 23.3333333333px + 20px);
  position: relative;
}
#inquiries #for-faq-and-call #for-faq, #inquiries #for-faq-and-call #for-call {
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
  text-align: center;
  font-size: 1.4rem;
}
#inquiries .link-to-faq, #inquiries .tel-wrapper {
  margin-top: 2rem;
}
#inquiries .message, #inquiries form {
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
  left: calc(25% - 25px + 20px);
  position: relative;
}
#inquiries #confirmation {
  width: 100%;
}
#inquiries #confirmation th {
  text-align: right;
  width: 12em;
}

/* legal
----------------------------------------------*/
#legal {
  font-size: 1.6rem;
  margin-bottom: 8rem;
}
#legal h2 {
  font-size: 1.6rem;
  font-weight: 500;
  margin: 1em 0;
}
#legal table {
  width: 100%;
}
#legal th {
  background: white;
  color: black;
  text-align: left;
}
#legal td {
  padding: 2rem;
}

#for-print,
#for-design {
  color: white;
  text-align: center;
}
#for-print h1,
#for-design h1 {
  font-weight: 700;
  letter-spacing: 0.2rem;
}
#for-print h1:before, #for-print h1:after,
#for-design h1:before,
#for-design h1:after {
  background: white;
}
#for-print p,
#for-design p {
  padding: 1em 0;
}
#for-print img,
#for-design img {
  width: 24rem;
}
#for-print #link-to-print a,
#for-print #link-to-design a,
#for-design #link-to-print a,
#for-design #link-to-design a {
  position: relative;
  line-height: 6rem;
}
#for-print #link-to-print a::after,
#for-print #link-to-design a::after,
#for-design #link-to-print a::after,
#for-design #link-to-design a::after {
  content: "";
  width: calc(1em / 1.41);
  height: calc(1em / 1.41);
  display: block;
  position: relative;
  border-top: 1px solid white;
  border-right: 1px solid white;
  transform: rotate(45deg);
  top: calc(0.2907801418em / 2 - 0.5px + 2.2rem);
  right: calc(0.2907801418em / 2 - 0.5px + 1em);
  position: absolute;
}
@media (max-width: 800px) {
  #for-print,
  #for-design {
    margin: 2rem 0;
    padding: 2rem;
  }
  #for-print h1,
  #for-design h1 {
    font-size: 1.6rem;
  }
  #for-print p,
  #for-design p {
    font-size: 1.2rem;
  }
  #for-print #link-to-print a,
  #for-design #link-to-print a {
    text-decoration: none;
    line-height: 6rem;
    height: 6rem;
    padding: 0em 2em;
    width: auto;
    font-size: 1.2rem;
    font-weight: 500;
    display: inline-block;
  }
  #for-print #link-to-print a, #for-print #link-to-print a:link, #for-print #link-to-print a:visited, #for-print #link-to-print a:hover, #for-print #link-to-print a:active,
  #for-design #link-to-print a,
  #for-design #link-to-print a:link,
  #for-design #link-to-print a:visited,
  #for-design #link-to-print a:hover,
  #for-design #link-to-print a:active {
    color: white;
  }
  #for-print #link-to-print a, #for-print #link-to-print a:link, #for-print #link-to-print a:visited,
  #for-design #link-to-print a,
  #for-design #link-to-print a:link,
  #for-design #link-to-print a:visited {
    background: #5071ad;
  }
  #for-print #link-to-print a:hover, #for-print #link-to-print a:active,
  #for-design #link-to-print a:hover,
  #for-design #link-to-print a:active {
    background: #849bc6;
  }
  #for-print #link-to-design a,
  #for-design #link-to-design a {
    text-decoration: none;
    line-height: 6rem;
    height: 6rem;
    padding: 0em 2em;
    width: auto;
    font-size: 1.2rem;
    font-weight: 500;
    display: inline-block;
  }
  #for-print #link-to-design a, #for-print #link-to-design a:link, #for-print #link-to-design a:visited, #for-print #link-to-design a:hover, #for-print #link-to-design a:active,
  #for-design #link-to-design a,
  #for-design #link-to-design a:link,
  #for-design #link-to-design a:visited,
  #for-design #link-to-design a:hover,
  #for-design #link-to-design a:active {
    color: white;
  }
  #for-print #link-to-design a, #for-print #link-to-design a:link, #for-print #link-to-design a:visited,
  #for-design #link-to-design a,
  #for-design #link-to-design a:link,
  #for-design #link-to-design a:visited {
    background: #467f40;
  }
  #for-print #link-to-design a:hover, #for-print #link-to-design a:active,
  #for-design #link-to-design a:hover,
  #for-design #link-to-design a:active {
    background: #65ae5e;
  }
  #for-print #link-to-print a,
  #for-print #link-to-design a,
  #for-design #link-to-print a,
  #for-design #link-to-design a {
    width: 30rem;
  }
}
@media (min-width: 801px) {
  #for-print,
  #for-design {
    margin: 4rem 0 6rem;
    padding: 4rem;
    width: calc(50% - 1rem);
    display: inline-block;
  }
  #for-print h1,
  #for-design h1 {
    font-size: 1.8rem;
  }
  #for-print p,
  #for-design p {
    font-size: 1.4rem;
  }
  #for-print #link-to-print a,
  #for-design #link-to-print a {
    text-decoration: none;
    line-height: 6rem;
    height: 6rem;
    padding: 0em 2em;
    width: auto;
    font-size: 1.4rem;
    font-weight: 500;
    display: inline-block;
  }
  #for-print #link-to-print a, #for-print #link-to-print a:link, #for-print #link-to-print a:visited, #for-print #link-to-print a:hover, #for-print #link-to-print a:active,
  #for-design #link-to-print a,
  #for-design #link-to-print a:link,
  #for-design #link-to-print a:visited,
  #for-design #link-to-print a:hover,
  #for-design #link-to-print a:active {
    color: white;
  }
  #for-print #link-to-print a, #for-print #link-to-print a:link, #for-print #link-to-print a:visited,
  #for-design #link-to-print a,
  #for-design #link-to-print a:link,
  #for-design #link-to-print a:visited {
    background: #5071ad;
  }
  #for-print #link-to-print a:hover, #for-print #link-to-print a:active,
  #for-design #link-to-print a:hover,
  #for-design #link-to-print a:active {
    background: #849bc6;
  }
  #for-print #link-to-design a,
  #for-design #link-to-design a {
    text-decoration: none;
    line-height: 6rem;
    height: 6rem;
    padding: 0em 2em;
    width: auto;
    font-size: 1.4rem;
    font-weight: 500;
    display: inline-block;
  }
  #for-print #link-to-design a, #for-print #link-to-design a:link, #for-print #link-to-design a:visited, #for-print #link-to-design a:hover, #for-print #link-to-design a:active,
  #for-design #link-to-design a,
  #for-design #link-to-design a:link,
  #for-design #link-to-design a:visited,
  #for-design #link-to-design a:hover,
  #for-design #link-to-design a:active {
    color: white;
  }
  #for-print #link-to-design a, #for-print #link-to-design a:link, #for-print #link-to-design a:visited,
  #for-design #link-to-design a,
  #for-design #link-to-design a:link,
  #for-design #link-to-design a:visited {
    background: #467f40;
  }
  #for-print #link-to-design a:hover, #for-print #link-to-design a:active,
  #for-design #link-to-design a:hover,
  #for-design #link-to-design a:active {
    background: #65ae5e;
  }
  #for-print #link-to-print a,
  #for-print #link-to-design a,
  #for-design #link-to-print a,
  #for-design #link-to-design a {
    width: 34rem;
  }
}

#for-print {
  border: 2px solid #5071ad;
  color: #5071ad;
}
@media (min-width: 801px) {
  #for-print {
    margin-right: 1rem;
  }
}

#for-design {
  border: 2px solid #467f40;
  color: #467f40;
}
@media (min-width: 801px) {
  #for-design {
    margin-left: 1rem;
  }
}

/* marathon
----------------------------------------------*/
#marathon-header {
  text-align: center;
  background-image: url("/assets/marathon/header-background-12fb9c66.jpg");
  background-color: #e6f482;
  background-size: cover;
  background-position: center top;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #marathon-header {
    background-image: url("/assets/marathon/header-background@0,5x-2ccc4c4c.jpg");
  }
}
@media (min-width: 801px) {
  #marathon-header {
    height: 55rem;
    padding: 25rem 0 0;
    margin: 4rem 0 0;
  }
}
@media (max-width: 800px) {
  #marathon-header {
    height: 37rem;
    padding: 13rem 0 0;
  }
}
#marathon-header span {
  font-weight: 700;
  background: white;
  color: #171674;
  margin: 0 auto;
  letter-spacing: 0.1em;
}
@media (min-width: 801px) {
  #marathon-header span {
    font-size: 1.6rem;
    padding: 1rem 4rem;
  }
}
@media (max-width: 800px) {
  #marathon-header span {
    font-size: 1.2rem;
    padding: 0.5rem 2rem;
  }
}
@media (min-width: 801px) {
  #marathon-header img {
    width: 60rem;
  }
}
@media (max-width: 800px) {
  #marathon-header img {
    margin: 0 1rem;
    width: calc(100% - 2rem);
  }
}

#marathon {
  background: #e6f482;
  font-size: 1.6rem;
}
#marathon::after {
  clear: both;
  content: "";
  display: block;
}
@media (min-width: 801px) {
  #marathon #sample-price,
  #marathon #mizuno {
    display: inline-block;
    width: calc(50% - 4rem);
  }
}
@media (max-width: 800px) {
  #marathon #sample-price,
  #marathon #mizuno {
    display: block;
    width: 100%;
  }
}
@media (min-width: 801px) {
  #marathon #mizuno {
    margin: 2rem 2rem -6rem;
  }
}
@media (max-width: 800px) {
  #marathon #mizuno {
    margin: 2rem 0 -6rem;
  }
}
#marathon #sample-price {
  margin: 2rem 4rem -6rem 0;
  text-align: right;
  vertical-align: top;
}
#marathon #sample-price img {
  height: 14.2rem;
}
#marathon .products {
  text-align: center;
  position: relative;
  margin: 0 auto;
}
@media (min-width: 801px) {
  #marathon .products {
    width: 100rem;
    padding: 0 0 4rem 0;
  }
  #marathon .products li {
    display: inline-block;
    width: 33.3333333333%;
  }
  #marathon .products #p-5088-01 {
    right: -7rem;
  }
  #marathon .products #p-00325 {
    left: -7rem;
  }
}
@media (max-width: 800px) {
  #marathon .products {
    width: 100%;
  }
  #marathon .products li {
    display: block;
    width: 100%;
    padding: 2rem;
  }
  #marathon .products li:not(:last-child) {
    border-bottom: 2px solid white;
  }
}
#marathon .products li {
  position: relative;
  text-align: center;
}
#marathon .products li a {
  background: #ff5382;
  height: 3rem;
  line-height: 3rem;
  border-radius: 1.5rem;
  color: white;
  display: inline-block;
  position: relative;
  padding: 0 2rem;
  font-size: 1.4rem;
}
#marathon .products li a:hover, #marathon .products li a:active {
  background: #ff648f;
}

#about-marathon-campaign {
  background: #171674;
  color: white;
  text-align: center;
  padding-bottom: 4rem;
}
#about-marathon-campaign::after {
  clear: both;
  content: "";
  display: block;
}
#about-marathon-campaign h2 {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 4rem 0;
}
#about-marathon-campaign ul {
  text-align: center;
  max-width: 80rem;
  margin: 0 auto;
}
#about-marathon-campaign li {
  display: inline-block;
  padding: 2rem;
}
@media (min-width: 801px) {
  #about-marathon-campaign li {
    width: 33.3333333333%;
  }
}
@media (max-width: 800px) {
  #about-marathon-campaign li {
    width: 100%;
  }
}
#about-marathon-campaign dl {
  border-bottom: 1px solid white;
  margin-bottom: 0.2rem;
}
#about-marathon-campaign dt, #about-marathon-campaign dd {
  display: inline-block;
  margin: 0;
  padding-bottom: 0.2rem;
}
#about-marathon-campaign dt {
  width: 12em;
}
#about-marathon-campaign dd {
  width: calc(100% - 12em);
  text-align: right;
}
#about-marathon-campaign .unit-price {
  text-align: left;
  font-size: 1.4rem;
}
#about-marathon-campaign .sum {
  text-align: right;
  font-size: 1.6rem;
}

#marathon-campaign-note {
  margin: 4rem auto;
}
#marathon-campaign-note::after {
  clear: both;
  content: "";
  display: block;
}
@media (max-width: 800px) {
  #marathon-campaign-note {
    padding: 0 2rem;
  }
}

/* order-via-fax
----------------------------------------------*/
#order-via-fax {
  background: #E5D865;
  color: #314A5E;
  padding: 2rem;
}
#order-via-fax .header {
  text-align: center;
  font-weight: 500;
  font-size: 1.6rem;
}
#order-via-fax .fax-number {
  font-weight: 500;
  font-size: 2.8rem;
  text-align: center;
  margin: 2rem 0;
}
#order-via-fax .fax-number img {
  height: 8rem;
  width: auto;
}
#order-via-fax .fax-number span {
  line-height: 8rem;
  vertical-align: top;
}
#order-via-fax .description {
  font-weight: 300;
  font-size: 1.6rem;
}

.download-order-sheets {
  text-align: center;
  padding: 2rem 0;
}
.download-order-sheets a,
.download-order-sheets button,
.download-order-sheets input[type=submit] {
  text-decoration: none;
  text-align: center;
  border: 2px solid #314A5E;
  background: white;
  line-height: 1;
  padding: 1.5em;
  width: auto;
  font-size: 1.6rem;
  font-weight: 500;
  display: inline-block;
  box-shadow: 4px 4px 0 0 #314A5E;
  box-sizing: content-box;
  width: calc(100% - 4rem);
  max-width: 34.5rem;
}
.download-order-sheets a, .download-order-sheets a:link, .download-order-sheets a:visited,
.download-order-sheets button,
.download-order-sheets button:link,
.download-order-sheets button:visited,
.download-order-sheets input[type=submit],
.download-order-sheets input[type=submit]:link,
.download-order-sheets input[type=submit]:visited {
  color: #314A5E;
}
.download-order-sheets a:hover, .download-order-sheets a:active,
.download-order-sheets button:hover,
.download-order-sheets button:active,
.download-order-sheets input[type=submit]:hover,
.download-order-sheets input[type=submit]:active {
  color: #5a6e7e;
  box-shadow: 4px 4px 0 0 #5a6e7e;
  border: 2px solid #5a6e7e;
}
@media (max-width: 800px) {
  .download-order-sheets a,
  .download-order-sheets button,
  .download-order-sheets input[type=submit] {
    line-height: 6rem;
    height: 6rem;
    padding: 0;
  }
  .download-order-sheets a:disabled,
  .download-order-sheets button:disabled,
  .download-order-sheets input[type=submit]:disabled {
    border: 0.2rem solid #999;
    box-shadow: 0rem 0rem 0 0 transparent;
    color: #999;
  }
}

/* pagination
----------------------------------------------*/
.pagination ol {
  margin: 4rem 0;
  text-align: center;
}
.pagination li {
  height: 2em;
  width: 2em;
  line-height: calc(2em - 2px);
  font-size: 1.6rem;
  display: inline-block;
  text-align: center;
  margin: 1rem 0.5rem;
  border: 1px solid black;
  background: white;
  color: black;
}
.pagination a:link, .pagination a:hover, .pagination a:active, .pagination a:visited {
  display: block;
  background: black;
  color: white;
}
.pagination a:hover, .pagination a:active {
  background: #333333;
}
.pagination .prev, .pagination .next {
  width: 5em;
}
.pagination .prev a, .pagination .next a {
  position: relative;
}
.pagination .prev a {
  padding-left: 1em;
}
.pagination .prev a::before {
  content: "";
  width: calc(1em / 1.41);
  height: calc(1em / 1.41);
  display: block;
  position: relative;
  border-top: 1px solid white;
  border-right: 1px solid white;
  transform: rotate(225deg);
  top: calc(0.2907801418em / 2 - 0.5px + (2em - 2px - 1em) / 2);
  left: calc(0.2907801418em / 2 - 0.5px + 0.8em);
  position: absolute;
  margin: 0 0.5em 0 0;
}
.pagination .next a {
  padding-right: 1em;
}
.pagination .next a::after {
  content: "";
  width: calc(1em / 1.41);
  height: calc(1em / 1.41);
  display: block;
  position: relative;
  border-top: 1px solid white;
  border-right: 1px solid white;
  transform: rotate(45deg);
  position: absolute;
  margin: 0 0 0 0.5em;
  top: calc(0.2907801418em / 2 - 0.5px + (2em - 2px - 1em) / 2);
  right: calc(0.2907801418em / 2 - 0.5px + 0.8em);
}
.pagination .current {
  background: white;
}
.pagination .first::after,
.pagination .last::before {
  content: "…";
  height: 3.2rem;
  width: 3.2rem;
  line-height: 3.2rem;
  display: inline-block;
  position: absolute;
}
.pagination .first {
  margin-right: 3.2rem;
  position: relative;
}
.pagination .first::after {
  margin-left: 0.5rem;
  left: 2.7rem;
  top: 0;
}
.pagination .last {
  margin-left: 3.2rem;
  position: relative;
}
.pagination .last::before {
  margin-right: 0.5rem;
  left: -3.7rem;
}
.pagination .disabled {
  display: none;
}

/* print
----------------------------------------------*/
#print table {
  width: 100%;
  font-size: 1.6rem;
}
#print th {
  color: black;
  background: white;
  font-weight: 500;
  font-size: 1.4rem;
}
#print th, #print td {
  text-align: center;
  vertical-align: middle;
}

#scenes ul::after {
  clear: both;
  content: "";
  display: block;
}
#scenes li {
  width: calc(33.3333333333% - 26.6666666667px);
  float: left;
  margin-left: 20px;
  background: white;
  margin-bottom: 2rem;
  padding: 2rem 0;
  text-align: center;
  font-size: 1.4rem;
}
#scenes h2 {
  line-height: 1.5;
  height: 6.2rem;
  background: #2E4659;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 1rem;
}
#scenes *[class^=customizing-] {
  font-size: 1.5rem;
  font-weight: 500;
  position: relative;
  z-index: 2;
}
#scenes *[class^=customizing-]::before {
  height: 0.9em;
  width: 100%;
  content: "";
  top: 0.6em;
  left: 0.2em;
  position: absolute;
  z-index: -1;
  opacity: 0.9;
}
#scenes .customizing-silk-screen::before {
  background: #B1E0C4;
}
#scenes .customizing-cutting-sheet::before {
  background: #A9D5E5;
}
#scenes .customizing-transfer-printing::before {
  background: #E5D865;
}
#scenes .customizing-embroidery::before {
  background: #F29B96;
}
#scenes img {
  width: 100%;
}

#compare-customizing {
  text-align: center;
  margin-bottom: 8rem;
  margin-top: 8rem;
}
#compare-customizing::after {
  clear: both;
  content: "";
  display: block;
}
#compare-customizing table {
  width: calc(83.3333333333% - 36.6666666667px);
  float: left;
  margin-left: 20px;
  left: calc(8.3333333333% - 21.6666666667px + 20px);
  position: relative;
}
#compare-customizing td {
  font-size: 1.2rem;
}
#compare-customizing em {
  color: #E05C4B;
  font-weight: 500;
  font-size: 1.6rem;
}
#compare-customizing .note {
  width: calc(83.3333333333% - 36.6666666667px);
  float: left;
  margin-left: 20px;
  left: calc(8.3333333333% - 21.6666666667px + 20px);
  position: relative;
}

*[id^=feature-of] {
  margin-bottom: 8rem;
}
*[id^=feature-of] .feature::after, *[id^=feature-of] .prices-and-colors::after,
*[id^=feature-of] .text-and-shape-prices::after {
  clear: both;
  content: "";
  display: block;
}
*[id^=feature-of] h1 {
  background: black;
  color: white;
  height: 8rem;
  line-height: 8rem;
  padding: 0 2rem;
  font-size: 1.8rem;
  margin: 4rem 0;
}
*[id^=feature-of] h1 span {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  line-height: 1;
  margin-top: -0.7rem;
}
*[id^=feature-of] h1 .sub {
  font-size: 1.1rem;
  font-weight: 300;
  margin-bottom: 0.5rem;
}
*[id^=feature-of] h2 {
  font-size: 1.6rem;
  font-weight: 500;
  margin: 4rem 0;
}
*[id^=feature-of] .features-label li {
  display: inline-block;
  margin: 0 1rem 1rem 0;
  line-height: 1;
}
*[id^=feature-of] .features-label img {
  height: 50px;
  width: 116px;
  vertical-align: middle;
}
*[id^=feature-of] .features-label .note {
  line-height: 5rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem;
}
*[id^=feature-of] .description {
  font-size: 1.6rem;
  text-align: left;
}
*[id^=feature-of] *[class$=prices] {
  font-size: 1.6rem;
}
*[id^=feature-of] .addition li {
  display: inline-block;
  margin-right: 2rem;
}

#feature-of-silk-screen .description,
#feature-of-cutting-sheet .description,
#feature-of-embroidery .description {
  width: calc(66.6666666667% - 33.3333333333px);
  float: left;
  margin-left: 20px;
}
#feature-of-silk-screen .sample-image,
#feature-of-cutting-sheet .sample-image,
#feature-of-embroidery .sample-image {
  width: calc(33.3333333333% - 26.6666666667px);
  float: left;
  margin-left: 20px;
}

#feature-of-silk-screen .prices,
#feature-of-cutting-sheet .prices {
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
}
#feature-of-silk-screen .colors-list,
#feature-of-cutting-sheet .colors-list {
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
}

#feature-of-dtf-print::after {
  clear: both;
  content: "";
  display: block;
}
#feature-of-dtf-print .description {
  width: calc(66.6666666667% - 33.3333333333px);
  float: left;
  margin-left: 20px;
}
#feature-of-dtf-print .sample-image {
  width: calc(33.3333333333% - 26.6666666667px);
  float: left;
  margin-left: 20px;
  margin-bottom: 2rem;
}
#feature-of-dtf-print h2 {
  margin: 4rem 2rem;
}
#feature-of-dtf-print .feature {
  font-size: 1.6rem;
  margin: 0 2rem;
}
#feature-of-dtf-print .addition {
  font-size: 1.6rem;
}
#feature-of-dtf-print .addition li {
  width: 12rem;
  text-align: center;
  font-size: 1.4rem;
}

#feature-of-cutting-sheet .addition {
  margin-top: 2rem;
}
#feature-of-cutting-sheet .addition > ul > li {
  width: calc((100% - 2rem) / 2);
  vertical-align: top;
  margin: 0;
}
#feature-of-cutting-sheet .addition > ul > li:not(:last-child) {
  margin-right: 2rem;
}
#feature-of-cutting-sheet .addition h3 {
  font-size: 1.6rem;
  font-weight: 300;
}
#feature-of-cutting-sheet .addition img {
  width: 100%;
}

#feature-of-embroidery .feature::after {
  clear: both;
  content: "";
  display: block;
}
#feature-of-embroidery .description {
  width: calc(66.6666666667% - 33.3333333333px);
  float: left;
  margin-left: 20px;
}
#feature-of-embroidery .sample-image {
  width: calc(33.3333333333% - 26.6666666667px);
  float: left;
  margin-left: 20px;
}
#feature-of-embroidery .colors-and-prices::after {
  clear: both;
  content: "";
  display: block;
}
#feature-of-embroidery .prices {
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
}
#feature-of-embroidery .prices .note {
  margin-bottom: 2rem;
}
#feature-of-embroidery .colors-list {
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
}
#feature-of-embroidery .text-and-shape h2 {
  padding: 0 2rem 0;
}
#feature-of-embroidery .text-and-shape h2 .tax {
  display: inline;
  font-size: 1.4rem;
  font-weight: 300;
}

#about-washing {
  margin-bottom: 8rem;
  margin-top: 8rem;
  font-size: 1.6rem;
}
#about-washing li {
  margin-bottom: 1rem;
}
#about-washing h3 {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  font-weight: 700;
}
#about-washing .for-silk-screen-and-cutting-sheet {
  background: white;
  padding: 2rem;
  margin: 4rem 0 0;
}

/* products
----------------------------------------------*/
#products {
  font-size: 1.6rem;
  font-weight: 300;
}
#products::after {
  clear: both;
  content: "";
  display: block;
}
#products #left-container, #products #right-container {
  width: calc(50% - 30px);
  float: left;
  margin-left: 20px;
}
#products #bottom-container {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
}
#products h2 {
  font-size: 1.8rem;
  font-weight: 500;
  margin: 4rem 0 2rem;
}
#products h3 {
  font-size: 1.6rem;
  font-weight: 300;
  margin: 2rem 0 2rem;
}
#products table {
  width: 100%;
}
#products #select-color .color-thumbnail {
  height: 4rem;
  width: 4rem;
  border: 1px solid #DDD;
  display: inline-block;
  margin-right: 1rem;
}
#products #about-shipping {
  margin-top: -8rem;
}

#product-photos .slider-nav .slick-slide {
  width: 8.3333333333% !important;
  display: inline-block;
  padding: 0.1rem;
}
#product-photos .slider-nav .slick-track {
  width: 100% !important;
}
#product-photos .slider-nav .slick-list {
  padding: 0 !important;
}
#product-photos .slider-nav .thumbnail {
  display: block !important;
}
#product-photos .caption {
  padding: 1em 0;
  height: calc(4.2rem + 2em);
  overflow: hidden;
}
#product-photos .caption p {
  margin: 0;
  font-size: 1.4rem;
}
#product-photos a:link, #product-photos a:hover, #product-photos a:active, #product-photos a:visited {
  color: black;
}

#go-to-order {
  text-align: center;
  margin: 4rem 0;
}
#go-to-order a,
#go-to-order button,
#go-to-order input[type=submit] {
  text-decoration: none;
  text-align: center;
  border: 2px solid #DB7A75;
  background: white;
  line-height: 1;
  padding: 1.5em 3em;
  width: auto;
  font-size: 1.8rem;
  font-weight: 500;
  display: inline-block;
  box-shadow: 4px 4px 0 0 #DB7A75;
  box-sizing: content-box;
  width: calc(100% - 4rem);
  max-width: 34.5rem;
}
#go-to-order a, #go-to-order a:link, #go-to-order a:visited,
#go-to-order button,
#go-to-order button:link,
#go-to-order button:visited,
#go-to-order input[type=submit],
#go-to-order input[type=submit]:link,
#go-to-order input[type=submit]:visited {
  color: #DB7A75;
}
#go-to-order a:hover, #go-to-order a:active,
#go-to-order button:hover,
#go-to-order button:active,
#go-to-order input[type=submit]:hover,
#go-to-order input[type=submit]:active {
  color: #e29591;
  box-shadow: 4px 4px 0 0 #e29591;
  border: 2px solid #e29591;
}
@media (max-width: 800px) {
  #go-to-order a,
  #go-to-order button,
  #go-to-order input[type=submit] {
    line-height: 6rem;
    height: 6rem;
    padding: 0;
  }
  #go-to-order a:disabled,
  #go-to-order button:disabled,
  #go-to-order input[type=submit]:disabled {
    border: 0.2rem solid #999;
    box-shadow: 0rem 0rem 0 0 transparent;
    color: #999;
  }
}

#materials ul {
  list-style-type: none;
}
#materials em {
  color: #E05C4B;
  font-weight: 500;
}

#sizes td:first-child {
  white-space: nowrap;
}

#for-reorder {
  font-size: 1.5rem;
}
@media (max-width: 980px) {
  #for-reorder {
    margin-top: 4rem;
  }
}
#for-reorder .link-to-reorder {
  margin: 1rem 0 2rem;
}
#for-reorder .link-to-reorder a {
  text-decoration: none;
  border: 2px solid black;
  background: white;
  line-height: 1;
  padding: 2rem;
  width: auto;
  font-size: 1.6rem;
  font-weight: 500;
  display: inline-block;
}
#for-reorder .link-to-reorder a, #for-reorder .link-to-reorder a:link, #for-reorder .link-to-reorder a:visited, #for-reorder .link-to-reorder a:hover, #for-reorder .link-to-reorder a:active {
  color: black;
}
#for-reorder .link-to-reorder a:hover, #for-reorder .link-to-reorder a:active {
  background: rgba(0, 0, 0, 0.1);
}
#for-reorder .link-to-reorder a {
  width: calc(100% - 4rem);
  max-width: 28rem;
  margin: 0 auto;
  position: relative;
}
#for-reorder .link-to-reorder a::after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  position: absolute;
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-left: 0.5em solid black;
  top: calc(0.2907801418em / 2 - 0.5px + 2rem);
  right: calc(0.2907801418em / 2 - 0.5px + 2rem);
  content: "";
}
#for-reorder .link-to-reorder a:link, #for-reorder .link-to-reorder a:visited {
  background-color: transparent;
}
#for-reorder .link-to-reorder a:hover, #for-reorder .link-to-reorder a:active {
  background-color: white;
}

/* shop-only
----------------------------------------------*/
#shop-only {
  background: #575151;
  text-align: center;
  color: white;
}
@media (min-width: 801px) {
  #shop-only {
    padding: 8rem 0;
  }
}
@media (max-width: 800px) {
  #shop-only {
    padding: 4rem 0;
  }
}
#shop-only h1 {
  margin: 0 auto 4rem;
}
@media (min-width: 801px) {
  #shop-only h1 {
    font-size: 1.8rem;
  }
}
@media (max-width: 800px) {
  #shop-only h1 {
    font-size: 1.4rem;
  }
}
#shop-only ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin: 0 auto 4rem;
}
@media (min-width: 801px) {
  #shop-only ul {
    max-width: 60rem;
  }
}
@media (max-width: 800px) {
  #shop-only ul {
    max-width: 30rem;
  }
}
#shop-only li {
  font-size: 1.2rem;
}
@media (min-width: 801px) {
  #shop-only li {
    flex-basis: 20%;
  }
}
@media (max-width: 800px) {
  #shop-only li {
    flex-basis: 33.3333%;
  }
}

@media (min-width: 801px) {
  .download-other-products-list a,
  .download-other-products-list button,
  .download-other-products-list input[type=submit] {
    text-decoration: none;
    text-align: center;
    border: 2px solid #6A9599;
    background: white;
    line-height: 1;
    padding: 1em 4em;
    width: auto;
    font-size: 1.6rem;
    font-weight: 500;
    display: inline-block;
    box-shadow: 4px 4px 0 0 #6A9599;
    box-sizing: content-box;
    width: calc(100% - 4rem);
    max-width: 34.5rem;
  }
  .download-other-products-list a, .download-other-products-list a:link, .download-other-products-list a:visited,
  .download-other-products-list button,
  .download-other-products-list button:link,
  .download-other-products-list button:visited,
  .download-other-products-list input[type=submit],
  .download-other-products-list input[type=submit]:link,
  .download-other-products-list input[type=submit]:visited {
    color: #6A9599;
  }
  .download-other-products-list a:hover, .download-other-products-list a:active,
  .download-other-products-list button:hover,
  .download-other-products-list button:active,
  .download-other-products-list input[type=submit]:hover,
  .download-other-products-list input[type=submit]:active {
    color: #88aaad;
    box-shadow: 4px 4px 0 0 #88aaad;
    border: 2px solid #88aaad;
  }
}
@media (min-width: 801px) and (max-width: 800px) {
  .download-other-products-list a,
  .download-other-products-list button,
  .download-other-products-list input[type=submit] {
    line-height: 6rem;
    height: 6rem;
    padding: 0;
  }
  .download-other-products-list a:disabled,
  .download-other-products-list button:disabled,
  .download-other-products-list input[type=submit]:disabled {
    border: 0.2rem solid #999;
    box-shadow: 0rem 0rem 0 0 transparent;
    color: #999;
  }
}
@media (max-width: 800px) {
  .download-other-products-list a,
  .download-other-products-list button,
  .download-other-products-list input[type=submit] {
    text-decoration: none;
    text-align: center;
    border: 2px solid #6A9599;
    background: white;
    line-height: 1;
    padding: 1.5em 0;
    width: auto;
    font-size: 1.4rem;
    font-weight: 500;
    display: inline-block;
    box-shadow: 4px 4px 0 0 #6A9599;
    box-sizing: content-box;
    width: calc(100% - 4rem);
    max-width: 34.5rem;
  }
  .download-other-products-list a, .download-other-products-list a:link, .download-other-products-list a:visited,
  .download-other-products-list button,
  .download-other-products-list button:link,
  .download-other-products-list button:visited,
  .download-other-products-list input[type=submit],
  .download-other-products-list input[type=submit]:link,
  .download-other-products-list input[type=submit]:visited {
    color: #6A9599;
  }
  .download-other-products-list a:hover, .download-other-products-list a:active,
  .download-other-products-list button:hover,
  .download-other-products-list button:active,
  .download-other-products-list input[type=submit]:hover,
  .download-other-products-list input[type=submit]:active {
    color: #88aaad;
    box-shadow: 4px 4px 0 0 #88aaad;
    border: 2px solid #88aaad;
  }
}
@media (max-width: 800px) and (max-width: 800px) {
  .download-other-products-list a,
  .download-other-products-list button,
  .download-other-products-list input[type=submit] {
    line-height: 6rem;
    height: 6rem;
    padding: 0;
  }
  .download-other-products-list a:disabled,
  .download-other-products-list button:disabled,
  .download-other-products-list input[type=submit]:disabled {
    border: 0.2rem solid #999;
    box-shadow: 0rem 0rem 0 0 transparent;
    color: #999;
  }
}
@media (max-width: 800px) {
  .download-other-products-list a {
    margin: 0 auto;
  }
}

.link-to-access {
  margin-top: 1em;
  font-size: 1.6rem;
  line-height: 1em;
}
.link-to-access a:link, .link-to-access a:hover, .link-to-access a:active, .link-to-access a:visited {
  color: white;
}
.link-to-access a {
  position: relative;
  display: inline-block;
}
.link-to-access a::before {
  font-size: 50%;
  content: "";
  width: calc(1em / 1.41);
  height: calc(1em / 1.41);
  display: block;
  position: relative;
  border-top: 1px solid white;
  border-right: 1px solid white;
  transform: rotate(45deg);
  top: calc(0.2907801418em / 2 - 0.5px + 0.75em);
  left: calc(0.2907801418em / 2 - 0.5px + -2em);
  position: absolute;
}

/* site-header
----------------------------------------------*/
#site-header {
  height: 80px;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 100;
  font-size: 1.5rem;
  /*
  @include grid-media($smaller-tablet) {
    height: $fixed-header-height - 40px;
  }
  @include grid-media($smaller-mini-tablet) {
    height: 95px + 49px;
  }
  */
}
#site-header a:link, #site-header a:visited {
  color: #000;
}
#site-header a:hover, #site-header a:active {
  color: #262626;
}
#site-header #site-header-inner {
  display: table;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
#site-header .logo-mark-kobo,
#site-header .global-menu {
  display: table-cell;
  vertical-align: middle;
}
#site-header .global-menu ul {
  padding: 0;
}
#site-header .global-menu li {
  display: inline-block;
  padding: 0 3rem;
  text-align: center;
  font-size: 1.2rem;
}
#site-header .global-menu li img {
  height: 4rem;
}
#site-header .global-menu a {
  display: block;
}
#site-header .global-menu-inner {
  max-width: 1100px;
  margin: 0 auto;
  text-align: right;
}
#site-header .logo-mark-kobo {
  padding: 1rem 0;
  /*
  @include grid-media($smaller-mini-tablet) {
    padding: 10px 0;
    img {
      @include size(auto, 40px);
    }
  }
  @include grid-media($larger-mini-tablet) {
  padding: 20px 0;
    img {
      @include size(auto, 60px);
    }
  }
  @include grid-media($larger-tablet) {
  }
  */
}
#site-header .logo-mark-kobo img {
  height: 6rem;
  width: auto;
  max-width: none;
}
#site-header .menu {
  text-align: right;
  /*
  @include grid-media($smaller-mini-tablet) {
    .open-search-box,
    .go-to-histories,
    .go-to-favorites {
      margin-top: 1rem;
      display: inline-block;
      @include size(4rem, 4rem);
      text-align: center;
      * {
        vertical-align: middle;
      }
      img {
        @include size(2rem, 2rem);
        display: inline-block;
        margin-right: 0.5rem;
      }
    }
  }
  @include grid-media($larger-mini-tablet) {
    width: 350px;
    .go-to-histories {
      @include outline-button(red, 1.4rem, 2rem, 0.3rem 2rem, 100%, 1px);
      margin-right: 4%;
    }
    .go-to-favorites {
      @include outline-button(red, 1.4rem, 2rem, 0.3rem 2rem, 100%, 1px);
    }
    *[class^="go-to-"] {
      margin-top: 1rem;
      display: inline-block;
      width: 48%;
      a {
        text-align: center;
      }
      * {
        vertical-align: middle;
      }
      img {
        @include size(2rem, 2rem);
        display: inline-block;
        margin-right: 0.5rem;
      }
    }
    text-align: right;
    padding: 5px 0;
  }
  */
}
#site-header input[type=search] {
  min-width: 263px;
}

.open-search-box,
.open-search-box label {
  cursor: pointer;
}

/*
@include grid-media($smaller-mini-tablet) {
  .global-menu {
    display: none;
    text-align: left;
    position: absolute;
    top: 60px;
    right: 0;
    margin: 0;
    ul {
      background: white;
    }
    li {
      display: block;
      padding: 0;
      a, a:link, a:visited, a:hover, a:active {
        color: white;
        height: 60px;
        line-height: 60px;
      }
      a:hover, a:active {
        background: rgba($gray30, 0.5);
      }
    }
    li:not(:last-child) {
      border-bottom: 1px solid white;
    }
  }
  #menu-button {
    display: block;
    position: absolute;
    z-index: 100;
    right: 10px;
    top: 0;
    width: 60px;
    height: 60px;
    .inner {
      position: absolute;
      width: 40px;
      height: 40px;
      margin: 10px;
    }
    span[class^="line-"] {
      position: absolute;
      display: block;
      width: 100%;
      height: 2px;
      background: $gray30;
      transition: all .5s ease-in-out;
      transform-origin: center;
    }
    &.closed {
    }
    &.opened {
    }
  }
}
*/
.user-menu {
  text-align: right;
}
.user-menu li {
  display: inline-block;
  border-left: 1px solid #999;
  padding: 0 2rem;
  text-align: center;
  font-size: 1.3rem;
}
.user-menu li:last-child {
  padding: 0 0 0 2rem;
}
.user-menu a {
  display: inline-block;
  line-height: 2.5rem;
  height: 2.5rem;
  vertical-align: middle;
}
.user-menu .number {
  color: #606060;
  padding: 1rem 1rem 0 1.5rem;
  font-size: 2.2rem;
  font-weight: 500;
}
.user-menu .favorites i {
  color: #FAD00C;
  margin-right: 0.5rem;
}
.user-menu .document-request-inner {
  background: #F3F0E4;
  padding: 1rem;
}

#menu-button {
  display: none;
  position: absolute;
}

/*
@include grid-media($smaller-mini-tablet) {
  .global-menu {
    display: none;
    text-align: left;
    position: absolute;
    top: 60px;
    right: 0;
    margin: 0;
    ul {
      background: white;
    }
    li {
      display: block;
      padding: 0;
      a, a:link, a:visited, a:hover, a:active {
        color: red;
        height: 60px;
        line-height: 60px;
      }
      a:hover, a:active {
        background: rgba(blue, 0.5);
      }
    }
    li:not(:last-child) {
      border-bottom: 1px solid red;
    }
  }
  #menu-button {
    display: block;
    position: absolute;
    z-index: 100;
    right: 10px;
    top: 0;
    width: 60px;
    height: 60px;
    .inner {
      position: absolute;
      width: 40px;
      height: 40px;
      margin: 10px;
    }
    span[class^="line-"] {
      position: absolute;
      display: block;
      width: 100%;
      height: 2px;
      background: blue;
      transition: all .5s ease-in-out;
      transform-origin: center;
    }
    &.closed {
      .line-first {
        top: 9px;
      }
      .line-second {
        top: 19px;
      }
      .line-third {
        top: 29px;
      }
    }
    &.opened {
      .line-first {
        top: 19px;
        transform: rotate(-45deg);
      }
      .line-second {
        top: 19px;
        transform: rotateX(90deg);
      }
      .line-third {
        top: 19px;
        transform: rotate(45deg);
      }
    }
  }
}
*/
/* site-footer
----------------------------------------------*/
#site-footer {
  background: #333;
  color: white;
  padding: 4rem 0 2rem;
}
#site-footer a:link, #site-footer a:visited {
  color: white;
}
#site-footer a:hover, #site-footer a:active {
  color: rgba(255, 255, 255, 0.8);
}
#site-footer a:hover img, #site-footer a:active img {
  opacity: 0.8;
}
#site-footer .link-to-home {
  margin-right: 2rem;
  text-align: center;
  font-size: 1.2rem;
  width: 10rem;
}
#site-footer .link-to-home img {
  height: auto;
  width: 100%;
  margin-bottom: 1rem;
}
#site-footer nav {
  display: flex;
}
#site-footer nav .logo, #site-footer nav > ul {
  flex-basis: 20rem;
}
#site-footer nav li {
  font-size: 1.4rem;
  font-weight: 500;
  white-space: nowrap;
  margin-bottom: 2rem;
}
#site-footer #social {
  flex-basis: calc(100% - 60rem);
}
#site-footer #social li {
  display: inline-block;
}
#site-footer #social img {
  height: 3rem;
  width: 3rem;
}

#site-footer-inner {
  max-width: 1100px;
  margin: 0 auto;
}

#social {
  text-align: right;
}
#social a {
  padding: 1rem;
}
#social img {
  height: 4rem;
  width: 4rem;
}

#copyright {
  line-height: 2em;
  text-align: right;
  font-size: 1.2rem;
}

/* order step
----------------------------------------------*/
body[id^=page-order-step] #steps {
  text-align: center;
}
body[id^=page-order-step] #steps li {
  display: inline-block;
  font-size: 1.4rem;
}
body[id^=page-order-step] #steps li:not(:last-child) .step::after {
  height: 5.4rem;
  width: 6rem;
  text-align: right;
  font-size: 2rem;
  font-weight: 900;
  position: absolute;
  content: "・・・";
  display: block;
  line-height: 5.4rem;
  top: -0.2rem;
  left: 8.4rem;
}
body[id^=page-order-step] #steps .step {
  height: 5.4rem;
  width: 5.4rem;
  padding: 0.6rem 0;
  font-family: "Abel", sans-serif;
  border: 0.2rem solid #E5D865;
  display: block;
  margin: 0 6rem 0.4rem;
  position: relative;
  font-size: 1.2rem;
  line-height: 1.2;
}
body[id^=page-order-step] #steps .number {
  font-size: 2.2rem;
}
body[id^=page-order-step] #steps .current {
  font-weight: 500;
}
body[id^=page-order-step] #steps .current .step {
  background: #E5D865;
}

/* types of print
----------------------------------------------*/
.types-of-print input[type=radio] {
  display: none;
}
.types-of-print input[type=radio]:checked + label {
  border: 3px solid black;
  margin: -0.3rem 1rem -0.3rem -0.3rem;
}
.types-of-print .type {
  height: 17rem;
  width: 12rem;
  box-sizing: content-box;
  font-size: 1.2rem;
  font-weight: 500;
  display: inline-block;
  text-align: center;
  vertical-align: bottom;
}
.types-of-print .type:not(:last-child) {
  margin: 0 1.3rem 0 0;
}
.types-of-print .type img {
  height: 12rem;
  width: 12rem;
  display: inline-block;
  vertical-align: bottom;
  pointer-events: none;
}
.types-of-print .name {
  height: 5rem;
  line-height: 5rem;
}
.types-of-print .name .inner {
  vertical-align: middle;
  display: inline-block;
  line-height: 1.5;
}

/* recommended-data
----------------------------------------------*/
.recommended-data {
  position: relative;
  display: inline-block;
}
.recommended-data::before {
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
  width: 2rem;
  height: 2rem;
  border-radius: 1rem;
  background: white;
  content: "◎";
  color: #d82e3f;
  font-size: 2rem;
}

/* starbucks 
----------------------------------------------*/
#starbucks-header {
  text-align: center;
  background: #f4ebe5;
  background-image: url("/assets/starbucks/main-bg-384ec26f.png");
  background-size: cover;
  margin-bottom: 4rem;
  padding-bottom: 2rem;
}
#starbucks-header .container {
  background-color: #f4ebe5;
  border-radius: 1rem;
  margin-top: 2rem;
}
#starbucks-header .container::after {
  clear: both;
  content: "";
  display: block;
}
@media (max-width: 800px) {
  #starbucks-header .container {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
#starbucks-header .special-price {
  background: #00613d;
  text-align: center;
  padding: 20px;
}
@media (max-width: 800px) {
  #starbucks-header .special-price img {
    max-width: 34rem;
  }
}
@media (min-width: 801px) {
  #starbucks-header .special-price img {
    max-width: 60rem;
  }
}
#starbucks-header h1 {
  line-height: 0;
}
@media (max-width: 800px) {
  #starbucks-header h1 {
    margin: 0 2rem;
  }
}
#starbucks-header .message {
  font-weight: 500;
  color: white;
  background: #00613d;
  border-radius: 8px;
  padding: 1rem;
}
@media (max-width: 800px) {
  #starbucks-header .message {
    margin: 0 2rem 2rem;
    font-size: 9px;
  }
}
@media (min-width: 801px) {
  #starbucks-header .message {
    max-width: 72rem;
    margin: 0 auto 2rem;
    font-size: 14px;
  }
}
#starbucks-header .details {
  margin-bottom: 2rem;
}
@media (max-width: 800px) {
  #starbucks-header .details {
    margin: 0 2rem;
  }
}
@media (min-width: 801px) {
  #starbucks-header .details {
    max-width: 72rem;
    padding: 2rem;
    margin: 0 auto 2rem;
  }
}
@media (min-width: 801px) {
  #starbucks-header img {
    max-width: 80rem;
  }
}
@media (max-width: 800px) {
  #starbucks-header img {
    width: 100%;
  }
}

#starbucks {
  background: #f4ebe5;
  font-weight: 300;
  color: #000000;
}
@media (min-width: 801px) {
  #starbucks {
    font-size: 1.6rem;
  }
}
@media (max-width: 800px) {
  #starbucks {
    font-size: 1.2rem;
  }
}
#starbucks em {
  color: #00613d;
  font-weight: 500;
}
#starbucks h3 {
  margin: 4rem 0;
  text-align: center;
  font-weight: 500;
}
#starbucks h3 span {
  display: block;
}
@media (min-width: 801px) {
  #starbucks h3 span {
    font-size: 1.4rem;
  }
}
@media (max-width: 800px) {
  #starbucks h3 span {
    font-size: 1.2rem;
  }
}
#starbucks .product-number {
  font-weight: 700;
  font-size: 1.2rem;
  color: #000000;
  background: #dec171;
  padding: 4px;
  display: inline-block;
}
#starbucks .discount-price {
  color: #00613d;
  font-weight: 500;
  text-align: center;
}
#starbucks .price-number {
  font-weight: 700;
  font-size: 2.8rem;
}
#starbucks .standard-price {
  text-align: center;
  font-size: 1.2rem;
}
#starbucks #remainder .message {
  padding: 0 2rem 2rem 2rem;
}
#starbucks .js-accordion-trigger {
  background: #000000;
  color: white;
  font-weight: 500;
  padding: 1em;
  border: 1px solid #000000;
}
#starbucks aside::after {
  clear: both;
  content: "";
  display: block;
}
@media (min-width: 801px) {
  #starbucks aside {
    padding: 4rem 0 0 0;
  }
}
@media (max-width: 800px) {
  #starbucks aside {
    padding: 0;
  }
}
#starbucks aside em {
  color: #00613d;
}
#starbucks .list-disc li {
  padding-left: 1.5em;
  text-align: left;
  position: relative;
  margin: 1rem 0;
}
#starbucks .list-disc li::before {
  content: "●";
  margin-bottom: 0.5em;
  position: absolute;
  left: 0;
}
#starbucks .list-disc em {
  font-weight: 500;
}
#starbucks .available-types {
  padding: 1rem 0.5rem 0.5rem;
  margin-bottom: 2rem;
}
#starbucks .fonts .header,
#starbucks .colors-list .header,
#starbucks .shape-prices .header {
  line-height: 6rem;
  font-weight: 500;
}
@media (max-width: 800px) {
  #starbucks .fonts .header,
  #starbucks .colors-list .header,
  #starbucks .shape-prices .header {
    font-size: 1.4rem;
  }
}
@media (min-width: 801px) {
  #starbucks .fonts .header,
  #starbucks .colors-list .header,
  #starbucks .shape-prices .header {
    font-size: 1.6rem;
  }
}
#starbucks .fonts .header span,
#starbucks .colors-list .header span,
#starbucks .shape-prices .header span {
  font-size: 1.2rem;
  font-weight: 300;
  margin-left: 1em;
}
#starbucks .fonts table,
#starbucks .colors-list table,
#starbucks .shape-prices table {
  width: 100%;
}
#starbucks .fonts table th, #starbucks .fonts table td,
#starbucks .colors-list table th,
#starbucks .colors-list table td,
#starbucks .shape-prices table th,
#starbucks .shape-prices table td {
  text-align: center;
}
#starbucks .fonts table th,
#starbucks .colors-list table th,
#starbucks .shape-prices table th {
  background: rgba(0, 0, 0, 0.1);
  color: #000000;
}
#starbucks .fonts table td,
#starbucks .colors-list table td,
#starbucks .shape-prices table td {
  font-weight: 700;
}

@media (max-width: 800px) {
  #starbucks-products-wrapper {
    padding: 0 2rem;
  }
}
#starbucks-products-wrapper h2 {
  background: #00613d;
  color: white;
}
@media (min-width: 801px) {
  #starbucks-products-wrapper h2 {
    padding: 6rem 0;
  }
}
@media (max-width: 800px) {
  #starbucks-products-wrapper h2 {
    padding: 2rem 0;
  }
}

#starbucks-products .color-variations .header,
#starbucks-products .sizes .header {
  font-size: 1.2rem;
}
@media (min-width: 801px) {
  #starbucks-products .color-variations .header,
  #starbucks-products .sizes .header {
    font-weight: 700;
    padding: 0.5em;
    background: #000000;
    color: white;
  }
}
#starbucks-products .products-item {
  position: relative;
  color: #000000;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 8px;
}
#starbucks-products .products-item::after {
  clear: both;
  content: "";
  display: block;
}
#starbucks-products .products-item:not(:last-child) {
  margin-bottom: 2rem;
}
@media (min-width: 801px) {
  #starbucks-products .products-item {
    padding: 2rem;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 800px) {
  #starbucks-products .products-item {
    padding: 1rem;
  }
}
@media (min-width: 801px) {
  #starbucks-products .left-column {
    flex-basis: calc(100% - 36rem);
    padding-right: 2rem;
  }
}
@media (min-width: 801px) {
  #starbucks-products .right-column {
    padding-left: 2rem;
    flex-basis: 36rem;
  }
}
#starbucks-products .size-options {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
@media (min-width: 801px) {
  #starbucks-products .size-options img {
    margin-left: 1rem;
    height: 8rem;
  }
}
@media (max-width: 800px) {
  #starbucks-products .size-options img {
    margin-left: 0.5rem;
    height: 5rem;
  }
}
@media (min-width: 801px) {
  #starbucks-products .details {
    letter-spacing: 0.1em;
    line-height: 2;
  }
}
@media (max-width: 800px) {
  #starbucks-products .details {
    font-size: 1.3rem;
    text-align: left;
    line-height: 1.8;
  }
}
#starbucks-products .details em {
  font-weight: 700;
  display: block;
  margin: 0 0 1em 0;
  color: #00613d;
}
@media (min-width: 801px) {
  #starbucks-products .details em {
    font-size: 2rem;
  }
}
@media (max-width: 800px) {
  #starbucks-products .details em {
    font-size: 1.6rem;
  }
}
#starbucks-products .main-image {
  text-align: center;
  margin: 2rem 0 1rem;
}
#starbucks-products .main-image img {
  width: 90%;
}
#starbucks-products .price {
  background: #00613d;
  color: white;
  text-align: center;
  padding: 1rem;
}
@media (min-width: 801px) {
  #starbucks-products .price {
    width: 90%;
    font-size: 3.2rem;
  }
}
@media (max-width: 800px) {
  #starbucks-products .price {
    width: 100%;
    font-size: 2.4rem;
  }
}
#starbucks-products .price span {
  font-size: 1.4rem;
  margin: 0 0.5em;
  display: inline-block;
  vertical-align: middle;
}
#starbucks-products .color-variations {
  background: white;
}
@media (min-width: 801px) {
  #starbucks-products .color-variations {
    width: 100%;
  }
}
@media (max-width: 800px) {
  #starbucks-products .color-variations {
    margin: 2rem 0;
  }
}
#starbucks-products .color-variations ul {
  padding: 2rem;
}
@media (min-width: 801px) {
  #starbucks-products .color-variations ul {
    display: inline-block;
  }
}
@media (max-width: 800px) {
  #starbucks-products .color-variations ul {
    margin-top: 1rem;
  }
}
#starbucks-products .color-variations li {
  vertical-align: top;
  display: inline-block;
  font-size: 0.9rem;
  padding: 0.1rem;
}
@media (min-width: 801px) {
  #starbucks-products .color-variations li {
    width: 10rem;
    padding: 0.5rem;
  }
}
@media (max-width: 800px) {
  #starbucks-products .color-variations li {
    width: 33.3333333333%;
    padding: 0.3rem;
  }
}
#starbucks-products .color-variations img {
  width: 100%;
}
#starbucks-products div[class^=color-sample] {
  border: 1px solid #ddd;
  width: 100%;
  aspect-ratio: 1/1;
}
#starbucks-products .color-numbers {
  display: flex;
  justify-content: center;
  width: 75%;
  margin: 0 auto;
}
#starbucks-products .color-numbers > div {
  flex-basis: 50%;
}
#starbucks-products .color-number {
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.1;
  color: #000000;
  text-align: center;
  text-shadow: 0px 0px 1 #fff;
}
#starbucks-products .color-name {
  color: #000000;
  text-align: center;
  line-height: 1.1;
}
#starbucks-products .product-name {
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 1em 0;
  color: #000000;
}
@media (min-width: 801px) {
  #starbucks-products .product-name {
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 800px) {
  #starbucks-products .product-name {
    font-size: 1.4rem;
  }
}
#starbucks-products .sizes {
  text-align: left;
  margin-bottom: 2rem;
}
@media (max-width: 800px) {
  #starbucks-products .sizes {
    margin-top: 2rem;
  }
}
@media (min-width: 801px) {
  #starbucks-products .sizes {
    margin-top: 10rem;
  }
}
#starbucks-products .sizes table {
  width: 100%;
  background: white;
}
@media (min-width: 801px) {
  #starbucks-products .sizes table {
    font-size: 1.2rem;
  }
}
@media (max-width: 800px) {
  #starbucks-products .sizes table {
    font-size: 1rem;
    margin-top: 1rem;
  }
}
#starbucks-products .sizes table:not(:first-child) {
  margin-top: 1em;
}
#starbucks-products .sizes th, #starbucks-products .sizes td {
  text-align: center;
  padding: 0.5rem;
}
#starbucks-products .sizes th {
  white-space: nowrap;
  background: white;
  color: black;
}
#starbucks-products .sizes tr, #starbucks-products .sizes th, #starbucks-products .sizes td {
  border-color: #000000;
}
#starbucks-products .color-sample-2020-01-001 {
  background-color: #ffffff;
}
#starbucks-products .color-sample-2020-01-002 {
  background-color: #221714;
}
#starbucks-products .color-sample-2020-01-006 {
  background-color: #9b9ca0;
}
#starbucks-products .color-sample-2020-01-086 {
  background-color: #2f3260;
}
#starbucks-products .color-sample-2020-01-537 {
  background-color: #9d9170;
}
#starbucks-products .color-sample-2020-01-598 {
  background-color: #565557;
}
#starbucks-products .color-sample-ep5962-C-1 {
  background-color: #fbf8f7;
}
#starbucks-products .color-sample-ep5962-C-72 {
  background-color: #ece4cf;
}
#starbucks-products .color-sample-ep5962-C-9 {
  background-color: #a4a2a4;
}
#starbucks-products .color-sample-ep5962-C-5 {
  background-color: #2f3260;
}
#starbucks-products .color-sample-ep5962-C-10 {
  background-color: #1e2126;
}
#starbucks-products .color-sample-ep5962-C-91 {
  background-color: #565557;
}
#starbucks-products .color-sample-fb4510u-8 {
  background-image: url("/assets/starbucks/color-fb4510u-8-0bac050d.jpg");
}
#starbucks-products .color-sample-fb4510u-2 {
  background-image: url("/assets/starbucks/color-fb4510u-2-58861c05.jpg");
}
#starbucks-products .color-sample-fb4510u-24 {
  background-image: url("/assets/starbucks/color-fb4510u-24-3bb62d45.jpg");
}
#starbucks-products .color-sample-fb4510u-1 {
  background-image: url("/assets/starbucks/color-fb4510u-1-82658cf1.jpg");
}

#starbucks-about-dtf,
#starbucks-about-embroidery {
  background: white;
  padding-bottom: 2rem;
}
#starbucks-about-dtf .container::after,
#starbucks-about-embroidery .container::after {
  clear: both;
  content: "";
  display: block;
}
@media (max-width: 800px) {
  #starbucks-about-dtf .container,
  #starbucks-about-embroidery .container {
    margin: 0 2rem;
  }
}
@media (min-width: 801px) {
  #starbucks-about-dtf .container,
  #starbucks-about-embroidery .container {
    display: flex;
  }
}
@media (min-width: 801px) {
  #starbucks-about-dtf .left-column,
  #starbucks-about-embroidery .left-column {
    flex-basis: calc(100% - 46rem);
    padding-right: 2rem;
  }
}
@media (min-width: 801px) {
  #starbucks-about-dtf .right-column,
  #starbucks-about-embroidery .right-column {
    padding-left: 2rem;
    flex-basis: 46rem;
  }
}
#starbucks-about-dtf .embroidery-header,
#starbucks-about-embroidery .embroidery-header {
  text-align: center;
  font-weight: 300;
}
@media (max-width: 800px) {
  #starbucks-about-dtf .embroidery-header,
  #starbucks-about-embroidery .embroidery-header {
    font-size: 1.8rem;
    padding: 4rem 0;
  }
}
@media (min-width: 801px) {
  #starbucks-about-dtf .embroidery-header,
  #starbucks-about-embroidery .embroidery-header {
    font-size: 2.4rem;
    padding: 8rem 0;
  }
}

#starbucks-about-embroidery .description em {
  font-weight: 500;
}
#starbucks-about-embroidery .fonts .header,
#starbucks-about-embroidery .colors-list .header,
#starbucks-about-embroidery .shape-prices .header {
  line-height: 6rem;
  font-weight: 500;
}
@media (max-width: 800px) {
  #starbucks-about-embroidery .fonts .header,
  #starbucks-about-embroidery .colors-list .header,
  #starbucks-about-embroidery .shape-prices .header {
    font-size: 1.4rem;
  }
}
@media (min-width: 801px) {
  #starbucks-about-embroidery .fonts .header,
  #starbucks-about-embroidery .colors-list .header,
  #starbucks-about-embroidery .shape-prices .header {
    font-size: 1.6rem;
  }
}
#starbucks-about-embroidery .fonts .header span,
#starbucks-about-embroidery .colors-list .header span,
#starbucks-about-embroidery .shape-prices .header span {
  font-size: 1.2rem;
  font-weight: 300;
  margin-left: 1em;
}
#starbucks-about-embroidery .fonts table,
#starbucks-about-embroidery .colors-list table,
#starbucks-about-embroidery .shape-prices table {
  width: 100%;
}
#starbucks-about-embroidery .fonts table th, #starbucks-about-embroidery .fonts table td,
#starbucks-about-embroidery .colors-list table th,
#starbucks-about-embroidery .colors-list table td,
#starbucks-about-embroidery .shape-prices table th,
#starbucks-about-embroidery .shape-prices table td {
  text-align: center;
}
#starbucks-about-embroidery .fonts table th,
#starbucks-about-embroidery .colors-list table th,
#starbucks-about-embroidery .shape-prices table th {
  background: rgba(0, 0, 0, 0.1);
  color: #000000;
}
#starbucks-about-embroidery .fonts table td,
#starbucks-about-embroidery .colors-list table td,
#starbucks-about-embroidery .shape-prices table td {
  font-weight: 700;
}
#starbucks-about-embroidery .fonts::after {
  clear: both;
  content: "";
  display: block;
}
@media (max-width: 800px) {
  #starbucks-about-embroidery .fonts {
    margin: 0 2rem;
  }
}
@media (min-width: 801px) {
  #starbucks-about-embroidery .fonts {
    padding: 2rem 0;
  }
}
#starbucks-about-embroidery .fonts .type {
  color: white;
  background: #000000;
  text-align: center;
  padding: 1rem;
}
@media (min-width: 801px) {
  #starbucks-about-embroidery .fonts .fonts-j,
  #starbucks-about-embroidery .fonts .fonts-e {
    float: left;
    width: calc(50% - 2rem);
  }
}
#starbucks-about-embroidery .fonts .fonts-list > li {
  border-bottom: 1px solid silver;
  background: white;
  line-height: 1;
}
#starbucks-about-embroidery .fonts .fonts-list > li:nth-child(odd) {
  background: #eee;
}
@media (min-width: 801px) {
  #starbucks-about-embroidery .fonts .fonts-j {
    padding-right: 2rem;
  }
}
@media (min-width: 801px) {
  #starbucks-about-embroidery .fonts .fonts-e {
    padding-left: 2rem;
  }
}
#starbucks-about-embroidery .colors-list-image {
  border: 1px solid #666;
}

#starbucks-about-dtf {
  border-bottom: 1px solid #666;
}
#starbucks-about-dtf .about-print-header {
  text-align: center;
  font-weight: 300;
}
@media (max-width: 800px) {
  #starbucks-about-dtf .about-print-header {
    font-size: 1.8rem;
    padding: 4rem 0;
  }
}
@media (min-width: 801px) {
  #starbucks-about-dtf .about-print-header {
    font-size: 2.4rem;
    padding: 8rem 0;
  }
}
#starbucks-about-dtf .sample-image {
  float: right;
  margin-left: 2rem;
}
@media (min-width: 801px) {
  #starbucks-about-dtf .sample-image {
    margin-top: 6.2rem;
  }
}
#starbucks-about-dtf .sample-image img {
  width: 18rem;
}
#starbucks-about-dtf .recommended {
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  color: #00613d;
}
@media (min-width: 801px) {
  #starbucks-about-dtf .recommended {
    padding: 1em 1em 2em 0;
  }
}
@media (max-width: 800px) {
  #starbucks-about-dtf .recommended {
    padding: 0.5em 1em 2em 0;
  }
}

h3#starbucks-dtf-header {
  background: #00613d;
  color: white;
  padding: 1em 0;
  letter-spacing: 0.2em;
}
h3#starbucks-dtf-header::after {
  clear: both;
  content: "";
  display: block;
}
@media (min-width: 801px) {
  h3#starbucks-dtf-header {
    margin: 0 auto 4rem;
  }
}
@media (max-width: 800px) {
  h3#starbucks-dtf-header {
    margin: 1rem 1rem 4rem 1rem;
  }
}
h3#starbucks-dtf-header .new {
  line-height: 1.6em;
  border-radius: 0.8em;
  color: #00613d;
  font-weight: 500;
  background: white;
  padding: 0 1em;
  margin-right: 2rem;
  display: inline-block;
  letter-spacing: 0.1;
}

#starbucks-design-samples {
  background-image: url("/assets/starbucks/design-sample-bg-b9dcffd3.png");
  background-size: 75px 75px;
}
#starbucks-design-samples .container {
  padding: 2rem;
}
#starbucks-design-samples .container::after {
  clear: both;
  content: "";
  display: block;
}
#starbucks-design-samples .header {
  text-align: center;
  margin-bottom: 2rem;
}
#starbucks-design-samples .header img {
  max-width: 400px;
}
#starbucks-design-samples .message {
  font-weight: 500;
  margin-bottom: 4rem;
  background: white;
  border-radius: 8px;
  padding: 2rem;
}
#starbucks-design-samples .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 800px) {
  #starbucks-design-samples .item-large {
    flex-basis: 100%;
  }
}
@media (min-width: 801px) {
  #starbucks-design-samples .item-large {
    flex-basis: 33.3333333333%;
  }
}
@media (max-width: 800px) {
  #starbucks-design-samples .item-small {
    flex-basis: 50%;
  }
}
@media (min-width: 801px) {
  #starbucks-design-samples .item-small {
    flex-basis: 16.6666666667%;
  }
}
#starbucks-design-samples .item-large,
#starbucks-design-samples .item-small {
  padding: 20px;
  font-size: 14px;
}
#starbucks-design-samples .item-large > img,
#starbucks-design-samples .item-small > img {
  width: 90%;
  display: block;
  margin: 1rem auto 0;
}
#starbucks-design-samples .sample-number {
  align-items: center;
}
#starbucks-design-samples .sample-number-image {
  width: 60px;
  margin-bottom: 1rem;
}
#starbucks-design-samples .sample-number-text {
  font-weight: 500;
  font-size: 12px;
}

#starbucks #about-prices,
#starbucks-steps,
#starbucks #remainder,
#starbucks-order {
  border: 2px solid #dec171;
  background: white;
}
#starbucks #about-prices h2,
#starbucks-steps h2,
#starbucks #remainder h2,
#starbucks-order h2 {
  margin: 0 0 2rem 0;
  vertical-align: middle;
  border-bottom: 2px solid #dec171;
  background: #dec171;
  color: #000000;
  text-align: center;
}
#starbucks #about-prices h2 span,
#starbucks-steps h2 span,
#starbucks #remainder h2 span,
#starbucks-order h2 span {
  font-size: 14px;
  display: block;
}
@media (min-width: 801px) {
  #starbucks #about-prices,
  #starbucks-steps,
  #starbucks #remainder,
  #starbucks-order {
    margin-bottom: 4rem;
  }
  #starbucks #about-prices h2,
  #starbucks-steps h2,
  #starbucks #remainder h2,
  #starbucks-order h2 {
    padding: 4rem 2rem;
    font-size: 2.4rem;
  }
}
@media (max-width: 800px) {
  #starbucks #about-prices,
  #starbucks-steps,
  #starbucks #remainder,
  #starbucks-order {
    margin: 2rem 1rem;
  }
  #starbucks #about-prices h2,
  #starbucks-steps h2,
  #starbucks #remainder h2,
  #starbucks-order h2 {
    padding: 2rem 1rem;
    font-size: 1.5rem;
  }
}

#starbucks-printable-area {
  padding: 2rem;
}
#starbucks-printable-area::after {
  clear: both;
  content: "";
  display: block;
}
#starbucks-printable-area .header {
  text-align: center;
}
@media (max-width: 800px) {
  #starbucks-printable-area .header img {
    width: 20rem;
  }
}
@media (min-width: 801px) {
  #starbucks-printable-area .header img {
    width: 30rem;
  }
}
#starbucks-printable-area .sizes-header {
  display: block;
  width: 20rem;
  color: #000000;
  background: #dec171;
  padding: 1rem 2rem;
  margin: 2rem auto;
}
@media (min-width: 801px) {
  #starbucks-printable-area .list {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr;
    padding: 2rem 2rem 0;
  }
}

@media (min-width: 801px) {
  #starbucks-steps {
    margin: 0 0 4rem 0;
  }
}
@media (max-width: 800px) {
  #starbucks-steps {
    width: calc(100% - 2rem);
  }
}
#starbucks-steps ol {
  padding: 2rem 0 0 0;
  display: grid;
  gap: 2rem;
}
@media (min-width: 801px) {
  #starbucks-steps ol {
    grid-template-columns: 1fr 1fr 1fr;
    padding: 2rem 2rem 0;
  }
}
@media (max-width: 800px) {
  #starbucks-steps ol {
    padding: 0 2rem;
  }
}
#starbucks-steps ol > li {
  display: block;
}
@media (max-width: 800px) {
  #starbucks-steps ol > li {
    margin: 0 2rem 2rem;
  }
}
#starbucks-steps .flow-image {
  max-width: 140px;
  display: block;
  margin: 1rem auto 2rem;
}
#starbucks-steps .message {
  font-size: 22px;
  text-align: center;
  margin: 6rem 0 4rem;
  position: relative;
}
#starbucks-steps .message::before {
  display: block;
  content: "";
  background: #000000;
  width: 70%;
  height: 1px;
  top: -4rem;
  margin: 0 auto;
  position: relative;
}
#starbucks-steps .detail {
  vertical-align: middle;
  line-height: 1.5;
  padding: 1rem;
}
#starbucks-steps .state {
  text-align: center;
  font-weight: 500;
  padding: 0 2rem 0 0;
  display: flex;
  line-height: 4rem;
  height: 4rem;
  background: #00613d;
  color: white;
  border-radius: 2rem 4px 4px 2rem;
}
@media (min-width: 801px) {
  #starbucks-steps .state span {
    font-size: 2rem;
  }
}
@media (max-width: 800px) {
  #starbucks-steps .state span {
    font-size: 1.4rem;
  }
}
#starbucks-steps .state .number {
  background: #dec171;
  border-radius: 50%;
  color: #000000;
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  margin-top: -0.5rem;
  margin-left: -0.5rem;
  margin-right: 1rem;
  text-align: center;
  font-weight: 700;
  font-size: 2rem;
}

.other-printings {
  background: rgba(255, 255, 255, 0.5);
}
.other-printings .header {
  font-weight: 300;
  text-align: center;
  padding: 4rem 0;
}
@media (max-width: 800px) {
  .other-printings .header {
    font-size: 1.8rem;
  }
}
@media (min-width: 801px) {
  .other-printings .header {
    font-size: 2.4rem;
  }
}
.other-printings .samples {
  text-align: center;
}
.other-printings .samples img {
  display: block;
  margin: 0 auto 1rem;
}
@media (min-width: 801px) {
  .other-printings .samples img {
    width: 12rem;
  }
}
@media (max-width: 800px) {
  .other-printings .samples img {
    width: 10rem;
  }
}
.other-printings .samples-item {
  display: inline-block;
  font-weight: 500;
  text-align: center;
  font-size: 1.2rem;
}
@media (min-width: 801px) {
  .other-printings .samples-item {
    width: 14rem;
  }
}
@media (max-width: 800px) {
  .other-printings .samples-item {
    width: 12rem;
  }
}

.inquiry-for-starbucks {
  padding: 4rem 2rem;
  text-align: center;
}
.inquiry-for-starbucks a {
  margin: 2rem auto;
  padding: 0 4rem;
  color: white;
  height: 6rem;
  line-height: 6rem;
  font-weight: 500;
  border-radius: 3rem;
  display: inline-block;
  background: #00613d;
}
@media (min-width: 801px) {
  .inquiry-for-starbucks a {
    font-size: 2rem;
  }
}
@media (max-width: 800px) {
  .inquiry-for-starbucks a {
    font-size: 1.6rem;
  }
}
.inquiry-for-starbucks a:hover, .inquiry-for-starbucks a:active {
  background: rgba(0, 97, 61, 0.9);
}

.estimate-for-starbucks {
  padding: 2rem;
  text-align: center;
  flex-basis: 100%;
}
.estimate-for-starbucks a {
  margin: 2rem auto 0;
  padding: 0 4rem;
  color: white;
  height: 4rem;
  line-height: 4rem;
  font-weight: 500;
  border-radius: 2rem;
  display: inline-block;
  background: #00613d;
}
@media (min-width: 801px) {
  .estimate-for-starbucks a {
    font-size: 1.8rem;
  }
}
@media (max-width: 800px) {
  .estimate-for-starbucks a {
    font-size: 1.4rem;
  }
}
.estimate-for-starbucks a:hover, .estimate-for-starbucks a:active {
  background: rgba(0, 97, 61, 0.9);
}

/* family 
----------------------------------------------*/
#uni-h {
  background: white;
}
@media (min-width: 801px) {
  #uni-h {
    font-size: 1.4rem;
    padding: 2rem 0;
  }
}
@media (max-width: 800px) {
  #uni-h {
    font-size: 1.2rem;
    padding: 1rem;
  }
}
#uni-h .inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media (min-width: 801px) {
  #uni-h .inner {
    justify-content: flex-end;
  }
}
@media (max-width: 800px) {
  #uni-h .inner {
    justify-content: center;
  }
}
#uni-h .description-uni-h {
  color: #503d8f;
}
@media (min-width: 801px) {
  #uni-h .description-uni-h {
    font-size: 1rem;
    margin-left: 6.5rem;
  }
}
@media (max-width: 800px) {
  #uni-h .description-uni-h {
    font-size: 0.9rem;
    margin-left: 4rem;
  }
}
#uni-h .description-worclo {
  color: #000000;
  white-space: nowrap;
}
@media (min-width: 801px) {
  #uni-h .description-worclo {
    font-size: 1rem;
  }
}
@media (max-width: 800px) {
  #uni-h .description-worclo {
    font-size: 0.9rem;
  }
}
#uni-h .logo-uni-h {
  display: block;
  margin: 0 auto;
}
@media (min-width: 801px) {
  #uni-h .logo-uni-h {
    height: 50px;
  }
}
@media (max-width: 800px) {
  #uni-h .logo-uni-h {
    height: 34px;
  }
}
#uni-h .logo-worclo {
  display: block;
  margin: 0 auto;
}
@media (min-width: 801px) {
  #uni-h .logo-worclo {
    height: 50px;
  }
}
@media (max-width: 800px) {
  #uni-h .logo-worclo {
    height: 34px;
  }
}

/* slick-override
----------------------------------------------*/
.slick-prev,
.slick-next {
  background: black;
  border-radius: 1.3rem;
  width: 2.6rem;
  height: 2.6rem;
  padding: 0;
  position: absolute;
  font-size: 0;
  line-height: 0;
  color: transparent;
  z-index: 50;
  border: none;
}
.slick-prev::before,
.slick-next::before {
  display: inline-block;
  font-size: 1.2rem;
  position: absolute;
  top: 0;
  width: 0.2rem;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background: #333333;
}

.slick-prev {
  left: 1rem;
}
.slick-prev::before {
  content: "";
  width: calc(1em / 1.41);
  height: calc(1em / 1.41);
  display: block;
  position: relative;
  border-top: 1px solid white;
  border-right: 1px solid white;
  transform: rotate(225deg);
  left: calc(50% - 0.25em);
  border-width: 0.15rem;
}

.slick-next {
  right: 1rem;
}
.slick-next::before {
  content: "";
  width: calc(1em / 1.41);
  height: calc(1em / 1.41);
  display: block;
  position: relative;
  border-top: 1px solid white;
  border-right: 1px solid white;
  transform: rotate(45deg);
  left: calc(50% - 0.5em);
  border-width: 0.15rem;
}

button,
*[type=button] {
  transition: none 0;
}

.slick-dots {
  position: static;
  margin: 2rem 0;
}

#hero .slick-prev, #hero .slick-next {
  position: absolute;
  bottom: 2.7rem;
}
#hero .slick-slide img {
  margin: 0 auto;
}
@media (min-width: 801px) {
  #hero .slick-slide img {
    max-width: 803px;
  }
}
@media (max-width: 800px) {
  #hero .slick-slide img {
    width: 100%;
    height: auto;
  }
}
#hero .hero-slide {
  padding: 2rem 0;
}

/* home
----------------------------------------------*/
#page-home #features {
  text-align: center;
}
#page-home #features img {
  height: auto;
  width: 720px;
}
#page-home #categories {
  margin-top: 0;
}

#hero {
  text-align: center;
}
@media (max-width: 800px) {
  #hero {
    padding: 6rem 0 2rem;
  }
}

.leading-header {
  text-align: center;
  color: white;
  background: black;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 4rem;
  height: 10rem;
  line-height: 10rem;
  position: relative;
}
.leading-header::after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  position: absolute;
  border-top: 0.5em solid black;
  border-right: 0.5em solid transparent;
  border-left: 0.5em solid transparent;
  position: absolute;
  content: "";
  left: calc(50% - 0.5em);
  top: 10rem;
}
.leading-header span::before, .leading-header span::after {
  height: 3rem;
  width: 0.2rem;
  content: "";
  background: white;
  display: inline-block;
  position: relative;
  top: 0.9rem;
}
.leading-header span::before {
  transform: rotate(-15deg);
  left: -1.5rem;
}
.leading-header span::after {
  transform: rotate(15deg);
  left: 1.5rem;
}

#introduction {
  text-align: center;
  margin: 4rem auto 2rem;
  padding: 0 2rem;
  max-width: 1100px;
}
#introduction::after {
  clear: both;
  content: "";
  display: block;
}
#introduction img {
  width: 100%;
  margin-bottom: 2rem;
}

#banners ul {
  margin: 2rem auto;
  max-width: 1100px;
}
#banners ul::after {
  clear: both;
  content: "";
  display: block;
}
#banners li {
  width: calc(33.3333333333% - 26.6666666667px);
  float: left;
  margin-left: 20px;
}

#recommended-points {
  background: #f2f0ea;
  padding: 8rem 0;
}
#recommended-points h1 {
  text-align: center;
  margin: 0 0 4rem 0;
}
#recommended-points h1 img {
  height: auto;
  width: 400px;
}

#recommended-points-inner {
  display: flex;
  width: 1100px;
  padding: 0 2rem;
  margin: 2rem auto;
}
#recommended-points-inner h2 {
  font-size: 2rem;
  background: rgba(255, 255, 255, 0.5);
  text-align: center;
  padding: 1rem;
  margin: 0 0 2rem 0;
}
#recommended-points-inner li {
  margin-bottom: 2rem;
}
#recommended-points-inner .point-1,
#recommended-points-inner .point-2 {
  flex-basis: calc(50% - 1rem);
  font-size: 1.6rem;
  color: #F3F7D5;
  padding: 2rem;
}
#recommended-points-inner .point-1 {
  position: relative;
  z-index: 1;
  background: #DB7A75;
  margin-right: 2rem;
}
#recommended-points-inner .point-1::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: -10px;
  right: -10px;
  z-index: -1;
  background-image: linear-gradient(45deg, #DB7A75 12.5%, rgba(219, 122, 117, 0) 12.5%, rgba(219, 122, 117, 0) 37.5%, #DB7A75 37.5%, #DB7A75 62.5%, rgba(219, 122, 117, 0) 62.5%, rgba(219, 122, 117, 0) 87.5%, #DB7A75 87.5%);
  background-size: 10px 10px;
}
#recommended-points-inner .point-1 h2 {
  color: #6E3D3B;
}
#recommended-points-inner .point-2 {
  position: relative;
  z-index: 1;
  background: #6A9599;
}
#recommended-points-inner .point-2::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: -10px;
  right: -10px;
  z-index: -1;
  background-image: linear-gradient(45deg, #6A9599 12.5%, rgba(106, 149, 153, 0) 12.5%, rgba(106, 149, 153, 0) 37.5%, #6A9599 37.5%, #6A9599 62.5%, rgba(106, 149, 153, 0) 62.5%, rgba(106, 149, 153, 0) 87.5%, #6A9599 87.5%);
  background-size: 10px 10px;
}
#recommended-points-inner .point-2 h2 {
  color: #354B4D;
}

#information {
  text-align: center;
  background-position: center center;
  background-size: cover;
  background-image: url("/assets/information-bg-fe4d158a.jpg");
  padding: 8rem 0;
  color: #F3F7D5;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #information {
    background-image: url("/assets/information-bg@2x-ab6f527c.jpg");
  }
}
#information h1 {
  width: 300px;
  margin: 0 auto 4rem;
}
#information ul::after {
  clear: both;
  content: "";
  display: block;
}
#information li {
  width: calc(25% - 25px);
  float: left;
  margin-left: 20px;
  text-align: left;
  font-size: 1.4rem;
}
#information li::before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  margin: 5rem 0;
  background: #F3F7D5;
  top: 32rem;
  position: relative;
}
#information li .photo-container {
  height: 250px;
  width: 250px;
  line-height: 250px;
  text-align: center;
  margin-bottom: 4rem;
}
#information li img {
  display: inline-block;
  vertical-align: middle;
  max-width: 242px;
  max-height: 242px;
}
#information .more {
  margin: 4rem 0 0;
  font-size: 1.2rem;
}
#information .more img {
  height: 1.2rem;
}
#information .link-to-instagram {
  text-transform: uppercase;
  margin-bottom: 1rem;
}
#information .link-to-instagram a {
  text-decoration: none;
  border: 2px solid #F3F7D5;
  background: white;
  line-height: 1;
  padding: 1rem 8rem;
  width: auto;
  font-size: 1.6rem;
  font-weight: 500;
  display: inline-block;
}
#information .link-to-instagram a, #information .link-to-instagram a:link, #information .link-to-instagram a:visited, #information .link-to-instagram a:hover, #information .link-to-instagram a:active {
  color: #F3F7D5;
}
#information .link-to-instagram a:hover, #information .link-to-instagram a:active {
  background: rgba(243, 247, 213, 0.1);
}
#information .link-to-instagram a:link, #information .link-to-instagram a:visited {
  background-color: transparent;
}
#information .link-to-instagram a:hover, #information .link-to-instagram a:active {
  background-color: rgba(243, 247, 213, 0.1);
}

#all-over-print {
  background: url("/assets/all-over-print-main-bg-6053e0f1.jpg") bottom/cover #89a746;
}

.link-to-all-over-print {
  text-align: center;
}
.link-to-all-over-print a {
  margin: 0 auto;
  color: white;
  height: 4rem;
  line-height: 4rem;
  font-weight: 700;
  border-radius: 2rem;
  display: inline-block;
  background: #cf121b;
}
.link-to-all-over-print a:hover, .link-to-all-over-print a:active {
  background: #e6141e;
}
.link-to-all-over-print a {
  padding: 0 4rem;
}
@media (min-width: 801px) {
  .link-to-all-over-print a {
    font-size: 1.8rem;
  }
}
@media (max-width: 800px) {
  .link-to-all-over-print a {
    font-size: 1.4rem;
    margin-top: 1rem;
  }
}

/* order, estimate
----------------------------------------------*/
#estimate,
*[id^=order-step] {
  max-width: 88rem;
  margin: 0 auto;
  font-size: 1.6rem;
}
#estimate .message,
*[id^=order-step] .message {
  margin: 6rem 0;
}
#estimate #estimate_designs h4,
#estimate h3,
*[id^=order-step] #estimate_designs h4,
*[id^=order-step] h3 {
  margin: 4rem 0;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 1.8rem;
}
#estimate .printing-surface,
*[id^=order-step] .printing-surface {
  background: white;
  border-bottom: 0.1rem solid white;
}
#estimate .printing-surface .ac-content,
*[id^=order-step] .printing-surface .ac-content {
  padding: 4rem 2rem;
  border: 0.1rem solid black;
}
#estimate #estimate_designs h3,
#estimate .estimate-setting h2,
#estimate .printing-surface h2,
*[id^=order-step] #estimate_designs h3,
*[id^=order-step] .estimate-setting h2,
*[id^=order-step] .printing-surface h2 {
  line-height: 5rem;
  height: 5rem;
  color: white;
  padding: 0 2rem;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  border: 0.1rem solid black;
  background: black;
}
#estimate .printing-surface h2,
#estimate #estimate_designs h3,
*[id^=order-step] .printing-surface h2,
*[id^=order-step] #estimate_designs h3 {
  margin: 0;
}
#estimate .estimate-setting,
*[id^=order-step] .estimate-setting {
  padding: 0 0 4rem;
}
#estimate .estimate-setting h2,
*[id^=order-step] .estimate-setting h2 {
  margin-bottom: 4rem;
}
#estimate .print-part .select-wrapper, #estimate .print-part .dropdown .dropdown-container, .dropdown #estimate .print-part .dropdown-container,
*[id^=order-step] .print-part .select-wrapper,
*[id^=order-step] .print-part .dropdown .dropdown-container,
.dropdown *[id^=order-step] .print-part .dropdown-container {
  display: inline-block;
}
#estimate .available-parts,
*[id^=order-step] .available-parts {
  margin-top: 2rem;
}
#estimate .design-data .panel,
*[id^=order-step] .design-data .panel {
  margin-top: 2rem;
  background: #EEEEEE;
  padding: 2rem;
}
#estimate .design-data .ghost--active,
*[id^=order-step] .design-data .ghost--active {
  padding: 2rem;
}
#estimate .form-element-container,
*[id^=order-step] .form-element-container {
  width: 64rem;
}
#estimate .form-element-inline,
*[id^=order-step] .form-element-inline {
  display: flex;
}
#estimate .form-element-inline > *:not(:last-child),
*[id^=order-step] .form-element-inline > *:not(:last-child) {
  margin-right: 2rem;
}
#estimate .form-element-inner,
*[id^=order-step] .form-element-inner {
  margin-left: 4rem;
}
#estimate .form-element,
*[id^=order-step] .form-element {
  margin: 2rem 0 4rem;
}
#estimate .form-element-header,
*[id^=order-step] .form-element-header {
  display: block;
  margin: 3rem 0 1.5rem;
}
#estimate .note,
*[id^=order-step] .note {
  margin-top: 1rem;
}
#estimate .link-to-design,
*[id^=order-step] .link-to-design {
  text-align: right;
  margin: 1rem 0;
}

*[id^=order-step] .go-to-next {
  margin: 4rem auto 8rem;
  text-align: center;
}
*[id^=order-step] .go-to-next a,
*[id^=order-step] .go-to-next button,
*[id^=order-step] .go-to-next input[type=submit] {
  text-decoration: none;
  text-align: center;
  border: 2px solid #DB7A75;
  background: white;
  line-height: 1;
  padding: 0 4rem;
  width: auto;
  font-size: 1.6rem;
  font-weight: 500;
  display: inline-block;
  box-shadow: 4px 4px 0 0 #DB7A75;
  box-sizing: content-box;
  width: calc(100% - 4rem);
  max-width: 34.5rem;
}
*[id^=order-step] .go-to-next a, *[id^=order-step] .go-to-next a:link, *[id^=order-step] .go-to-next a:visited,
*[id^=order-step] .go-to-next button,
*[id^=order-step] .go-to-next button:link,
*[id^=order-step] .go-to-next button:visited,
*[id^=order-step] .go-to-next input[type=submit],
*[id^=order-step] .go-to-next input[type=submit]:link,
*[id^=order-step] .go-to-next input[type=submit]:visited {
  color: #DB7A75;
}
*[id^=order-step] .go-to-next a:hover, *[id^=order-step] .go-to-next a:active,
*[id^=order-step] .go-to-next button:hover,
*[id^=order-step] .go-to-next button:active,
*[id^=order-step] .go-to-next input[type=submit]:hover,
*[id^=order-step] .go-to-next input[type=submit]:active {
  color: #e29591;
  box-shadow: 4px 4px 0 0 #e29591;
  border: 2px solid #e29591;
}
@media (max-width: 800px) {
  *[id^=order-step] .go-to-next a,
  *[id^=order-step] .go-to-next button,
  *[id^=order-step] .go-to-next input[type=submit] {
    line-height: 6rem;
    height: 6rem;
    padding: 0;
  }
  *[id^=order-step] .go-to-next a:disabled,
  *[id^=order-step] .go-to-next button:disabled,
  *[id^=order-step] .go-to-next input[type=submit]:disabled {
    border: 0.2rem solid #999;
    box-shadow: 0rem 0rem 0 0 transparent;
    color: #999;
  }
}
*[id^=order-step] .go-to-next button,
*[id^=order-step] .go-to-next input {
  line-height: 6rem;
  height: 6rem;
  margin: 0 auto;
}
*[id^=order-step] .go-to-next button .next-description,
*[id^=order-step] .go-to-next input .next-description {
  font-size: 1.4rem;
  font-weight: 300;
}
*[id^=order-step] .go-to-next button:disabled,
*[id^=order-step] .go-to-next input:disabled {
  border: 0.2rem solid #999;
  box-shadow: 0rem 0rem 0 0 transparent;
  color: #999;
}
*[id^=order-step] .link-to-prev {
  margin: 0 auto 6rem;
  text-align: center;
}

#estimate .go-to-next {
  margin: 4rem auto 8rem;
  text-align: center;
}
#estimate .go-to-next a,
#estimate .go-to-next button,
#estimate .go-to-next input[type=submit] {
  text-decoration: none;
  text-align: center;
  border: 2px solid #3A80A3;
  background: white;
  line-height: 1;
  padding: 0 4rem;
  width: auto;
  font-size: 1.6rem;
  font-weight: 500;
  display: inline-block;
  box-shadow: 4px 4px 0 0 #3A80A3;
  box-sizing: content-box;
  width: calc(100% - 4rem);
  max-width: 34.5rem;
}
#estimate .go-to-next a, #estimate .go-to-next a:link, #estimate .go-to-next a:visited,
#estimate .go-to-next button,
#estimate .go-to-next button:link,
#estimate .go-to-next button:visited,
#estimate .go-to-next input[type=submit],
#estimate .go-to-next input[type=submit]:link,
#estimate .go-to-next input[type=submit]:visited {
  color: #3A80A3;
}
#estimate .go-to-next a:hover, #estimate .go-to-next a:active,
#estimate .go-to-next button:hover,
#estimate .go-to-next button:active,
#estimate .go-to-next input[type=submit]:hover,
#estimate .go-to-next input[type=submit]:active {
  color: #6199b5;
  box-shadow: 4px 4px 0 0 #6199b5;
  border: 2px solid #6199b5;
}
@media (max-width: 800px) {
  #estimate .go-to-next a,
  #estimate .go-to-next button,
  #estimate .go-to-next input[type=submit] {
    line-height: 6rem;
    height: 6rem;
    padding: 0;
  }
  #estimate .go-to-next a:disabled,
  #estimate .go-to-next button:disabled,
  #estimate .go-to-next input[type=submit]:disabled {
    border: 0.2rem solid #999;
    box-shadow: 0rem 0rem 0 0 transparent;
    color: #999;
  }
}
#estimate .go-to-next button,
#estimate .go-to-next input {
  line-height: 6rem;
  height: 6rem;
  margin: 0 auto;
}
#estimate .go-to-next button:disabled,
#estimate .go-to-next input:disabled {
  border: 0.2rem solid #999;
  box-shadow: 0rem 0rem 0 0 transparent;
  color: #999;
}

#estimate_designs {
  margin: 0 4rem;
}

#estimated-result {
  font-size: 1.6rem;
}
#estimated-result #total,
#estimated-result table {
  margin: 0 auto 2rem;
  max-width: 70rem;
  width: 100%;
}

#order-step1 h3::first-letter {
  margin-right: 2rem;
}

#estimate .form-element-container,
#order-step1 .form-element-container {
  margin-left: 4rem;
}
#estimate .form-element,
#order-step1 .form-element {
  margin: 2rem 0;
}

#order-step2 h2 {
  background: black;
  height: 5rem;
  line-height: 5rem;
  color: white;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  padding: 0 1em;
  margin: 6rem 0 4rem;
}
#order-step2 #questionnaire {
  background: rgba(58, 128, 163, 0.1);
  padding: 2rem;
}
#order-step2 #questionnaire h3 {
  margin: 0 0 1rem 0;
  font-size: 1.6rem;
  font-weight: 500;
}
#order-step2 .set-address, #order-step2 .set-shipping-address {
  background: black;
  color: white;
  height: 5rem;
  line-height: 5rem;
  padding: 0 2rem;
  font-size: 1.6rem;
  border: none;
  white-space: nowrap;
}
#order-step2 .set-address:hover, #order-step2 .set-address:active, #order-step2 .set-shipping-address:hover, #order-step2 .set-shipping-address:active {
  background: #333333;
}

#order-step3 h2 {
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  font-weight: 500;
  margin: 4rem 0 2rem;
}
#order-step3 h3 {
  margin-bottom: 1rem;
  font-size: 1.6rem;
}
#order-step3 table {
  margin: 0 auto 4rem;
  max-width: 88rem;
  width: 100%;
}
#order-step3 th {
  text-align: left;
  white-space: nowrap;
}
#order-step3 #total {
  max-width: 88rem;
}
#order-step3 .fixed-header-width th {
  width: 30rem;
}

#total {
  background: white;
  border: 1px solid #666;
  padding: 2rem;
}
#total .inner {
  text-align: right;
}
#total .price {
  font-size: 2.4rem;
  font-weight: 500;
  margin: 0 0.2rem 0 3rem;
}
#total .tax {
  font-size: 1.4rem;
}
#total .note {
  margin-top: 1rem;
}
#total #per-unit-price {
  font-size: 1.3rem;
  text-align: right;
  margin-bottom: 1rem;
}
#total #per-unit-price .tax {
  font-size: 1.1rem;
}

.back-to-estimate {
  margin: 4rem auto 8rem;
  text-align: center;
}
.back-to-estimate a,
.back-to-estimate button,
.back-to-estimate input[type=submit] {
  text-decoration: none;
  text-align: center;
  border: 2px solid black;
  background: white;
  line-height: 1;
  padding: 0 4rem;
  width: auto;
  font-size: 1.6rem;
  font-weight: 500;
  display: inline-block;
  box-shadow: 4px 4px 0 0 black;
  box-sizing: content-box;
  width: calc(100% - 4rem);
  max-width: 34.5rem;
}
.back-to-estimate a, .back-to-estimate a:link, .back-to-estimate a:visited,
.back-to-estimate button,
.back-to-estimate button:link,
.back-to-estimate button:visited,
.back-to-estimate input[type=submit],
.back-to-estimate input[type=submit]:link,
.back-to-estimate input[type=submit]:visited {
  color: black;
}
.back-to-estimate a:hover, .back-to-estimate a:active,
.back-to-estimate button:hover,
.back-to-estimate button:active,
.back-to-estimate input[type=submit]:hover,
.back-to-estimate input[type=submit]:active {
  color: #333333;
  box-shadow: 4px 4px 0 0 #333333;
  border: 2px solid #333333;
}
@media (max-width: 800px) {
  .back-to-estimate a,
  .back-to-estimate button,
  .back-to-estimate input[type=submit] {
    line-height: 6rem;
    height: 6rem;
    padding: 0;
  }
  .back-to-estimate a:disabled,
  .back-to-estimate button:disabled,
  .back-to-estimate input[type=submit]:disabled {
    border: 0.2rem solid #999;
    box-shadow: 0rem 0rem 0 0 transparent;
    color: #999;
  }
}
.back-to-estimate a {
  line-height: 6rem;
  height: 6rem;
  margin: 0 auto;
}

#order-step4 .message {
  text-align: center;
}
#order-step4 .about-order-number {
  width: 34rem;
  margin: 2rem auto 4rem;
  font-size: 1.4rem;
}

#order-number {
  font-size: 2rem;
  border: 0.2rem solid black;
  background: white;
  padding: 1.4rem 0;
  letter-spacing: 0.05em;
  width: 34.5rem;
  margin: 4rem auto;
  text-align: center;
  color: black;
}

/*    FOR DEVELOPMENT
/*
/*    【使い方】
/*
/*
/*    ※ このCSSは最後に読み込んでください
/*
/*    ※ <div class="et-dev"></div> の中に書くと適用されます
/*
----------------------------------------------*/
.et-dev {
  width: 1100px;
  margin: 20px auto;
  padding: 20px;
  background: #efefef;
  /* link ---------------------------------*/
  /* header ---------------------------------*/
  /* form ---------------------------------*/
  /* table ---------------------------------*/
}
.et-dev * {
  color: black;
  box-sizing: border-box;
  font-size: 16px;
}
.et-dev html, .et-dev body, .et-dev div, .et-dev span, .et-dev p, .et-dev a, .et-dev del, .et-dev em, .et-dev img, .et-dev ol, .et-dev ul, .et-dev li, .et-dev fieldset, .et-dev form, .et-dev label, .et-dev table, .et-dev tr, .et-dev th, .et-dev td {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
.et-dev article, .et-dev aside, .et-dev details, .et-dev figcaption, .et-dev figure,
.et-dev footer, .et-dev header, .et-dev hgroup, .et-dev menu, .et-dev nav, .et-dev section, .et-dev div {
  display: block;
}
.et-dev div, .et-dev p {
  display: block;
  margin: 10px 0;
  line-height: 1.5;
}
.et-dev ol, .et-dev ul, .et-dev dl {
  margin: 10px 0;
}
.et-dev ol, .et-dev ul {
  padding: 0 0 0 20px;
}
.et-dev ul {
  list-style-type: disc;
}
.et-dev ol {
  list-style-type: decimal;
}
.et-dev dd {
  margin-left: 2em;
}
.et-dev img {
  max-width: 100%;
  height: auto;
  width: auto;
}
.et-dev hr {
  border: none;
  border-top: 1px solid black;
  margin: 20px 0;
}
.et-dev a {
  text-decoration: underline;
}
.et-dev a:link, .et-dev a:visited {
  color: #3A80A3;
}
.et-dev a:hover, .et-dev a:active {
  color: #4e8dac;
}
.et-dev h1, .et-dev h2, .et-dev h3, .et-dev h4, .et-dev h5, .et-dev h6 {
  font-weight: bold;
  margin: 40px 0;
}
.et-dev h1 {
  font-size: 20px;
}
.et-dev h2 {
  font-size: 19px;
}
.et-dev h3 {
  font-size: 18px;
}
.et-dev h4 {
  font-size: 17px;
}
.et-dev form * {
  font-size: 16px;
}
.et-dev input[type=text],
.et-dev input[type=search],
.et-dev input[type=password],
.et-dev input[type=email],
.et-dev input[type=url],
.et-dev input[type=datetime],
.et-dev input[type=datetime-local],
.et-dev input[type=date],
.et-dev input[type=month],
.et-dev input[type=week],
.et-dev input[type=time],
.et-dev input[type=tel] {
  background: white;
  border: 1px solid #999;
  padding: 1em;
  height: 50px;
  line-height: 50px;
}
.et-dev input[type=color] {
  border: 1px solid #999;
  padding: 0;
  height: 50px;
  line-height: 50px;
}
.et-dev input[type=file] {
  height: 50px;
}
.et-dev input[type=checkbox],
.et-dev input[type=radio] {
  display: inline-block;
  width: 1em;
  height: 1em;
}
.et-dev input[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}
.et-dev input[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}
.et-dev button, .et-dev input[type=button],
.et-dev input[type=submit],
.et-dev input[type=reset] {
  border: none;
  border-radius: 4px;
  padding: 0 20px;
  background: black;
  color: white;
  height: 5rem;
  line-height: 5rem;
}
.et-dev select {
  border: 1px solid #999;
  border: auto;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
}
.et-dev table {
  margin: 1rem 0;
}
.et-dev table, .et-dev tr, .et-dev th, .et-dev td {
  border: 1px solid black;
  border-collapse: collapse;
}
.et-dev th, .et-dev td {
  padding: 2rem;
}