@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');

:root {
  --samuraiBlue :#0E62AD;
  --samuraiGreen : #47A3A3;
}
html {
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  height: 100%;
  font-size: 0.67vw;
  font-size: 62.5%;
}
body {
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans JP','Montserrat', sans-serif;
  color: #000;
  font-size: 1.6rem;
  letter-spacing: 0.056vw;
  font-feature-settings: "palt" 1;
}
label {
  width: auto;
  max-width: auto;
}
.red {
  color: #ff0000;
}
h1 {
  font-size: 3.2rem;
}
h2 {
  font-size: 3rem;
}
h3 {
  font-size: 2.8rem;
}
h4 {
  font-size: 2.6rem;
}
h5 {
  font-size: 2.4rem;
}
p {
  line-height: 1.4;
}

@media (max-width: 767px) {
  body {
    font-size: 1.3rem;
  }
  h1 {
    font-size: 2.2rem;
  }
  h2 {
    font-size: 2rem;
  }
  h3 {
    font-size: 1.8rem;
  }
  h5 {
    font-size: 1.6rem;
  }
  h5 {
    font-size: 1.5rem;
  }
  p {
    line-height: 1.3;
  }
  .smp-block {
    display: block;
  }
}
a {
  color: var(--samuraiBlue);
  text-decoration: none;
}
a:link {
  color: var(--samuraiBlue);
  text-decoration: none;
}
a:visited {
  color: var(--samuraiBlue);
  text-decoration: none;
}
a:hover {
  color: inherit;
  text-decoration: underline;
}
a:active {
  color: rgba(71, 71, 71, 1.00);
}
a img {
  transition: 0.5s;
}
a:hover img {
  opacity: 0.8;
  transition: 0.5s;
}
@media screen and (min-width:598px) {
  a.tel_link {
    color: inherit;
    text-decoration: none;    
  }
}
.hover_img {
  overflow: hidden;
  display: block;
}
.hover_img img{
 transition:1s all;
}
.hover_img img:hover{
  transform:scale(1.04,1.04);
  transition:0.4s all;
}
/*-form
-------------------------------------------------------------------*/
 
.form_small {
  width: 5rem;
  height: 1.4rem;
  font-size: 1.2rem;
  background-color: rgba(247,247,247,1.00);
}
.form_middle {
  width: 1.2rem;
  height: 1.4rem;
  font-size: 1.2rem;
  background-color: rgba(255,255,255,1.00);
}
.form_long {
  width: 26rem;
  height: 1.4rem;
  font-size: 1.2rem;
  background-color: rgba(255,255,255,1.00);
}
input[type="text"],input[type="email"],input[type="tel"],input[type="password"],textarea {
  box-shadow: none;
  border: none;
  padding: 0.5rem;
  border-radius: 1rem;
  width: 100%;
  background-color: #E7F5F5;
}
/*  header#globalHeader　----------------------------------------------------*/
header#globalHeader .container-fluid { 
  position: relative;
}
header#globalHeader li a {
  text-decoration: none;
}
header#globalHeader li a:hover {
  opacity: 0.6;
}
header#globalHeader.fixed {
  position: sticky;
  top: 0px;
  left: 0px;
  z-index: 9999;
  width: 100%;
  background-color: #FFFFFF;
  animation: DownAnime 1s forwards;
}
@keyframes DownAnime{
  from {
    opacity: 0;
  transform: translateY(-100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}
nav.headNav {
  position: absolute;
  top: 50%;
  right: 6rem;
  transform: translateY(-50%);
}
ul.mainNav li {
  display: flex;
  align-items: center;
  margin-left: 2rem;
}
ul.mainNav li a {
  color: #000;
}
ul.mainNav li i {
  margin-right: 0.6rem;
}
ul.subNav {
  margin-left: 2rem;
  align-items: center;
}
ul.subNav li:first-child a {
  border-radius: 1rem 0 0 1rem;
  padding: 1rem 0.7rem 1rem 1rem;
}
ul.subNav li:last-child a {
  border-radius: 0 1rem 1rem 0;
  padding: 1rem 1rem 1rem 1rem;
}
ul.subNav li a {
  padding: 1rem 2rem;
  display: flex;
  align-items: center;
  color: #fff;
  line-height: 1.4;
  background-color: var(--samuraiBlue);
  transition: 0.6s;
}
ul.subNav li a:hover {
  background-color: #3a94e5;
   transition: 0.6s;
}
ul.subNav li a i {
  margin-right: 0.6rem;
  display: flex;
  align-items: center;
}
ul.subNav li:first-child {
  border-right :1px solid #125088;
}
ul.subNav li:last-child {
  border-left :1px solid #82ABD0;
}
.navbar-brand {
  padding: 1rem 0 1rem 1rem;
  position: relative;
  z-index: 9999;
  margin-right: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.navbar-brand img {
  margin-right: 15px;
  zoom: 1.4;
}
.navbar-brand p {
  display: none;
  line-height: 1.2;
  font-weight: 700;
}
.navbar-brand p.active {
  display: block;
}
.open-nav {
  cursor: pointer;
}
.open-nav:hover {
  opacity: 0.8;
}
#home .open-nav {
  display: none;
}
.collapse {
  position: absolute;
  top: 6.5rem;
  right: 0;
  width: 100%;
  z-index: 99998;
  padding: 4rem;
  background-color: #fff;
}
.collapse__inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.productNav h4 {
  width: 100%;
  margin-bottom: 1.5rem;
  color: var(--samuraiBlue);
}
.productNav ul {
  width: 50%;
  padding: 0;
  list-style: none;
}
.productNav ul li {
  margin-bottom: 2rem;
}
.productNav {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.productNav h4 {
  width: 100%;
  margin-bottom: 1.5rem;
  color: var(--samuraiBlue);
}
.productNav ul {
  width: 50%;
  padding: 0;
  list-style: none;
}
.productNav ul li {
  margin-bottom: 2rem;
}
.productNav ul li a {
  display: flex;
  align-items: center;
}
.productNav ul li i {
  width: 2.7rem;
  display: block;
  margin-right: 0.6rem;
}
nav.sepalete {
  display: flex;
  flex-wrap: wrap;
}
nav.sepalete h4 {
  width: 100%;
}
nav.sepalete ul {
  width: 50%;
}
 @media (max-width: 1480px) {

  .productNav ul li {
    font-size: 1.3rem;
  }
  .productNav ul li img {
    zoom: 0.7;
  }
  .arrowNav li {
    font-size: 1.3rem;
  }
 }
@media (max-width: 1178px) {
  .arrowNav.sepalete {
    padding-left: 0rem;
  }
  .arrowNav {
    padding-left: 11rem;
  }
}
@media (max-width: 922px) {
  .productNav ul li i {
    width: 1.7rem;
  }
  .arrowNav {
    padding-left: 0rem;
  }
}
@media (max-width: 767px) {
  #globalHeader .container-fluid {
    padding-right: 10px;
    padding-left: 10px;
  }
  ul.subNav li a span {
    display: none;
  }
  .navbar-brand p.active {
    margin-left: 7px;
    font-size: 1rem;
  }
  ul.subNav {
    margin-left: 0;
    margin-top: 5px;
  }
  .productNav h4 {
    font-size: 1.8rem;
  }
  .arrowNav h4 {
    font-size: 1.8rem;
  }
}

.globalNav {

}
/*トグルボタン----------------------------------*/
.toggle {
  background-color: transparent;
  border-style: none;
  z-index: 99999;
  position: absolute;
  top: 25px;
  right: 15px;
}
.toggle:focus {
  outline: none;
}
.pc {
  display: none;
}
@media (min-width: 991px) {
  .smp {
    display: none;
  }
  .pc {
    display: inline-block;
  }
}
@media (max-width: 991px) {
  /*body.active {
    height: 100vh;
    overflow-y: hidden;
  }
  */
  .navbar-collapse {
    width: 100%;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.95);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9998;
  }
}
.navbar-toggle-anime, .navbar-toggle-anime span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.navbar-toggle-anime {
  position: relative;
  width: 26px;
  height: 20px;
}
.navbar-toggle-anime span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--samuraiBlue);
  border-radius: 4px;
}
.navbar-toggle-anime span:nth-of-type(1) {
  top: 0;
}
.navbar-toggle-anime span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
}
.navbar-toggle-anime span:nth-of-type(3) {
  bottom: 0;
}
.navbar-toggle-anime.active span:nth-of-type(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
}
.navbar-toggle-anime.active span:nth-of-type(2) {
  opacity: 0;
}
.navbar-toggle-anime.active span:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(315deg);
  transform: translateY(-9px) rotate(315deg);
}
@media (max-width:1170px) {
  .navbar-brand {
    padding: 2rem 0;
    position: relative;
    z-index: 9999;
    margin-right: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .navbar-brand img {
    margin-right: 0;
    zoom: 0.9;
  }
  .navbar-brand p {
      display: none;
  }
}
@media (max-width:1024px) {
  .mainNav {
    display: none;
  }
}
@media (max-width:767px) {
  .navbar-brand {
    padding: 1rem 0;
  }
  .toggle {
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }
  nav.headNav {
    top: 8px;
    right: 5rem;
    transform: translateY(0);
  }
  ul.subNav li {
    font-size: 1.2rem;
  }
  ul.subNav li a {
    padding: 1rem;
  }
  ul.subNav li a i {
    margin-right: 0;
  }
   ul.subNav li a i img {
    zoom: 0.7;
    margin-top: -3px;
   }
   .collapse {
    top: 4.5rem;
    padding: 2rem;
    overflow-y: scroll;
    height: 100vh;
   }
   .collapse__inner {
    padding-bottom: 2rem;
  }
  .productNav li {
    font-size: 1.2rem;
  }
}
/*  footer#globalFooter　----------------------------------------------------*/
footer#globalFooter {
  border-top :1px solid #125088;
  clear: both;
  width: 100%;
  background-color: #c7e0f8;
  padding-block: 3rem;
}
footer#globalFooter nav ul li a {
  text-decoration: none;
}

.footerNav {
  color: #fff;
  background-color: var(--samuraiBlue);
  padding: 1rem 2rem;
}
.footerNav {
  display: flex;
  align-items: center;
  display: none;
}
.footerNav h3 {
  color: #fff;
  margin-right: 2.5rem;
  font-size: 1.8rem;
}
.footerNav li {
  margin-right: 2rem;
}
.footerNav li a {
  color: #ffffff;
  text-decoration: none;
  transition: 0.5s;
}
.footerNav li a:hover {
  color: rgba(255, 255, 255, 0.6);
  transition: 0.5s;
}
.footer {
  display: flex;
  justify-content: space-between;
  padding: 2rem;
}
.footer h4 {
  font-size: 1.6rem;
}
.footer .flogo {
  display: flex;
  gap: 2rem;
  align-items: center;
  margin-bottom: 2rem;
}
.footer .fNav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footer .fNav nav {}
.arrowNav h4 {
  margin-bottom: 1.5rem;
  color: var(--samuraiBlue);
}
.arrowNav ul {
  padding: 0;
  list-style: none;
  font-size: 1.3rem;
}
.arrowNav li {
  margin-bottom: 0.6rem;
}
.arrowNav li a {
  position: relative;
  padding-left: 1rem;
  color: #000000;
}
.arrowNav li a:before {
  content: "";
  background: #125088;
  height: calc(tan(26deg) * 26px / 2);
  width: 6px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  left: 0;
  top: 7px;
}
.footer .company h4 {
  color: var(--samuraiBlue);
  margin-bottom: 0.6rem;
}
.page-top {
  right: -50px;
  bottom: 50px;
  position: fixed;
}
.page-top a {
  border-radius: 10rem;
  background-color: #333;
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  display:block;
  position: relative;
}
.page-top a:after {
  content: "";
  display: block;
  background: #ffffff;
  height: calc(tan(60deg) * 60px / 2);
  width: 10px;
  height: 10px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  position: absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
}
/* copyright　----------------------------------------------------*/
footer#globalFooter p.copyright {
  text-align: center;
}
@media (max-width:767px) {
  .footerNav {
    padding: 1rem 1rem;
  }
  .footerNav {
    display: block;
    text-align: center;
    display: none;
  }
  .footerNav h3 {
    margin-right: 0;
    margin-bottom: 1rem;
  }
  .footerNav li {
    margin-right: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 0.6rem;
  }
  .footer {
    padding: 1rem 0;
  }
  .footer .flogo {
    display: flex;
    gap: 2rem;
    align-items: center;
    margin-bottom: 2rem;
  }
  .footer .flogo img {
    zoom: 0.7;
  }
  .footer .flogo p {
    font-size: 1.2rem;
    line-height: 1.3;
  }
  .arrowNav {
    width: 48%;
  }
  .arrowNav ul {
    font-size: 1.2rem;
    margin-bottom: 2rem;
  }
  .arrowNav li {
    margin-bottom: 0.6rem;
  }
  nav.sepalete ul {
    width: 100%;
  }
}


/* common ----------------------------------------------------*/
.contentSec {
  margin-bottom: 15rem;
}
.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.flex-start {
  justify-content: flex-start;
}
.flex-center {
  justify-content:center;
}
.flex-end {
  justify-content:flex-end;
}
.flex-around {
  justify-content:space-around;
}
.center_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
main {
  border-top: 2px solid var(--samuraiBlue);
}
@media (max-width:767px) {
  .flex {
    display: block;
  }
  .contentSec {
    margin-bottom: 5rem;
  }
}
.ankerhack {
  padding-top: 200px;
  margin-top: -200px;
}
/*  ------------------------------------------------------------------------------*/
/* COMMON */

.button a,
.button input {
  display: block;
  width:100%;
  max-width: 310px;
  text-align: center;
  color: #ffffff;
  text-decoration: none!important;
  background-color: var(--samuraiBlue);
  font-weight: bold;
  padding: 20px 0;
  border-radius: 100px;
  margin-inline: auto;
  transition: .4s;
}

.button a:hover,
.button input:hover {
  background-color: #fff;
  color: #fff;
  background-color: #3195ee;
}

.button-g a,
.button-g input {
  display: block;
  width:100%;
  max-width: 310px;
  text-align: center;
  color: #ffffff;
  text-decoration: none!important;
  background-color: var(--samuraiGreen);
  font-weight: bold;
  padding: 20px 0;
  border-radius: 100px;
  margin-inline: auto;
  transition: .4s;
}

.button-g a:hover,
.button-g input:hover {
  background-color: #7ac5c5;
  color: #fff;
}

.serviceNav {
  background-color: var(--samuraiBlue);
  padding: 0;
  display: none;
}
.home .serviceNav {
  display: block;
}
@media (max-width:767px) {
  .serviceNav {
    display: none;
  }
}
.serviceNav nav {
  display: block;
  width: 100%;
  margin-inline: auto;
}
.serviceNav nav ul.nav {
    align-items: center;
    display: flex;

}
/* 2段10メニュー用 
.serviceNav nav ul.nav li {
    width: 20%;
    text-align: center;
    border: 0.5px solid rgba(255,255,255,0.2);
}
.serviceNav nav ul.nav li a {
  color: #ffffff;
  display: block;
  padding-block: 0.7rem;
  width: 100%;
  background-color: var(--samuraiBlue);
}
*/

.serviceNav nav ul.nav li {
  font-size: clamp(1.3rem, 1vw, 1.5rem);
  width: 20%;
  text-align: center;
}
.serviceNav nav ul.nav li a { color: rgb(255, 255, 255); display: block; padding-block: 1rem; width: 100%; background-color: var(--samuraiBlue); }

.serviceNav nav ul.nav li a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.serviceNav nav ul.nav li a i {
  margin-right: 0.5rem;
}
.serviceNav nav ul.nav li a i img {
  margin-top: -5px;
}

/* 7メニュー用*/
@media (max-width: 1280px) {
  .serviceNav nav ul.nav li {
    width: 33.33333337%;
  }
}


@media (max-width: 690px) {
  .serviceNav nav ul.nav li {
    width:50%;
    text-align: left;
    padding-inline: 10px;
    font-size: 1rem;
  }
}

/* 固定--最短納期　*/
/*
.deadline button.btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  background-color: #FF0000;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 700;
  writing-mode: vertical-rl;
  padding: 1rem;
  border-radius: 1rem 0 0 1rem;
  letter-spacing: 0.6rem;
  position: fixed;
  right: 0;
  top: 20%;
  opacity: 0;
  animation-name: mvStart;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  z-index: 999999;
}*/
.deadline {
  background-color: #FF0000;
  z-index: 9999;
  position: relative;
  position: fixed;
  bottom: 0;
  right: 5%;
  background-color: #FF0000;
  border-radius: 1rem 1rem 0 0;
  padding-inline: 6px;
  letter-spacing: 0;
 }
 .deadline__inner {
  width: 100%;
  margin-inline: auto;
 }
.deadline__inner.anime {
  animation: heightAnime 1s forwards;
}
@keyframes heightAnime {
  from {
    height: auto;
  }
  to {
    height: 0;
  }
}
.deadline__inner .close {
  background-color: #ffffff;
  width: 24px;
  height: 24px;
  border-radius: 100px;
  color: #ff0000;
  font-size: 1.6rem;
  font-weight: 700;
  position: absolute;
  top: -12px;
  right: -12px;
  cursor: pointer;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 1.3;
}
.deadline__inner.active {
  display: none;
}
.deadline h2 {
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  padding-block: 0.5rem;
  color: #ffffff;
}
.deadline__inner-block {
  background-color: #ffffff;
  border-radius: 1rem;
  padding: 0.5rem 1rem 1rem;
  text-align: center;
  margin-bottom: 0.6rem;
}
.deadline__inner-block p {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.1;
}
.deadline__inner-block p span {
  font-size: 2.6rem;
  color: #B40119;
}
.deadline__inner-block p b {
  color: #B40119;
}
.deadline__inner a {
  display: block;
  text-align: right;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  padding-right: 10px;
  position: relative;
  margin-bottom: 1rem;
}
.deadline__inner a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  background: #fff;
  height: calc(tan(26deg) * 26px / 2);
  width: 6px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.deadline__inner a:hover {
  opacity: 0.6;
}
.oderTime {
  padding-bottom: 0.6rem;
  border-bottom: 1px solid #333;
}
.deadline__inner-block p.time {
  font-size: 80%;
}
.deadline__inner-block p.time span {
  font-size: 2rem;
}
@media (max-width: 767px) {
  .deadline {
    width: 56%;
    right: auto;
    left:5%;
  }
  .deadline h2 {
    font-size: 1.4rem;
  }
  .deadline__inner-block p {
    font-size: 1.3rem;
  }
  .deadline__inner-block p span {
    font-size: 1.6rem;
  }
    .deadline__inner a {
        font-size: 1.2rem
    }
  .deadline button.btn {
    font-size: 1.5rem;
    writing-mode: horizontal-tb;
    padding: 1rem;
    letter-spacing: 0.2rem;
    border-radius: 1rem 1rem 0 0;
    right: auto;
    left: 5px;
    top: auto;
    bottom: 0;
  }
  .deadline__inner a:after {
    top: 7px;
  }
  .page-top {
    bottom: 5px;
  }
}

