/*--common--*/
#wrapper{
	line-height: 1.5
}
#wrapper a {
  color: #47acdc;
}
#purchase a {
  color: #47acdc;
}
/*div#head {
  height: auto;
  width: 1180px;
}*/
/*#header-pc {
   padding-bottom:25px;
   }*/
#navigation ul {
  justify-content: center;
}
div#sub-list:nth-of-type(2) {
  right: 95px;
}
/*--common--*/
.breadcrumb {
  margin: 20px;
}
.breadcrumb li::before {
  content: "";
}
.breadcrumb li:not(:last-of-type)::after {
  content: ">";
  margin: 0 .6em;
  color: #777;
}
.breadcrumb li:last-child {
  color: #ccc;
}
#purchase {
  color: #666;
}
#purchase {
  /* margin: 0 1rem; */
  font-size: 1.4rem;
  line-height: 1.5;
}
#purchase section, #footer-outer section {
  margin: 2rem 1rem 4rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: 3rem;
}
#purchase img {
  vertical-align: top;
}
#purchase h1 {
  text-align: center;
  border-bottom: 2px solid #031789;
  margin: 1rem 2rem;
  font-size: 2rem;
  line-height: initial;
}
#purchase h2, #footer-outer h2 {
  text-align: center;
  font-size: 1.8rem;
  margin: 1rem 0 0.5rem;
}
span.imp {
  background: linear-gradient(transparent 75%, #ff9393 75%);
  font-weight: bold;
  border-radius: 6px;
}
/*ヘッダーコピー*/
p#headcopy {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.5;
}
p#headcopy {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0 1rem;
}
/*メニュー*/
section#menu {
  display: flex;
  -webkit-justify-content: center;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 1rem;
  padding-bottom: 0;
  border: none;
}
section#menu a {
  width: 32%;
}
section#menu dl {
  /* width: 33%; */
  box-shadow: 0 3px 4px rgb(0 0 0 / 32%);
}
section#menu dt img {
  width: 100%;
  height: 100px;
  object-fit: cover;
}
#menu dd, #submenu dd {
  /*padding: 0 1rem;*/
}
section#submenu img {
  width: 100%;
  height: 125px;
  object-fit: cover;
}
section#submenu dl {
  display: grid;
  grid-template-columns: 35% 1fr;
  /*grid-template-rows: 20% 1fr;*/
  place-items: center;
  border-top: solid 6px #031789;
  box-shadow: 0 3px 4px rgb(0 0 0 / 32%);
  position: relative;
  margin-bottom: 2rem;
}
section#submenu dt {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}
section#submenu dt a:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
section#submenu dd {
  padding: 0.5rem;
  line-height: 1.3;
}
dd.menu-title {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  padding-bottom: 0 !important;
}
section#menu .menu-title {
  height: 5rem;
}
dd.menu-title .fa-angle-right {
  margin-left: 0.5rem;
}
dd.menu-title h3 {
  display: inline-block;
  font-weight: bold;
}
dd.menu-title p, .koutei-ttl span, h3 span {
  display: inline;
  margin-left: 5px;
  color: #bf0000;
  font-weight: bold;
  font-size: 1.6rem;
}
/*オーダーフォーム*/
body#purchase-form #order, body#purchase-form #brand {
  display: none;
}
section#orderform {
  border: none;
}
section#orderform h2 {
  text-align: left;
}
#orderform form {
  width: 100%
}
#orderform label {
  display: block;
  padding: 0.5rem 0.5rem 0 0;
}
#orderform label:hover {
  background: #fffce0;
}
#orderform input[type="text"] {
  width: 100%;
  box-sizing: border-box;
  padding: 8px;
  font-size: 1.6rem;
  border: solid 1px #999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 5px;
}
#orderform select {
  width: 100%;
  height: 40px;
  font-size: 1.6rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 1rem;
  border: 1px solid #999;
  background: #FFF url(https://tokei.itembox.design/item/mmon/img/icon_down.jpg) no-repeat;
  background-position: 96% 50%;
  background-size: 15px;
}
dl.cell-end {
  border-bottom: 1px solid #ccc;
}
#orderform dt.head {
  background: #e9eff0;
  padding: 1.5rem;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  border-bottom: none;
  font-weight: bold;
}
#orderform dd.data {
  padding: 1.5rem;
  margin: 0;
  border: 1px solid #cccccc;
  border-bottom: none;
  box-sizing: border-box;
}
#orderform dd.data input[type="checkbox"] {
  opacity: 1;
  visibility: visible;
}
div#user dt.head {
  background: #f0e9e9;
}
#basic-table .attention {
  font-size: 12px;
  color: #d50000;
  margin-left: 10px;
}
#orderform dl span {
  font-size: 12px;
}
#orderform textarea {
  width: 100%;
  height: 70px;
  font-size: 1.6rem;
  border: 1px solid #999;
}
div#button {
  margin: 3rem auto;
  text-align: center;
}
#orderform #button input {
  background: #850f0f;
  color: #fff;
  border: 0;
  line-height: 3;
  width: 100%;
}
#purchase section.description {
  border-bottom: none;
}
section.description a {
  border-bottom: 1px dotted;
}
section.description p {
  line-height: 2;
}
/* for table */
#form {
  border-collapse: collapse;
  margin: 1em 0;
}
#form th, #form td {
  border: 1px solid #666;
  padding: 8px;
}
#form th {
  white-space: nowrap;
  background: #e8e8e8;
}
#form td {
  background: #fff;
}
p.btn input {
  width: 110px;
  height: 32px;
}
#form-tbl {
  /* margin-left: 1.5em; */
}
#form {
  border-collapse: collapse;
  margin: 1em 0;
  /*width: 100%;*/
}
#form th, #form td {
  border: 1px solid #666;
  padding: 8px;
}
#form th {
  white-space: nowrap;
  background: #e9eff0;
}
#form td {
  background: #fff;
}
p.btn input {
  width: 110px;
  height: 32px;
}
span.msg {
  color: red;
}
div#check-button input {
  width: 60%;
  height: 4rem;
  border: none;
  background: #7f191e;
  color: #fff;
}
div#check-button input.back {
  background: #999;
  width: 38%;
}
/* 投稿フォーム */
#form-tbl {
  margin: 0 auto;
  text-align: center;
}
#form {
  width: 100%; /*margin: 10px auto;*/
}
#form th, #form td {
  text-align: left;
  /*width: 100%;*/
  display: block;
  padding: 6px 3px;
  border-top: none;
}
#form tr:first-child th {
  border-top: 1px solid #666;
}
p.btn input {
  width: 10em;
}
/*footer*/
ul.sns-ic {
  display: none;
}
p.f-copy {
  font-size: 12px;
  line-height: 1.2;
  margin: 5px 0;
}
@media print, screen and (min-width:740px) {
	#wrapper{
		line-height: 1.5;
		 width: 1180px;
    margin: 0 auto;
    padding: 0;
	}
  .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
  }
  .breadcrumb li:not(:last-of-type)::after {
    content: ">";
    margin: 0 .6em;
    color: #777;
  }
  article#hf-header {
    position: sticky;
    top: -1px;
    background: #fff;
    z-index: 99999;
  }
  div#sub-list:nth-of-type(2) {
    right: 0;
  }
  #purchase section {
    margin: 0 auto 8rem;
    padding-bottom: 6rem;
    width: 1180px;
  }
  #purchase h1 {
    margin: 5rem auto 2rem;
    font-size: 2.5rem;
    width: 1180px;
  }
  article#purchase {
    /* width: 1180px; */
    margin: 0 auto;
  }
  .mainimg-pc {
    width: 1180px;
  }
  .mainpc {
    margin: auto;
    width: 100%;
    background-color: #000;
  }
  .mainpc-inner {
    position: relative;
    width: 1180px;
    margin: auto;
  }
  .mainpc-inner::after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    content: '';
    width: 200px;
    height: 500px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 44%, rgba(0, 0, 0, 1) 80%);
  }
  .mainpc-inner::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    content: '';
    width: 200px;
    height: 500px;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 44%, rgba(0, 0, 0, 1) 80%);
  }
  p#headcopy {
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.5;
    width: 800px;
    margin: 3rem auto;
  }
  /*メニュー*/
  section#menu {
    display: flex;
    -webkit-justify-content: center;
    justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    border: none;
    margin: 3rem auto;
    padding-bottom: 0;
  }
  section#menu dl {
    display: grid;
    grid-template-columns: 30% 1fr;
    place-items: center;
    border-top: solid 6px #031789;
    box-shadow: 0 3px 4px rgb(0 0 0 / 32%);
  }
  section#menu dl dt {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
  }
  section#menu dl dt img {
    width: 100%;
    height: 110px;
    object-fit: cover;
  }
  section#menu a {
    width: 32%;
    /* background: red; */
  }
  section#menu .menu-title, section#submenu .menu-title {
    height: 1rem;
  }
  section#submenu {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  section#submenu dl {
    width: 49%;
    margin-bottom: 0;
  }
  section#submenu > a {
    width: 48%;
    margin: 1rem;
    box-sizing: border-box;
  }
  #menu dd, #submenu dd {
    padding: 0 1rem;
  }
  /*オーダーフォーム*/
  section#orderform {
    width: 850px;
  }
  #orderform input[type="text"], #orderform textarea {
    font-size: 14px;
  }
  #orderform select {
    font-size: 14px;
  }
  #orderform label {
    display: block;
    padding: 0.5rem;
  }
  #basic-table dl {
    display: flex;
    flex-wrap: wrap;
    border-top: none;
  }
  #orderform dt.head {
    border-right: none;
    width: 40%;
    padding: 24px 20px;
    box-sizing: border-box;
    border-right: none !important;
  }
  #orderform dd.data {
    padding: 20px;
    margin: 0;
    border-top: 1px solid #ccc;
    width: 60%;
    background: #fff;
    box-sizing: border-box;
  }
  #orderform dl span {
    font-size: 12px;
  }
  #orderform #button input {
    width: 50%;
  }
  #orderform #button input:hover {
    background: #7d7d7d;
  }
  /*-------確認画面------*/
  /* for table */
  #form {
    border-collapse: collapse;
    margin: 1em 0;
  }
  #form td {
    background: #fff;
  }
  p.btn input {
    width: 110px;
    height: 32px;
  }
  #form-tbl {
    /* margin-left: 1.5em; */
  }
  #form {
    border-collapse: collapse;
    margin: 1em 0;
    width: 100%;
  }
  #form th, #form td {
    border: 1px solid #666;
    padding: 8px;
  }
  #form td {
    background: #fff;
  }
  p.btn input {
    width: 110px;
    height: 32px;
  }
  #form th, #form td {
    display: table-cell;
  }
  #form th {
    width: 39%;
  }
  /*purchase*/
  .text-underline {
    text-decoration: underline;
  }
  .text-red {
    color: red;
  }
  .text-block {
    margin: 10px 0 20px;
  }
  ::placeholder {
    color: #ccc;
  }
  .data_2c {
    display: flex;
    flex-wrap: wrap;
  }
  /* Chrome, Safari, Edge */
  input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
  }
  /* Firefox */
  input[type=number] {
    -moz-appearance: textfield;
  }
  input[type="checkbox"] {
    opacity: 1 !important;
    visibility: visible !important;
    position: relative;
  }