/* home ------------------------------------------------------------------------------*/
.mv {
  position: relative;
}
.bg {
  opacity: 0;
  animation-name: mvStart;
  animation-duration: 4s;
  animation-fill-mode: forwards;
}
.mv .mc {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  opacity: 0;
  animation-name: mcStart;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  animation-delay: 2s;
}
@keyframes mvStart{ 
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mcStart{
  0% {
    opacity: 0;
  }
  50% {
    scale: 120%;
    opacity: 1;
  }
  100% {
    scale: 100%;
    opacity: 1;
  }
}
.mc img {
  width: 100%;
  max-width: 36rem;
  height: auto;
}

/* PRバナーエリア */
.pr-banner {
  padding-block: 5rem 3rem;
}
.pr-banner .flex {
  column-gap: 3rem;
}
.pr-banner__box {
  width: 48%;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .pr-banner__box {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}
/* 製品から選ぶ */
.homeService {
  background-color: #D2ECED;
  padding-block: 5rem;
}
.homeService h2 {
  text-align: center;
  margin-bottom: 3rem;
}
.homeService h2 + p {
  text-align: center;
  margin-bottom: 3rem;
}
.homeService .row {
  row-gap: 3rem;
}



/* 売れている印刷商品 */
.buy {
  padding-block: 5rem;
}
.buy h2 {
  text-align: center;
  margin-bottom: 3rem;
}
.buy h2 + p {
  text-align: center;
  margin-bottom: 3rem;
}
.buy .row {
  row-gap: 3rem;
}
.buy__box {
  border-radius: 1rem;
  border: 1px solid #707070;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
.buy__box-info {
  width: 70%;
  display: flex;
  padding: 15px;
  flex-direction: column;
  justify-content: flex-start;
}
.buy__box-info h3 {
  font-size: 1.5rem;
  margin-bottom: 2rem;
}
.buy__box-info p.lot {}
.buy__box-info p.price {
  color: #ff0000;
}
.buy__box-info .btn {
  margin-block: 1rem 0.2rem;
}
.buy__box-info .btn a {
  display: block;
  background-color: #ff0000;
  border-radius: 100px;
  width: 100%;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  font-size: 1.3rem;
  font-weight: 700;
  padding-block: 0.7rem;
}
.buy__box-info p.day b {
  font-size: 2.6rem;
  color: #ff0000;
}
.buy__box-icon {
  border-radius: 0 0.9rem 0.9rem 0;
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.buy__box-icon img {
  zoom: 0.9;
}
.buy__box-icon.namecard {
  background-color: #FF9F9F;
}
.buy__box-icon.futo {
  background-color: #C8E5FA;
}
.buy__box-icon.aisatsu {
  background-color: #B2F4D5;
}
.buy__box-icon.hagaki {
  background-color: #FAD190;
}
.buy__box-icon.flyer {
  background-color: #FFE6F8;
}
.buy__box-icon.smartPhone {
  background-color: #E4BFED;
}
.buy__box-icon.carendar {
  background-color: #F2F262;
}
.buy__box-icon.sticker {
  background-color: #B8EF81;
}
.buy__box-icon.apparel {
  background-color: #D6D6D6;
}

/* 印刷活用事例 */
.works {
  background-color: #FFFCE8;
  padding-block: 5rem;
}
.works h2 {
  text-align: center;
  margin-bottom: 3rem;
}
.works h2 + p {
  text-align: center;
  margin-bottom: 3rem;
}
.works .row {
  row-gap: 3rem;
}
.works__post {
  border-radius: 1rem;
  border: 1px solid #707070;
  background-color: #fff;
}
.works__post picture {
  display: block;
  border-radius: 1rem 1rem 0 0;
  overflow-y: hidden;
  margin-bottom: 1.5rem;
}
.works__post picture img {
  aspect-ratio: 16 / 8;
  object-fit: cover;
}
.works__post .category {
  background-color: #cccccc;
  padding: 0.5rem;
  border-radius: 5px;
  color: #ffffff;
  font-size: 1.3rem;
  font-weight: 700;
  margin-left: 1.5rem;
  max-width: 200px;
  display: inline-block;
}
.works__post .category i {
  margin-right: 0.6rem;
}
.works__post .category i img {
  margin-top: -4px;
}
.works__post .category.meishi {
  background-color: #FF0000;
}
.works__post .category.futo {
  background-color: #115691;
}
.works__post .category.aisatsu {
  background-color: #43C195;
}
.works__post .category.hagaki {
  background-color: #C18345;
}
.works__post .category.smartPhone {
  background-color: #9654C6;
}
.works__post .category.calendar {
  background-color: #C1B636;
}
.works__post .category.sticker {
  background-color: #8EBE5F;
}
.works__post .category.apparel {
  background-color: #838383;
}
.works__post p {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  padding: 1.5rem;
}

/* 下部バナー　*/
.bannerSecond {
  padding-block: 5rem;
}
.bannerSecond h2 {
  text-align: center;
  margin-bottom: 3rem;
}
.bannerSecond h2 + p {
  text-align: center;
  margin-bottom: 3rem;
}
.bannerSecond .row {
  row-gap: 3rem;
}

/* お知らせ/カレンダー */
.info {
  padding-bottom: 5rem;
}
.info .row {
  row-gap: 3rem;
}
.info .col-sm-6 {
  display: flex;
  flex-direction: column;
}
.info__inner {
  height: 100%;
  border-radius: 1rem;
  border: 1px solid #707070;
}
.info__inner h2 {
  font-size: 1.8rem;
  color: #ffffff;
  background-color: #cccccc;
  padding: 1rem 2rem;
  border-radius: 1rem 1rem 0 0;
}
.info__inner-box {
  padding: 2rem;
}
.news h2 {
  background-color: #A3C4D5;
}
.calendar h2 {
  background-color: #F2A64E;
}
.info__inner-box ul {
  padding: 0;
  list-style: none;
}
.info__inner-box ul li {
  margin-bottom: 1.5rem;
}
.info__inner-box ul li .day {
  margin-right: 3rem;
}
.info__inner-box ul li a {
  text-decoration: none;
}
.info__inner-box ul li a:hover {
  text-decoration: underline;
}
/* カレンダー */
.left-cal-box {
  width: 100%;
}
.cal-table {
  width: 100%;
}
.cal-table th{
  font-size:12px;
  font-weight:bold;
  text-align:center;
}

.cal-table td{
font-size: 12px;
text-align: center;
border-bottom: 2px solid #FFF;
border-right: 2px solid #FFF;
}

.cal-holiday {
  background-color:#FF9900;
  color:#fff;
}

.cal-saturday {
  background-color:#CFF;
  color:#06C;
}

/** page share *
 * ******************************************************************************/
.breadNav {
  padding: 0.5rem 1.5%;
  background-color:rgba(0, 102, 204, 0.2);
}
.breadNav ul {
  list-style: none;
  padding: 0;
  display: flex;
}
.breadNav ul li {
  font-size: 1.2rem;
  color: #707070;
}
.breadNav ul li a {
  position: relative;
  color: #707070;
  padding-right: 18px;
}
.breadNav ul li a:after {
  content: "";
  position: absolute;
  right: 3px;
  top: 50%;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  width: 6px;
  height: 6px;
  transform: rotate(-45deg) translateY(-50%);
}
.pageTitleImg {
  padding-block: 2rem;
  background-color: var(--samuraiBlue);
  background-image: url(../../images/share/mark.svg);
  overflow: hidden;
  margin-bottom: 6rem;
  color: #fff;
}
.pageTitleImg img {
  width: 100%;
  height: auto;
  margin-bottom: 5rem;
  display: none;
}
.pageTitleImg h1 {
  text-align: center;
  font-size: 3rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pageTitleImg h1 img {
  height: 100%;
  max-height: 17rem;
  width: auto;
}
.pageTitleImg.cover .pageTitleImg__inner {
  position: relative;
  margin-bottom: 5rem;
  display: none;
}
.pageTitleImg.cover .pageTitleImg__inner img {
  margin-bottom: 0;
}

.pageTitleImg span {
  display: flex;
  position: absolute;
  justify-content: flex-start;
  align-items: center;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.otherPage {
  margin-bottom: 10rem;
}
.kikyaku__block {
  margin-bottom: 3rem;
}
.kiyaku h2,
.kiyaku h3,
.kiyaku h4 {
  background-color: var(--samuraiBlue);
  color: #ffffff;
  padding: 1.5rem;
  border-radius: 1rem;
  margin-block: 2rem 0rem;
  font-size: 1.8rem;
}
.kiyaku p {
  margin-block: 1rem 2rem;
}
.kiyaku ul {
  padding: 1.5rem;
  list-style: none;
  margin-bottom: 2rem;
}
.kiyaku ul li {
  line-height: 1.6;
  margin-bottom: 1rem;
}
.companyOutline {
  margin-bottom: 5rem;
}
.companyOutline h2 {
  text-align: center;
  margin-bottom: 3rem;
}
table.detail-table {
  width: 100%;
}
table.detail-table th {
  width: 24%;
  background-color: #EFFAFA;
  padding: 2rem;
  border: 1px solid#959595;
  white-space: nowrap;
}
table.detail-table td {
  padding: 2rem;
  border: 1px solid#959595;
}
.map {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9のアスペクト比 */
    height: 0;
}

.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 767px) {
  .kikyaku__block {
    margin-bottom: 1.5rem;
  }
  .kikyaku__block img {
    width: 100%;
    height: auto;
  }
}
/** ログイン *
 * ***********************************************************************************/
 .loginPage {
  margin-bottom: 10rem;
}
.loginPage__inner {
  margin-bottom: 3rem;
}
.loginPage__inner h2 {
  text-align: center;
  font-size: 2.2rem;
  padding: 1.5rem;
  color: #ffffff;
  margin-bottom: 3rem;
}
.loginForm h2 {
  background-color: var(--samuraiBlue);
}

.loginTb {
  background-color: #E6F5F5;
  padding: 2rem;
  border-radius: 2rem;
  margin-bottom: 1.5rem;
}
.loginTb table input {
  position: relative;
}
.loginTb input {
  background-color: #fff;
  padding: 1.5rem;
  margin-bottom: 1rem;

}

.registration h2 {
  background-color: var(--samuraiBlue);
}
.registration .button a {
  background-color: #EA8282;
  border:1px solid #EA8282;
  margin-bottom: 5rem;
}
.registration .button a:hover {
  color: #222 !important;
  background-color: #f6c9c9;
  border-color: #EA8282;
}




/** 会員登録 **
 * ******************************************************************************/

.registPage {
  margin-bottom: 10rem;
}
.regist-attention {
  background-color: #FFCC01;
  padding: 3rem 3rem 3rem 3rem;
  margin-bottom: 3rem;
  font-weight: 700;
  position: relative;
}
.regist-attention img {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
}
.registBox {
  background-color: #FCF7DB;
  padding: 3rem;
  position: relative;
  margin-block: 7rem 5rem;
}
.registBox h2 {
  font-size: 3rem;
  text-align: center;
  background-color: #5E8AB2;
  color: #ffffff;
  padding-block: 0.5rem;
  border-radius: 2rem;
  position: absolute;
  top: -3rem;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
}
.registBox__inner {
  padding: 3rem 1rem 1rem;
}
.registBox__inner p {
  background-color: #F4E6A7;
  padding: 1.5rem;
  width: 100%;
  margin-bottom: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.registBox__inner p strong {
  display: block;
  width: 40%;
}
.registBox__inner p span {
  display: block;
  width: 60%;
}

table.admin {
  width: 100%;
  margin: 24px auto;
  display: flex;
  flex-wrap: wrap;
}
table.admin th {
  padding: 16px 16px 16px 0px;
  border-bottom: 1px solid #eee;
  text-align: left;
  font-weight: normal;
  width: 24%;
  text-decoration: none;
}
table.admin td {
  width: 76%;
  padding: 16px;
  border-bottom: 1px solid #eee;
  text-decoration: none;
}
table.admin input {
  background: #ECF0F1;
  padding: 16px;
  border-style: none;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: normal;
  text-decoration: none;
}
table.admin input:focus {background-color:#ADD3CA;}
table.admin input.long {
  width: 600px;
}
table.admin input.mid {
  width: 450px;
}
table.admin input.short {
  width: 100px;
}
tablel.admin .selectArea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 380px;
  padding: 16px 45px 16px 10px;
  -moz-appearance: button;
  -webkit-appearance: button;
  appearance: button;
  text-overflow: clip;
  background: #ECF0F1 url(/images/ico_arrow.png) no-repeat 100% 50%;
  background-size: 36px 13px;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  margin: -4px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 1rem;
  height: 44px;
  font-size: 16px;
}

table.admin textarea {
  background: #ECF0F1;
  padding: 16px;
  border-style: none;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: normal;
}

dl.admin {
  width: 100%;
  margin: 24px auto;
  display: flex;
  flex-wrap: wrap;
}
dl.admin dt {
  padding: 16px 16px 16px 0px;
  border-bottom: 1px solid #eee;
  text-align: left;
  font-weight: normal;
  width: 24%;
  text-decoration: none;
}
dl.admin dd {
  width: 76%;
  padding: 16px;
  border-bottom: 1px solid #eee;
  text-decoration: none;
}
dl.admin input {
  background: #ECF0F1;
  padding: 16px;
  border-style: none;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: normal;
  text-decoration: none;
}
dl.admin input:focus {background-color:#ADD3CA;}
dl.admin input.long {
  width: 600px;
}
dl.admin input.mid {
  width: 450px;
}
dl.admin input.short {
  width: 100px;
}
.selectArea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 380px;
  padding: 16px 45px 16px 10px;
  -moz-appearance: button;
  -webkit-appearance: button;
  appearance: button;
  text-overflow: clip;
  background: #ECF0F1 url(/images/ico_arrow.png) no-repeat 100% 50%;
  background-size: 36px 13px;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  margin: -4px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 1rem;
  height: 44px;
  font-size: 16px;
}

dl.admin textarea {
  background: #ECF0F1;
  padding: 16px;
  border-style: none;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: normal;
}
input.short {
  width: 100px;
}
/* カート *
*****************************************************************************/
.cartPage {}
.cartFlow {
  margin-bottom: 5rem;
}
.cartFlow ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.cartFlow ul li {
  width: 16.6666667%;
  background-color: #7ECC8E;
  text-align: center;
  padding-block: 2rem;
  color: #ffffff;
  position: relative;
}
.cartFlow ul li:after {
  content: "";
  width: 1rem;
  height: 1rem;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 10;
  transform: rotate(-135deg) translateY(50%);
}
.cartFlow ul li:last-child:after {
  display: none;
}
.cartFlow ul li.active {
  color: rgba(255, 255, 255, 0.7);
}

.cartContent {
  margin-bottom: 15rem;
}
.cartContent h1 {
  background-color: #7ECC8E;
  color: #ffffff;
  padding-block: 1.5rem;
  text-align: center;
  font-size: 2rem;
}
.cartContent .banner {
  margin-bottom: 3rem;
}
.cartContent  p.info {
  margin-bottom: 3rem;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.6;
  padding: 0;
}
.cartContent  p.info b {
  color: #db0000;
}
.cartContent__wrap {
  border: 5px solid #cccccc;
  border-radius: 20px;
  overflow: hidden;
}
.cartContent__wrap .price {
  margin: 2rem 4rem;
  font-size: 3.6rem;
  color: #db0000;
  font-weight: 700;
  text-align: right;
}

.cartAlert {
  text-align: center;
  font-size: 30px;
  color: #FFF;
  background: #C23824;
  padding: 8px 0;
}

table.cartTable,table#price {
  width: 100%;
  margin: 16px 16px 0;
}
table.cartTable th {
  background: #ECF0F1;
  border-bottom: 1px solid #EEE;
  padding: 16px;
}
table.cartTable td {
  border-bottom: 1px solid #eee;
  padding: 16px;
}
table.cartTable .pname {
  text-align: left;
  vertical-align: middle;
  font-size: 12px;
  color: #333;
}
table.cartTable .pname img {
  vertical-align: middle;
  margin-right: 16px;
  border: 2px solid #E9EDEE;
  float: left;
}
.cartTable .select {
  display: block;
  font-size: 12px;
  padding-top: 16px;
  font-weight: normal;
  color: #666;
}
.cartTable .select a {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  background: #2B98DE;
  font-size: 12px;
  padding: 8px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-right: 6px;
}
.cartTable .select a:hover {
  background: var(--samuraiBlue);
}
table#price { margin-bottom:24px;}
table#price tr th {
  background: #ECF0F1;
  padding: 16px;
}
table#price tr td {
  font-size: 32px;
  text-align: right;
  padding: 16px;
  vertical-align: middle;
}
.twoColumnBtn {
  width: 100%;
  padding: 3rem;
  text-align: center;
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: wrap;
}
.twoColumnBtn a,
.twoColumnBtn input {
  color: #ffffff;
  font-weight: 700;
  padding-block: 2rem;
  border-radius: 1rem;
  text-decoration: none;
  background: var(--samuraiBlue);
  width: 44%;
  display: inline-block;
  border: none;
  cursor: pointer;
}
.twoColumnBtn a.cancel {
  background-color: #BDC3C7;
}
.cart-edit {
  padding: 3rem;
}
table.detail-table {
  width: 100%;
  border-top: 1px solid #959595;
  margin-top: -1px;
  margin-block: 15px;
}
table.detail-table th {
  padding: 16px;
  background-color: #ECF0F1;
  border-bottom: 1px solid #959595;
}
table.detail-table td {
  padding: 16px;
  border-bottom: 1px solid #959595;
  vertical-align: middle;
}
table.detail-table input {
  background: #ECF0F1;
  padding: 16px;
  border-style: none;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: normal;
}
table.detail-table textarea {
  background: #ECF0F1;
  border-style: none;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: normal;
  width: 100%;
}
table.detail-table input:focus {background-color:#ADD3CA;}

table.detail-table .selectArea {
  padding: 8px 45px 8px 10px;
  appearance: button;
  text-overflow: clip;
  border: none;
  border-radius: 0;
  margin: -4px 0 0;
  border-radius: 5px;
  margin-bottom: 1rem;
}
.selectAreaFree {
  width:100%;
  padding: 8px 45px 8px 10px;
  appearance: button;
  text-overflow: clip;
  border: none;
  border-radius: 0;
  margin: -4px 0 1rem;
  border-radius: 5px;
}
table.detail-table table {
  width: 100%;
}
dd {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .cart-edit {
    padding: 3rem 1.5rem;
  }
  dl.detail-table dt
  .cart-edit p {
    margin-bottom: 1.5rem;
    background-color: transparent;
  }
}

/*************************************************/
dl.detail-table {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
dl.detail-table dt {
  width: 24%;
  padding: 16px;
  background-color: #ECF0F1;
  border-bottom: 1px solid #FFFFFF;
}
dl.detail-table dd {
  width: 76%;
  padding: 16px;
  border-bottom: 1px solid #cfd0d0;
  vertical-align: middle;
}
dl.detail-table input {
  background: #ECF0F1;
  padding: 16px;
  border-style: none;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: normal;
}
dl.detail-table textarea {
  background: #ECF0F1;
  border-style: none;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: normal;
  width: 100%;
}
dl.detail-table input:focus {background-color:#ADD3CA;}

dl.detail-table .selectArea {
  padding: 8px 45px 8px 10px;
  appearance: button;
  text-overflow: clip;
  border: none;
  border-radius: 0;
  margin: -4px 0 0;
  border-radius: 5px;
  margin-bottom: 1rem;
}
.selectAreaFree {
  width:100%;
  padding: 8px 45px 8px 10px;
  appearance: button;
  text-overflow: clip;
  border: none;
  border-radius: 0;
  margin: -4px 0 1rem;
  border-radius: 5px;
}
dl.detail-table dl {
  width: 100%;
}

@media (max-width: 767px) {
  dl.detail-table dt {
    width: 100%;
    padding: 8px;
  }
  dl.detail-table dd {
    width: 100%;
    padding: 8px;
  }
}

/********************************************************/
.checkedBox {
  border-radius: 10px;
  margin: 20px 0px 10px;
  padding: 0px 0px 10px;
  border: 1px solid #cccccc;
  position: relative;
  text-align: center;
  width: 100%;
}
.checkedBox h3 {
  text-align: center;
  color: #FFFFFF;
  padding: 15px;
  font-size: 20px;
  font-weight: bold;
  
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-bottom: 10px;
}
.checkedBox .btnBox {
  padding-inline: 20px;
}
.checkedBox .box h4 {
  font-weight: bold;
  color: #333333;
  display: inline;
  line-height: 3;
}
.checkedBox .box img {
  margin: 0 5px;
}
.checkedBox .box {
  text-align: center;
}

.checkedBox h3 {
  margin-bottom: 20px;
  background-color: #2C97DE;
}
.checkedBox.right h3 {
  margin-bottom: 20px;
  background-color: #dc3545;
}
.checkedBox.right h3 .n {
  position: absolute;
  top: 7px;
  left: 50%;
  margin-left: -175px;
  color: #dc3545;
  font: bolder 12px "Arial Black", Gadget, sans-serif;
  border-radius: 50%;
  background-color: #FFFFFF;
  height: 40px;
  width: 40px;
  padding-top: 11px;
}
.checkedBox.right h3 span {
  background-color: #FFFFFF;
  color: #dc3545;
  border-radius: 3px;
  padding: 2px 6px;
  text-align: center;
  font-size: 12px;
  position: absolute;
  display: block;
  top: 18px;
  left: 50%;
  margin-left: 140px;
}
.checkedBox.right .btnBox {
  position: relative;
  padding-top: 30px;
}
.checkedBox.right .btnBox .new {
  background-color: #2C97DE;
  color: #FFFFFF;
  text-align: center;
  border-radius: 50%;
  font: bold 12px "Arial Black", Gadget, sans-serif;
  width: 60px;
  height: 60px;
  position: absolute;
  top:0;
  padding-top: 20px;
  margin-left: 100px;
  left: 50%;
   transform:rotate(-30deg);
}
.test {
  font-size: 10px;
  margin-top: 5px;
  display: block;
}

input[type="file"] {
  border: none;
  -webkit-box-shadow: 0 0;
  box-shadow: 0 0;
  margin-bottom: 10px;
}
.head-icon {
  padding-bottom: 10px;
  display: inline-block;
  padding-top: 10px;
}
.icon-search {
  margin-right: 5px;
}
.icon-search img {
  margin-top: -3px;
}
.attention {
  position: relative;
  padding-left: 45px;
}
.attention:before {
  content: "注意!";
  color: #FFFFFF;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border-radius: 10px;
  padding: 3px 6px 1px;
  background-color: #FF0004;
  display: inline-block;
  height: 20px;
  position: absolute;
  top: 3px;
  margin-left: -45px;
}
.modal-header {
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  background-color: #2c97de;
  color: #fff;
}
.close {
  color: #fff;
  opacity: 1;
}
.modal-body {
  
}
.modal-body p,
.modal-body h1,
.modal-body h2,
.modal-body h3,
.modal-body h4,
.modal-body h5,
.modal-body h6 {
}
.modal-body h6 {
  padding: 10px;
  display: block;
  background-color: #ec7c1e;
  color: #FDFDFD;
  width: 100%;
  margin-bottom: 30px;
}
.modal-body select {
  font-size: 16px;
}
#cboxTitle {
  width: 100%;
  background-color: #000;
  padding: 5px 10px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .attention:before {
  height: 26px;
  top: -9px;
  margin-left: -18px;
  }
  table.detail-table {
    border-top: 1px solid #ccc;
  }
  .twoColumnBtn a,
  .twoColumnBtn input {
    width: 100%;
    margin-block: 1rem;
  }
}
/* マイページ *
*****************************************************************************/
.myPage {}
.myPage__nav {
  margin-bottom: 5rem;
}
.myPage__nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  padding: 0;
}
.myPage__nav li {
  width:19.96%;
  text-align: center;
}
.myPage__nav a {
  text-decoration: none;
  font-weight: 700;
  display:block;
  color: #ffffff;
  width:100%;
  padding-block: 3rem;
  background-color: var(--samuraiBlue);
}
.myPage__nav a:hover {
  background-color:#137CD8;
}
.myPage__nav li.active a {
  background-color:#137CD8;
}
.myPage__nav a span {
  color: rgba(255, 255, 255, 0.6);
  display: block;
  margin-bottom: 0;
}
.mypageTop {
  margin-bottom: 8rem;
}
.mypageTop h2 {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 6rem;
}
.mypageTop h2 span {
  color: var(--samuraiBlue);
}
.mypageTop .intro {
  margin-bottom: 5rem;
}
.mypageTop .intro p {
  font-size: 2rem;
  line-height: 1.6;
  margin-bottom: 3rem;
}
.onOrder {
  border: 1px solid var(--samuraiBlue);
  border-radius: 2rem;
  display: flex;
  align-items: center;
  margin-bottom: 3.5rem;
}
.onOrder h3 {
  width: 15%;
  padding: 2rem;
  text-align: center;
  font-size: 2.5rem;
  line-height: 1;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.onOrder .onOrder-wrap {
  width: 85%;
  background-color: var(--samuraiBlue);
  padding: 2rem;
  height: 100px;
  display: flex;
  align-items: center;
  border-radius: 0 1.8rem 1.8rem 0;
}
.onOrder .onOrder-wrap p {
  font-size: 3.4rem;
  color: #ffffff;
}
.order-confirm,
.contact-confirm {
  text-align: center;
  background-color: #e1f0fd;
  padding-block: 1rem;
  border-radius: 100px;
  width: 100%;
  margin-bottom: 3.5rem;
}
.contact-confirm {
  margin-bottom: 9rem;
}
.order-confirm p,
.contact-confirm p {
  font-size: 2.3rem;
  color: #4A4A4A;
}

/** 注文中の商品 **
 * *****************************************************/
h2.mypage-title {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 4.5rem;
  color: var(--samuraiBlue);
}
.order__table {
  margin-block: 3rem 17rem;
}
.order__table table {
  width: 100%;
}
.order__table table thead td {
  padding: 1.5rem;
  background-color: var(--samuraiBlue);
  color: #fff;
}
.order__table table td {
  width: 20%;
  padding: 2.5rem 1.5rem;
  border: 1px solid #707070;
  text-align: center;
}
/** 注文履歴 **
 * *****************************************************/
.history__table {
  margin-block: 0 17rem;
}
.history__table table {
  width: 100%;
}
.history__table table td {
  width: 20%;
  padding: 2.5rem 1.5rem;
  border-bottom: 1px solid #707070;
  text-align: center;
}
.history__table table thead td {
  padding: 1.5rem;
  background-color: var(--samuraiBlue);
  color: #fff;
   border: 1px solid #ffffff;
}

/** リピート注文 **
 * *****************************************************/
.repeat h2.mypage-title {
  margin-bottom: 2.5rem;
}
.repeat h2.mypage-title + p {
  margin-bottom: 2.5rem;
  text-align: center;
}
.repeat__table {
  margin-block: 0 17rem;
}
.repeat__table table {
  width: 100%;
}
.repeat__table table td {
  width: 14.28%;
  padding: 2.5rem 1.5rem;
  border-bottom: 1px solid #707070;
  text-align: center;
}
.repeat__table table thead td {
  padding: 1.5rem;
  background-color: var(--samuraiBlue);
  color: #fff;
   border: 1px solid #ffffff;
}
.repeat__table table thead td:nth-child(6) {
  background-color: #BE5565;
}
.repeat__table table td .button a {
  padding-block: 1rem;
  font-size: 1.3rem;
  letter-spacing: 0;
  background-color: #7ECC8E;
  border-color: #7ECC8E;
}
.repeat__table table td .button a:hover {
  background-color: #ffffff;
  color: #7ECC8E;
}
.repeat__table table td:last-child .button a {
  padding-block: 1rem;
  font-size: 1.3rem;
  letter-spacing: 0;
  background-color: #f19125;
  border-color: #f19125;
}
.repeat__table table td:last-child .button a:hover {
  background-color: #ffffff;
  color: #f19125;
}
.order-image img {
  border: 1px solid #ccc;
}

/** アカウント管理 **
 * *****************************************************/
.account {
  margin-bottom: 8rem;
}
.account h2 {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 6rem;
}
.account h2.mypage-title + p {
  margin-bottom: 2.5rem;
  text-align: center;
}
.account__table {
  margin-block: 0 17rem;
}
.account__table h3 {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 1rem;
  color: var(--samuraiBlue);
}
.account__table table {
  border-top: 1px solid #707070;
  width: 100%;
  
}
.account__table table th {
  width: 20%;
  padding: 2.5rem 1.5rem;
  border-bottom: 1px solid #707070;
  color: var(--samuraiBlue);
}
.account__table table td {

  padding: 2.5rem 1.5rem;
  border-bottom: 1px solid #707070;
}
.account__table table td input {
  color: #111111;
}

.account__table dl {
  border-top: 1px solid #707070;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.account__table dl dt {
  width: 20%;
  padding: 2.5rem 1.5rem;
  border-bottom: 1px solid #707070;
  color: var(--samuraiBlue);
}
.account__table dl dd {
  width: 80%;
  padding: 2.5rem 1.5rem;
  border-bottom: 1px solid #707070;
}
.account__table table dd input {
  color: #111111;
}

.account h2 span {
  color: var(--samuraiBlue);
}
.account .intro {
  margin-bottom: 5rem;
  text-align: center;
}
.account .intro p {
  font-size: 2rem;
  line-height: 1.6;
  margin-bottom: 3rem;
}
.accountBtn {
  padding-block: 4rem 2rem;
}
.accountBtn .button a {
  display: block;
  margin-bottom: 2rem;
  padding: 1rem;
  max-width: 100%;
  border: 1px solid var(--samuraiBlue);
}
.leave .button a {
  background-color: #ffffff;
  color: #ffffff;
  background-color: #666;
}
.accountBtn .button a:hover {
  color: var(--samuraiBlue);
  background-color: #ffffff;
}
.leave .button a:hover {
  color: #ffffff;
  background-color: var(--samuraiBlue);
}
.form-button {
  display: block;
  width:100%;
  max-width: 180px;
  text-align: center;
  color: #ffffff;
  border: 1px solid var(--samuraiBlue);
  text-decoration: none!important;
  background-color: var(--samuraiBlue);
  font-weight: bold;
  padding: 10px 0;
  border-radius: 100px;
  margin-inline: auto;
  transition: .4s;
}

.form-button:hover {
  background-color: #fff;
  border: 1px solid var(--samuraiBlue);
  color: var(--samuraiBlue);
}
.red {
  color: #ff0000;
}

/****************************************
 * 注文の詳細
 * **************************************/
#mypage{}
#mypage h3 {
  margin-top: 30px;
}

 .mypageTopTb {
  margin-top: 0;
}
.mypageTopTb th {
  background: #ECF0F1 url(../images/icon-history.png) no-repeat 16px center;
  text-align: left;
  padding-left: 64px;
}
.mypageTopTb td {
  vertical-align: middle;
  border-bottom-color: #CCC;
  padding: 16px 4px;
}
.mypage .selectArea {
  width: 100%;
  padding: 8px 45px 8px 10px;
  -moz-appearance: button;
  -webkit-appearance: button;
  appearance: button;
  text-overflow: clip;
  background: #ECF0F1 url(../images/ico_arrow.png) no-repeat 100% 50%;
  background-size: 36px 13px;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  margin: 0;
  color: #036;
}
table.detail-table.mypageTopTb td {
  border-top: none;
  border-left: none;
  border-right: none;
}
table.detail-table.mypageTopTb th {
  border-top: none;
  border-left: none;
  border-right: none;
}
.detail-image {
  height: 200px;
  width: 200px;
  display: block;
  position: relative;
  overflow: hidden;
  border: 2px solid #f5f5f5;
}
.detail-image .icon {
  position: absolute;
  top: 10px;
  bottom: 10px;
}
.detail-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#cboxTitle {
  top: auto;
  display: none;
  opacity: 0;
}
img.cboxPhoto {
  max-width: 80vw!important;
  max-height: 80vh!important;
}
/** 用紙サンプル無料送付 **
 * *****************************************************/
.paperSample {
  margin-bottom: 15rem;
}
.paperSample .flex {
  align-items: center;
  margin-bottom: 3.5rem;
}
.paperSample .flex h2 {
  font-size: 3rem;
  text-align: center;
}
.paperSample .flex h2 span {
  color: var(--samuraiBlue);
}
.paperSample .flex .onOrder {
  border: 1px solid var(--samuraiBlue);
  border-radius: 2rem;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  width: 50%;
}
.paperSample .flex .onOrder h3 {
  width: 15%;
  padding: 2rem 4rem;
  font-size: 1.8rem;
  height: 60px;
}
.paperSample .onOrder .onOrder-wrap {
  width: 85%;
  padding: 2rem;
  height: 60px;
}
.paperSample .onOrder .onOrder-wrap p {
  font-size: 1.8rem;
}

.paperSample__inner {
  margin-bottom: 8rem;
}
.paperSample__inner h2 {
  background-color: var(--samuraiBlue);
  padding-block: 1.5rem;
  text-align: center;
  color: #ffffff;
  font-size: 2rem;
}
.paperSample__inner picture {
  display: block;
  margin-bottom: 2rem;
}
.paperSample .button button {
  max-width: 320px;
  padding-block: 2rem;
  background-color: #7ECC8E;
  border-color: #7ECC8E;
}
.paperSample .button button:hover {
  color: #7ECC8E;
  background-color: #ffffff;
}
/* お問い合わせ *
*****************************************************************************/
.contactPage {
  margin-bottom: 15rem;
}
.contact-chat {
  margin-block: 0 5rem;
}

.contact__wrap {
  text-align: center;
}
.contact__wrap h3 {
  margin-bottom: 3rem;
}
.contact__wrap p {
  margin-bottom: 2rem;
}
.contact__wrap .button {
  margin-bottom: 6rem;
}


/* 名刺・ショプカード印刷 *
************************************************************************************/
.product-top {}
.product-top .col-sm-6 {
  margin-bottom: 3rem;
}
.product-top__box {
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 5px solid #333333;
  padding: 2rem;
  border-radius: 2rem;
}
.product-top .col-sm-6:nth-child(1) .product-top__box {
  border-color: #0074D9;
}
.product-top .col-sm-6:nth-child(2) .product-top__box {
  border-color: #00D92A;
}
.product-top .col-sm-6:nth-child(3) .product-top__box {
  border-color: #C800D9;
}
.product-top .col-sm-6:nth-child(4) .product-top__box {
  border-color: #D9D900;
}
.product-top .col-sm-6:nth-child(5) .product-top__box {
  border-color: #00D9C8;
}
.product-top .col-sm-6:nth-child(6) .product-top__box {
  border-color: #D92A00;
}
.product-top__box h3 {
  width: auto;
  display: inline-block;
  text-align: center;
  font-size: 2rem;
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
  border-bottom: 5px solid #333333;
}
.product-top__box-inner {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 2rem;
}
.product-top__box-inner p{
  font-size: 1.4rem;
  line-height: 1.7;
}
.product-top__box-inner img {
  width: 48%;
  height: auto;
  margin-right: 2%;
}
#futo .product-top__box-inner img {
  width: 40%;
  height: auto;
}
.product-top__box .button {
  margin-top: auto;
}
.product-top__box .button a {
  padding-block: 1.2rem;
  background-image: linear-gradient(90deg, #0e62ad, #64bbbb);
  border-color: #ffffff;
  background-size: 200% 100%;
  transition: 2s;
}
.product-top__box .button a:hover {
  background-image: linear-gradient(90deg, #64bbbb, #0e62ad);
  background-position: 100% 0%;
  color: #ffffff;
  text-shadow: 0 0 5px #132c2c;
  transition: 2s;
}
.banner-pr {
  margin-bottom: 2rem;
}
.banner-pr p {
  margin-bottom: 1rem;
}
.banner-pr .button a {
  padding-block: 0.8rem;
}

table.smp-top {
 margin-block: 2rem;
 font-size: 1.4rem;
}
table.smp-top tr {}
table.smp-top th {
  border:1px solid #cccccc;
  background-color: #D9F3F5;
  padding: 0.5rem 1.5rem;
  text-align: center;
}
table.smp-top td {
  border:1px solid #cccccc;
  background-color: #ffffff;
  padding: 0.5rem 1.5rem;
}
.smp-attention {
  position: relative;
  background-color: #FFCC01;
  border-radius: 2rem;
  padding: 6rem 4rem 5rem;
  text-align: center;
  color: #111111;
  margin-block: 10rem;
}
.smp-attention i {
  position: absolute;
  top: -2.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.smp-attention i img {
  width: 8rem;
  height: auto;
}
.smp-attention h2 {
  font-size: 2.8rem;
  margin-bottom: 3rem;
}
.smp-attention h3 {
  font-size: 2.2rem;
  margin-bottom: 2rem;
}
.smp-attention h3 span {
  color: #ff0000;
}
.smp-attention p {
  font-size: 1.6rem;
  margin-bottom: 3rem;
}
.smp-attention-inner {
  background-color: #ffffff;
  border: 1px solid #111111;
  padding: 2.5rem 2.5rem 0.5rem;
  text-align: left;
}
.smp-attention-inner h4 {
  font-size: 2rem;
  margin-bottom: 1rem;
}
.smp-attention-inner p {
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .detail-image {
    width: auto;
  }
  .product-top__box-inner {
    flex-direction: column;
  }
  .product-top__box-inner img {
    margin-inline: auto;
  }
  .smp-attention {
    padding: 5rem 2rem 2rem;
    text-align: left;
    color: #111111;
    margin-block: 10rem;
  }
  .smp-attention i {
    top: -2rem;
  }
  .smp-attention i img {
    width: 6rem;
  }
  .smp-attention h2 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .smp-attention h3 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
  .smp-attention p {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
  .smp-attention-inner {
    padding: 1rem;
  }
  .smp-attention-inner h4 {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
  }
  .smp-attention-inner p {
    font-size: 1.3rem;
  }
  .product-top .col-sm-6 {
    margin-bottom: 1.5rem;
  }
}

.smartPhone-page {}
.smartPhone-page_intro {
  margin-bottom: 5rem;
}
.smartPhone-page_intro img {}
.smartPhone-page_intro h2 {
  margin-bottom: 2rem;
  color: #FDAF00;
}

.smartPhone-page__inner {
  display: flex;
  flex-wrap: wrap;
  background-color: var(--samuraiBlue);
  padding: 2rem;
  border-radius: 3rem;
  color: #ffffff;
  margin-bottom: 5rem;
}

.smartPhone-page__inner i {
  width: 25%;
  padding-right: 1rem;
}
.smartPhone-page__inner-content {
  width: 75%;
}
.smartPhone-page__inner-content h3 {
  font-size: 2.2rem;
  line-height: 1.2;
  margin-bottom: 1rem;
}
.smartPhone-page__inner-content p {
  font-size: 1.4rem;
  font-weight: 700;
}
.smartPhone-page__inner-image {
  width: 100%;
  margin-top: 2rem;
}
.smartPhone-page_intro p {
  margin-bottom: 2rem;
  font-weight: 700;
}

.smartPhone-page__block {
  margin-bottom: 3rem;
}
.smartPhone-page__block h2 {
  background-color: var(--samuraiBlue);
  text-align: center;
  font-size: 2rem;
  color: #ffffff;
  padding-block: 1rem;
  border-radius: 2rem 2rem 0 0;
}
.smartPhone-page__block table {
  margin:0 auto;
  width: 100%;
  text-align: center;
  }

.smartPhone-page__block th {
  border: 1px solid #111111;
  padding: 5px 20px;
  background-color: #f3f3f3;
  }

.smartPhone-page__block td {
  border: 1px solid #111111;
  padding-block: 1rem;
  }

.smartPhone-page__block .acMenu dd {
  display:none;
  }
.smartPhone-page__block .spcase_price-tbl_total {
  font-weight: bold;
  color: #f15829;
}
.smartPhone-page__block .spcase_price-tbl_total span {
color: #555;
font-size: 16px;
font-weight: normal;
}

.smartPhone-page__block dl.acMenu  {
  margin-top: 20px;
  margin-bottom: 20px;
}

.smartPhone-page__block .acMenu dt {
  width: 100%;
  padding: 10px;
  margin: 0 auto;
  text-decoration:none;
  text-align: center;
  color: #FFF;

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;

  background: #F15829;
}

.smartPhone-page__block .acMenu dt:hover {
  background: #FBA186;
}


.spcase_form {
  width: 100%;
  margin:0 auto;
  margin-top: 40px;
  padding: 20px 0px;
  background-color: var(--samuraiBlue);
  border-radius: 2.5rem;
}

.spcase_form_ttl {
  background: none;
  font-weight: bold;
  font-size: 24px;
  color: #ffffff;
  margin-block: 20px;
  text-align: center;
}

.spcase_form_selectbox {
  overflow: hidden;
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 3rem;
  }

.spcase_form_selectbox dt {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 6px;
  }

.spcase_form_selectbox dt span{
  border-left: 4px solid var(--samuraiGreen);
  padding-left: 6px;
  color: #fff;
  }

.spcase_form_L {
  text-align: left;
  }

.spcase_form_R {
  text-align: left;
  }

.spcase_form .spcase_model {
  cursor: pointer;
  background: none;
  background-color: #fff;
  background-image: url(../../images/smartPhone/spcase_selectbox_icon.png);
  background-position: right center;
  background-repeat: no-repeat;
  vertical-align: middle;
  line-height: 30px;
  padding: 10px;
  border: 1px solid #ccc;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.spcase_form .spcase_lot {
  cursor: pointer;
  background: none;
  background-color: #fff;
  background-image: url(../../images/smartPhone/spcase_selectbox_icon.png);
  background-position: right center;
  background-repeat: no-repeat;
  vertical-align: middle;
  line-height: 30px;
  padding: 10px 40px 10px 10px;
  border: 1px solid #ccc;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.spcase_form .selectbox {
  width: 130%;
  background: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
  font-weight: bold;
  font-size: 20px;
  }

.spcase_btn {
  width: 488px;
  margin:0 auto;
  margin-top: 40px;
  text-align: center;
  }

.spcase_price {
  color:#d9534f;
  font-size:24px;
  margin: 0 !important;
  }

.spcase_template {
  width: 980px;
  margin: 0 auto;
  margin-top: 30px;
  padding: 20px 0;
  }

.spcase_template_ttl {
  text-align: center;
  background-color: #ff746f;
  font-weight: bold;
  font-size: 30px;
  color: #fff;
  margin: 0 !important;
  }

.spcase_template_caution {
  text-align: left;
  font-size: 20px;
  }

.spcase_template_caution_ttl {
  text-align: center;
  }

.spcase_template_caution_ttl p {
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 5px !important;
  }

.spcase_template_caution_ttl p span {
  font-weight: bold;
  color: #ff746f;
  }

.spcase_template_caution dl {
  font-size: 16px;
  border: 5px solid #ff746f;
  padding: 20px;
  padding-bottom: 10px;
  }

.spcase_template_caution dt {
  font-weight: bold;
  }

.spcase_template_caution dd {
  margin-bottom: 10px;
  }

.spcase_template_tbl {
  margin-top: 20px;
  margin-bottom: 10rem;
  }

.spcase_template_tbl_ttl {
  text-align: center;
  background-color: #32a1e2;
  font-weight: bold;
  font-size: 2.4rem;
  padding-block: 1rem;
  color: #fff;
  margin: 0 !important;
  border-radius: 2rem 2rem 0 0;
  }

.spcase_template_tbl_ttl p{
  margin-bottom: 0 !important;
  }

.spcase_template_tbl_inner {
  background-color: #ecf0f1;
  padding: 20px;
  }

.spcase_template_tbl_inner ul {
  overflow: hidden;
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  }

.spcase_template_tbl_inner li {
  margin-right: 1rem;
  margin-bottom: 1rem;
  }

.spcase_template_tbl table {
  width: 100%;
  }

.spcase_template_tbl tr {
  border-bottom: 2px solid #afafaf;
  width: 100%;
  }

.spcase_template_tbl td {
  padding: 20px;
  vertical-align: middle;
  }

.spcase_template_tbl_icon {
  padding: 20px;
  }

/** かんたんデータ入稿 *
 * **********************************************************************************/
 .quickcheckNav {
  margin-block: 4rem;
 }
 .flex .mb10 {
  width: 20%;
  display: flex;
 }
.flex .mb10 a {
  width: 100%;
    align-content: auto;
    display: block;
    background-color: #0D62AC;
    margin: 5px;
    display: block;
    text-decoration: none;
    border-radius: 10px 10px 0 0;
  }
  .flex .point {
    border-radius: 10px 10px 0 0;
    background-color: #619FD5;
    color: #ffffff;
    font: bolder 28px Arial, Helvetica, sans-serif;
    display: block;
    padding: 20px 0;
  }
  .flex p.ttl {
    font-size: 16px;
    color: rgba(255,255,255,1.00);
    padding-left: 10px;
    padding: 20px;
  }
  .pointBlock {
    margin-bottom: 50px;
    display: flex;     
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: flex-start;
  }

  .btnBix {
    padding-top: 40px;  
     border-radius: 10px;
  }
  .sbtitle {
    width: 85%;
    margin-bottom: 30px;
    text-align: left;
  }
  .sbtitle img {
  }
  .sbtitle h3 {
    font-size: 23px;
    margin-bottom: 2rem;
    color: var(--samuraiBlue);
  }

  .pointMark {
    background-color: #619FD5;
    width: 15%;
    color: #ffffff;
    font: bolder 27px Arial, Helvetica, sans-serif;
    line-height: 1;
    padding:  15px 0;
    border-radius: 0 20px 0 20px;
    text-align: center;
    margin-right: 15px;
  }
/** 用紙について *
 * **********************************************************************************/
.pricePage ul {
  padding:0;
  background-color: #FFFFFF;
}
.pricePage ul.fixed {
  position: fixed;
  top: 75px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
}
.paperTtl {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  padding: 1rem;
  margin-top: 5rem;
}
h2.paperTtl {
  color: #fff;
}
.plan-six a{
  text-decoration: none;
}
#plan-six a:hover{
  color: #707070;
  transition: .4s;
}
.plan-six{
  list-style: none;
  display: flex;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
  align-items: stretch;
}
.plan-six li {
  width: 16.666667%;
  font-size: clamp(1.2rem, calc(1rem + 0.625vw), 1.5rem);
  display: flex;
  justify-content: center;
  
}
.plan-six li a {
  background-color: #F5F5F5;
  width: 99%;
  padding: 1.5rem 0.5rem;
  margin: 0.2rem;
  text-align: center;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width:1090px) {
  .plan-six li {
    width: 33.33333337%;
  }
}
#plan1 a{
  color: #C4371B;
}
#plan2 a{
  color: #01B05A;
}
#plan3 a{
  color: #EA7E00;
}
#plan4 a{
  color: #1493E4;
}
#plan5 a{
  color: #9039B1;
}
#pllan6 a{
  color: #95A5A6;
}

.fixed #plan1 a{
  background-color: #C4371B;
  color: #ffffff;
}
.fixed #plan2 a{
  background-color: #01B05A;
  color: #ffffff;
}
.fixed #plan3 a{
  background-color: #EA7E00;
  color: #ffffff;
}
.fixed #plan4 a{
  background-color: #1493E4;
  color: #ffffff;
}
.fixed #plan5 a{
  background-color: #9039B1;
  color: #ffffff;
}
.fixed #pllan6 a{
  background-color: #95A5A6;
  color: #111111;
}

#RT h2 {
  background-color: #C4371B;
}
#ST h2 {
  background-color: #01B05A;
}
#SD h2 {
  background-color: #EA7E00;
}
#SP h2 {
  background-color: #1493E4;
}
#PR h2 {
  background-color: #9039B1;
}
#DX h2 {
  background-color: #95A5A6;
}

h2#RT {
  background-color: #C4371B;
}
h2#ST {
  background-color: #01B05A;
}
h2#SD {
  background-color: #EA7E00;
}
h2#SP {
  background-color: #1493E4;
}
h2#PR {
  background-color: #9039B1;
}
h2#DX {
  background-color: #95A5A6;
}
.pricePage {
  border-bottom:  1px solid #C4C4C4;
  font-size: 1.2rem;
}

.pricePage img {
  margin: 0.2rem;
}
.pricePage table{
  width: 100%;
}
.pricePage table th {
  background-color: #F5F5F5;
  padding: 1.5rem 0;
  width: 20%;
  color: #75C3B6;
  font-size: 1.4rem;
  border-bottom: 1px solid #C4C4C4;
}
.pricePage table td {
  padding: 1.5rem 0;
  font-weight: bold;
  border-bottom: 1px solid #C4C4C4;
  width: 15%;
}
.pricePage table td span {
  font-size: 130%;
  font-family: "Fjalla One", sans-serif;
}
@media(max-width: 767px) {
  .pricePage table td {
    font-size: 0.8rem;
    width: auto;
  }
}
.paperTb{
  text-align: left;
}
.paper-spec {
  width: 100%;
  max-width: 50rem;
  margin-block: 2rem;
}
.name{
  color: #52A0E5;
  font-size: 2.6rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 2px solid #52A2E8;
}
.comment{
  color: #646464;
  font-size: 1.6rem;
  font-weight: normal;
}
.paperimg ul li{
  color: #646464;
  font-size: 1.5rem;
  font-weight: normal;
  padding: 0.5rem 1rem;
  margin-inline-end:1.5rem;
}
.paperimg .paper_texture{
  background-color: #52A2E8;
  color: #fff;
  font-size: 1.5rem;
  font-weight: normal;
  padding: 0.5rem 2rem;
}
.paperimg{
  margin-block-end:1rem;
}
.paperimg ul{
  display: flex;
  list-style: none;
  padding:1.5rem 0;
  margin-bottom: 0;
  border:none;
}
.paperimg li{
  padding: 0;
}

.on{
  background-color: #FADADA;
}
.paperBox {
  margin-bottom: 10rem;
}
.paperTb　{
  border: none;
  margin-bottom: 5rem;
}
.paperTb td{
  width: 50%;
}
@media (min-width: 767px) {
 .paperTb td.img {
  padding-right: 3rem;
 }
}
.paperTb tr{
  border-bottom: none;
}
.btn a{
  display: block;
  margin-top: 1rem;
  color: #fff;
  text-decoration: none;
  background-color: #52A2E8;
  border: 2px solid #fff;
  padding: 1rem;
  border-radius: 50px;
}
.btn a:hover{
  color: #52A2E8;
  background-color: #fff;
  border: 2px solid #52A2E8;
  transition: .4s;
}
.plan1 a{
  color: #E68989;
}
.plan2 a{
  color: #80D592;
}
.plan3 a{
  color: #6DC6B7;
}
.futo-title {
  padding-block: 1.5rem;
}
.futo-title.futoN3 {
  background-color: #E68989;
}
.futo-title.futoN3Y {
  background-color: #80D592;
}
.futo-title.futoK2 {
  background-color: #6DC6B7;
}
.nametag {
  display: block;
  padding-top: 25rem;
  margin-top: -25rem;
}
/** 用紙ページ *
 * ****************************************************************************************/
 #addPage {
    margin-block: 2rem 5rem;

}
#addPage .block {
  display: flex;
  flex-wrap: wrap;
}
#addPage .photoBlock {
  width: 22%;
}
#addPage .addBlock {
  width: 78%;
  padding-left: 2rem;
}
.photoBlock .bigPhoto img {
  width: 100%;
  height: auto;
}
.photoBlock ul.smallPhoto {
  overflow: hidden;
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.photoBlock ul.smallPhoto li {
  
}
.photoBlock ul.smallPhoto li img {
  width: 100%;
  height: auto;
}

.addBlock h3 {
  font-size: 16px;
  font-weight: bold;
  border-left: 4px solid #2B98DE;
  padding-left: 6px;
  margin-bottom: 10px;
}
table.colorSelect {
  width: 100%;
  margin-bottom: 24px;
}
table.colorSelect th{
  padding: 6px;
  border: 1px solid #CCC;
  font-weight: normal;
  text-align: center;
  font-size: 12px;
  color: #666;
  vertical-align: middle;
}
table.colorSelect th img {
  margin-right: 2px;
  margin-left: 2px;
  margin-bottom: 3px;
}
table.colorSelect td {
  padding: 6px;
  border: 1px solid #CCC;
  text-align: center;
}
table td.price {
  font-weight: 700;
}
table td.price .big {
  font-size: 130%;
  font-family: "Fjalla One", sans-serif;
}
table.paper {
  width: 100%;
  margin-bottom: 8px;
}
table.paper th {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  font-weight: normal;
  color: #999;
  text-align: center;
  padding: 6px;
}
table.paper td {
  text-align: center;
  padding: 6px;
  border-right: 1px solid #CCC;
  color: #999;
}
table.paper .select {
  background: #FFEAC3;
  font-weight: bold;
  color: #600;
}
table.mura {
  margin-bottom: 24px;
}
table.mura td {
  width: 50%;
  color: #CCC;
}
span.icon {
  display: inline-block;
  margin-top: -3px;
  margin-right: 0.6rem;
}
.icon i {
  font-style: normal;
  background-color: var(--samuraiBlue);
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  border-radius: 10rem;
  width: 28px;
  height: 28px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon.speed i {}
.icon.cheap i {
  background-color: #ff0000;
}
#Pdetail_addBox {
  background: #ECF0F1;
  padding: 10px;
}
#Pdetail_addBox h2 {
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  background: #2B98DE;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  letter-spacing: 0.2em;
}

.Pdetail_addBox_item {
  margin-bottom: 5px;
  font-size: 16px;
  overflow: hidden;
  padding: 16px 16px 3px;
}

.Pdetail_addBox_item h4{
  background: url("/images/share/icon-check.png") no-repeat left center;
  background-size: 20px 20px;
  padding-left: 25px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-right: 8px;
  margin-left: -5px;
  font-weight: normal;
}

.Pdetail_addBox_item_box {
  margin: 5px 20px 10px 30px;
}

.Pdetail_addBox_item_box td{
  padding: 0px 0 8px;
}

@media (max-width: 767px) {
  #addPage .block {
    display: block;

  }
  #addPage .photoBlock {
    width: 100%;
  }
  #addPage .addBlock {
    width: 100%;
    padding-left: 0;
  }
}

/*----------------------------------------------------
  btn
----------------------------------------------------*/

.btnBox { clear:both; }
.btnBase {
  appearance: button;
  -moz-appearance: button;
  border: none;
  border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: #FFF !important;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.7;
  margin: 0;
  padding: 16px 8px;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  vertical-align: middle;
  font-weight: bold;
  width: 100%;
}
.btnBase:hover{
  color: #FFF;
  opacity: .8;
  filter: alpha(opacity=80);
  -ms-filter: alpha("opacity=80");
  text-decoration: none;
}

a.add {
  background-color: #59B5E4;
  text-decoration: none;
}
a.cancel {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2), inset 0px 1px 1px #9BA0A4;
  background-color: #BDC3C7;
  text-decoration: none;
}
a.through {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2), inset 0px 1px 1px #00B294;
  background-color: #00D3AF;
}
a.green {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2), inset 0px 1px 1px #00B294;
  background-color: #1ECE6D;
  text-decoration: none;
}
a.orange {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2), inset 0px 1px 1px #D55400;
  background-color: #E87E03;
  text-decoration: none;
}

a.add:hover {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2), inset 0px 1px 1px #fff;
  border-color: #59B5E4;
  color: #fff !important;
}
a.cancel:hover {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2), inset 0px 1px 1px #fff;
  border-color: #BDC3C7;
  color: #666 !important;
}
a.through:hover {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2), inset 0px 1px 1px #fff;
  border-color: #00D3AF;
  color: #fff !important;
}
a.green:hover {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2), inset 0px 1px 1px #fff;
  border-color: #1ECE6D;
  color: #fff !important;
}
a.orange:hover {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2), inset 0px 1px 1px #fff;
  border-color: #E87E03;
  color: #fff !important;
}

.twoBtnBox {
  margin: 16px 0 24px;
  overflow: hidden;
  text-align: center;
  clear: both;
}
.twoBtnBox a {
  width: 50%;
}
.oneColumnBtn {
  padding-top: 32px;
  padding-bottom: 32px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
#RegistSubmit { width:300px !important; }

/** 印刷の納期について *
 * **********************************************************************************/
.gr{
  background-color: #F0F0F0;
}
.bl{
  color:var(--samuraiBlue);
}
.em{
  font-size: 110%;
}
#nouki .noukiTitle h2{
  color:var(--samuraiBlue);
  font-size: 3rem;
}
#nouki .noukiTitle p{
  margin-top: 1rem;
  color: #FC0000;
}
.nouki_list{
  margin-block:5rem;
}
.nouki_tbl_ttl{
  color:var(--samuraiBlue);
  font-size: 3rem;
  font-weight: bold;
  margin-block-end:5rem;
}
.nouki_list{
  width: 100%;
  margin-inline:auto;
}
.nouki_list table{
  width: 100%;
  border: 1px solid #707070;
}
.nouki_list td,.nouki_list th{
  border: 1px solid #707070;
}
.nouki_list table th{
  background-color: var(--samuraiBlue);
  color: #fff;
  padding-block:0.5rem;
}

.nouki_list table td{
  padding-block:1rem;
}

.attention {
  display: flex;
  flex-wrap: wrap;
  background-color: #FFCC01;
  color: #000;
  font-size: 1.8rem;
  padding: 4rem 3rem;
  margin-block-end:5rem;
}
.attention p{
  width: 85%;
}
.attention .img{
  width: 10%;
  margin-top: auto;
}
.Delivery_Time h3{
  background-color: var(--samuraiBlue);
  font-size: 2.5;
  color: #fff;
  padding:0.5rem 3rem;
  }
.Delivery_Time_Cnt{
  display: flex;
  padding:0.5rem 3rem;
  margin-block:4rem;
}
.Delivery_Time_Cnt img{
  width: 30%;
  margin-inline-end:10rem;
  padding-left: 5rem;
}
.Delivery_Time_Cnt p{
  width: 70%;
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 2;
}
.s_l{
  font-size: 80%;
  padding-left: 10rem;
}

@media (max-width: 767px) {
  .nouki_list {
    margin-block: 1rem 2.5rem;
  }
  .nouki_tbl_ttl {
    margin-block: 2.5rem;
  }
  #nouki .noukiTitle p {
    font-size: 1rem;
  }
}

/** 加工について*
 * ***************************************************************************************/
.rd{
  font-size: 110%;
  color: #E83D3D;
}
.option_box{
  background-color: #E5F4F5;
  margin-block-end:5rem;
  padding-block-end:5rem;
  position: relative;
}
.NonStandardSize{
  justify-content: space-between;
}
.option_box h2{
  background-color: #74C0CB;
  color: #fff;
  font-weight:normal;
  width: 300px;
  padding: 1rem;
  text-align: center;
}
.option_box ul{
  list-style: none;
  margin-inline-start:5rem;
  padding-block-start:2rem;
}
.option_box ul li{
  font-size: 2.5rem;
  margin-block:2rem;  
}
.option_template{
  position: absolute;
  top: 5px;
  right: 0;
  width: 460px;
  background-color: #fff;
  padding: 1.5rem;
  margin: 3rem;
}
.option_template p{
  padding: 1.5rem 3rem 4rem 3rem;
  line-height: 1.5;
}
.RoundedCorners img{
  margin: 6rem;
}
.RoundedCorners_text{
  position: absolute;
  top:3rem;
  left: 40%;
  font-size: 2.5rem;
  width: 700px;
}
.option_box .price {
  margin-block-end:10rem;
}
.Proofreading{
  font-size: 2.5rem;
}
.Proofreading .price{ 
  position: absolute;
  top: 3rem;
  right: 0;
  width: 460px;
}
.Proofreading_text{
  padding: 5rem;
  line-height: 1.8;
}

/** 料金のお支払い方法について *
 * *********************************************************************************************************************/
#payment .ComtentArea h2{
  background-color: var(--samuraiBlue);
  color: #fff;
  padding:1rem 2rem;
  letter-spacing: 2px;
  margin-block-end:3rem;
}
#payment .ComtentArea ul {
  margin-block:3rem;
  padding: 0;
}
#payment .ComtentArea ul li{
  list-style: none;
}
#payment .pay_box{
  margin-block:3rem;
}
#payment .pay_box img{
  margin-block:1rem;
  margin-inline:auto;
}

#payment .ComtentArea h2{
  background-color: var(--samuraiBlue);
  color: #fff;
  padding:1rem 2rem;
  letter-spacing: 2px;
  margin-block-end:3rem;
}
#payment .ComtentArea ul {
  margin-block:3rem;
  padding: 0;
}
#payment .ComtentArea ul li {
  list-style: none;
  margin-inline-end:3rem;
}
#payment .pay_box{
  margin-block:3rem;
}
#payment .pay_box img{
  margin-block:1rem;
  margin-inline:auto;
}
.chashless-img {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.chashless-img li {
  width: 33%;
}
@media (max-width: 767px) {
  #payment .ComtentArea ul {
    margin-block:1.5rem;
  }
  #payment .pay_box{ 
    margin-block:1.5rem;
  }
  #payment .ComtentArea h2{
    margin-block-end:1.5rem;
  }
  #payment .ComtentArea ul {
    margin-block:1.5rem;
    padding: 0;
  }
  #payment .ComtentArea ul li{
    margin-inline:0;
    padding-inline: 0.5rem;
  }
  #payment .pay_box{
    margin-block:3rem;
  }
  #payment .pay_box img{
    margin-block:1rem;
    margin-inline:auto;
  }

}

/** 印刷料金について *
 * *********************************************************************************************************************/
 #plice .paperList ul{
  border: 0;
}
.paperList{
  margin-block-start:2rem;  
  }
.slide ul{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  list-style: none;
}
.slide li{
  width: 16.6%;
  padding-inline-end:0.5rem;
  margin-block-end:1.5rem;
}
.slide ul li a{
  text-decoration: none;
  color: #707070;
  font-size: 1.2rem;
}
/** 入稿用テンプレート *
 * *********************************************************************************************************************/

.tabContents__menu ul {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: 3rem;
  position: relative;
}
.tabContents__menu ul li:last-child {
  content: "";
  margin-right: auto;
}
.tabContents__menu ul li a {
  display: block;
  text-decoration: none;
  border: 1px solid #707070;
  border-radius: 1000px;
  padding: 1rem 4rem;
  background-color: #111111;
}
.tabContents__menu ul li a:hover {
  background-color: #dddddd;
  color: #111111;
}

.tabContents {
  border-radius: 2rem;
  padding: 3rem;
}
.tabContents__wrap h2 {
  text-align: center;
  margin-bottom: 1rem;
  font-size: 3rem;
}
.tabContents__wrap p {
  text-align: center;
  margin-bottom: 3rem;
  font-size: 2rem;
}
.tabContents__wrap-block {
  background-color: #FFFFFF;
  padding: 1rem 2rem 2rem;
  position: relative;
  margin-bottom: 2rem;
}
.tabContents__wrap-block h3 {
  color: var(--samuraiBlue);
  font-size: 3rem;
  margin-bottom: 3rem;
}
.tabContents__wrap-block p {
  position: absolute;
  right: 0;
  top: 0;
  padding: 1rem;
  color: #ffffff;
  font-weight: 700;
  background-color: var(--samuraiBlue);
  font-size: 1.4rem;
}
.tab.meishi a,
.tabContents.meishi {
  background-color: #FF9F9F;
}
.tab.futo a,
.tabContents.futo {
  background-color: #C8E5FA;
}
.tab.aisatsu a,
.tabContents.aisatsu {
  background-color: #B2F4D5;
}
.tab.hagaki a,
.tabContents.hagaki {
  background-color: #FAD190;
}
.tab.flyer a,
.tabContents.flyer {
  background-color: #FFE6F8;
}
.tab.smartPhone a,
.tabContents.smartPhone {
  background-color: #E4BFED;
}
.tab.calendar a,
.tabContents.calendar {
  background-color: #F2F262;
}
.tab.sticker a,
.tabContents.sticker {
  background-color: #B8EF81;
}
.tab.apparel a,
.tabContents.apparel {
  background-color: #D6D6D6;
}
.tabContents__end {
  padding-block: 5rem;
  text-align: center;
}
.tabContents__end p {
  font-size: 2rem;
  margin-bottom: 2rem;
}
.tabContents__wrap-block ul {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tabContents.futo ul li{
  text-align: center;
}
#bgc_none{
  background: none;
}

/** ご注文の流れについて（データ入稿の場合）*
 * **********************************************************************************************************/

.flow .TabArea ul{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  gap: 1rem;
  justify-content: flex-start;
}
.flow .TabArea ul li a{
  background-color: var(--samuraiBlue);
  padding: 1rem 3.9rem;
  width: 100%;
  text-align: center;
  display: block;
  color: #fff;
  text-decoration: none;
  border: 1px solid var(--samuraiBlue);
}
.flow .TabArea ul li a:hover{
  display: block;
  color: var(--samuraiBlue);
  background-color: #fff;
  border: 1px solid var(--samuraiBlue);
  transition: .4s;

}
#flow #step1,
#flow #step2,
#flow #step3,
#flow #step4,
#flow #step5,
#flow #step6,
#flow #step7,
#flow #step8,
#flow #step9{
  position: relative;
}
.StepTitle{
  position: absolute;
  top:3rem;
  left:0;
  background-color: #fff;
  color: var(--samuraiBlue);
  width: 99.7%;
  text-align: center;
}
.StepTitle .blt{
  position: absolute;
  left: -2rem;
  top:-5px;
  background-color: var(--samuraiBlue);
  color:#fff;
  padding: 0.5rem 5rem;
  border-radius: 20px;
  
}
#flow .step1,
#flow .step2,
#flow .step3,
#flow .step4,
#flow .step5,
#flow .step6,
#flow .step7,
#flow .step8,
#flow .step9{
  background-color: #E5F3F5;
  border: 3px solid var(--samuraiBlue);
  padding: 10rem 5rem 5rem 5rem;
  margin-block:5rem;
}
.step2 ul{
  background-color: #fff;
  list-style: none;
  display: flex;
  align-items:center;
  flex-wrap: wrap;
  width: 100%;
  padding: 5rem 2rem;
}
.step2 ul li{
  padding-inline-start:1rem;
  
}
.step2 p{
  font-size: 1.8rem;
  margin-block-start:3rem;
}

/** デザインから選ぶ *
 * ********************************************************************************************************************/
.sp{
  display: none;
  }
.pageTitleImg p{
  text-align: center;
  color:#ffffff;
  margin: 0.5rem 0 0 0;
  line-height: 1.5;
}
.selectArea{
  margin-bottom: 5rem;
}
.selectTitleArea{
  text-align: center;
  margin-bottom: 2rem;
}
.selectTitleArea h2{
  color: #F0BA63;
  letter-spacing: 3px;
  font-weight: bold;
  border: 4px #FEC871 solid;
  padding: 1rem 0;
  margin-bottom: 3rem;
}
#step{
  margin-bottom: 5rem;
}
.step_t{
  width: 355px;
  background-color: #F0BA63;
  color: #fff;
  font-size: 2.3rem;
  font-weight: bold;
  letter-spacing: 3px;
  margin-right: 1rem;
  padding: 2rem 0;
}
#design-order .step1,#design-order .step2,#design-order .step3{
  text-align: left;
  color: #F0BA63;
  font-size: 2.2rem;
  font-weight: bold;
}
#design-order .step1 span,#design-order .step2 span,#design-order .step3 span{
  font-size: 3.9rem;
}
.triangle {
  position: relative;
  top: 63px;
  right: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 35px solid #f0ba63;
  border-right: 0;
}
.link{
  display: flex;
  padding: 5rem 0;
  margin: 0 auto;
  letter-spacing: 2px;
}
.select_design a{
  display: block;
  background-color: #9EC37A;
  color: #fff;
  font-size: 2.3rem;
  font-weight: normal;
  border: 1px solid #707070;
  border-radius: 10px;
  padding: 1.5rem 2rem;
  margin-right: 5rem;
}
.select_design a:hover{
  background-color: #fff;
  color: #9EC37A;
  border: 1px solid #9EC37A;
  transition: .4s;
}
.allcheck{
  font-size: 2rem;
  border: 1px solid #fff;
  padding: 0.5rem 1.5rem;
  margin-left: 3rem;
}
.select_design a:hover{
  border: 1px solid #9EC37A;
}
.select_category a{
  display: block;
  background-color: #EA8282;
  color: #fff;
  font-size: 2.3rem;
  font-weight: normal;
  border: 1px solid #707070;
  border-radius: 10px;
  padding: 1.5rem 4rem;
}
.select_category a:hover{
  background-color: #fff;
  color: #EA8282;
  transition: .4s;
}
.select_design,.select_category{
  margin-inline:auto;
  width: 570px;
  text-align: center;
}
.select_design a,.select_category a{
  color: #fff;
  text-decoration: none;
}
.RecommendArea{
  background-color: #D2ECED;
  padding-block: 5rem;  
}
.Recommend_Ttl h3{
  background-color: var(--samuraiBlue);
  color: #fff;
  text-align: center;
  padding-block: 2rem;
  margin-bottom: 2rem;
}

/* = design-order_pickup = */

.design-order_pickup_list {
  width: 1170px;
  }
.design-order_pickup_list ul {
  width: 1170px;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: center;
  }
.design-order_pickup_list li {
  text-align: center;
  width: 260px;
  margin: 0 10px;
  }
.design-order_pickup_list li h3 {
  background-color: var(--samuraiBlue);
  color: #fff;
  letter-spacing: 3px;
  font-weight: 300;
  }

.design-order_about_btn_flow a:hover {
  background: #85caeb;
  text-decoration: none;
  }
.design-order_about_btn-area a {
  margin: 10px;
  }
.design-order_pickup {
  margin-top: 40px;
  }
.design-order_pickup h2 {
  margin-bottom: 20px;
  }
.design-order_pickup_list ul {
  width: 1170px;
  margin: 0 auto;
  list-style: none;
  display: flex;
  padding: 0;
  }
.design-order_pickup_list li {
  text-align: center;
  width: 260px;
  margin: 0 10px;
  }
.design-order_pickup_list li h3 {
  font-size: 1.6rem;
  padding: 1rem 0;
  }
.design-order_pickup_list li .iamge,
.design_list p.image {
  position: relative;
  background-color: #fff;
  aspect-ratio: 1 / 1;
  }
.design-order_pickup_list li .iamge a,
.design_list p.image a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.design-order_btn_01 a {
  display: block;
  background-color: #EA8282;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-radius: 50px;
  padding: 1rem 2rem;
  margin-block:2rem;
  }
.design-order_btn_01 a:hover {
  background-color: #fff;
  color: #EA8282;
    transition: .4s;
  }


/* = design-order_select = */
.Category_order ul{
  list-style: none;
  padding: 0;
  
}
.Category_order a{
  text-decoration: none;
}
.Category_order {
  margin-top: 80px;
  margin-bottom: 60px;
  }

.Category_order h2 {
  margin-bottom: 20px;
  }
.Category_order h3 {
  margin-bottom: 20px;
  }
.Category_order dl {
  overflow: hidden;
  width: 1140px;
  margin: 0 auto ;
  display: flex;
  padding: 30px 0;
  border-bottom: 1px solid #ccc;
  }

.Category_order .design{
  border:4px #9EC37A solid;
  margin-bottom: 3.5rem;
  }
.Category_order .Thema{
  border:4px #6EA3A7 solid;
  margin-bottom: 3.5rem;
  }
.Category_order .color{
  border:4px #EBA1A1 solid;
  }
.Category_order dt p span{
  font-size: 3.6rem;
}
.design dt p{
  color: #799360;
}
.Thema dt p{
  color: #6EA3A7;
}
.color dt p{
  color: #E27979;
}
.design dd a{
  color: #646464;
  background-color: #EDF8E2;
}
.Thema dd a{
  color: #646464;
  background-color: #EFF8F8;
}
.color dd a{
  color: #646464;
  background-color: #FCEFEF;
}
.design dd a:hover{
  color: #fff;
  background-color: #9EC37A;
}
.Thema dd a:hover{
  color: #fff;
  background-color: #6EA3A7;
}
.color dd a:hover{
  color: #fff;
  background-color: #EBA1A1;
}
.Category_order dt {
  width: 260px;
  text-align: center;
  }
.Category_order dd {
  display: flex;
  flex-wrap: wrap;
  width: 800px;
  }
.Category_order dd div {
  overflow: hidden;
  }
.Category_order dd a {
  font-weight: bold;
  width: 190px;
  padding: 20px 0;
  display: block;
  float: left;
  font-size: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  }
.Category_order dd a:hover {
  text-decoration: none;
  }
.Category_order dd a span {
  font-size: 20px;
  }
.Design-order_price {
  margin-top: 80px;
  margin-bottom: 60px;
  text-align: center
  }

.Design-order_price h2 {
  text-align: center;
  margin-block: 3rem;
  color: #F0BA63;
  font-size: 4.6rem;
}


.price_button a{
  width: 25%;
  display: block;
  background-color: #9EC37A;
  color: #fff;
  letter-spacing: 3px;
  text-align: center;
  text-decoration: none;
  border-radius: 50px;
  padding: 2rem 2rem;
  margin-inline:auto;
  margin-block: 3rem;
  
}

.price_button :hover{
  background-color: #fff;
  color: #9EC37A;
  border: 2px solid #9EC37A;
    transition: .4s;
}

.choice_button a:hover{
  background-color: #fff;
  color: #9EC37A;
    transition: .4s;
}

.choice_button a{
  display: block;
  background-color: #EA8282;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-radius: 50px;
  padding: 1rem 2rem;
}

.choice_button a:hover{
  background-color: #fff;
  color: #EA8282;
    transition: .4s;
}
.Category_order{
  margin-block: 5rem;
}
.Category_Ttl{
  
}

.Category_Ttl h3{
  background-color: #EA8282;
  color: #fff;
  text-align: center;
  padding: 1rem 0;
}
.design_list li:last-child {
    margin-right: auto;
  }
.design-order_pickup_list li:last-child {
    margin-right: auto;
}

@media (max-width: 767px) {
  .flow .TabArea ul {
    gap: 0.5rem;
  }
  .flow .TabArea ul li {
    width: 32%;
  }
  .StepTitle {
    position: absolute;
    top:2rem;
    left:50%;
    transform: translateX(-50%);
    background-color: transparent;
    color: var(--samuraiBlue);
    width: auto;
    text-align: center;
    padding: 0.5rem;
    white-space: nowrap;
  }
  .StepTitle .blt{
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    top:-3.2rem;
    background-color: var(--samuraiBlue);
    color:#fff;
    padding: 0.5rem 2rem;
    border-radius: 20px;
  }
  .step2 ul {
    flex-direction: column;
  }
  .step2 ul li {
    padding-inline-start: 0;
  }
  .step2 ul li.arrow {
    margin-block: 1rem;
  }
  .step2 ul li.arrow img {
    transform: rotate(90deg);
  }
  #flow .step1,
  #flow .step2,
  #flow .step3,
  #flow .step4,
  #flow .step5,
  #flow .step6,
  #flow .step7,
  #flow .step8,
  #flow .step9{
    padding: 7rem 2rem 2rem 2rem;
  }
  .Design-order_price h2 {
    margin-block: 1.5rem;
    font-size: 2.1rem;
  }
  .step_img {
    margin-block: 2rem;
  }
  .step_img img {
    width: 100%;
    height: auto;
  }
}

/** 入稿可能なデータについて *
 * ************************************************************************************************************/
.data-type_bt{
  margin-block:3rem;
}
.data-type_bt a{
  text-decoration: none;
  color: #FFF;
}
.data-type_bt .button a,
.button input {
  display: block;
  width:100%;
  max-width: 400px;
  text-align: center;
  color: #ffffff;
  text-decoration: none!important;
  background-color: var(--samuraiBlue);
  font-weight: bold;
  padding: 20px 0;
  border-radius: 100px;
  margin-inline: auto;
  transition: .4s;
}

.data-type_bt .button a:hover,
.data-type_bt .button input:hover {
  background-color: #fff;
  color: var(--samuraiBlue);
}
.data-type_bt .button2 a{
  display: block;
  width:100%;
  max-width: 400px;
  text-align: center;
  color: #ffffff;
  text-decoration: none!important;
  background-color: #F2AD22;
  font-weight: bold;
  padding: 20px 0;
  border-radius: 100px;
  margin-inline: auto;
  transition: .4s;
}
.button2 a:hover,
.button2 input:hover {
  background-color: #fff;
  color: #F2AD22;
}
.data_image{
  width: 100%;
  background-color: #ECF0F1;
  padding: 3rem 4rem;
}
.data_image ul{
  list-style: none;
  justify-content: space-between;
  width: 95%;
  padding: 0;
}
.data_image p{
  text-align: center;
  margin-inline-start:40%;
  margin-block-start:1rem;
  color:var(--samuraiBlue);
}
.data_image ul li.unactive img {
  opacity: 0.5;
}
.data_image img{
  margin-inline-start:37%;
}
.data-type_cont01 p{
  margin-block:1rem;
}
.data-type_cont01 .bl{
  font-size: 2rem;
}
.data-type_cont02{
  border: 1px solid #F2AD22;
  border-radius: 30px;
  margin-block-start:3rem;
}
.data-type_cont02 h2{
  color: #F2AD22;
  text-align: center;
  margin-block-start:3rem;
}
.data-type_cont03{
  border: 1px solid var(--samuraiBlue);;
  border-radius: 30px;
  margin-block:5rem;
}
.data-type_cont03 h2{
  color:var(--samuraiBlue);
  text-align: center;
  margin-block:3rem;
}
.data-type_cont04{
  background-color: #F2F2F2;
  margin-block:5rem;
  padding: 5rem;
}
.data-type_cont05{
  background-color: #E5F4F5;
  margin-block:5rem;
  padding:2rem 5rem;
}
.data-type_cont05 h2{
  margin-block:3rem;
  text-align: center;
}
.attentionBox {
  margin-block: 3rem;
}

@media (max-width: 767px) {
  .data-type_cont02{
    border-radius: 10px;
  }
  .data-type_cont03{
    border-radius: 10px;
    margin-block:2.5rem;
  }
}

/** 配送方法について *
 * *****************************************************************************************************************/

.ComtentArea{
  margin-block-end:5rem;
}
#takuhai h2,#mail-first h2,#osaka h2,#shop h2{
  font-size: 2.8rem;
  color: #fff;
  padding-block:1rem;
  text-align: center;
  background-color: var(--samuraiBlue);
}
.takuhai_box{
  display: flex;
  align-items:center;
  margin-block:3rem;
}
.right,.left{
  width: 50%;
}
.left p{
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 2px;
}
.photo{
  margin-block-start:1rem;
  display: flex;
}
.photo p {
  padding-inline-end:2rem;
  text-align: center;
}
.photo p span {
  margin-top: 0.6rem;
  display: block;
  line-height: 1.2;
}
#takuhai .deliTbl .bl{
  background-color: var(--samuraiBlue);
  color: #fff;
  font-size: 2rem;
  letter-spacing: 2px;
  padding-block:0.5rem;
}
.deliTbl{
  width: 100%;
  text-align: center;
}
.deliTbl tr,.deliTbl th,.deliTbl td{
  padding: 3rem 0;
}
.deliTbl th{
  background-color: #E6F4F5;
}
#takuhai .takuhai_text{
  font-size: 2.5rem;
  font-weight: bold;
}
#takuhai .takuhai_text .bl{
  color:var(--samuraiBlue);
  font-size: 3.8rem;
}
.gBox {
  padding: 2rem;
  margin-block:2rem 4rem;
}
.gBox h3{
  font-size: 1.8rem;
  padding-block-end:1rem;
}
.Delivery_company {
  display: flex;
}
.Delivery_company p{
  width: 45%;
  line-height: 2;
  padding-inline-end:4rem;  
}
table .clear {
  /*font-weight: bold;
  margin-block-end:1rem;*/
}
table.clear tr:first-child td {
  font-weight: 700;
}
#takuhai .deliTbl .bl{
  font-size: 1.8rem;
}
.deli-table{
  width: 100%;
  text-align: center; 
}
.deli-table th, .deli-table td{
  padding: 1rem;
}
.deli-table th {
  background-color: #E6F4F5;
}
.postage_box{
  display: flex;
  align-items:center;
  margin-block:2rem 4rem;
}
.left,.right{
  width: 50%;
}
.postage_box .right p{
  text-align: right;
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 2px;
}
#mail-first .left .takuhai_text{
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 2px;
}
#mail-first .takuhai_text .bl{
  color:var(--samuraiBlue);
  font-size: 3.8rem;
}
#mail-first .rd{
  color: #E83D3D;
  font-weight: bold;
  font-size: 2.5rem;
}
#osaka .left .takuhai_text{
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 2px;
}
#osaka .takuhai_text .bl{
  color:var(--samuraiBlue);
  font-size: 3.8rem;
}
#osaka .rd{
  color: #E83D3D;
  font-weight: bold;
  font-size: 2.5rem;
}
#shop .takuhai_text{
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 2px;  
}
#shop .takuhai_text .bl{
  color:var(--samuraiBlue);
  font-size: 3.8rem;
}
#shop p{
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 2px;
  font-size: 1.8rem;
}
.FinishingTime_box{
  display: flex;
  width: 100%;
  margin-block:3rem;
}
.FinishingTime_box .left,.FinishingTime_box .right{
  width: 50%;
  padding: 2rem 3rem 0 3rem;
  margin-inline:2rem;
  border: 1px solid #707070;
}
.FinishingTime_box .left p,.FinishingTime_box .right p{
  font-size: 2.2rem;
  font-weight: bold;
}
.FinishingTime_box .left .bl,.FinishingTime_box .right .bl{
  color:var(--samuraiBlue);
  font-size: 3.8rem;
}
.FinishingTime_box .left img,.FinishingTime_box .right img{
  margin-inline:5rem;
  margin-block:1rem 5rem;
}

/** 特急仕上げオプション *
 * *******************************************************************************************************************************************/
.express {}
.express h2 {
  background-color: var(--samuraiBlue);
  color: #fff;
  display: block;
  text-align: center;
  line-height: 1.3;
}
.express__price {
  display: flex;
  margin-bottom: 3rem;
}
.express__price h2 {
  width: 45%;
  padding-block: 3.4rem;
  font-size: 3rem;
}
.price-inner {
  width: 55%;
  border: 1px solid #707070;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.price-inner p {
  font-size: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.price-inner p b {
  font-size: 5rem;
  color: #E83E3D;
  margin-inline: 1rem;
  display: block;
}
.price-inner p span {
  display: block;
}
.feature {
  margin-bottom: 3rem;
}
.feature .col-sm-4 {
  display: flex;
}
.feature__inner {
  height: 100%;
  width: 100%;
  border: 1px solid #707070;
}
.feature__inner h2 {
  height: 8rem;
  font-size: 2.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.feature .col-sm-4:first-child h2 {
  font-size: 2.2rem;
}
.feature__inner-box {
  padding-block: 4rem;
  text-align: center;
}
.feature__inner-box p {
  font-size: 2rem;
}
.feature__inner-box h3 {
  font-size: 3.5rem;
  color: var(--samuraiBlue);
}
.feature__inner-box h4 {
  font-size: 2.7rem;
  color: var(--samuraiBlue);
}
.feature__inner-box p.deliveryPrice {
  font-size: 2.7rem;
  font-weight: 700;
  color: #E83E3D;
}
.priceMap {
  border: 1px solid #707070;
  padding: 5rem;
  text-align: center;
  margin-bottom: 5rem;
}
.priceMap h2 {
  padding-block: 3rem;
  margin-bottom: 6rem;
}
.priceMap h3 {
  font-size: 5rem;
  margin-bottom: 3rem;
}
.priceMap p {
  font-size: 3rem;
}
.attention .center {
  width: 100%;
  margin-bottom: 3rem;
}
/** 大阪市内当日配達サービス *
 * *******************************************************************************************************************************************/
.deli__inner {
  border: 1px solid #707070;
  margin-bottom: 3rem;
}
.deli__inner h2 {
  font-size: 3rem;
  padding-block: 2rem;
}
.deli__inner h3 {
  font-size: 4rem;
  margin-bottom: 2rem;
}
.deli__inner .ku {
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 2rem;
}
.deli__inner img {
  width: 100%;
  height: auto;
  max-width: 35rem;
}
p.deli-price {
  padding-block: 1rem;
  font-size: 6rem;
  font-weight: 700;
  color: #E83E3D;
}
.deli-price small {
  font-size: 4.6rem;
  color: #414141;
}
.deli-time {
  padding-inline: 4rem;
  margin-bottom: 2rem;
}
.deli-time p {
  font-size: 2rem;
  line-height: 1.2;
  text-align: right;
}
.deli-time p b {
  font-size: 2rem;
  color: var(--samuraiBlue);
  margin-left: 2rem;
}

@media (max-width: 767px) {
  .deli__inner .ku {
  font-size: 1.5rem;
  }
  .feature__inner-box {
  padding-block: 1.5rem;
  }
  p.deli-price {
    font-size: 3rem;
  }
  .deli__inner img {
    height: auto;
    max-width: 60%;
  }
  .deli-price small {
    font-size: 2.3rem;
  }
  .deli-time {
    padding-inline: 2rem;
    margin-bottom: 1rem;
  }
  .deli-time p {
    font-size: 1.4rem;
  }
  .deli-time p b {
    font-size: 1.3rem;
    margin-left: 2rem;
  }
  .feature__inner-box p {
  font-size: 1.3rem;
  }
}

/** 卓上カレンダー印刷　*
 * *********************************************************************************************************************************************/
#calendar {}
.calendar-feature {
  margin-block: 0 5rem;
}
.designChoice {
  margin-block: 5rem 10rem;
}
.designChoice a {
  text-decoration: none;
  display: block;
}
.designChoice a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.designChoice .head h2 {
  font-size: 3rem;
  margin-bottom: 1rem;
  color: var(--samuraiBlue);
  text-align: center;
}
.designChoice .head p {
  margin-bottom: 3rem;
  text-align: center;
}
.designChoice__inner {
  display: flex;
  border: 1px solid #666666;
}
.designChoice__inner .img {
  width: 43%;
}
.designChoice__inner-box {
  width: 57%;
  padding: 1.5rem 3rem 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.designChoice__inner-box h2 {
  font-size:3rem;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  color: var(--samuraiBlue);
}
.designChoice__inner-box P {
  font-size: 2.1rem;
  font-weight: 700;
  margin-bottom: 1rem;
  line-height: 1.3;
  text-align: center;
}
.designChoice__inner-box P.choice-price {
  font-size:rem;
  color: #EA8282;
  font-weight: 900;
}
.designChoice__inner-box P.choice-price small {
  font-size: 2.9rem;
  color: #696969;
  font-weight: 700;
}


.calenderDeadline {
  margin-bottom: 10rem;
}
.calenderDeadline h2 {
  font-size: 3.9rem;
  color: #ffffff;
  display: inline-block;
  background-color: var(--samuraiBlue);
  padding: 0.6rem 2rem;
  margin-bottom: 1.5rem;
}
.calenderDeadline p {
  color: #EA8282;
  font-size: 3.7rem;
  font-weight: 900;
}
.calenderDeadline p span {
  font-size: 5.7rem;
}

.calenderDeadline-small p {
  color: #EA8282;
  font-size: 2rem;
  font-weight: 900;
  padding-block: 2rem;
}
.calenderDeadline-small p span {
  font-size: 2.8rem;
}

.blueTitle {
  background-color: var(--samuraiBlue);
  font-size: 2.8rem;
  text-align: center;
  padding: 1rem 0;
  width: 100%;
  margin-bottom: 2rem;
  color: #ffffff;
  border-radius: 2rem 2rem 0 0;
}
.cal_caution_inner {
  padding-bottom: 5rem;
}
.cal_caution_inner .blueTitle {
  border-radius: 0;

}
.howPay {
  margin-bottom: 10rem;
}
.howPay .blueTitle {
  margin-bottom: 0;
}
.howPay__inner {
  border: 1px solid #666666;
  padding: 4rem 8rem;
}
.howPay__inner p {
  font-size: 1.8rem;
  margin-bottom: 3rem;
}
.howPay__inner picture {
  display: block;
  padding-inline: 10%;
  margin-bottom: 5rem;
}


.delivery {
  margin-bottom: 7.5rem;
}
.delivery__inner {
  margin-top: 4rem;
}
.delivery__inner ul {
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 4.5rem;
  list-style: none;
}
.delivery__inner ul li {
  text-align: center;
  margin-bottom: 2.5rem;
}
.delivery__inner ul li h3 {
  background-color: var(--samuraiBlue);
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 700;
  padding-block: 0.6rem;
}
.delivery__inner ul li p {
  margin-top: 1rem;
}
.fuji {
  margin-bottom: 10rem;
}
.fuji__inner {}
.fuji__inner p {
  margin-bottom: 2rem;
}
.cal_detail {
  margin-bottom: 2rem;
}
.cal_detail h2 {
  margin-bottom: 2rem;
  color: var(--samuraiBlue);
}
.cal_detail ul {
  padding: 0;
  list-style: none;
}
.cal_detail ul li {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.cal_design-list {
  margin-bottom: 10rem;
}
.cal_design-list ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  text-align: center;
}
.cal_design-list ul li {
  border: 1px solid #B2B2B2;
  width: 22%;
}
.cal_design-list ul li h2 {
  background-color: var(--samuraiBlue);
  font-size: 1.2rem;
  font-weight: 700;
  padding-block: 0.5rem;
  color: #ffffff;
}
.cal_design-list ul li p.cal_design-list_btn a {
  display: block;
  background-color: #EA8282;
  color: #ffffff;
  padding: 0.6rem 0;
  text-decoration: none;
  font-weight: 700;
}
.iframe img {
  width: 100%;
  height: auto;
}
.cal_select_caution {
  margin-bottom: 10rem;
  border: 8px solid var(--samuraiBlue);
  }

#contents .cal_select_caution .cal_caution_ttl {
  font-weight: bold;
  color: #FFF;
  font-size: 32px;
  margin-bottom: 20px;
  background-color: #288ac3;
  padding: 2px;
  }

#contents .cal_select_caution .cal_caution_text {
  font-weight: bold;
  color: #e94b35;
  font-size: 16px;
  margin-bottom: 20px;
  }

.cal_select_caution ul {
  text-align: left;
  font-size: 20px;
  margin-bottom: 20px;
  }

.cal_select_caution ul li {
  margin-bottom: 5px;
  }
.cal_caution_inner-box {
  padding: 3rem;
}
.cal_caution_text {
  margin-bottom: 3rem;
}
.cal_caution_inner-box ul {
  list-style: none;
  padding: 0;
}
.cal_caution_inner-box ul li {}
.cal_caution_inner-box ul li input {}

#calendar .acMenu {
  margin-bottom: 5rem;
}
#calendar .acMenu dt {
  margin-bottom: 3rem;
  position: relative;
}
#calendar .acMenu dt:after {
  content: "";
  width: 8px;
  height: 8px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 18px;
  right: 20px;
}
#calendar .acMenu dt.active {
  
}
#calendar .acMenu dt.active:after {
  transform: rotate(-135deg);
}
#calendar .acMenu dd {
  display: none;
}
/*
#colorbox img {
  width: 100%;
  height: 100%;
}
*/
.checkbox-2 {
    border: none;
}

.checkbox-2 label {
    display: flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    margin-bottom: .5em;
    cursor: pointer;
}

.checkbox-2 label::before {
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: 2px solid #d6dde3;
    content: '';
}

.checkbox-2 label:has(:checked)::after {
    position: absolute;
    top: 5px;
    left: 7px;
    transform: rotate(45deg);
    width: 5px;
    height: 10px;
    border: solid #2589d0;
    border-width: 0 3px 3px 0;
    content: '';
}

.checkbox-2 input {
    display: none;
}

/*------------------------------------------------
 デザイン一覧ページ
------------------------------------------------*/
/* = design_list = */
.design_list {
  list-style: none;
  overflow: hidden;
  padding: 0;
  }

.design_list .design_list_ttl {
  font-size: 40px;
  font-weight: bold;
  margin-top: 30px;
  color: #f6804a;
  }


.design-order_list_cate {
  overflow: hidden;
  width: 100%;
  margin:30px auto;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  }

.design-order_list_cate h2 {
  color: #ffffff;
  background-color: var(--samuraiBlue);
  padding: 0.6rem;
  text-align: center;
  display: block;
  font-size: 2rem;
  margin: 0;
  margin-bottom: 10px;
  }

.design_list .design-order_list_cate ul {
  padding: 0;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.design_list .design-order_list_cate li {
  width: auto;
  margin: 4px;
  list-style: none;
  }

.design-order_list_cate li a {
  text-decoration: none;
  display: block;
  background-color: #bfbfbf;
  padding: 2px 6px;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;

  }

.design-order_list_cate li a:hover {
  text-decoration: none;
  background-color: #00D3AF;
  }

li.selected a {
  background-color:#f57979 !important;
  }

li.selected a:hover {
  background-color:#f57979 !important;
  }


.design_list ul {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  }

.design_list li {
  width: 24%;
  text-align: center;
  }
.design_list li h3 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #ffffff;
  background-color: var(--samuraiBlue);
  padding-block: 0.5rem;
}
.design_list li p {
  width: 100%;
}



.design_list p.btn {
  margin-top: 13px;
  }

.design_list p.btn a {
  background: #00D3AF;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 8px;

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  }

.design_list p.btn a:hover {
  background: #00A185;
  }


/* = absent = */
.absent_large {
  font-size: 40px;
  color: #F00;
  }

.absent_small {
  font-size: 20px;
  margin-bottom: 60px;
  font-weight: bold;
  }

.design-order_pickup_list li h3 {
  margin-bottom: 5px;
  }

.design-order_pickup_list li .iamge,
.design_list p.image {
  position: relative;
  background-color: #e8e8e8;
  }

/*------------------------------------------------
 デザイン詳細ページ
------------------------------------------------*/
/* = design-order_detail = */
.design_detail {
  margin: 40px 0;
  }

.design_detail_inner {
  overflow: hidden;
  margin:0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  }

.design_detail_L {
  width: 30%;
  }

.design_detail_L p.image {
  position: relative;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
  }

.design_detail_L p.image img {
  border: 1px solid #ccc;
  width: 100%;
  height: auto;
  }
.design_detail_R {
  width: 67%;
  }
.design_detail_R h2 {
  font-size: 30px;
  margin-bottom: 20px;
  background-color: var(--samuraiBlue);
  color: #FFFFFF;
  padding: 0.6rem;
  }

.design_detail_R h2 span {
  border-left: 4px solid #ffffff;
  padding-left: 10px;
  }

.design_detail_R dt {
  font-size: 20px;
  text-align: center;
  color: #f6804a;
  font-weight: bold;
  margin-top: 16px;
  margin-bottom: 4px;
  }

.design_detail_R_cate {
  overflow: hidden;
  margin-bottom: 30px;
  }
.design_detail_R_cate ul {
  list-style: none;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cate_list li{
  margin: 4px;
  }

.cate_list li a {
  text-decoration: none;
  display: block;
  background-color: #bfbfbf;
  padding: 2px 6px;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  }

.cate_list a:hover {
  text-decoration: none;
  background-color: #00D3AF;
  }

.cate_area {
  width: 100%;
  margin:60px auto;
  border-top: 1px solid #ccc;
  padding-top: 40px;
  }

.cate_area dt {
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  color: #f6804a;
  }

.design_detail_R_btn_area {
  background-color: #ffffe2;
  padding: 20px 0;
  padding-bottom: 20px;
  margin-bottom: 10px;
  }

.design_detail_R_btn_area_text {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
  }


.design_detail_R p.btn,
.design_detail_R p.btn02 {
  margin-right: 20px;
  margin-top: 13px;
  text-align: center;
  }

.design_detail_R p.btn a,
.design_detail_R p.btn02 a {
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 8px;

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  }

.design_detail_R p.btn a:hover,
.design_detail_R p.btn02 a:hover {
  }

.design_detail_R p.btn {
  width: 400px;
  margin: 0 auto;;
  }

.design_detail_R p.btn a {
  background: #00D3AF;
  font-size: 20px;
  padding: 20px;
  }

.design_detail_R p.btn a:hover {
  background: #00A185;
  }

.design_detail_R p.btn02 {
  width: 180px;
  margin: 0 auto;
  }

.design_detail_R p.btn02 a {
  background: #9e9e9e;
  font-size: 12px;
}

.design_detail_R p.btn02 a:hover {
  background: #bbbbbb;
}

/** ２つ折り名刺 **
 * ***********************************************************************************************************************************************/
 #shopcard {
  margin-bottom: 10rem;
 }
.shopcardButton {
  justify-content: center;
}
.shopcardButton .button a {
  max-width: 100%;
}
.shopcard-feature {
  margin-bottom: 3rem;
}
.shopcard-feature h3 {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 0.6rem;
}
.shopcardContent {
  border: 1px solid #666666;
  padding: 2rem;
  text-align: center;
  margin-block: 3rem;
}
.shopcardContent h3 {
  font-size: 2.2rem;
}
.shopcardContent h3 span {
  font-size: 4.5rem;
  color: #EA8282;
}
.shopcardContent p {
  font-weight: 700;
  margin-bottom: 2rem;
}
.shopcardContent .button a {
  max-width: 20rem;
  padding-block: 0.6rem;
  font-weight: 400;
}
.shopcardContent .button.orange a {
  background-color: #F2AD21;
  border-color: #F2AD21;
}
.shopcardContent .button.green a {
  background-color: #7ECC8D;
  border-color: #7ECC8D;
}
.shopcardContent .button.red a {
  background-color: #EA8282;
  border-color: #EA8282;
}
.shopcardContent .button.orange a:hover {
  background-color: #fff;
  color: #F2AD21;
}
.shopcardContent .button.green a:hover {
  background-color: #fff;
  color: #7ECC8D;
}
.shopcardContent .button.red a:hover {
  background-color: #fff;
  color: #EA8282;
}
.paper__inner {
  padding-block: 3rem;
}
.paper__inner h3 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 0.6rem;
}
.paper__inner h3.orange {
  color: #F2AD21;
}
.paper__inner h3.green {
  color: #7ECC8D;
}
.paper__inner h3.red {
  color: #EA8282;
}
 ul.paper__inner-content {
  width: 100%;
  border: 1px solid #bababa;
  padding: 2rem;
  list-style: none;
  margin-bottom: 3rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
   #shopcard {
    margin-bottom: 4rem;
   }
}

/** データ入稿が可能なファイルの形式 **
 * ****************************************************************************************************************************************/
 #detaType {
  margin-bottom: 10rem;
 }
.oneColumnBox {
  background: #ECF0F1;
  padding: 4rem;
  margin-bottom: 3rem;
  border-radius: 2rem;
}
.oneColumnBox h2 {
  margin-bottom: 2rem;
}
.app {
    text-align: center;
    margin-bottom: 3rem;
}
.app small {
  display: block;
  text-align: center;
}
.detaType__inner {
  border: 5px solid var(--samuraiBlue);
  border-radius: 2rem;
  padding: 4rem;
  text-align: center;
}
.detaType__inner-box {
  border-radius: 1.5rem;
  background-color: rgba(100, 100, 100, 0.1);
  padding: 3rem;
}

/** ３営業日発送の場合 *
 * ***************************************************************************************************************************************/
 .nouki_tbl {
  margin-bottom: 5rem;
  }
.nouki_tbl h2 {
  font-size: 2rem;
  font-weight: bold;
  color: #2194e0;
  margin-bottom: 1rem;
}

.nouki_tbl table {
  width: 100%;
 }

.nouki_tbl table th {
  padding: 1rem;
  border: 1px solid #ccc;
  background-color: #2194e0;
  color: #FFF;
  }

.nouki_tbl table td {
  padding: 1rem;
  border: 1px solid #ccc;
  }

.nouki_tbl_tr_odd {
  background-color: #fff;
  }

.nouki_tbl_tr_even {
  background-color: #eee;
  }
#nouki_3days {
  background: #FFF;
}

.nouki-working {
  overflow: hidden;
  }

.nouki-3days_cal {
  margin-block: 3rem;
  }

.nouki-working {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.nouki-working__inner {
  text-align: left;
  width: 40%;
 }
 .nouki-working__inner:last-child {
  width: 58%;
 }
.oneColumnBox h2 {
  font-size: 2.4rem;
  font-weight: bold;
  padding-bottom: 8px;
  border-bottom: 4px solid #95A5A6;
  margin-bottom: 16px;
  color: var(--samuraiBlue);
  text-align: center;
}
.up-time span.small {
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  line-height: 0;
  text-align: right;
}
.up-time span.big {
  font-weight: bold;
  font-size: 32px;
  font-family: "Arial Black", Gadget, sans-serif;
  color: #C23824;
  display: table-cell;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  text-align: right;
}
#nouki_3days ul {
  padding-left: 1.5rem;
}

.small_lot_print__inner {}
.small_lot_print__inner ul {
  list-style: none;
  padding: 0;
  text-align: center;
}
.small_lot_print__inner ul li {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 0.6rem;
}
@media (max-width: 767px) {
  .small_lot_print__inner ul li {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 0.6rem;
    text-align: left;
  }
}
/** 衣類印刷 *
 * **********************************************************************************************************************************************/
.apparelContents {
  margin-bottom: 10rem;
}
.apparelContents h2 {
  margin-bottom: 0;
}
.apparelContents__inner {
  padding: 4rem;
  border: 1px solid #bababa;
}
.apparelContents__inner p {
  font-size: 1.6rem;
  line-height: 1.8;
  margin-bottom: 3rem;
}
.apparelContents__inner .button {
  margin-bottom: 3rem;
}


/** お急ぎの方 *
 * *********************************************************************************************************/
.quick {}
.quick__inner {
  margin-bottom: 10rem;
  list-style: none;
  padding: 0;
}
.quick__inner li {
  margin-bottom: 5rem;
}


/** ご注文の流れについて（デザインを選んでかんたん作成） *
 * *************************************************************************************************************************/

ul.step10 {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
ul.step10 li {
  width:10%;
  position: relative;
}
ul.step10 li:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
ul.step10 li:last-child:after {
  display: none;
}
ul.step10 li a {
  background: var(--samuraiBlue);
  display: block;
  padding-block: 1.5rem;
  text-align: center;
  color: #ffffff;

}
.flowBox {
  background-color: #E5F3F5;
  border: 3px solid var(--samuraiBlue);
  padding: 3rem;
  margin-block: 4rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;

}
.flowBox h2 {
  width: 100%;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: left;
  border-bottom: 4px solid #E87E03;
  margin-bottom: 40px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.flowBox h2 .stepIcon {
  font-size: 80%;
  color: #FFF;
  background: #E87E03;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 106px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
  text-align: center;
  line-height: 1;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.flowBox .left {
  width: 60%;
}
.flowBox h3 {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 8px;
  padding-top: 16px;
}
.flowBox p {
  font-size: 16px;
  padding-left: 16px;
  margin-bottom: 0.5em;
}
.flowBox .right {
  width: 30%;
  text-align: right;
}
.flowBox .right p {
  padding-left: 0px!important;
}
.gBox {
  background: #ECF0F1;
  padding: 2rem;
}

/** スマホアプリでデザインして印刷するには *
 * *******************************************************************************************************************************************/
.howto-design__intro {
  margin-bottom: 10rem;
}
.app__download {
  margin-bottom: 10rem;
}
.app__download h2 {
  margin-bottom: 3rem;
  padding-block: 1.5rem;
  color: #ffffff;
  font-size: 2rem;
  background-color: var(--samuraiBlue);
  text-align: center;
}
.app_icon {}
.app__download p {
  margin-bottom: 3rem;
}
.app__download .price_button a {
  width: 100%;
}
.appHowto {
  margin-bottom: 10rem;
}

.appHowto__inner-box {
  background-color: #EFF2FF;
  border-radius: 1.5rem;
  padding: 1.5rem;
  height: 100%;
}
.appHowto__inner-box h3 {
  font-size: 1.7rem;
  margin-bottom: 1rem;
}
.appHowto__inner-box h3 i {
  margin-right: 1rem;
}
.appHowto__inner-box p {
  font-size: 1.5rem;
  line-height: 1.8;
}
/** 詰め放題プラン *
 * *******************************************************************************************************************************************/

.button-area_02 {
  clear: both;
  overflow: hidden;
  width: 760px;
  margin:0 auto;
  margin-top: 50px;
  text-align: center;
  }

.button-area_02 .button input {
  cursor: pointer;
  width: 342px;
  height: 80px;
  border: none;
  text-indent: -9999px;
  margin-top: 0;
  }



.button-area {
  width: 360px;
  text-align: left;
  margin: 0 auto;
  }

.button input {
  border: none;
  width: 360px;
  padding: 20px 0;
  margin: 0 auto;
  margin-top: 40px;
  font-size: 20px;
  color: #FFF;
  font-weight: bold;
  cursor: pointer;
  background-color: #F2AB14;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  }

.button input:hover {
  background-color: #FFC64E;
  }



.button_right input {
  border: none;
  width: 360px;
  padding: 20px 0;
  margin: 0 auto;
  margin-top: 0px;
  font-size: 20px;
  color: #FFF;
  font-weight: bold;
  cursor: pointer;
  background-color: #F2AB14;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  }

.button_right input:hover {
  background-color: #FFC64E;
  }



.button-top a {
  border: none;
  width: 360px;
  display: block;
  text-align: center;
  padding: 20px 0;
  margin: 0 auto;
  margin-top: 40px;
  font-size: 20px;
  color: #FFF;
  font-weight: bold;
  cursor: pointer;
  background-color: #F2AB14;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  }

.button-top a:hover {
  background-color: #FFC64E;
  }



.button_calculation {
  text-align: center;
  }

.button_calculation input {
  border: none;
  width: 260px;
  padding: 10px 0;
  margin: 0 auto;
  margin-top: 20px;
  font-size: 14px;
  color: #FFF;
  cursor: pointer;
  background-color: #72D2EF;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  }

.button_calculation input:hover {
  background-color: #92E6FF;
  }



.button_add {
  text-align: center;
  }

.button_add a {
  border: none;
  padding: 10px 10px;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  cursor: pointer;
  background-color: #72D2EF;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  }

.button_add a:hover {
  background-color: #92E6FF;
  }



.button_toppage {
  text-align: center;
  }

.button_toppage a {
  border: none;
  width: 260px;
  padding: 10px 0;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  cursor: pointer;
  background-color: #72D2EF;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  }

.button_toppage a:hover {
  background-color: #92E6FF;
  }



.button_correction {
  border: none;
  width: 360px;
  float: left;
  }

.button_correction input {
  border: none;
  width: 360px;
  padding: 20px 0;
  margin: 0 auto;
  margin-top: 0px;
  font-size: 20px;
  color: #FFF;
  font-weight: bold;
  cursor: pointer;
  background-color: #A7A7A7;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  float: left;
  }

.button_correction input:hover {
  background-color: #C3C3C3;
  }



.button-area_small {
  text-align: center;
  margin: 20px auto;
  }


.button_change input {
  
  }



.button_draft input {
  border: none;
  width: 120px;
  display: block;
  text-align: center;
  padding: 10px 0;
  margin: 0 auto;
  margin-top: 10px;
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
  cursor: pointer;
  background-color: #74CFB0;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  }

.button_draft input:hover {
  background-color: #94DAC2;
  }




/* ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝
****************************************************************************

  トップページのスタイル

****************************************************************************
 ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝  */

.contents {
  margin-bottom: 10rem;
}

/* = top_mv = */
.top_mv {
  background-image: url(../images/top_mv_bg.png);
  background-position:center top;
  background-repeat:no-repeat;
  -moz-background-size:cover;
  background-size:cover;
  height: 500px;
  position: relative;
  }

.top_mv_inner {
  width: 100%;
  margin:0 auto;
  }





ul.common_header_R_link {
  color: #000;
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
  }
ul.common_header_R_link li {
  width: 20%;
}
ul.common_header_R_link a {
  display: block;
  padding-block: 1.5rem;
  background-color: var(--samuraiGreen);
  margin-inline: 1px;
  color: #ffffff;
  text-align: center;
  }
ul.common_header_R_link li.active a {
  opacity: 0.8;
}
ul.common_header_R_link a:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.8;
  }

ul.common_header_R_btn a:hover {
  margin-top: 10px;
  }



.top_mv_ttl {
  text-align: center;
  margin-top: 70px;
  }


.top_mv_menu {
  position: absolute;
  bottom: 0;
  width: 960px;
  }

.top_mv_menu ul {
  overflow: hidden;
  }

.top_mv_menu li {
  float: left;
  }

.top_mv_menu_flow {
  margin:0 1px;
  }



/*------------------------------------------------
 大量ロット注文とは
------------------------------------------------*/

/* = top_about = */
.top_about {
  padding-top: 20px;
  background-image: url(../../images/large_order/top_about_bg.png);
  background-size:cover;
  }

.top_about_inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  }

.top_about_h2 {

  }

.top_about_inner li {
  font-size: 36px;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: left center;
  }
.top_about_inner-picture {
  width: 30%;
  margin-right: 5%;
}
.top_aabout_inner-content {
  width: 50%;
}

.top_about_caution {
 
  }

.top_about_caution li {
  background: none;
  font-size: 16px;
  color: #FF6262;
  font-weight: bold;
  padding: 0;
}



/*------------------------------------------------
 割引率
------------------------------------------------*/

/* = top_discount = */
.top_discount {
  padding-top: 20px;
}
.top_discount_inner {
  width: 100%;
  margin:0 auto;
  padding-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.top_discount_L {
  width:50%;
}
.top_discount_h2 {
  margin-bottom: 2rem;
}
.top_discount_R {
  width: 40%;
  position: relative;
}

.top_discount_L h2 {
  text-align: left;
  width: 100%;
}
.top_discount_tbl-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.top_discount_L .tbl_01,
.top_discount_L .tbl_02,
.top_discount_L .tbl_03 {
  width: 30%;
  }

.top_discount_L th {
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 2px;
  font-size: 12px;
  letter-spacing: 0px;
  }

.top_discount_L td {
  text-align: center;
  border: 1px solid #ccc;
  padding: 5px;
  letter-spacing: 0px;
  font-weight: bold;
  color: #EC6C6B;
  }


.top_discount_tbl-caution {
  padding-top: 3px;
  clear: both;
  }

.top_discount_tbl-caution span {
  font-weight: bold;
  color: #EC6C6B;
  font-size: 20px;
  }



.discount-badge {
  position: absolute;
  top: 20px;
  left: 30px;
  }

.discount-arrow {
  position: absolute;
  top: 60px;
  left: 0px;
  }





.btn_top_plan {
  width: 100%;
  margin-top: 5rem;
  text-align: center;
  clear: both;
  }

.btn_top_plan a {
  border: none;
  padding: 20px;
  margin: 0 auto;
  font-size: 20px;
  font-weight: bold;
  color: #FFF;
  cursor: pointer;
  background-color: #72D2EF;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  }

.btn_top_plan a:hover {
  background-color: #92E6FF;
  text-decoration: none;
  }




/*------------------------------------------------
 使い方
------------------------------------------------*/
.container-fluid .col-sm-12 {
  padding: 0;
}
/* = top_howto = */
.top_flow {
  padding-block: 5rem;
  background-color: #74cfb0;
  background-color: var(--samuraiGreen);
  }
.top_flow_item  li a {
  color: #ff0000;
}
.top_template a {
  color: var(--samuraiGreen);
  text-decoration: none;
  }
  .top_flow_detail a {
  color: #fff;
  }
.top_flow_inner {
  width: 100%;
  margin: 0 auto;
  }
.top_flow_inner h2 {
  background-color: #ffffff;
  border-radius:2rem ;
  color: var(--samuraiGreen);
  font-size: 3rem;
  padding-block: 1.3rem;
  text-align: center;
  margin-bottom: 2rem;
}
.top_flow_inner h3 {
  color: #ffffff;
  text-align: center;
  font-size: 2rem;
}
.top_flow_inner h3 i {
  background-color: #ffffff;
  border-radius: 10rem;
  padding-block: 0.4rem;
  color: var(--samuraiGreen);
  width: 4rem;
  height: 4rem;
  margin: 0 auto 0.6rem;
  font-size: 1rem;
  display: flex;
  text-align: center;
  justify-content: center;
  flex-direction: column;
  line-height: 1;
}
.top_flow_item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  }

.top_flow_item li {
  width: 30%;
  padding: 10px;
  text-align: center;
  }

.top_flow_item li h3 {
  border-bottom: 3px solid #FFF;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  }

.top_flow_item li p {
  text-align: justify; 
  font-weight: bold;
  color: #FFF;
  }

.top_flow_detail {
  border-top: 1px solid #fff;
  text-align: center;
  padding: 10px;
  margin-top: 20px;
  padding-top: 20px;
  }


.top_template {
  text-align: center;
  border-top: 3px solid #FFF;
  padding-top: 20px;
  margin-top: 20px;
  }

.top_template a {
  font-size: 20px;
  font-weight: bold;
  display: block;
  padding: 10px;
  background-color: #fff;
  width: 400px;
  margin: 0 auto;
  border: 4px solid #FFF;

  border-radius: 10px;        /* CSS3草案 */  
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */  
  
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;

  }

.top_template a:hover {
  background-color: transparent;
  border: 4px solid #FFF;
  color: #FFF;
  }

.template_modal_h2 {
  font-size: 24px;
  font-weight: bold;
  border-bottom: 4px solid #95A5A6;
  margin-bottom: 20px;
  color: #00A185;
  text-align: left;
  }

.template_modal_ul {
  overflow: hidden;
  margin-bottom: 40px;
  }

.template_modal_ul li {
  float: left;
  margin-right: 40px;
  }

.template_description {
  text-align: center;
  padding: 10px;
  color: #F00;
  font-weight: bold;
  }


/*------------------------------------------------
 金額を計算する
------------------------------------------------*/

/* = top_cal = */
.top_cal {
  padding-top: 5rem;
  margin-bottom: 10rem;
  }

.top_cal h2 {
  margin-bottom: 20px;
  text-align: center;
  color: var(--samuraiGreen);
  }

.top_cal_description {
  text-align: center;
  margin-bottom: 30px;
  }

.top_cal_inner dt {
  margin-bottom: 5px;
  }

.select_calculation {
  background-color: #FFF8E9;
  padding: 20px;
  text-align: right;
  font-size: 20px;
  }

.select_calculation_normal {
  color: #333;
  }

.select_calculation_price_wrapper {
  background-color: #FDEAC0;
  padding: 20px;
  }

.select_calculation_price {
  font-size: 60px;
  font-weight: bold;
  padding: 0;
  line-height: 1;
  color: #ff6262;
  }

.select_calculation_other {
  color: #333;
  font-size: 20px;
  }

.select_calculation_nouki {
  font-size: 18px;
  color: #ff6262;
  }


.top_flow_attention {
  margin-top: 20px;
  }


/*------------------------------------------------
 注意事項
------------------------------------------------*/

.top_caution {
  margin-top: 60px;
  border: 4px solid #FF6262;
  width: 920px;
  margin: 0 auto;
  padding: 20px;
  }

.top_caution h2 {
  background-color: #FF6262;
  padding: 10px;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 20px;
  }

.top_caution {
  font-size: 20px;
  }





/* ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝
****************************************************************************

  注文内容のご確認

****************************************************************************
 ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝  */
.price_check {
  }

.price_check_text {
  text-align: center;
  margin-bottom: 20px;
  }

.price_check_text span {
  color: #F00;
  font-weight: bold;
  }

.price_check_change {
  font-size: 14px;
  }

/* ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝
****************************************************************************

  下層ページ共通のスタイル

****************************************************************************
 ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝  */

/*------------------------------------------------
 共通のスタイル
------------------------------------------------*/

.lower {
  margin-top: 120px;
  }

.lower.lower_02 {
  margin-top: 0;
  }

.lower h1 {
  text-align: center;
  font-size: 36px;
  color: #74cfb0;
  margin: 20px 0;
  }

.lower_form {
  background-color: #F6F9F8;
  width: 960px;
  margin: 0 auto;
  padding: 30px 0;
  }



/*------------------------------------------------
 ヘッダー
------------------------------------------------*/

.lower .fade-header {
  display: block !important;
  overflow: hidden;
  }



/*------------------------------------------------
 フォーム
------------------------------------------------*/

.form {
  width: 100%;
  margin:0 auto;
  padding: 20px 0;
  }

.form_inner {
  width: 100%;
  margin:0 auto;
  font-size: 20px;
  }

.form_inner .textbox,
.form_inner .selectbox {
  font-size: 20px;
  }

.form_inner .textbox {
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px 10px;

  border-radius: 2px;        /* CSS3草案 */  
  -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 2px;   /* Firefox用 */  
  }



.form_inner .selectbox {
  width: 100%;
  background: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  }


.top_calform_paper {
  }


.top_calform_color,
.top_calform_size {
  width: 45%;
  }

.top_calform_lot,
.top_calform_round {
  width: 45%;
  }

.top_calform_dl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  }

.top_calform_dt {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 5px;
  }

.top_calform_dd {
  margin-bottom: 40px;
  }

.top_calform_dd_small {
  font-size: 14px;
  color: #F00;
  font-weight: bold;
  margin-left: 3px;
  }

.top_calform_size dd,
.top_calform_round dd {
  margin-bottom: 6px;
  }


.top_calform_caution {
  clear: both;
  font-size: 14px;
  color: #F00;
  font-weight: bold;
  padding-top: 6px;
  margin-left: 6px;
  margin-bottom: 40px;
  border-top: 1px solid #ccc;
  }



.select-dd-paper,
.select-dd-lot,
.select-dd-color {
  cursor: pointer;
  background: none;
  background-color: #fff;
  background-image: url(../../images/large_order/form_selectbox_icon.png);
  background-position: right center;
  background-repeat: no-repeat;
  vertical-align: middle;
  line-height: 30px;
  padding: 10px;
  border: 3px solid #74CFB0;
  
  overflow: hidden;
  }

.select-dd-paper {
  width: 100%;
  }

.select-dd-lot {
  width: 100%;
  border: 5px solid #FF9494;
  }






.select-dd-color {
  width: 100%;
  }


/* ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝
****************************************************************************

  料金プランページ

****************************************************************************
 ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝  */


.plan_discount-MV {
  width: 100%;
/*
  background-image: url(../images/top_discount_bg.png);
*/
  }

.plan_discount-MV .top_discount_inner {
  width: 100%;
  margin: 0 auto;
  }

.plan_menu {
  overflow: hidden;
  margin: 0 auto 2rem;
  list-style: none;
  padding: 0;
  }

.plan_menu li a {
  display: block;
  width: 16.666666%;
  float: left;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 12px;
  color: #FFF;

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  }
.plan_menu li a:hover {
  text-decoration: none;
}

.plan_tbl h2 {
  font-size: 20px;
  margin-bottom: 10px;
  }

.btn_CAMP {
  display: block;
  height: 50px;
  text-align: center;
  width: 320px;
  margin: 0 auto;
  }

.btn_CAMP a {
  background-color: #EE0562;
  display: block;
  width: 320px;
  float: left;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 12px;
  color: #FFF;
  margin: 0 auto;

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  }

.btn_CAMP a:hover {
  background-color: #FF7EB2;
  }

#CAMP h2 {
  color: #EE0562;
  }

.btn_RT a {
  background-color: #DE725D;
  }

.btn_RT a:hover {
  background-color: #F3A596;
  }

#RT_l h2 {
  color: #DE725D;
  }

.btn_ST a {
  background-color: #3C905A;
  }

.btn_ST a:hover {
  background-color: #6BAF83;
  }

.btn_SD a {
  background-color: #F3A040;
  }

.btn_SD a:hover {
  background-color: #FFB661;
  }

.btn_SP a {
  background-color: #3893CE;
  }

.btn_SP a:hover {
  background-color: #78BEEA;
  }

.btn_PR a {
  background-color: #A96BC3;
  }

.btn_PR a:hover {
  background-color: #C3A0D2;
  }

.btn_DX a {
  background-color: #BBA32C;
  }

.btn_DX a:hover {
  background-color: #D4C05D;
  }

.plan_tbl {
  padding-top: 3rem;
  width: 100%;
  margin:0 auto;
  }

.plan_tbl table {
  width: 100%;
  }

.plan_paper th,
.plan_paper td {
  border: none !important;
  }

.plan_tbl table th {
  padding: 10px;
  text-align: center;
  color: #FFF;
  }

.plan_tbl table td {
  padding: 10px;
  text-align: center;
  }


#CAMP table th {
  background-color: #EE0562;
  }

#CAMP table tr:nth-child(2n-1) {
  background-color: #FFECF4;
  }

#RT_l table th {
  background-color: #DE725D;
  }

#RT_l table tr:nth-child(2n-1) {
  background-color: #FFEEEA;
  }

#ST_l table th {
  background-color: #3C905A;
  }

#ST_l table tr:nth-child(2n-1) {
  background-color: #E9F1E7;
  }

#SD_l table th {
  background-color: #F3A040;
  }

#SD_l table tr:nth-child(2n-1) {
  background-color: #FFF3E5;
  }

#SP_l table th {
  background-color: #3893CE;
  }

#SP_l table tr:nth-child(2n-1) {
  background-color: #EAEFF3;
  }

#PR_l table th {
  background-color: #A96BC3;
  }

#PR_l table tr:nth-child(2n-1) {
  background-color: #FAEDFF;
  }

#DX_l table th {
  background-color: #BBA32C;
  }

#DX_l table tr:nth-child(2n-1) {
  background-color: #FFFBEA;
  }





.acMenu{
  margin-bottom: 40px;
  }

.acMenu dt{
  display:block;
  width:100%;
  margin: 0 auto;
  height:50px;
  line-height:50px;
  text-align:center;
  cursor:pointer;
  background-color: #aaa;
  color: #FFF;
  font-weight: bold;
  }

.acMenu dd{
  display:none;
  }

.acMenu dd table {
  margin: 0 auto;
  }



.correspondence {
  font-size: 12px;
  }

.correspondence th {
  background-color: #fff !important;
  color: #333 !important;
  width: 80px ;
  text-align: right;
  }

.correspondence td {
  background-color: #fff !important;
  text-align: left !important;
  }


.plan-price {
  text-decoration: line-through;
  color: #999;
  font-size: 14px ;
  }

.plan-discount {
  font-weight: bold;
  font-size: 16px ;
  color: #666;
}

.plan-discount-rate {
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: bold;
  color: #F00;
}

.acMenu_tbl {
  height: 500px;
  overflow-x: hidden;
}

.acMenu_tbl table {
}

/* ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝
****************************************************************************

  納期ページ

****************************************************************************
 ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝  */

.lower_nouki {
  width: 100%;
  margin: 0 auto;
  }

.nouki-working {
  overflow: hidden;
  }

.nouki-working h2,
.nouki-hubi h2 {
  font-size: 24px;
  font-weight: bold;
  border-bottom: 4px solid #95A5A6;
  margin-bottom: 40px;
  color: #00A185;
  text-align: left;
  width: 100%;
  }
.nouki-working__block {
  display: flex;
  justify-content: center;
  gap: 3rem;
  width: 100%;
}
#contents .nouki-working_L .nouki-3days_cal {
  margin-bottom: 16px;
  }

#up06 .nouki-3days_item {
  text-align: left;
  }

.nouki-working_L {
  text-align: left;
  width: 40%;
  }

#contents .nouki-working_L .alignLeft {
  text-align: left;
  margin-bottom: 0;
  }

.nouki-working_R {
  width: 40%;
  }

.up-time span.small {
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  line-height: 0;
  text-align: right;
}
.up-time span.big {
  font-weight: bold;
  font-size: 32px;
  color: #FF6262;
  display: table-cell;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  text-align: right;
}



.nouki-printsta {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #ccc;
  }

.nouki-printsta_text {
  font-weight: bold;
  font-size: 20px;
  color: #FF6262;
  }

.nouki-printsta .button-area {
  text-align: center;
  }

.nouki-printsta .button-area .button-top a {
  margin-top: 10px;
  }
.nouki-printsta .button-area .button-top a:hover {
  text-decoration: none;
  }

.nouki_caution {
  margin-top: 30px;
  }

.nouki_caution li {
  padding-left: 1em;
  text-indent: -1em;
}



.nouki-hubi {
  margin-top: 60px;
  
  }


/* ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝
****************************************************************************

  データ入稿ページ

****************************************************************************
 ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝  */
.upload {
  }

.upload_li {
  margin-bottom: 10px;
  overflow: hidden;
  }

.upload_input {
  padding: 5px;
  margin-right: 10px;
  font-size: 16px;
  }

.upload_right {
  float: right;
  }

.upload_selectbox {
  border: 1px solid #ccc;
  font-size: 20px;
  }



.upload_total {
  margin-bottom: 0px;
  }

.upload_option {
  font-size: 16px;
  background-color: #eee;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  }

.upload_total span {
  color: #FF6262;
  font-size: 36px;
  font-weight: bold;
  padding: 0;
  line-height: 1;
  }

.upload_total .upload_total_hako {
  font-size: 26px;
  }


.upload_remaining {
  border-bottom: 1px solid #999;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-top: 40px;
  }

.upload_remaining span {
  color: #FF6262;
  font-size: 36px;
  font-weight: bold;
  padding: 0;
  line-height: 1;
  }



.button_draft a {
  border: none;
  width: 100px;
  display: block;
  text-align: center;
  padding: 10px 0;
  margin: 0 auto;
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
  cursor: pointer;
  background-color: #74CFB0;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  }

.button_draft a:hover {
  background-color: #94DAC2;
  }



.button_deleat a {
  border: none;
  width: 100px;
  display: block;
  text-align: center;
  padding: 10px 0;
  margin: 0 auto;
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
  cursor: pointer;
  background-color: #FF6262;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  }

.button_deleat a:hover {
  background-color: #FF8F8F;
  }


.draft_tbl_wrapper {
  height: 280px;
  overflow-y:scroll;
  margin-bottom: 10px;
  }

.draft_tbl {
  width: 850px;
  margin-bottom: 20px;
  }

.draft_tbl td {
  padding: 10px;
  border: 1px solid #ccc;
  text-align: center;
  font-size: 14px;
  }

.draft_thumb {
  max-width: 120px;
  max-height: 120px;
  }


.draft_tbl .draft_memo {
  text-align: left;
  }

.upload_modal_tb-memo {
  padding: 5px;
  font-size: 16px;
  width: 300px;
  }



.button_reload {
  text-align: center;
  }

.button_reload input {
  border: none;
  width: 260px;
  padding: 10px 0;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  cursor: pointer;
  background-color: #F00;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  }

.button_reload input:hover {
  background-color: #FF0;
  }


.upload_inner {
  width: 880px;
  }



.modal_sheets .form {
  width: 100%;
  }

.modal_sheets .form_inner {
  width: 80%;
  margin: 0 auto;
  }

.modal_sheets .form_inner .selectbox {
  width: 100%;
  }

.modal_sheets .form .select-dd-paper {
  width: 510px;
  }

.modal_sheets .form .select-dd-color {
  width: 270px;
  }

.modal_sheets .form .top_calform_caution {
  margin-bottom: 0;
  }



.upload-description {
  text-align: center;
  margin-top: -20px;
  margin-bottom: 40px;
  }


.upload_caution {
  font-size: 14px;
  margin-bottom: 20px;
  font-weight: bold;
  color:#F00;

  padding: 10px;
  border: 1px solid #F00;
  }

.upload_howto-ss {
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
  padding: 20px 0;
  }

.upload_howto-ss a {
  color: #fff;
  }

.upload_howto-ss a:hover {
  color: #eee;
  }

.modal_howto_ss {
  margin-bottom: 60px;
  }

.modal_howto_ss {
  
  }

.modal_howto_ss li {
  padding-left: 1em;
  text-indent: -1em;
  }

.modal_howto_ss table {
  margin: 20px auto;
  }

.modal_howto_ss table th {
  padding: 10px;
  background-color: #f7f7f7;
  border: 1px solid #e0e0e0;
  font-size: 20px;
  width: 200px;
  text-align: center;
  }

.modal_howto_ss table td {
  padding: 10px;
  border: 1px solid #e0e0e0;
  text-align: center;
  }

.modal_howto_ss li table {
  padding-left: 0em;
  text-indent: 0em;
  }



.button_template a {
  border: none;
  padding: 10px 10px;
  margin: 0 auto;
  margin-top: 5000px;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  cursor: pointer;
  background-color: #FF1E1E;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  }

.button_template a:hover {
  background-color: #FD6F6F;
  }





/*------------------------------------------------
 入稿用モーダルのスタイル
------------------------------------------------*/
.upload_modal_ttl {
  background-color: #74cfb0;
  padding: 10px;
  font-size: 24px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  }

.upload_modal_s-ttl {
  background-color: #ccc;
  border: 1px solid #F00;
  }

.upload_modal_inner {
  width: 90%;
  margin: 0 auto;
  margin-top: 20px;
  }

.upload_modal_inner_description {
  background-color: #f9f9f9;
  margin-bottom: 20px;
  padding: 20px;
  }

.upload_modal_caution {
  color: #FF6262;
  }


.upload_modal_tbl {
  font-weight: bold;
  width: 100%;
  }

.upload_modal_tbl th {
  width: 25%;
  padding: 10px;
  background-color: #ccc;
  color: #FFF;
  }

.upload_modal_tbl td {
  width: 75%;
  border: 1px solid #ccc;
  border-left: 1px dashed #ccc;
  padding: 10px;
  }


.upload_modal .button input {
  margin-top: 0;
  }

.upload_modal_inner .select_calculation {
  clear: both;
  }


.upload_calform_lot {
  width: 200px;
  cursor: pointer;
  background: none;
  background-color: #fff;
  background-image: url(../../images/large_order/form_selectbox_icon.png);
  background-position: right center;
  background-repeat: no-repeat;
  vertical-align: middle;
  line-height: 30px;
  padding: 10px;
  border: 3px solid #74CFB0;
  
  overflow: hidden;
  }


.upload_calform_lot .selectbox {
  }

.upload_calform_lot.form_inner {
  margin: 0;
  }


.upload_modal_content {
  background-color: #eee;
  padding: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  }

.upload_modal_content span {
  font-weight: bold;
  }





/*------------------------------------------------
 削除用モーダルのスタイル
------------------------------------------------*/
.upload_modal_ttl.modal_delet {
  background-color: #F00;
  }

.modal_delet_detail {
  text-align: center;
  }

.modal_delet_caution {
  color: #F00;
  font-size: 20px;
  font-weight: bold;
  }

.modal_delet_image {
  margin: 20px auto;
  }

.modal_delet_memo {
  font-size: 20px;
  margin-bottom: 20px;
  }

.modal_delet_btn input {
  background-color: #f00;
  }

.modal_delet_btn input:hover {
  background-color: #FF6B6B;
  }

/* ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝
****************************************************************************

  ご注文の流れページ

****************************************************************************
 ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝  */

.flow_item {
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  }

.flow_item a {
  color :#3EB58C;
  }

.flow_item .flow-btn a {
  color :#FFF;
  }



.flow_item a:hover {
  }

.flow_item_L {
  width: 55%;
  }

.flow_item_R {
  width: 40%;
  }
.flow_item_R img {
  width: 100%;
  height: auto;
}
.flow_item_R img {
  border: 1px solid #eee;
  }


.flow_item h3 {
  font-size: 20px;
  margin-bottom: 10px;
  }

.flow_item h3 span {
  display: block;
  text-align: center;
  width: 40px;
  background-color: #74CFB0;
  color: #FFF;
  font-size: 12px;
  margin-bottom: 3px;
  }

.button_template.flow-btn {
  margin: 10px auto;
  text-align: center;
  }

.flow_hubi {
  margin-top: 20px;
  border: 1px solid #F00;
  }

.flow_hubi h3 {
  text-align: center;
  background-color: #f00;
  color: #FFF;
  font-weight: bold;
  }

.flow_hubi ul {
  padding: 10px 10px 20px 10px;
  list-style: none;
  }

.flow_hubi li {
  padding-left: 1em;
  text-indent: -1em;
  }


.flow_caution {
  color: #F00;
  padding-left: 1em;
  text-indent: -1em;
  
  }


.flow_item_L.flow_item_L2 {
  width: 100%;
  }

.flow_attention {
  text-align: center;
  border: 5px solid #F4CACA;
  width: 100%;
  padding: 10px 10px 20px 10px;
  margin: 0 auto;
  margin-bottom: 40px;
  background-image: url(../images/large_order/low_attention_bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  }

.flow_attention h2 {
  color: #EE8482;
  font-size: 24px;
  margin-bottom: 0;
  padding: 10px;
  }



.flow-cont {
  margin-bottom: 40px;
  }
.center__title {
  margin-block: 2rem;
  text-align: center;
  color: var(--samuraiGreen);
}


/* ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝
****************************************************************************

  カートのスタイル

****************************************************************************
 ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝ ＝  */

.lower_cart {
  width: 100%;
  margin:0 auto;
  }

.cart_flow {
  text-align: center;
  margin-bottom: 30px;
  }

.cart_comment {
  text-align: center;
  margin-bottom: 20px;
  color: #C00;
  }


/*------------------------------------------------
 最終確認
------------------------------------------------*/

.check_li {
  }

.check_li span {
  margin-right: 10px;
  }

.check_h2 {
  text-align: left;
  border-left: 6px solid #74CFB0;
  padding-left: 6px;
  }

.check-tbl {
  margin-bottom: 60px;
  }

.check-tbl-td {
  background-color: #f7f7f7;
  border-right: 1px dashed #ddd;
  text-align: center;
  }

.total_inner {
  background-color: #FFF8E9;
  padding: 20px;
  text-align: right;
  font-size: 20px;
  }

.total_inner ul {
  margin-bottom: 20px;
  }

.total_color {
  font-weight: bold;
  }

.total_inner_price {
  color:#FF6262;
  }

.total_inner p {
  background-color: #FDEAC0;
  padding: 20px;
  font-size: 36px;
  font-weight: bold;
  }

.total_price {
  color:#FF6262;
  }



/*------------------------------------------------
 サンクスページ
------------------------------------------------*/

.complete-comment {
  padding: 20px;
  text-align: center;
  }



/*------------------------------------------------
 フォーム
------------------------------------------------*/
/* = tbl-form = */
.tbl-form {
  }

.tbl-form table {
  border-top: 1px solid #ccc;
  width: 960px;
  }

.tbl-form table tr {
  border-bottom: 1px solid #ccc;
  }

.tbl-form table th {
  padding: 20px;
  background-color: #f7f7f7;
  border-right: 1px dashed #ddd;
  width: 260px;
  }

.tbl-form table td {
  padding: 20px;
  }

.tbl-form h2 {
  margin-bottom: 10px;
  }

.tbl-form .tb01,
.tbl-form .tb02,
.tbl-form .tb03,
.tbl-form .tb04 {
  padding: 10px;
  font-size: 16px;
  border: 1px solid #CCC;
  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  
  height: 20px;
  margin: 0 auto;
  }

.tbl-form .tb01 {
  width: 478px;
  }

.tbl-form .tb02 {
  width: 228px;
  }

.tbl-form .tb03 {
  width: 353px;
  }

.tbl-form .tb04 {
  width: 103px;
  }

.tbl-form .select_box {
  width: 498px;
  font-size: 20px;
  cursor: pointer;
  background: none;
  background-color: #fff;
  vertical-align: middle;
  line-height: 100px;
  padding: 50px;
  border: 1px solid #ccc;
  }

.textarea {
  font-size: 16px;
  padding: 10px;
  width: 478px;
  height: 120px;
  border: 1px solid #ccc;
  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  
  }

.required {
  color: #C00;
  margin-left: 5px;
  font-size: 14px;
  letter-spacing: 0px;
}

@media (max-width: 767px) {
  .checkedBox .box {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
  }
  .checkedBox .box h4 {
    font-size: 1.4rem;
    white-space: nowrap;
  }
}

/** データの作り方 *
 * ******************************************************************************************************************************************/
.pagettl01 {
  font-size: 20px;
  margin-block: 2rem;
  padding-bottom: 6px;
  border-bottom: 4px solid var(--samuraiBlue);
}
#bx-pager {
  margin-block: 2rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#bx-pager a {
  display: block;
  width: 20%;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  background: #0066CC;
  border-right: 1px solid #FFF;
  border-left: 1px solid #FFF;
  color: #FFF;
  border-bottom: 2px solid #FFF;
  font-size: 10px;
}
#bx-pager a:last-child {
  margin-right: auto;
}
#bx-pager a.active {
  background: #00D3AF;
}
#bx-pager a:hover {
  text-decoration: none;
  background: #3F8EBE;
}
ul.makedata {
  width: 800px;
  margin-right: auto;
  margin-left: auto;
}
.makedeta-template {
  margin-block: 3rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.makedeta-template .left {
  text-align: left;
  width: 50%;
  margin: 0px;
  padding: 0px;
  display: block;
}
.makedeta-template .twoBtnBox {
  margin: 0px;
  padding: 0px;
  width: 48%;
  display: block;
  clear: none;
  text-align: right;
}
#makeDesignBlock {
  clear: both;
  padding-top: 40px;
}
#makeDesignBlock h3 {
  font-size: 20px;
  font-weight: bold;
  padding-top: 16px;
  padding-bottom: 3px;
  border-bottom: 3px solid #069;
  text-align: left;
  margin-bottom: 2rem;
}
#makeDesignBlock .subtext {
  line-height: 1.8;
  text-align: left;
}#makeDesignBlock h4 {
  font-size: 16px;
}

.list-tab {
  }

.tab {
  overflow:hidden;
  margin-bottom: 40px;
  border-bottom: 4px solid #2B98DE;
  list-style: none;
  padding: 0;
  display: flex;
  align-items: flex-end;
  }

.tab li {
  padding:5px 25px;
  margin-right:1px;
  background-color: #6fc7ff;
  color: #FFF;
  cursor: pointer;
  border-radius: 8px 8px 0px 0px;        /* CSS3草案 */  
  -webkit-border-radius: 8px 8px 0px 0px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 8px 8px 0px 0px;   /* Firefox用 */  
  }


.tab li.select {
  margin-top: 0;
  font-size: 20px;
  background-color: #2B98DE;
  color: #FFF;

  border-radius: 8px 8px 0px 0px;        /* CSS3草案 */  
  -webkit-border-radius: 8px 8px 0px 0px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 8px 8px 0px 0px;   /* Firefox用 */  
  }




.tab li.tab_repeat_original {
  float: right;
  background-color: #ffa74d;
  }

.tab li a {
  color: #FFF;
  }

.tab li a:hover {
  text-decoration: none;
  }


.tab li.tab_repeat_original.select {
  float: right;
  background-color: #ff8507;
  }

.list-tab_list li .box {
  width: 240px;
  float: left;
  text-align: left;
  margin-bottom: 60px;
  }


.list-tab_list li .box h3.memo {
  width: 200px;
  font-weight: normal;
  font-size: 12px;
  height: 48px;
  line-height: 1.4;
  overflow: hidden;
  }

.list-tab_list li .box .small_product {
  border-bottom: 4px solid #2b98de;
  padding: 0 3px;
  }


.list-tab_list li .box .image {
  width: 200px;
  height: 200px;
  margin-top: 10px;
  overflow: hidden;
  }

.list-tab_list li .box .btn01 a,
.list-tab_list li .box .btn02 a,
.list-tab_list li .box .btn03 a,
.list-tab_list li .box .btn04 a,
.list-tab_list li .box .btn05 a {
  width: 200px;
  font-weight: bold;
  color: #FFF;
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  margin-bottom: 8px;
  text-align: center;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  }

.list-tab_list li .box .btn01 a:hover,
.list-tab_list li .box .btn02 a:hover,
.list-tab_list li .box .btn03 a:hover,
.list-tab_list li .box .btn04 a:hover,
.list-tab_list li .box .btn05 a:hover {
  }

.list-tab_list li .box .btn01 a {
  background: #00D3AF;
  font-size: 16px;
  }

.list-tab_list li .box .btn01 a:hover {
  background: #00A185;
  }

.list-tab_list li .box .btn02 a {
  width: 200px;
  background: #f77a7a;
  font-size: 12px;
  }

.list-tab_list li .box .btn02 a:hover {
  background: #ffa9a9;
  }

.list-tab_list li .box .btn03 a {
  width: 200px;
  background: #2B98DE;
  font-size: 12px;
  }

.list-tab_list li .box .btn03 a:hover {
  background: #6fc7ff;
  }

.list-tab_list li .box .btn04 a {
  width: 200px;
  background: #f19125;
  font-size: 13px;
  }

.list-tab_list li .box .btn04 a:hover {
  background: #f5b36a;
  }

.list-tab_list li .box .btn05 a {
  width: 200px;
  background: #3fbd40;
  font-size: 12px;
  }

.list-tab_list li .box .btn05 a:hover {
  background: #249625;
  }



.hide {
  display:none;
  }

@media (max-width: 767px) {
  .tab li.select {
    font-size: 13px;
    }

}

/** メディアクエリー *
 * *******************************************************************************************************************************************/
#MediaQueries----------------------------------------------------------------------------------------------------------------------------------------------------------{}
@media (max-width:1280px) {}
@media (max-width:1120px) {}
@media (max-width: 1024px) {
  .selectTitleArea{
    margin-inline: 1rem;
  }
  .step_t{
    width: 300px;
    background-color: #F0BA63;
    color: #fff;
    font-size: 2.3rem;
    font-weight: bold;
    letter-spacing: 3px;
    margin-right: 1rem;
    padding: 2rem 0;
}
  }
@media (max-width: 810px) {
  .selectTitleArea{
    margin-inline: 1rem;
    }
    .step_t{
    width: 220px;
    background-color: #F0BA63;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 3px;
    margin-right: 0.5rem;
    padding: 1.5rem 0;
  }
}

@media (max-width:919px) {}
@media (max-width: 767px) {
  .mv .mc {
    top: 10%;
    left: 10%;
    transform: translate(0);
  }
  .mv .mc {
    width: 65%;
  }
  .mv .mc img {
    width: 100%;
    height: auto;
  }
  .pr-banner {
    padding-block: 3rem 1rem;
  }
  .homeService {
    padding-block: 3rem;
  }
  .homeService h2 {
    margin-bottom: 2rem;
  }
  .homeService h2 + p {
    text-align: center;
    margin-bottom: 2rem;
  }
  /* 売れている印刷商品 */
  .buy {
    padding-block: 1rem;
  }
  .buy h2 {
    text-align: center;
    margin-bottom: 2rem;
  }
  .buy h2 + p {
    text-align: center;
    margin-bottom: 2rem;
  }
  .buy__box-info {
    padding: 10px;
  }
  .buy__box-info h3 {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }
  .buy__box-info .btn {
    margin-block: 0.5rem 0rem;
  }
  .buy__box-info .btn a {
    font-size: 1.2rem;
    padding-block: 0.4rem;
  }
  .buy__box-info p.day {
    text-align: center;
  }
  .buy__box-info p.day b {
    font-size: 2rem;
  }
  .buy__box {
    display: block;
  }
  .buy__box-info {
    width: 100%;
  }
  .buy__box-icon {
    width: 100%;
    padding-block: 1rem;
    border-radius: 0 0 0.9rem 0.9rem;
    height: 5rem;
  }
  .buy__box-icon img {
    zoom: 0.6;
  }
  .works {
    padding-block: 3rem;
  }
  .works h2 {
    margin-bottom: 2rem;
  }
  .works h2 + p {
    margin-bottom: 2rem;
  }
  .bannerSecond {
    padding-block: 3rem;
  }
   .breadNav {
    display: none;
  }
  .pageTitleImg {
    padding: 1rem;
    position: relative;
    margin-bottom: 2rem;
  }
  .pageTitleImg img {
    margin-bottom: 1rem;
  }
  .pageTitleImg h1 {
    line-height: 1.2;
    margin-bottom: 1rem;
    font-size: 1.8rem;
  }
  .pageTitleImg p {
    padding-inline: 10px;
  }

  /*
  .pageTitleImg img {
    width: auto;
    height: 10rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 1rem;
  }


  .pageTitleImg h1 img {
    max-height: 10rem;
  }
  .pageTitleImg span {
    left: 50%;
  }
 */
  .otherPage {
    margin-bottom: 5rem;
  }
  .kiyaku h2 {
    padding: 1rem;
    font-size: 1.5rem;
  }
   .kiyaku h3 {
    padding: 1rem;
    font-size: 1.5rem;
  }
   .kiyaku h4 {
    padding: 1rem;
    font-size: 1.5rem;
  }
  .kiyaku p {
    margin-bottom: 1rem;
  }
  .kiyaku ul {
    padding: 1rem;
    margin-bottom: 1rem;
  }
  .kiyaku ul li {
    margin-bottom: 0.5rem;
  }

  table.detail-table th {
    display: block;
    width: 100%;
    background-color: #f1f1f1;
    padding: 1rem 1rem 0.5rem 1rem;
    border-bottom: none;
    white-space: nowrap;
    margin-top: -1px;
    border: 1px solid #ccc;
  }
  table.detail-table td {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem 1rem 1rem;
    border-top: none;
    margin-top: -1px;
    border: 1px solid #ccc;
  }
  .map {
    position: relative;
    width: 100%;
    padding-top: 100%;
    height: 0;
  }
  .loginPage {
    margin-bottom: 3rem;
  }
  .loginPage__inner {
    margin-bottom: 2rem;
  }
  .loginPage__inner h2 {
    font-size: 1.8rem;
    padding: 1rem;
    margin-bottom: 2rem;
  }
  .loginTb {
    padding: 1rem;
    margin-bottom: 1rem;
  }
  .registration .button a {
    margin-bottom: 2.5rem;
  }

  /** 会員登録 **
   * ******************************************************************************/

  .registPage {
    margin-bottom: 5rem;
  }
  .registBox {
    padding: 1rem;
    margin-block: 4rem 2rem;
  }
  .regist-attention {
    padding: 3rem 3rem 5rem 3rem;
  }
  .registBox h2 {
    font-size: 1.8rem;
    padding-block: 1rem;
    border-radius: 1rem;
    width: 80%;
  }
  .registBox__inner {
    padding: 3rem 1rem 1rem;
  }
  .registBox__inner p strong {
    width: 100%;
    margin-bottom: 0.6rem;
  }
  .registBox__inner p span {
    width: 100%;
  }
  dl.admin {
    width: 100%;
    margin: 14px auto;
  }
  dl.admin th {
    padding: 16px 16px 10px 0px;
    display: block;
    width: 100%;
    border: none;
  }
  dl.admin td {
    display: block;
    width: 100%;
    padding: 0 0 16px 0px;
  }
  dl.admin input {
    background: #ECF0F1;
    padding: 16px;
    border-style: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: normal;
    text-decoration: none;
  }
  dl.admin input:focus {background-color:#ADD3CA;}
  dl.admin input.long {
    width: 100%;
  }
  dl.admin input.mid {
    width: 100%;
  }
  dl.admin input.short {
    width: 100px;
  }
  dl.admin .selectArea {
    width: 100%;
    padding: 16px 45px 16px 10px;
    -moz-appearance: button;
    -webkit-appearance: button;
    appearance: button;
    text-overflow: clip;
    background: #ECF0F1 url(/images/ico_arrow.png) no-repeat 100% 50%;
    background-size: 36px 13px;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    margin: -4px 0 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 1rem;
  }

  dl.admin textarea {
    background: #ECF0F1;
    padding: 16px;
    border-style: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: normal;
  }
  /* カート *
*****************************************************************************/
  .cartFlow {
    margin-bottom: 3rem;
  }
  .cartFlow ul li {
    width: 33%;
    background-color: #7ECC8E;
    text-align: center;
    padding-block: 1rem;
    color: #ffffff;
    position: relative;
  }
  .cartFlow ul li:nth-of-type(3):after {
    transform: rotate(0deg);
    right:10px;
  }
  .cartContent {
    margin-bottom: 5rem;
  }
  .cartContent h1 {
    padding-block: 1rem;
    font-size: 1.8rem;
  }
  .cartContent .banner {
    margin-bottom: 1.5rem;
  }
  .cartContent  p.info {
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
    text-align: left;
  }
  .cartContent__wrap .price {
    margin: 1rem 1rem;
    font-size: 2rem;
  }

  .cartAlert {
    font-size: 1.8rem;
  }

  table.cartTable,table#price {
    margin: 5px;
  }
  table.cartTable th {
    padding: 5px;
  }
  table.cartTable td {
    padding: 5px;
  }
  .cartTable .select {
    display: block;
    font-size: 12px;
    padding-top: 16px;
    font-weight: normal;
    color: #666;
  }
  .cartTable .select a {
    display: block;
    text-align: center;
    margin-bottom: 1rem;
  }
  .cartTable .select a:hover {
    background: #1F74BB;
  }
  table#price { margin-bottom:24px;}
  table#price tr th {
    background: #ECF0F1;
    padding: 16px;
  }
  table#price tr td {
    font-size: 32px;
    text-align: right;
    padding: 16px;
    vertical-align: middle;
  }

  /* マイページ *
***********************************************************************************************/
  .myPage__nav {
    margin-bottom: 2rem;
  }
  .myPage__nav li {
    width:50%;
    margin-bottom: 1px;
  }
  .myPage__nav li:nth-child(odd) {
    border-right: 1px solid #fff;
  }
  .myPage__nav li:last-child {
    width: 100%;
    border-right: none;
  }
  .myPage__nav a {
    padding-block: 1rem;
  }
  .mypageTop h2 {
    font-size: 1.8rem;
    margin-bottom: 3rem;
  }
  .mypageTop .intro {
    margin-bottom: 2.5rem;
  }
  .mypageTop .intro p {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 1.5rem;
  }
  .onOrder {
    margin-bottom: 2rem;
    flex-wrap: wrap;
  }
  .onOrder h3 {
    width: 100%;
    font-size: 1.5rem;
    height: auto;
    padding: 1rem;
  }
  .onOrder .onOrder-wrap {
    width: 100%;
    height: auto;
    border-radius: 0 0 1.8rem 1.8rem;
    justify-content:center;
  }
  .onOrder .onOrder-wrap p {
    font-size: 1.5rem;
  }
  .order-confirm,
  .contact-confirm {
    padding-block: 1rem;
    border-radius: 100px;
    width: 100%;
    margin-bottom: 2rem;
  }
  .contact-confirm {
    margin-bottom: 4rem;
  }
  .order-confirm p,
  .contact-confirm p {
    font-size: 1.5rem;
  }
  .mypageTop .button a {
    max-width: 20rem;
  }
  /** 注文中の商品 **
   * *****************************************************/
  h2.mypage-title {
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }
  .order__table {
    margin-block: 1.5rem 8rem;
    overflow: scroll;
  }
  .order__table table {
    width: 100%;
  }
  .order__table table thead td {
    white-space: nowrap;
    width: 20%;
  }
  .order__table table td {
    width: 20%;
    white-space: nowrap;
  }
  /** 注文履歴 **
   * *****************************************************/
  .history__table {
    margin-block: 0 8rem;
    overflow: scroll;
  }
  .history__table table thead td {
    white-space: nowrap;
    width: 20%;
  }
  .history__table table td {
    width: 20%;
    white-space: nowrap;
  }
  /** リピート注文 **
   * *****************************************************/
  .repeat h2.mypage-title {
    margin-bottom: 2rem;
  }
  .repeat h2.mypage-title + p {
    margin-bottom: 2rem;
  }
  .repeat__table {
    margin-block: 0 8rem;
    overflow: scroll;
  }
  .repeat__table table {
    width: 100%;
  }
  .repeat__table table td {
    white-space: nowrap;
  }
  .repeat__table table thead td {
    white-space: nowrap;
  }
  .repeat__table table thead td:last-child {
    background-color: #BE5565;
  }
  .repeat__table table td .button a {
    font-size: 1.2rem;
    padding-inline: 1.5rem;
  }

  /** アカウント管理 **
   * *****************************************************/
  .account {
    margin-bottom: 3rem;
  }
  .account h2 {
    font-size: 1.8rem;
    margin-bottom: 3rem;
  }
  .account h2.mypage-title + p {
    margin-bottom: 1.4rem;
  }
  .account__table {
    margin-block: 0 3rem;
  }
  .account__table h3 {
    font-size: 1.6rem;
  }
  .account__table table {
    width: 100%;
  }
  .account__table table th {
    display: block;
    width: 100%;
    padding: 1rem 1rem 0.5rem;
    border-bottom: none;
  }
  .account__table table td {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem 1rem;
  }

  .account__table dl {
    width: 100%;
  }
  .account__table dl dt {
    display: block;
    width: 100%;
    padding: 1rem 1rem 0.5rem;
    border-bottom: none;
  }
  .account__table dl dd {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem 1rem;
  }

  .account .intro {
    margin-bottom: 2.5rem;
  }
  .account .intro p {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 1.5rem;
  }
  .accountBtn {
    padding-block: 2rem 1rem;
  }
  .accountBtn .button a {
    margin-bottom: 1rem;
    padding: 1rem;
  }
  .leave .button a {
    max-width: 120px;
    padding: 10px 0;
  }
  .form-button {
    max-width: 120px;
  }
  /** 用紙サンプル無料送付 **
 * *****************************************************/
  .paperSample {
    margin-bottom: 7.5rem;
  }
  .paperSample .flex {
    margin-bottom: 2rem;
  }
  .paperSample .flex h2 {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 2rem;
  }
  .paperSample .flex .onOrder {
    width: 100%;
  }
  .paperSample .flex .onOrder h3 {
    width: 100%;
    padding: 1rem 1rem;
    font-size: 1.8rem;
    height: auto;
  }
  .paperSample .onOrder .onOrder-wrap {
    width: 100%;
    padding: 1rem;
    height: auto;
  }
  .paperSample .onOrder .onOrder-wrap p {
    font-size: 1.8rem;
  }
  .paperSample__inner {
    margin-bottom: 4rem;
  }
  .paperSample__inner h2 {
    font-size: 1.6rem;
  }
  .paperSample__inner picture {
    margin-bottom: 1.5rem;
  }
  /** かんたんデータ入稿 *
   * **********************************************************************************/
  .quickcheckNav {
    margin-block: 2rem;
  }
  .quickcheckNav .flex {
    display: flex;
  }
  .quickcheckNav .flex .mb10 {
    width: 50%;
  }
  .flex .point {
    font-size:15px;
  }
  .flex p.ttl {
    font-size: 15px;
  }
  .pointBlock {
    display: block;     
  }

  .btnBix {
    padding-top: 40px;  
     border-radius: 10px;
  }
  .sbtitle {
    width: 100%;
    margin-bottom: 30px;
    text-align: left;
  }
  .sbtitle img {
    width: 100%;
    height: auto;
    margin-block: 2rem;
  }
  .sbtitle h3 {
    font-size: 18px;
    margin-bottom: 1.5rem;
  }

  .pointMark {
    width: 100%;
    font-size: 16px;
    margin-bottom: 2rem;
  }
  /** 用紙について *
   * **********************************************************************************/
   .name{
    font-size: 1.6rem;
  }
  .sp{
      display: inline;
    }
  .paperTb td {
    display:block;
    width:100%;
  }

  .paperTb td img {
    width:100%;
  } 
    
  .paperimg ul li{
      margin: 0;
    } 
  .plan-six{
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  } 
  .pricePage ul.fixed {
    top: 56px;
    }
    .plan-six li a {
      line-height: 1.3;
      padding: 0.5rem;
    }

  .pricePage table th{
    font-size: 1rem;
  }
/** 印刷の納期について *
 * **********************************************************************************/
  #nouki .noukiTitle h2{
    font-size: 1.6rem;
  }
  .nouki_tbl_ttl{
    color:var(--samuraiBlue);
    font-size: 2rem;
  }
  .nouki_list table td{
    padding:1rem;
  }

  .attention {
    display: block;
    padding: 2rem;
  }
  .attention p{
    width: 100%;
    font-size: 1.3rem;
    line-height: 1.5;
  }
  .attention img{
    width: 20%;
    position: absolute;
    right: 1rem;
  }
  .Delivery_Time h3{
    background-color: var(--samuraiBlue);
    font-size: 95%;
    color: #fff;
    padding:0.5rem 1.5rem;
    }
  .Delivery_Time_Cnt{
    display: block;
    padding:0.5rem;
    margin-block:1rem;
    }
    
  .Delivery_Time_Cnt img{
    width: 50%;
    margin-left: 6rem;
    padding-bottom: 1rem;
  }
  .Delivery_Time_Cnt p{
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.5;
    text-align: center;
  }
/** 加工について *
 * *********************************************************************************************************************/
   .option_box{
    padding-block-end:0;
  } 
  .option_box h2{
    width: 100%;
    font-weight: bold;
    font-size: 1.8rem;
    } 
  .option_template{
    position: static;
    width: 100%;
    padding: 1rem;
    margin:1rem 3rem;
    }
  .option_box ul{
    margin-inline-start:0;
    padding-block-start:0;
  } 
  .option_box ul li{
    font-size: 1.6rem;
    margin-block:2rem;  
  }
  .RoundedCorners_text{
    position: static;
    width: 100%;
    padding: 1rem;
    margin:1rem 3rem;
    } 
  .RoundedCorners_text p{
    font-size: 1.6rem;
    } 
    
  .RoundedCorners_text .price{
    margin-block-end:3rem;
    font-size: 1.8rem;
    } 
    
  .Proofreading .price{
    position: static;
    width: 100%;
    margin:2rem;
    font-size: 1.8rem;
  } 
  .Proofreading_text{
    font-size: 1.6rem;
    padding: 2rem;
  }
  /** 料金のお支払い方法について *
 * *********************************************************************************************************************/
  #payment .pageTitleImg span {
    top: auto;
    bottom: 0;
    margin: auto 0;
    }
  #payment .ComtentArea h2{
    background-color: var(--samuraiBlue);
    color: #fff;
    font-size: 1.8rem;
    padding:1rem 2rem;
    letter-spacing: 2px;
    margin-block-end:3rem;
    } 
  #payment .pay_box ul {
    margin-inline-start:0;
   }
   #payment .pay_box ul li {
    width: 19%;
   }
   #payment .pay_box ul li img {
    width: 100%;
    height: auto;
   }
   #payment .pay_box .chashless-img li {
    width: 100%;
  }
   /** 印刷料金について *
 * *********************************************************************************************************************/
 .slide li{
  width: 33.33%;
  }
/** 入稿用テンプレート *
 * *********************************************************************************************************************/
 .tabContents__menu ul {
    gap: 1rem;
    margin-bottom: 2rem;
    justify-content: flex-start;
  }
  .tabContents__menu ul li a {
    padding: 1rem 2rem;
    font-size: 1.2rem;
  }
  .tabContents__menu ul li a:hover {
    background-color: #dddddd;
    color: #111111;
  }
  .tabContents {
    border-radius: 2rem;
    padding: 1.5rem;
  }
  .tabContents__wrap h2 {
    text-align: center;
    margin-bottom: 0.5rem;
    font-size: 2rem;
  }
  .tabContents__wrap p {
    text-align: center;
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
  }
  .tabContents__wrap-block {
    padding: 1rem 2rem 2rem;
    margin-bottom: 1rem;
  }
  .tabContents__wrap-block h3 {
    font-size: 1.5rem;
    margin-top: 2rem;
    margin-bottom:1.5rem;
    text-align: center;
  }
  .tabContents__wrap-block p {
    padding: 0.5rem;
    font-size: 1.2rem;
  }
  .tabContents__end {
    padding-block: 2.5rem;
    text-align: center;
  }
  .tabContents__end p {
    font-size: 1.3rem;
    margin-bottom: 1rem;
  }

  /** デザインから選ぶ *
  **********************************************************************************************************************/
  .step_t{
    width: 100%;
    margin: 1rem;
    } 
  .triangle {
    top: -11px;
    left: 48%;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-top: 25px solid #f0ba63;
    border-bottom: 0;
  }
#step{
  width: 100%;
  display: block;
  }
#design-order .step1,#design-order .step2,#design-order .step3{
  text-align: center;
}
.selectArea{
  margin: 0;
} 
.link{
  display: block;
  padding: 2.5rem 0;
}
.select_design a,.select_category a{
  margin: 0;
  font-size: 1rem;
  }
.select_design,.select_category{
  font-size: 1rem;
  padding: 1.5rem 2rem;
  width: 100%;
  margin-inline:auto;
  margin-block:0;
  }
.select_design a,.select_category a{
  margin: 0;
  font-size: 1.5rem;
  }
.allcheck{
  font-size: 1rem;
  border: 1px solid #fff;
  padding: 0.5rem 1.5rem;
  margin-left: 3rem;
}
.Category_Ttl img{
    width: 22px;
  }
.design-order_pickup_list {
  width: 100%;
  }
.design-order_pickup_list ul {
  width: 100%;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: center;
  }
.design-order_pickup_list li {
  text-align: center;
  width: 100%;
  margin: 0 10px;
  }

.design-order_pickup_list li h3 {
  background-color: var(--samuraiBlue);
  color: #fff;
  letter-spacing: 3px;
  font-weight: 300;
  }
.Category_order dl {
  overflow: hidden;
  display: block;
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px solid #ccc;
  }
.Category_order dt {
  width: 90%;
  text-align: center;
  margin-inline:auto;
  margin-bottom: 3rem;
  }
.Category_order dd {
  margin-inline: auto;
  width: 100%;
  margin-left: 1.5rem;
  }
.Category_order dd a {
  width: 45%;
  }
.design-order_pickup_list li .iamge,
.design_list p.image {
  height: 35vh;
  width: 100%;
  position: relative;
  background-color: #fff;
  }
  .price_button a {
    width: 80%;
  }
/** 入稿可能なデータについて *
 * ************************************************************************************************************/
 .data-type_cont01 .bl{
    font-size: 1.8rem;
  }
  .data-type_bt .button2 a{
      width: 70%;
      padding: 15px 0;
    }
  .data-type_bt .button a,
  .button input {
      width: 300px;
      padding: 15px 0;
    }
  .data_image {
      position: relative;
      padding: 2rem;
    }
  .data_image ul {
    width: 100%;
    margin: 0;
  }
  .data_image img {
    margin-inline-start:40%;
  }
  .data_image p {
    margin-inline-start:0;
  }
  .data_image ul li {
    width: 16.25%;
    padding-inline: 0.5rem;
    margin-bottom: 0;
  }
  .data_image ul li:last-child {
    margin-right: auto;
  }
  .data_image ul li img {
    width: 100%;
    height: auto;
  }
  h2{
    font-size: 1.5rem;  
  }
  .data_image p {
    padding-block:0 2rem;
    margin-right: 2%;
    font-size: 0.8rem;
    text-align: right;
  }
  .data-type_cont03,
  .data-type_cont04,
  .data-type_cont05{
    padding: 2rem;    
  }
  .office img {
    width: 100%;
    max-width: 768px;
    height: auto;
    margin-block: 1.5rem;
  }
/** 配送方法について *
 * *****************************************************************************************************************/
 .takuhai_box{
    display: block;
  }
  #takuhai h2,#mail-first h2,#osaka h2,#shop h2{
    font-size:1.8rem;
    }
  #takuhai .takuhai_text{
    font-size: 2rem;
  }
  #takuhai .takuhai_text .bl{
    color:var(--samuraiBlue);
    font-size: 2.5rem;
  }
  .right,.left{
    width: 100%;
    margin-inline:0.1rem;
    margin-block-end:2rem;
  }
  .deliTbl tr,.deliTbl th,.deliTbl td{
    padding: 1.6rem 0;
  }
  .Delivery_company {
    display: block;
  }
  .Delivery_company p{
    width: 100%;
    line-height: 2;
    padding-inline-end:0;
    }
  #mail-first .left .takuhai_text{
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 2px;
  }
  #mail-first .takuhai_text .bl{
    color:var(--samuraiBlue);
    font-size: 2.5rem;
  }
  #mail-first .rd{
    color: #E83D3D;
    font-weight: bold;
    font-size: 1.8rem;
  } 
  .postage_box{
      display: block;
    } 
  .postage_box .right p{
      font-size: 1.8rem;
    }   
  #osaka .left .takuhai_text{
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 2px;
  }
  #osaka .takuhai_text .bl{
    color:var(--samuraiBlue);
    font-size: 2.5rem;
  }
  #osaka .rd{
    color: #E83D3D;
    font-weight: bold;
    font-size: 1.8rem;
  }
  #shop .takuhai_text{
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 2px;
    margin-block-start:3rem;
  }
  #shop .takuhai_text .bl{
    color:var(--samuraiBlue);
    font-size: 2.5rem;
  }
  .FinishingTime_box{
    display: block;
    margin-block:3rem;
  }
  .FinishingTime_box .left p,.FinishingTime_box .right p{
    font-size: 1.5rem;
    font-weight: bold;
  }
  .FinishingTime_box .left .bl,.FinishingTime_box .right .bl{
    color:var(--samuraiBlue);
    font-size: 2.5rem;
  }
  .FinishingTime_box .left img,.FinishingTime_box .right img{
    width: 120px;
    margin-inline:2rem 2rem;
    margin-block:1rem 3rem;
  }
  .FinishingTime_box .left,.FinishingTime_box .right{
    width: 100%;
    padding: 2rem 2rem 0 2rem;
    margin-inline:0;
  }
  /** 特急仕上げオプション *
  * *******************************************************************************************************************************************/
  .express__price {
    display: block;
  }
  .express__price h2 {
    width: 100%;
    font-size: 1.8rem;
    padding-block: 1rem;
  }
  .feature .col-sm-4:first-child h2 {
    font-size: 1.8rem;
    padding-block: 1rem;
  }
  .feature__inner h2 {
    height: auto;
    font-size: 1.8rem;
    padding-block: 1rem;
  }
  .feature__inner-box h3 {
  font-size: 1.6rem;
  }
  .feature__inner-box h4 {
  font-size: 1.6rem;
  }
  .price-inner {
    width: 100%;
    padding-block: 2rem;
  }
  .price-inner p {
    font-size: 2rem;
  }
  .price-inner p b {
    font-size: 3rem;
    margin-inline: .5rem;
  }
  .price-inner p span {
    display: block;
  }
  .feature {
    margin-bottom: 3rem;
  }
  .feature .col-sm-4 {
    display: flex;
    margin-bottom: 3rem;
  }
  .priceMap {
    padding: 2rem;
  }
  .priceMap h2 {
    font-size: 1.8rem;
    padding-block: 1rem;
    margin-bottom: 1rem;
  }
  .priceMap h3 {
    font-size: 3rem;
    margin-bottom: 2rem;
  }
  .priceMap p {
    font-size: 2rem;
    margin-bottom: 3rem;
  }
  .attention .center {
    width: 100%;
    margin-bottom: 1.5rem;
  }
  /** 大阪市内当日配達サービス *
  * *******************************************************************************************************************************************/
  .deli__inner h2 {
    font-size: 2rem;
  }
  .deli-time {
    padding-inline: 2rem;
  }

  /** 卓上カレンダー印刷　*
 * *********************************************************************************************************************************************/
  .calendar-feature {
    margin-block: 0 2rem;
  }
  .designChoice {
    margin-block: 5rem 10rem;
  }
  .designChoice .head h2 {
    font-size: 2rem;
  }
  .designChoice .head p {
    margin-bottom: 1.5rem;
  }
  .designChoice__inner {
    display: block;
  }
  .designChoice__inner .img {
    width: 100%;
  }
  .designChoice__inner-box {
    width: 100%;
    padding: 2rem 1rem;
  }
  .designChoice__inner-box h2 {
    font-size: 2rem;
  }
  .designChoice__inner-box P {
    font-size: 1.5rem;
  }
  .designChoice__inner-box P.choice-price {
    font-size: 3rem;
  }
  .designChoice__inner-box P.choice-price small {
    font-size: 1.3rem;
  }
  .calenderDeadline {
    margin-bottom: 5rem;
  }
  .calenderDeadline h2 {
    font-size: 1.6rem;
    padding: 0.4rem 1rem;
    margin-bottom: 1rem;
  }
  .calenderDeadline p {
    font-size: 1.5rem;
  }
  .calenderDeadline p span {
    font-size: 2rem;
  }
  .blueTitle {
    font-size: 1.6rem;
    padding: 1rem;
    margin-bottom: 1rem;
  }
  .howPay {
    margin-bottom: 5rem;
  }
  .howPay__inner {
    padding: 2rem 2rem;
  }
  .howPay__inner p {
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
  }
  .howPay__inner picture {
    display: block;
    padding-inline: 0%;
    margin-bottom: 2.5rem;
  }
  .delivery {
    margin-bottom: 3.5rem;
  }
  .delivery__inner {
    margin-top: 2rem;
  }
  .delivery__inner ul {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .delivery__inner ul li {
    margin-bottom: 1rem;
    width: 48%;
  }
  .delivery__inner ul li h3 {
    font-size: 1.5rem;
  }
  .delivery__inner ul li p {
    margin-top: 0.6rem;
  }
  .fuji {
    margin-bottom: 5rem;
  }
  .fuji__inner {}
  .fuji__inner p {
    margin-bottom: 1rem;
  }
  .button a,
  .button input {
      padding: 10px 0;

  }
  .button-g a,
  .button-g input {
    padding: 10px 0;
  }
  .cal_design-list ul li {
    width: 45%;
  }
  .checkbox-2 label {
    align-items: flex-start;
  }
  .checkbox-2 label::before {
    margin-top: 5px;
  }
  .cal_select_caution ul {
    font-size: 15px;
  }
   .cal_select_caution ul li span {
    width: 90%;
  }
  .design_detail_inner {
    display: block;
  }
  .design_detail_L p.image {
    aspect-ratio: auto;
    padding: 2rem;
  }
  .design_detail_L {
    width: 100%;
    margin-bottom: 4rem;
  }
  .design_detail_R {
    width: 100%;
  }
  .design_detail_R p.btn {
  width: 100%;
  }
  .shopcardContent {
    margin-block: 0 1.5rem;
  }
  .shopcard-feature h3 {
    font-size: 1.6rem;
  }
  .twoBtnBox a {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  /** データ入稿が可能なファイルの形式 **
   * ****************************************************************************************************************************************/
   #detaType {
    margin-bottom: 5rem;
   }
  .oneColumnBox {
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border-radius: 1rem;
  }
  .oneColumnBox h2 {
    margin-bottom: 1rem;
  }
  .app {
      margin-bottom: 1.5rem;
  }
  .detaType__inner {
    border: 2px solid var(--samuraiBlue);
    padding: 1.5rem;
  }
  .detaType__inner-box {
    padding: 1.5rem;
  }
  /** ３営業日発送の場合 *
   * ************************************************************************************/
   .nouki_tbl {
    overflow-x: scroll;
   }
   .nouki_tbl table {
    width: 600px;
   }
   .nouki-working__inner {
    width: 100%;
   }
   .nouki-working__inner:last-child {
    width: 100%;
  }
  .up-time span.big {
    font-size: 2rem;
  }
  .up-time.alignLeft {
    display: inline;
  }

  /** 大量印刷 *
   * *************************************************************************************/
   ul.common_header_R_link {
    flex-wrap: wrap;
   }
   ul.common_header_R_link li {
    width: 50%;
    margin-bottom: 2px;
   }
   ul.common_header_R_link li:last-child {
    width: 100%;
   }
   .top_about_inner-picture {
    width: 100%;
    display: none;
   }
  .top_aabout_inner-content {
    idth: 100%;
  }
  .top_about_inner li {
  font-size: 1.6rem;
  margin-block: .5rem;
  }
  .top_discount_L {
    width:100%;
  }
  .top_discount_h2 {
    margin-top: 2rem;
  }
  .top_discount_R {
    width: 100%;
    height: 30rem;
  }
  .top_discount_L th,
  .top_discount_L td {
    font-size: 1rem;
  }
  .top_flow {
    padding-inline: 1rem;
  }
  .top_flow_inner h2 {
    border-radius: 1rem;
    font-size: 2rem;
    padding-block: 1rem;
    margin-inline: auto;
  }
  .top_flow_item li {
    width: 100%;
  }
  .top_template a {
    width: 100%;
  }
  .top_calform_color, .top_calform_size {
    width: 100%;
  }
  .top_calform_lot, .top_calform_round {
    width: 100%;
  }
  .flow_item_L {
    width: 100%;
    margin-bottom: 1.5rem
  }

  .flow_item_R {
    width: 100%;
  }
  .plan_menu {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .plan_menu li {
    width: 33.33333333333%;
  }
  .plan_menu li a {
    width: 100%;
  }
  .plan_tbl {
    overflow-x: scroll;
  }
  .plan_tbl table {
    width: 70rem;
  }
  .acMenu {
    width: 70rem;
  }
  .nouki-working__block {
    flex-flow: wrap;
  }
  .nouki-working_L {
    text-align: left;
    width: 100%;
    }

  .nouki-working_R {
    width: 100%;
    }
    .button-area {
      width: 100%;
    }
    .button-top a {
      width: 100%;
    }
  .flowBox h2 {
    width: 100%;
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }
  .flowBox h2 .stepIcon {
    font-size: 1.2rem;
    background: #E87E03;
    padding: 8px 14px;
    width: 8rem;
    display: block;
  }
  .flowBox h3 {
    font-size: 1.6rem;
    margin-bottom: 8px;
    padding-top: 16px;
  }
  .flowBox p {
    font-size: 1.4rem;
    padding-left: 16px;
    margin-bottom: 0.5em;
  }
  .flowBox .left {
    width: 100%;
  }
  .flowBox .right {
    width: 100%;
  }
  .pagettl01 {
    font-size: 1.7rem;
  }
  .makedeta-template .left {
    width: 100%;
    margin-bottom: 2rem;
  }
  .makedeta-template .twoBtnBox {
    width: 100%;
  }
  #bx-pager a {
    width: 100%;
  }
  .subtext img {
    width: 100%;
    height: auto;
  }
  /** スマホアプリでデザインして印刷するには *
   * *******************************************************************************************************************************************/
  .howto-design__intro {
    margin-bottom: 5rem;
  }
  .howto-design__intro img {
    margin-bottom: 2.5rem;
    border-radius: 2rem;
  }
   .howto-design__intro p {
    line-height: 1.8;
   }
  .app__download {
    margin-bottom: 3rem;
  }
  .app__download h2 {
    margin-bottom: 2rem;
    padding: 1rem 2rem;
    font-size: 1.6rem;
  }
  .app__download h2 br {
    display: none;
  }
  .app_icon {
    padding-inline: 25%;
    margin-bottom: 2rem;
  }
  .app__download p {
    margin-bottom: 2rem;
  }
  .appHowto {
    margin-bottom: 5rem;
  }
  .appHowto__inner-box {
    padding: 1.5rem;
    width: 90%;
    margin: 1rem auto 1.5rem;
    height: auto;
  }
  .appHowto__inner-box h3 {
    font-size: 1.7rem;
    margin-bottom: 1rem;
  }
  .appHowto__inner-box h3 i {
    margin-right: 1rem;
  }
  .appHowto__inner-box p {
    font-size: 1.3rem;
    line-height: 1.8;
  }
}

@media (max-width: 375px) {
  .paperimg ul li{
    padding: 0.5rem 0.7rem;
  } 
  .sp{
    display: inline;
  }
  .allcheck{
    margin:1rem;
  }
  .Category_order dd {
  margin-inline: auto;
  width: 100%;
  margin-left: 1rem;
  }
  .data_line img{
  position: absolute;
  width: 92%;
  bottom: 9rem;
  right: rem;
  }
  .data_image ul li img{
    width: 90px;
  }
}

@media (max-width: 320px) {
  body {
    font-size: 1rem;
  }
.pricePage table th{
  font-size: 0.8rem;
}
.comment{
    font-size: 1.4rem;
  }
.paperimg .paper_texture{
    font-size: 1.2rem;
  }
.paperimg ul li{
  font-size: 1.2rem;
  padding: 0.2rem 0.7rem;
  } 
}
/**
 * 名刺印刷トップページ
 * *****************************************************************************/
.productsQuickOrder {
  margin-bottom: 8rem;
}
.productsQuickOrder__title {
  position: relative;
  margin-bottom: 1.5rem;
}
.productsQuickOrder__title-inner {
  background-color: #ffffff;
  padding: 1rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.productsQuickOrder__title-inner h2 {
  font-size: 3rem;
  color: var(--samuraiBlue);
}
.productsQuickOrder__title-inner p {
  font-size: 2rem;
}
.productsQuickOrder__title-bg {
  margin-bottom: 5rem;
}

.productsQuickOrder__paperSelect {}

.products-txt {
  margin-block: 3rem;
}
.products-txt h2 {
  font-size: 2.4rem;
  margin-bottom: 2rem;
  padding-block: 1rem;
  border-bottom: 3px solid var(--samuraiBlue);
}
.products-txt .read ul {
  padding: 0;
  list-style: none;
}
.products-txt .read li {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.products-txt .read p.center {
  text-align: center;
  margin-top: 3rem;
  font-size: 2.2rem;
  font-weight: 700;
}
.productsQuickOrder__paperSelect-plan {}
.productsQuickOrder__paperSelect-plan h3 {
  font-size: 1.8rem;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  background-color: var(--samuraiBlue);
  padding-block: 0.7rem;
  margin-bottom: 2rem;
}
.productsQuickOrder__paperSelect-plan ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.productsQuickOrder__paperSelect-plan ul li {
  width: 48%;
}
.color-rt{
  background-color: #C4371B;
  color: #ffffff !important;
}
.color-st{
  background-color: #01B05A;
  color: #ffffff !important;
}
.color-sd{
  background-color: #EA7E00;
  color: #ffffff !important;
}
.color-sp{
  background-color: #1493E4;
  color: #ffffff !important;
}
.color-pr{
  background-color: #9039B1;
  color: #ffffff !important;
}
.color-dx{
  background-color: #95A5A6;
}
.productsQuickOrder__paperSelect-plan ul li a {
  color: #000;
  border: 3px solid #111111;
  padding-block: 1rem;
  border-radius: 2rem;
  display: block;
  text-align: center;
  margin-bottom: 2rem;
  width: 100%;
  font-size: 15px;
  font-weight: 700;
}
.productsQuickOrder__paperSelect-plan ul li a span {
  display: block;
  text-align: center;
  font-size: 20px;
}
.productsQuickOrder__paperSelect-plan ul li a b {
  font-size: 20px;
  font-family: "Fjalla One", sans-serif;
}
.productsQuickOrder__paperSelect-plan ul li a:hover {
  opacity: 0.6;
  text-decoration: none;
}
.productsQuickOrder__paperSelect-popularity h3 {
  font-size: 1.8rem;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  background-color: var(--samuraiGreen);
  padding-block: 0.7rem;
  margin-bottom: 1rem;
}
.productsQuickOrder__paperSelect-popularity ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.productsQuickOrder__paperSelect-popularity ul li {
  display: block;
  margin-right: 1.5rem;
  margin-bottom: 1rem;
  font-size: 1.2rem;
}
.productsQuickOrder__paperSelect-popularity ul li a {
  color: #000;
  text-decoration: underline;
}
.productsQuickOrder__paperSelect-popularity ul li a:hover {
  text-decoration: none;
  color: var(--samuraiGreen);
}
@media (max-width: 767px) {
  .productsQuickOrder {
    margin-bottom: 2rem;
  }
  .productsQuickOrder__paperSelect-plan ul li {
    width: 100%;
  }
  .productsQuickOrder__title-bg {
    margin-bottom: 2rem;
  }

}

.row.center {
  justify-content: center;
}

/**
 * 名刺印刷ー詳細ページ
 * *****************************************************************************/
 .orderBlock {
  margin-bottom: 2rem;
 }
.orderBlock h3 {
  background-color: var(--samuraiBlue);
  color: #ffffff;
  padding: 1rem 1.5rem 1.3rem;
  margin-bottom: 1rem;
  font-size: 1.8rem;
}
.orderBlock h4 {
  text-align: center;
  margin-bottom: 1rem;
  font-size: 2.2rem;
}
table.colorSelect {}
table.colorSelect tr {
  
}
table.colorSelect th,
table.colorSelect td {
  border: none;
}
table.colorSelect th {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  background-color: #F5F5F5;
}

table.colorSelect th.ttl {
  font-size: 1.5rem;
}
table.colorSelect td {
  padding-block: 1.5rem;
  border-bottom: 1px solid #C4C4C4;
}
.total-price {
  text-align: right;
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 2.5rem;
}
.open .total-price {
  display: block;
}
.orderSelect {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
.orderSelect .button,
.orderSelect .button-g {
  display: block;
  width: 100%;
  max-width: 26rem;
}
.orderSelect .button a,
.orderSelect .button-g a {
  padding-block: 1rem;
}
.orderSetting {
  margin-bottom: 6rem;
  background-color: #F4F4F4;
  padding: 2rem;
  border-radius: 2rem;
}
.fomrset {
  display: flex;
  margin-bottom: 1.5rem;
  justify-content: space-between;
  align-items: center;
}
.fomrset p {
  width: 27%;
}
.fomrset select {
  width: 70%;
  background-color: #ffffff;  
}
table.orderFix {
  width: 100%;
}
table.orderFix th,
table.orderFix td {
  border-bottom: 1px solid #ccc;
  border-right: none;
  border-left: none;
}
table.orderFix th {
  padding-block: 1rem;
  color: var(--samuraiBlue);
  width: 15%;
}
table.orderFix td {
  padding-block: 1rem;
  width: 35%;
}
table.priceTable {
  width: 100%;
  margin-bottom: 5rem;
}
table.priceTable tr:nth-child(odd) {
  background-color: #f7f7f7;
}
table.priceTable th,
table.priceTable td {
  border: 1px solid #ccc;
  padding: 1rem;
}
table.priceTable thead {}
table.priceTable thead th {
  text-align: center;
  background-color: var(--samuraiBlue);
  color: #fff;
}
table.priceTable thead td {
  background-color: #D9EEFF;
  padding: 0 2rem;
}
table.priceTable tbody {}
table.priceTable tbody th {
  text-align: center;
  font-weight: 400;
  background-color: #FFF4DB;
}
table.priceTable tbody td {
  text-align: center;
  font-weight: 700;
  padding: 1rem 1.5rem;
}
table.priceTable tbody td.oder-box-open {
  color: var(--samuraiBlue);
}
table.priceTable tbody tr:hover {
  background-color: #82bbee;
}
table.priceTable tbody td.oder-box-open:hover {
  background-color: var(--samuraiBlue);
  cursor:pointer;
}
table.priceTable tbody td.oder-box-open:hover {
  color: #fff;
}

/*モーダル*/

.modal-container.open {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0,0,0,50%);
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  box-sizing: border-box;
  z-index: 999999;
}
.modal-container.open:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.modal-container.active {
  opacity: 1;
  visibility: visible;
}
.open .modal-body {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 90%;
}
.modal-close {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -40px;
  right: -40px;
  width: 40px;
  height: 40px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
  display: none;
}
.open .modal-close {
  display: block;
}
.modal-content{
  background: #fff;
  text-align: left;
  padding: 30px;
}
.modal-container .orderSelect {
  display: none;
  margin-bottom: 0;
}
.modal-container.open .orderSelect {
  display: flex;
}

@media (max-width:767px) {
  .photoBlock ul.smallPhoto {
    flex-direction: row;
  }
  .photoBlock ul.smallPhoto li {
    width: 33.3333337%;
  }
  div.table-scroll {
    overflow-x: scroll;
  }
  div.table-scroll table {
    width: 960px;
  }
  table.orderFix th {
    display: block;
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
  }
  table.orderFix td {
    display: block;
    width: 100%;
    padding-top: 0;
  }
  .open .orderSetting {
    margin-bottom: 2rem;
  }
  .open .orderBlock {
    margin-bottom: 2rem;
  }
  .modal-container.open {
    padding: 40px 15px;
  }
  .open .modal-body {
    width: 99%;
  }
  .modal-close {
    right: 0px;
    top: -50px;
  }
  .modal-content{
    padding: 10px;
  }
}
@media (max-width:414px) {}
@media (max-width:320px) {}


/* 箔押し印刷データ作成のご注意事項 */
/* =================================
EXPLANATION
================================= */

.explanation {
  margin-bottom: 15vw;
}

/* =========================
ページナビ
========================= */

.pageNav {
  border: 1px solid var(--samuraiBlue);
  padding: 3rem;
  margin-bottom: 5rem;
}

.pageNav p {
  margin-bottom: 2rem;
}

.pageNav ul {
  list-style: none;
  padding: 0;
}

.pageNav li {
  margin-bottom: 1.5rem;
}
.pageNav li:last-child {
  margin-bottom: 0;
}
.pageNav a {
  color: var(--samuraiBlue);
  text-decoration: underline;
}


/* =========================
ブロック共通
========================= */

.explanation__block {
  margin-bottom: 10vw;
}

h2.explanation__block-title {
  margin-bottom: 2rem;
  color: var(--samuraiBlue);
  padding-block:1.5rem;
  margin-bottom: 2rem;
  border-bottom: 0.3rem solid var(--samuraiBlue);
}
.explanation__block h3 {
  font-size: 2rem;
  color: var(--samuraiBlue);
  margin-bottom: 1.5rem;
}
p.explanation__block-txt {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.explanation__block picture {
  display: block;
  width: 50%;
  margin-bottom: 2rvw;
}
@media (max-width: 767px) {
  .explanation__block picture {
    width: 100%;
    margin-bottom: 2rvw;
  }
}

/* =========================
箔プリント
========================= */
.sub-title {
  background-color: var(--samuraiBlue);
  text-align: center;
  color: #ffffff;
  padding-block: 0.6rem;
  border-radius: 5px;
  font-size: 1.5rem;
  margin-bottom: 15px;
}
.foil__image {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 15px;

}
.foil__image div {
  width: 31%;

}
@media (max-width: 767px) {
  .foil__image {
    justify-content: space-between;
  }
  .foil__image div {
  width: 47%;
  }
}

/*------------------------------------------------
 商品ごとの注文履歴
------------------------------------------------*/
.order_history_detail {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  }

.order_history_detail_image {
  margin-block: 5rem;
  }

.order_history_detail_btn {
  text-align: center;
  margin: 0 auto;
  }

.order_history_detail_btn.btn_del a {
  }

.order_history_detail .btn01 a,
.order_history_detail .btn02 a,
.order_history_detail .btn03 a,
.order_history_detail .btn04 a {
  width: 100%;
  max-width: 30rem;
  font-weight: bold;
  color: #FFF;
  display: inline-block;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  margin: 5px;
  margin-bottom: 8px;
  text-align: center;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  }

.order_history_detail .btn01 a:hover,
.order_history_detail .btn02 a:hover,
.order_history_detail .btn03 a:hover,
.order_history_detail .btn04 a:hover {
  }

.order_history_detail .btn01 a {
  background: #00D3AF;
  font-size: 16px;
  }

.order_history_detail .btn01 a:hover {
  background: #00A185;
  }

.order_history_detail span .del {
  width: 200px;
  font-weight: bold;
  color: #FFF;
  background-color: #bbb;
  color: #666;
  display: inline-block;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  margin: 5px;
  margin-bottom: 8px;
  text-align: center;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  }


.order_history_detail .btn02 a {
  background: #e05364;
  font-size: 16px;
  }

.order_history_detail .btn02 a:hover {
  background: #e6909b;
  }

.order_history_detail .btn03 a {
  width: 200px;
  background: #2B98DE;
  font-size: 16px;
  }

.order_history_detail .btn03 a:hover {
  background: #6fc7ff;
  }

.order_history_detail .btn04 a {
  width: 240px;
  background: #f19125;
  font-size: 16px;
  }

.order_history_detail .btn04 a:hover {
  background: #f5b36a;
  }


.order_history_detail .design-memo {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  }

.order_history_detail .design-memo {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 0 !important;
  font-size: 16px;
  padding: 10px 20px;
  }

.order_history_detail .design-memo_inner {
  margin-bottom: 10px;
  }

.order_history_detail .design-memo_ttl {
  border: 4px solid #f5b36a;
  background-color: #f5b36a;
  color: #FFF;
  padding: 10px 16px 10px 20px;
  }

.order_history_detail .design-memo_area {
  border: 4px solid #f5b36a;
  padding: 10px 40px 10px 20px;
  width: 400px;
  }

.order_history_detail .product_category {
  border-bottom: 4px solid var(--samuraiBlue);
  text-align: left;
  font-size: 20px;
  margin: 10px auto;
  padding-block: 1rem;
  }

.order_history_detail .small_product {
  font-weight: bold;
  }

.delete_message {
  color: #F00;
  }

.delete_message p {
  font-weight: bold;
  font-size: 20px;
  color: #F00;
  margin-bottom: 6px !important;
  }

.delete_message span {
  font-weight: bold;
  }
.oneColumn {
  margin-bottom: 10rem;
}

@media (max-width: 767px) {
  .order_history_detail_image img {
    width: 100%;
    height: auto;
  }
}

/*------------------------------------------------
 モーダル表示
------------------------------------------------*/
.confirmation_mordal .ttl {
  margin-top: 0;
  margin-bottom: 60px;
  color: #666;
  font-weight: bold;
  font-size: 30px;
  padding: 10px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  }

.confirmation_mordal .ttl .confirmation_mordal_delete {
  color: #e05364;
  }

.confirmation_mordal .ttl .confirmation_mordal_return {
  color: #2B98DE;
  }

.confirmation_mordal .confirmation_btn-area input,
.confirmation_mordal .confirmation_btn-area a,
.confirmation_mordal .confirmation_btn-area button {
  display: inline-block;
  cursor: pointer;
  width: 200px;
  line-height: 40px;
  border: none;
  margin: 5px;
  font-size: 16px;
  color: #FFF !important;
  font-weight:bold;
  background-color: #ccc;
  text-align: center;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  }

.confirmation_mordal .confirmation_btn-area input:hover,
.confirmation_mordal .confirmation_btn-area a:hover,
.confirmation_mordal .confirmation_btn-area button:hover {
  text-decoration: none;
  border-radius: 50px;        /* CSS3草案 */  
  -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 50px;   /* Firefox用 */  
  }

.confirmation_mordal .confirmation_btn-area .btn01 input,
.confirmation_mordal .confirmation_btn-area .btn01 a,
.confirmation_mordal .confirmation_btn-area .btn01 button {
  background-color: #e05364;
  }

.confirmation_mordal .confirmation_btn-area .btn01 input:hover,
.confirmation_mordal .confirmation_btn-area .btn01 a:hover,
.confirmation_mordal .confirmation_btn-area .btn01 button:hover {
  background-color: #e6909b;
  }

.confirmation_mordal .confirmation_btn-area .btn02 input,
.confirmation_mordal .confirmation_btn-area .btn02 a,
.confirmation_mordal .confirmation_btn-area .btn02 button {
  background-color: #2B98DE;
  }

.confirmation_mordal .confirmation_btn-area .btn02 input:hover,
.confirmation_mordal .confirmation_btn-area .btn02 a:hover,
.confirmation_mordal .confirmation_btn-area .btn02 button:hover {
  background-color: #6fc7ff;
  }

.confirmation_mordal .confirmation_btn-area .btn03 input,
.confirmation_mordal .confirmation_btn-area .btn03 a,
.confirmation_mordal .confirmation_btn-area .btn03 button {
  background-color: #ccc;
  }

.confirmation_mordal .confirmation_btn-area .btn03 input:hover,
.confirmation_mordal .confirmation_btn-area .btn03 a:hover,
.confirmation_mordal .confirmation_btn-area .btn03 button:hover {
  background-color: #ddd;
  }


.confirmation_mordal .design-memo_textbox input {
  padding: 10px;
  font-size: 14px;
  width: 100%;
  border: 1px solid #bbb;
  margin-bottom: 20px;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  
  }


.confirmation_mordal .design-memo_btn input,
.confirmation_mordal .design-memo_btn a,
.confirmation_mordal .design-memo_btn button {
  display: inline-block;
  cursor: pointer;
  width: 200px;
  padding: 8px 8px;
  border: none;
  font-size: 16px;
  color: #FFF !important;
  font-weight:bold;
  background-color: #f19125;

  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */  

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  }

.confirmation_mordal .design-memo_btn input:hover,
.confirmation_mordal .design-memo_btn a:hover,
.confirmation_mordal .design-memo_btn button:hover {
  background-color: #f5b36a;
  }


/******************************************************************
 * よくあるご質問
 * *****************************************************************/
.faqPage__wrap {
 margin-bottom: 10rem;
}
.faqPage__wrap > p {
 background-color: var(--samuraiBlue);
 text-align: center;
 color: #ffffff;
 font-size: 1.8rem;
 font-weight: 700;
 padding-block:1rem;
 margin-bottom: 2rem;
}
.faqPage__wrap-inner {
  padding-inline: 2rem;
}
.faqPage__wrap h2 {
  font-size: 1.8rem;
   margin-bottom: 2rem;
   position: relative;
}
.faqPage__wrap-inner h2:before {
  content: "Q.";
}
.faqPage__wrap-inner p {
  position: relative;
}
.faqPage__wrap-inner p:before {
  content: "A.";
}
.faqPage__wrap .prev {
  margin-block: 4rem 2rem;
  text-align: center;
}
.faqPage__wrap-block {}
.faqPage__wrap-block p {
  text-align: center;
  margin-bottom: 2rem;
}
.faqPage__wrap ul {
  margin-bottom: 4rem;
  list-style: none;
  padding: 0;

}