@charset "UTF-8";
/* テキスト */
/* 背景 */
/* 枠線 */
html {
  font-size: 62.5%;
  font-family: 'Noto Sans JP', '游ゴシック Medium', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif;
  box-sizing: border-box;
}

body {
  color: #333;
  font-size: 1.4rem;
  counter-reset: product;
}

input[type='button'],
input[type='submit'],
input[type='text'],
input[type='tel'],
input[type='password'],
input[type='number'],
textarea,
select {
  font-size: 1.6rem;
  background: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  padding: 6px 10px;
}

select {
  padding-right: 30px;
  background: url("./images/icn-select.svg") no-repeat right 12px center #fff;
}

ol,
ul {
  list-style: none;
}

table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}

img {
  vertical-align: bottom;
}

a {
  color: #006ab7;
  text-decoration: none;
}

/* タイトル
---------------------------------------- */
.c-contTtl {
  padding: 2px 0 4px 11px;
  margin-bottom: 24px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4;
  border-left: 4px solid;
  -webkit-border-image: -webkit-linear-gradient(#f2be2a, #f28739) 0 0 0 1;
       -o-border-image: linear-gradient(#f2be2a, #f28739) 0 0 0 1;
          border-image: linear-gradient(#f2be2a, #f28739) 0 0 0 1;
}

.c-contTtl--s {
  padding: 1px 0 1px 11px;
  margin-bottom: 16px;
  font-size: 2.1rem;
}

.c-contTtl3 {
  margin-bottom: 16px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
}

.c-contTtl3.border::after {
  content: '';
  display: block;
  width: 64px;
  height: 2px;
  margin-top: 8px;
  background: -webkit-linear-gradient(right, #f2be2a, #f28739);
  background: linear-gradient(to left, #f2be2a, #f28739);
}

h4 {
  margin-bottom: 8px;
  font-size: 1.8rem;
  font-weight: 700;
}

h5 {
  margin-bottom: 8px;
  font-size: 1.6rem;
  font-weight: 700;
}

h6 {
  margin-bottom: 4px;
  font-size: 1.4rem;
  font-weight: 700;
}

.c-mypageTtlWrap {
  position: relative;
  z-index: 0;
  left: 50%;
  width: 100vw;
  margin: 0 0 24px -50vw;
  background: url("./images/bg-stripe.png") center top transparent;
}

.c-mypageTtlWrap__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  width: 1020px;
  padding: 3px 0 8px;
  margin: 0 auto;
}

.c-mypageTtl {
  padding-left: 40px;
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 1.6;
  background: url("./images/icn-mypage-ttl.svg") no-repeat left center transparent;
}

.c-mypageTtlInfo__point {
  font-size: 1.2rem;
}

.c-mypageTtlInfo__point span {
  margin-left: 12px;
  color: #cd201f;
  font-size: 2rem;
  font-weight: 700;
}

.c-mypageTtlInfo__link {
  margin-top: 2px;
  line-height: 1;
  text-align: right;
}

.c-bdTtl {
  padding: 12px 15px;
  margin-bottom: 16px;
  color: #006ab7;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  background: #f0f7fc;
  border-top: 1px solid #006ab7;
  border-bottom: 1px solid #006ab7;
}

.c-bdTtl--order {
  margin-bottom: 8px;
  text-align: left;
}

/* リスト
---------------------------------------- */
.c-indentList {
  padding-left: 1em;
  text-indent: -1em;
}

.c-indentList > li {
  margin-top: 8px;
}

.c-indentList > li:first-child {
  margin-top: 0;
}

.c-indentList--m > li {
  font-size: 1.2rem;
  margin-top: 6px;
}

.c-indentList--s > li {
  font-size: 1rem;
  margin-top: 4px;
}

/* テーブル
---------------------------------------- */
.c-table > thead > tr > th {
  padding: 14px;
  color: #fff;
  font-weight: 700;
  text-align: left;
  background: #9a9a9a;
  border: 1px solid #bfbfbf;
}

.c-table > tbody > tr > td {
  padding: 14px;
  border: 1px solid #bfbfbf;
}

.c-table > tbody > tr:nth-child(even) > td {
  background: #f5f5f5;
}

/* リンク
---------------------------------------- */
.c-link {
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.c-link::before {
  content: '▶︎';
  display: inline-block;
  margin-right: 4px;
}

.c-link--m {
  color: #f28739;
}

.c-link--s1 {
  color: #006ab7;
}

.c-link--s2 {
  color: #ca2e59;
}

.c-guideLink {
  cursor: pointer;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.c-guideLink::before {
  content: '？';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
}

.c-guideLink--m {
  color: #f28739;
}

.c-guideLink--m::before {
  background: #f28739;
}

.c-guideLink--s1 {
  color: #006ab7;
}

.c-guideLink--s1::before {
  background: #006ab7;
}

.c-guideLink--s2 {
  color: #ca2e59;
}

.c-guideLink--s2::before {
  background: #ca2e59;
}

/* ボタン
---------------------------------------- */
.c-btnWrap {
  max-width: 280px;
  margin: 0 auto;
}

.c-btnWrap > a,
.c-btnWrap > button {
  margin-top: 24px;
}

.c-btnWrap > a:first-child,
.c-btnWrap > button:first-child {
  margin-top: 0;
}

.c-btnMWrap {
  width: 240px;
  margin: 0 auto;
}

.c-btn2ColWrap {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 600px;
  margin: 0 auto;
}

.c-btn2ColWrap > div {
  width: 280px;
  margin-top: 32px;
}

.c-btn2ColWrap > div:nth-of-type(2n) {
  margin-left: 40px;
}

.c-btn2ColWrap > div:nth-of-type(-n+2) {
  margin-top: 0;
}

.c-btn2ColWrap--m {
  width: 480px;
}

.c-btn2ColWrap--m > div {
  width: 220px;
}

.c-btn3ColWrap {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 920px;
  margin: 0 auto;
}

.c-btn3ColWrap > div {
  width: 280px;
  margin-top: 32px;
}

.c-btn3ColWrap > div:nth-of-type(3n-1) {
  margin-right: 40px;
  margin-left: 40px;
}

.c-btn3ColWrap > div:nth-of-type(-n+3) {
  margin-top: 0;
}

.c-btn {
  cursor: pointer;
  display: inline-block;
  width: 100%;
  color: #fff;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 2em;
  -webkit-transition: all .3s;
  transition: all .3s;
  padding: 18px 20px;
  font-weight: 700;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.c-btn--aR, .c-btn--aL {
  position: relative;
  z-index: 0;
}

.c-btn--aR::after, .c-btn--aL::before {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 0;
  top: 50%;
  background: url("./images/icn-btn-arrow.svg") no-repeat;
}

.c-btn--m {
  background-image: -webkit-linear-gradient(left, #f2be2a, #f28739);
  background-image: linear-gradient(to right, #f2be2a, #f28739);
  background-color: #f28739;
}

.c-btn--s1 {
  background-color: #006ab7;
  background-image: -webkit-linear-gradient(left, #63b3ed, #006ab7);
  background-image: linear-gradient(to right, #63b3ed, #006ab7);
}

.c-btn--s2 {
  background-image: -webkit-linear-gradient(left, #e5839e, #ca2e59);
  background-image: linear-gradient(to right, #e5839e, #ca2e59);
  background-color: #ca2e59;
}

.c-btn--w {
  color: #6a6a6a;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}

.c-btn--w.c-btn--aR::after, .c-btn--w.c-btn--aL::before {
  background: url("./images/icn-btn-arrow-g.svg") no-repeat;
}

.c-btn--aM {
  color: #6a6a6a;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}

.c-btn--aM.c-btn--aR::after, .c-btn--aM.c-btn--aL::before {
  background: url("./images/icn-btn-arrow-m.svg") no-repeat;
}

.c-btn--aS1 {
  color: #6a6a6a;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}

.c-btn--aS1.c-btn--aR::after, .c-btn--aS1.c-btn--aL::before {
  background: url("./images/icn-btn-arrow-s1.svg") no-repeat;
}

.c-btn--aS2 {
  color: #6a6a6a;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}

.c-btn--aS2.c-btn--aR::after, .c-btn--aS2.c-btn--aL::before {
  background: url("./images/icn-btn-arrow-s2.svg") no-repeat;
}

.c-btn:disabled {
  opacity: .4;
  pointer-events: none;
}

.c-btn--aR {
  padding-right: 42px;
}

.c-btn--aR::after {
  right: 22px;
  width: 8px;
  height: 12px;
  margin-top: -6px;
}

.c-btn--aL {
  padding-left: 42px;
}

.c-btn--aL::before {
  left: 22px;
  width: 8px;
  height: 12px;
  margin-top: -6px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.c-btn--g {
  background-image: -webkit-linear-gradient(left, #bfbfbf, #6a6a6a);
  background-image: linear-gradient(to right, #bfbfbf, #6a6a6a);
  background-color: #6a6a6a;
}

.c-btn--w, .c-btn--aM {
  padding-top: 17px;
  padding-bottom: 17px;
}

.c-btn--fav, .c-btn--tsave, .c-btn--csv {
  position: relative;
  z-index: 0;
  padding: 17px 20px 17px 60px;
  color: #6a6a6a;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}

.c-btn--fav::before, .c-btn--tsave::before, .c-btn--csv::before {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 20px;
}

.c-btn--fav::before {
  width: 27px;
  height: 26px;
  margin-top: -13px;
  background: url("./images/icn-favorite.svg") no-repeat;
}

.c-btn--tsave::before {
  width: 29px;
  height: 24px;
  margin-top: -12px;
  background: url("./images/icn-temp-save.svg") no-repeat;
}

.c-btn--csv::before {
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: url("./images/icn-csv.svg") no-repeat;
}

.c-btnM {
  cursor: pointer;
  display: inline-block;
  width: 100%;
  color: #fff;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 2em;
  -webkit-transition: all .3s;
  transition: all .3s;
  font-size: 1.3rem;
  font-weight: 500;
  padding: 12px 15px;
}

.c-btnM--aR, .c-btnM--aL {
  position: relative;
  z-index: 0;
}

.c-btnM--aR::after, .c-btnM--aL::before {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 0;
  top: 50%;
  background: url("./images/icn-btnm-arrow.svg") no-repeat;
}

.c-btnM--m {
  background-image: -webkit-linear-gradient(left, #f2be2a, #f28739);
  background-image: linear-gradient(to right, #f2be2a, #f28739);
  background-color: #f28739;
}

.c-btnM--s1 {
  background-color: #006ab7;
  background-image: -webkit-linear-gradient(left, #63b3ed, #006ab7);
  background-image: linear-gradient(to right, #63b3ed, #006ab7);
}

.c-btnM--s2 {
  background-image: -webkit-linear-gradient(left, #e5839e, #ca2e59);
  background-image: linear-gradient(to right, #e5839e, #ca2e59);
  background-color: #ca2e59;
}

.c-btnM--w {
  color: #6a6a6a;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}

.c-btnM--w.c-btnM--aR::after, .c-btnM--w.c-btnM--aL::before {
  background: url("./images/icn-btnm-arrow-g.svg") no-repeat;
}

.c-btnM--aM {
  color: #6a6a6a;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}

.c-btnM--aM.c-btnM--aR::after, .c-btnM--aM.c-btnM--aL::before {
  background: url("./images/icn-btnm-arrow-m.svg") no-repeat;
}

.c-btnM--aS1 {
  color: #6a6a6a;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}

.c-btnM--aS1.c-btnM--aR::after, .c-btnM--aS1.c-btnM--aL::before {
  background: url("./images/icn-btnm-arrow-s1.svg") no-repeat;
}

.c-btnM--aS2 {
  color: #6a6a6a;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}

.c-btnM--aS2.c-btnM--aR::after, .c-btnM--aS2.c-btnM--aL::before {
  background: url("./images/icn-btnm-arrow-s2.svg") no-repeat;
}

.c-btnM:disabled {
  opacity: .4;
  pointer-events: none;
}

.c-btnM--aR {
  padding-right: 32px;
}

.c-btnM--aR::after {
  right: 16px;
  width: 7px;
  height: 11px;
  margin-top: -6px;
}

.c-btnM--aL {
  padding-left: 32px;
}

.c-btnM--aL::before {
  left: 16px;
  width: 7px;
  height: 11px;
  margin-top: -6px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.c-btnM--w, .c-btnM--aM, .c-btnM--aS1, .c-btnM--aS2 {
  padding-top: 11px;
  padding-bottom: 11px;
  border: 1px solid #bfbfbf;
}

.c-btnM--cart, .c-btnM--plus, .c-btnM--minus {
  position: relative;
  z-index: 0;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 40px;
}

.c-btnM--cart::before, .c-btnM--plus::before, .c-btnM--minus::before {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 0;
  top: 50%;
}

.c-btnM--cart, .c-btnM--plus {
  color: #6a6a6a;
  background-color: #fff;
  border: 1px solid #bfbfbf;
}

.c-btnM--cart {
  padding-right: 32px;
}

.c-btnM--cart::before {
  left: 12px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: url("./images/icn-cart-g.svg") center center/100% no-repeat;
}

.c-btnM--cart::after {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 0;
  top: 50%;
  right: 18px;
  width: 8px;
  height: 12px;
  margin-top: -6px;
  background: url("./images/icn-btnm-arrow-m.svg") no-repeat;
}

.c-btnM--plus {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}

.c-btnM--plus::before {
  left: 14px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url("./images/icn-plus.svg") no-repeat;
}

.c-btnM--minus {
  color: #fff;
  background-color: #9a9a9a;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}

.c-btnM--minus::before {
  left: 14px;
  width: 16px;
  height: 2px;
  margin-top: -1px;
  background: url("./images/icn-minus-w.svg") no-repeat;
}

.c-btnS {
  cursor: pointer;
  display: inline-block;
  width: 100%;
  color: #fff;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 2em;
  -webkit-transition: all .3s;
  transition: all .3s;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 7px 12px;
}

.c-btnS--aR, .c-btnS--aL {
  position: relative;
  z-index: 0;
}

.c-btnS--aR::after, .c-btnS--aL::before {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 0;
  top: 50%;
  background: url("./images/icn-btns-arrow.svg") no-repeat;
}

.c-btnS--m {
  background-image: -webkit-linear-gradient(left, #f2be2a, #f28739);
  background-image: linear-gradient(to right, #f2be2a, #f28739);
  background-color: #f28739;
}

.c-btnS--s1 {
  background-color: #006ab7;
  background-image: -webkit-linear-gradient(left, #63b3ed, #006ab7);
  background-image: linear-gradient(to right, #63b3ed, #006ab7);
}

.c-btnS--s2 {
  background-image: -webkit-linear-gradient(left, #e5839e, #ca2e59);
  background-image: linear-gradient(to right, #e5839e, #ca2e59);
  background-color: #ca2e59;
}

.c-btnS--w {
  color: #6a6a6a;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}

.c-btnS--w.c-btnS--aR::after, .c-btnS--w.c-btnS--aL::before {
  background: url("./images/icn-btns-arrow-g.svg") no-repeat;
}

.c-btnS--aM {
  color: #6a6a6a;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}

.c-btnS--aM.c-btnS--aR::after, .c-btnS--aM.c-btnS--aL::before {
  background: url("./images/icn-btns-arrow-m.svg") no-repeat;
}

.c-btnS--aS1 {
  color: #6a6a6a;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}

.c-btnS--aS1.c-btnS--aR::after, .c-btnS--aS1.c-btnS--aL::before {
  background: url("./images/icn-btns-arrow-s1.svg") no-repeat;
}

.c-btnS--aS2 {
  color: #6a6a6a;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}

.c-btnS--aS2.c-btnS--aR::after, .c-btnS--aS2.c-btnS--aL::before {
  background: url("./images/icn-btns-arrow-s2.svg") no-repeat;
}

.c-btnS:disabled {
  opacity: .4;
  pointer-events: none;
}

.c-btnS--aR {
  padding-right: 22px;
}

.c-btnS--aR::after {
  right: 12px;
  width: 6px;
  height: 9px;
  margin-top: -5px;
}

.c-btnS--aL {
  padding-left: 22px;
}

.c-btnS--aL::before {
  left: 12px;
  width: 6px;
  height: 9px;
  margin-top: -5px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.c-btnS--w, .c-btnS--aM, .c-btnS--aS1, .c-btnS--aS2 {
  border: 1px solid #bfbfbf;
}

.c-btnS--aM, .c-btnS--aS1, .c-btnS--aS2, .c-btnS--aS1L, .c-btnS--sM, .c-btnS--sS1, .c-btnS--sS2, .c-btnS--sML, .c-btnS--del {
  padding-top: 6px;
  padding-bottom: 6px;
}

.c-btnS--del {
  color: #fff;
  background-color: #9a9a9a;
  border: 1px solid #9a9a9a;
}

.c-btnS--sM {
  color: #fff;
  background-color: #f28739;
  border: 1px solid #f28739;
}

.c-btnS--sS1 {
  color: #fff;
  background-color: #006ab7;
  border: 1px solid #006ab7;
}

.c-btnS--sS2 {
  color: #fff;
  background-color: #ca2e59;
  border: 1px solid #ca2e59;
}

.c-btnS--sML {
  color: #fff;
  background-color: #f2be2a;
  border: 1px solid #f2be2a;
}

.c-btnS--aB {
  position: relative;
  z-index: 0;
  padding-right: 22px;
}

.c-btnS--aB::after {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 0;
  top: 50%;
  right: 12px;
  width: 6px;
  height: 9px;
  margin-top: -5px;
  background: url("./images/icn-btns-arrow.svg") no-repeat;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.c-btnS--aS1L {
  color: #6a6a6a;
  background-color: #fff;
  border: 1px solid #bfbfbf;
}

.c-btnS--aS1L::after {
  background: url("./images/icn-btns-arrow-s1l.svg") no-repeat;
}

/* フォーム
---------------------------------------- */
/* ラジオ */
.c-radio > span {
  display: block;
  position: relative;
  z-index: 0;
  padding-left: 34px;
}

.c-radio > span::before, .c-radio > span::after {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 1;
  border-radius: 50%;
}

.c-radio > span::before {
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: #e0e0e0;
}

.c-radio > span::after {
  top: 50%;
  left: 6px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.c-radio > input {
  display: none;
}

.c-radio > input:checked + span::after {
  background: #6a6a6a;
}

.c-radio--m > input:checked + span::after {
  background: #f28739;
}

.c-radio--s1 > input:checked + span::after {
  background: #006ab7;
}

.c-radio--s2 > input:checked + span::after {
  background: #ca2e59;
}

.c-radio--o {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: bottom;
}

.c-radio--o span {
  height: 24px;
  width: 24px;
  padding-left: 0;
}

.c-radio--inline span {
  display: inline-block;
}

/* チェック */
.c-check > span {
  display: inline-block;
  position: relative;
  z-index: 0;
  padding-left: 34px;
}

.c-check > span::before, .c-check > span::after {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 0;
}

.c-check > span::before {
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.c-check > span::after {
  top: 50%;
  left: 3px;
  width: 28px;
  height: 14px;
  margin-top: -16px;
  border-color: transparent;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.c-check > input {
  display: none;
}

.c-check > input:checked + span::before {
  border: 1px solid #e0e0e0;
  background: #e0e0e0;
}

.c-check > input:checked + span::after {
  border-bottom: 2px solid #333;
  border-left: 2px solid #333;
  -webkit-transform: rotate(-42deg) skewX(-8deg);
          transform: rotate(-42deg) skewX(-8deg);
}

.c-check--m > input:checked + span::after {
  border-bottom: 2px solid #f28739;
  border-left: 2px solid #f28739;
}

.c-check--s1 > input:checked + span::after {
  border-bottom: 2px solid #006ab7;
  border-left: 2px solid #006ab7;
}

.c-check--s2 > input:checked + span::after {
  border-bottom: 2px solid #ca2e59;
  border-left: 2px solid #ca2e59;
}

/* ページネーション
---------------------------------------- */
.c-pagerList {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
}

.c-pagerList > li {
  margin-left: 12px;
}

.c-pagerList > li:first-child {
  margin-left: 0;
}

.c-pagerList__item {
  display: block;
  width: 40px;
  height: 40px;
  color: #9a9a9a;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  background-color: #fff;
  border: 1px solid #9a9a9a;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.c-pagerList__item.is-current {
  color: #fff;
  background-color: #9a9a9a;
}

.c-pagerList__item--da, .c-pagerList__item--a, .c-pagerList__item--daR, .c-pagerList__item--aR {
  border: none;
}

.c-pagerList__item--da, .c-pagerList__item--daR {
  background: url("./images/icn-pager-arrow-d.svg") no-repeat center center;
}

.c-pagerList__item--a, .c-pagerList__item--aR {
  background: url("./images/icn-pager-arrow.svg") no-repeat center center;
}

.c-pagerList__item--daR, .c-pagerList__item--aR {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* スイッチ
---------------------------------------- */
/* トグルスイッチ */
.c-toggle {
  position: relative;
  z-index: 0;
  height: 24px;
  padding: 0 8px;
  background: #bfbfbf;
  border-radius: 2em;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.c-toggle::before {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 0;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  -webkit-transition: left 0.3s, right 0.3s;
  transition: left 0.3s, right 0.3s;
}

.c-toggle > span {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  width: 38px;
  line-height: 24px;
}

.c-toggle > span::before, .c-toggle > span::after {
  content: '';
  display: inline-block;
  width: 50%;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.c-toggle > span::before {
  content: 'ON';
  opacity: 0;
  margin-right: 4px;
}

.c-toggle > span::after {
  content: 'OFF';
  opacity: 1;
}

.c-toggle.is-on {
  background: #f28739;
}

.c-toggle.is-on::before {
  left: calc(100% - 21px);
}

.c-toggle.is-on > span::before {
  opacity: 1;
}

.c-toggle.is-on > span::after {
  opacity: 0;
}

/* アコーディオンスイッチ */
.c-openBtn {
  position: relative;
  z-index: 0;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-color: #6a6a6a;
}

.c-openBtn::before {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 0;
  top: 11px;
  left: 5px;
  width: 14px;
  height: 2px;
  background: #fff;
}

.c-openBtn::after {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 0;
  top: 5px;
  left: 11px;
  height: 14px;
  width: 2px;
  background: #fff;
}

.c-openBtn--g {
  background-color: #9a9a9a;
}

.c-openBtn.on::after {
  content: none;
}

.c-openBtnS {
  position: relative;
  z-index: 0;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-color: #6a6a6a;
}

.c-openBtnS::before {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 0;
  top: 7px;
  left: 4px;
  width: 8px;
  height: 2px;
  background: #fff;
}

.c-openBtnS::after {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 0;
  top: 4px;
  left: 7px;
  height: 8px;
  width: 2px;
  background: #fff;
}

.c-openBtnS--g {
  background-color: #9a9a9a;
}

.c-openBtnS.on::after {
  content: none;
}

/* 同意チェック
---------------------------------------- */
.c-checkTerms {
  margin-bottom: 8px;
  font-size: 1.6rem;
  font-weight: 700;
}

.c-agree {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 20px 15px;
  margin-bottom: 48px;
  background: #fcefd8;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

.c-agree label span {
  font-weight: 500;
}

.c-agree--s1 {
  background: #dcecf7;
}

.c-agree--s1 .c-agreeReq {
  background: #006ab7;
}

.c-agreeReq {
  flex-shrink: 0;
  display: inline-block;
  padding: 4px 12px;
  margin-right: 16px;
  color: #fff;
  font-size: 1.2rem;
  background: #f28739;
  border-radius: 4px;
}

/* アラート
---------------------------------------- */
.c-alert {
  padding: 15px;
  margin-bottom: 24px;
  color: #f28739;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  background: #fdfbef;
}

.c-alert--s1 {
  color: #006ab7;
  background: #f0f7fc;
}

.c-alert--s2 {
  color: #ca2e59;
  background: #fdf0f3;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border: solid 2px #ca2e59;
}

.c-alert--s2 > span {
  display: inline-block;
  text-align: left;
}

.c-alert--s2::before {
  content: '';
  display: inline-block;
  background-image: url(/styles/img/common/icn_error.svg);
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  line-height: 1;
  flex-shrink: 0;
}

/* ポイント
---------------------------------------- */
.c-point__now {
  margin-bottom: 5px;
  font-size: 1.2rem;
}

.c-point__now span {
  font-size: 1.6rem;
  font-weight: 500;
}

.c-point__point {
  margin-bottom: 6px;
  font-size: 2rem;
  font-weight: 700;
}

.c-point__point span {
  display: inline-block;
  min-width: 280px;
  padding: 5px 15px;
  margin-right: 8px;
  color: #cd201f;
  font-size: 4rem;
  text-align: center;
  vertical-align: text-bottom;
  background: #fcefd8;
}

.c-point__note {
  font-size: 1.2rem;
}

.c-point__note--caution {
  color: #cd201f;
}

.c-point--s1 .c-point__point span {
  min-width: 240px;
  background: #dcecf7;
}

.c-noteBlk {
  padding: 20px 15px 28px;
  margin-top: 48px;
  background: #f0f7fc;
}

.c-noteBlk__ttl {
  padding-bottom: 8px;
  margin-bottom: 16px;
  color: #006ab7;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  border-bottom: 1px solid #006ab7;
}

.c-noteBlk__txt {
  margin-bottom: 24px;
  color: #006ab7;
  text-align: center;
}

/** RESET AND LAYOUT
=================================== */
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

/** THEME
=================================== */
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: 700;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666\9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

.l-contWrap {
  min-height: 100vh;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.l-contBlock {
  padding: 24px 15px 80px;
}

.l-contBlock--top {
  padding: 56px 0 80px;
}

.l-contBlock--top .l-content {
  padding: 0 15px;
}

/* header
========================================== */
.l-header {
  position: fixed;
  z-index: 70;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 56px;
  background-color: #fff;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
}

.l-header__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  height: 56px;
  padding: 10px 15px;
}

.l-headerLogo {
  position: absolute;
  z-index: 0;
  top: 10px;
  right: 0;
  border: 0;
  left: 0;
  width: 133px;
  margin: 0 auto;
}

.l-headerLogo > a {
  display: block;
  width: 100%;
  line-height: 1;
}

.l-headerLogo > a > img {
  width: 100%;
  height: auto;
}

.l-headerOpenBtn {
  width: 34px;
  padding: 0 2px;
}

.l-headerOpenBtn::after {
  content: 'MENU';
  display: block;
  margin-top: 4px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}

.l-headerOpenBtn__bar {
  display: block;
  position: relative;
  z-index: 0;
  width: 30px;
  height: 20px;
  background: #fff;
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
}

.l-headerOpenBtn__bar::before, .l-headerOpenBtn__bar::after {
  content: '';
  position: absolute;
  z-index: 0;
  top: 7px;
  left: 0;
  width: 30px;
  height: 2px;
  background: #333;
}

.l-headerOpenBtn.is-close::after {
  content: 'CLOSE';
}

.l-headerOpenBtn.is-close .l-headerOpenBtn__bar {
  border: none;
}

.l-headerOpenBtn.is-close .l-headerOpenBtn__bar::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.l-headerOpenBtn.is-close .l-headerOpenBtn__bar::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.l-headerSearch {
  padding-top: 8px;
  margin-left: auto;
}

.l-headerCart {
  position: relative;
  z-index: 0;
  width: 35px;
  padding-top: 8px;
  margin-left: 15px;
}

.l-headerCart__num {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  background: #006ab7;
  border-radius: 50%;
}

/* ロゴエリア */
.mainHeader__content__title_area {
  padding-left: 20px;
  padding-right: 20px;
  margin: 12px auto;
}
.header_seo_title {
  display: block;
  font-size: 0.8em;
  font-weight: bold;
}


/* 検索フォーム */
.fessWrapper {
  box-sizing: border-box !important;
  padding: 0 !important;
  font-family: 'Noto Sans JP', '游ゴシック Medium', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif !important;
}

.p-topSearch {
  display: none;
  padding: 10px 15px;
  background: #fff;
  border-top: 1px solid #bfbfbf;
}

.p-topSearch.is-open {
  display: block;
}

.p-topSearch .fessWrapper table {
  table-layout: auto;
}

.p-topSearch .fessWrapper table td:last-child {
  padding-left: 10px;
}

.p-topSearch .fessWrapper table input[type='text'] {
  font-size: 1.6rem;
  background: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  padding: 6px 10px;
}

.p-topSearch .fessWrapper table .btn {
  cursor: pointer;
  display: inline-block;
  width: 100%;
  padding: 12px 15px;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  background-image: -webkit-linear-gradient(left, #f2be2a, #f28739);
  background-image: linear-gradient(to right, #f2be2a, #f28739);
  background-color: #f28739;
  border: none;
  border-radius: 2em;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.l-drawerMenu {
  overflow: auto;
  position: fixed;
  z-index: 65;
  top: 56px;
  left: -100vw;
  width: 100%;
  height: calc(100% - 56px);
  background: #fff;
  -webkit-transition: left 0.3s;
  transition: left 0.3s;
}

.l-drawerMenu.is-open {
  left: 0;
}

.l-drawerMenuInfo {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 10px 15px;
  background: url("/sp/styles/css/images/bg-stripe.png") center transparent;
}

.l-drawerMenuInfo__nameWrap {
  padding: 0 0 0 50px;
  background: url("/sp/styles/css/images/icn-mypage-ttl.svg") no-repeat left center transparent;
}

.l-drawerMenuInfo__message {
  font-size: 1rem;
}

.l-drawerMenuInfo__name {
  font-size: 1.2rem;
}

.l-drawerMenuInfo__name span {
  font-size: 1.4rem;
  font-weight: 700;
}

.l-drawerMenuInfo__name span.l-drawerMenuInfo__id {
  font-size: 1.2rem;
  font-weight: normal;
}

.l-drawerMenuInfo__point {
  margin-left: auto;
  font-size: 1.2rem;
}

.l-drawerMenuInfo__point span {
  color: #cd201f;
  font-size: 2rem;
  font-weight: 700;
}

.l-drawerMenuReadList {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 0 15px;
}

.l-drawerMenuReadList > li {
  width: calc(100% / 3);
}

.l-drawerMenuReadList__link {
  display: block;
  padding: 66px 0 16px;
  color: #333;
  font-size: 1.2rem;
  text-align: center;
  background: no-repeat center 16px #fff;
}

.l-drawerMenuReadList__link--chat {
  background-image: url("/sp/styles/css/images/icn-drawer-chat.svg");
}

.l-drawerMenuReadList__link--entry {
  background-image: url("/sp/styles/css/images/icn-drawer-entry.svg");
}

.l-drawerMenuReadList__link--login {
  background-image: url("/sp/styles/css/images/icn-drawer-login.svg");
}

.l-drawerMenuReadList__link--mypage {
  background-image: url("/sp/styles/css/images/icn-drawer-mypage.svg");
}

.l-drawerMenuReadList__link--logout {
  background-image: url("/sp/styles/css/images/icn-drawer-logout.svg");
}

.l-drawerMenuList > li {
  border-bottom: 1px solid #bfbfbf;
}

.l-drawerMenuList > li:first-child {
  border-top: 1px solid #bfbfbf;
}

.l-drawerMenuList > li > a {
  display: block;
  padding: 20px 30px 20px 15px;
  color: #333;
  background: url("/sp/styles/css/images/icn-btnm-arrow-m.svg") no-repeat right 20px center #fff;
}

.l-drawerMenuAuth {
  padding: 40px;
}

.l-drawerMenuAuth__cont {
  width: 220px;
  padding: 21px 0 36px;
  margin: 0 auto;
  border: 1px solid #bfbfbf;
}

.l-drawerMenuAuthPP {
  text-align: center;
}

.l-drawerMenuAuthPP__imgWrap {
  margin-bottom: 14px;
}

.l-gNavi {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 56px;
  width: 100%;
  z-index: 60;
}

.l-gNaviItems {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  height: 100%;
}

.l-gNaviItem {
  width: calc(100% / 4);
  height: 100%;
  border-right: 1px solid #bfbfbf;
}

.l-gNaviItem:last-child {
  border-right: none;
}

.l-gNaviItem__link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 56px;
  text-align: center;
  background: #9a9a9a no-repeat center;
}

.l-gNaviItem__link--item {
  background-image: url("./images/bg-item.svg");
}

.l-gNaviItem__link--estimate {
  background-image: url("./images/bg-estimate.svg");
}

.l-gNaviItem__link--guide {
  background-image: url("./images/bg-guide.svg");
}

.l-gNaviItem__link--chat {
  background-image: url("./images/bg-chat.svg");
}

.l-mainFooter {
  clear: both;
  margin-bottom: 56px;
}

/* メニュー */
.l-mainFooterMenu {
  padding: 44px 0 32px;
  background: url("/styles/css/images/bg-stripe.png") center top transparent;
}

.l-mainFooterMenuSeo {
  padding: 0 15px;
  margin-bottom: 30px;
  font-size: 1.2rem;
}

.l-mainFooterSnsSct {
  position: relative;
  z-index: 0;
  padding: 24px 15px 16px;
  margin-bottom: 32px;
  background: rgba(255, 255, 255, 0.8);
}

.l-mainFooterSnsTtl {
  position: absolute;
  z-index: 0;
  top: -12px;
  left: 0;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
}

.l-mainFooterSnsList {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.l-mainFooterMenuSct {
  padding: 0 15px;
  margin-bottom: 24px;
}

.l-mainFooterMenuSct:last-child {
  margin-bottom: 0;
}

.l-mainFooterMenuTtl {
  cursor: pointer;
  position: relative;
  z-index: 0;
  padding: 12px 44px 12px 16px;
  font-size: 1.4rem;
  font-weight: 700;
  background: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.l-mainFooterMenuTtl::before, .l-mainFooterMenuTtl::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  top: 50%;
  background: #333;
}

.l-mainFooterMenuTtl::before {
  right: 15px;
  width: 14px;
  height: 2px;
  margin-top: -1px;
}

.l-mainFooterMenuTtl::after {
  right: 21px;
  width: 2px;
  height: 14px;
  margin-top: -7px;
}

.l-mainFooterMenuTtl.is-open::after {
  content: none;
}

.l-mainFooterMenuListWrap {
  display: none;
  margin-top: 24px;
}

.l-mainFooterMenuList {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.l-mainFooterMenuList > li {
  width: calc((100% - 6px) / 2);
  margin-bottom: 24px;
}

.l-mainFooterMenuList > li > a {
  color: #333;
  font-size: 1.2rem;
  text-decoration: none;
}

/* 追従ナビ */
.l-mainFooterNav {
  clear: both;
  padding: 32px 15px 24px;
  background: #fff;
}

.l-mainFooterNavList {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}

.l-mainFooterNavList > li {
  width: calc((100% - 6px) / 2);
  margin-bottom: 24px;
}

.l-mainFooterNavList > li > a {
  color: #333;
  font-size: 1.2rem;
  text-decoration: none;
}

/* コピーライト */
.l-mainFooterCopyright {
  padding: 16px 15px;
  font-size: 1rem;
  text-align: center;
  border-top: 1px solid #bfbfbf;
}

/* PAGE TOP */
.l-pageTop {
  position: fixed;
  z-index: 50;
  right: 16px;
  bottom: 72px;
  width: 54px;
  height: 54px;
  text-align: center;
  background: -webkit-linear-gradient(300deg, #f2be2a 10%, #f28739 90%);
  background: linear-gradient(-210deg, #f2be2a 10%, #f28739 90%);
  border-radius: 50%;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.16);
}

.l-pageTop::before {
  content: '';
  display: block;
  width: 7px;
  height: 11px;
  margin: 6px auto 3px;
  background: url(./images/icn-btnm-arrow.svg) no-repeat;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.l-pageTop:hover {
  background: #f28739;
}

.l-pageTop > span {
  display: inline-block;
  color: #fff;
  font-size: 1rem;
  line-height: 1.2;
}

/* contents */
#feedBack {
  float: right;
}

#feedBack a {
  display: block;
  width: 115px;
  color: #fff;
  font-size: 1.6rem;
  line-height: 49px;
  text-align: center;
  text-decoration: none;
  background-color: #f8b336;
}

#feedBack a:hover {
  background-color: #fbcf80;
}

/* title */
div#mainContents > h3,
div#mainContents form > h3 {
  color: #fff;
  font-size: 1.6rem;
  background-color: #6a6a6a;
  padding: 12px 0 12px 16px;
  margin-bottom: 16px;
}

/* my page
========================================== */
body.mypage div#mainContents div.myTopRight01 h2,
body.mypage div#mainContents div.myTopLeft01 h2 {
  font-size: 2rem;
  background-color: #fcefd8;
  border-bottom: 2px solid #f28739;
  padding: 8px 12px;
  margin-bottom: 10px;
}

/* Clear fix */
.cf::after {
  content: '';
  clear: both;
  display: block;
}

/* --------------------
ヘッダー
-------------------- */
div.excludingTax01 {
  width: 950px;
  height: 50px;
  color: #000;
  font-size: 20px;
  text-align: center;
  line-height: 50px;
  background: #f85050;
  background: -webkit-linear-gradient(top, #ffe7e7, #ffada6);
  background: linear-gradient(to bottom, #ffe7e7, #ffada6);
  border: 1px solid #e00000;
  margin: 15px auto 0;
}

div.excludingTax01 a {
  color: #000;
  text-decoration: none;
}

#pager {
  height: 18px;
  margin-top: 5px;
  border: #e6e6e6 1px solid;
  border-radius: 3px;
  background-color: #fafafa;
}

#pager a {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(/styles/img/point_calousel.gif) 0 0 no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 10px 5px 0;
}

#pager a.selected {
  background: url(/styles/img/point_calousel_on.gif) 0 0 no-repeat;
}

/* --------------------
メインコンテンツ
-------------------- */
.search_box_01 {
  text-align: left;
  border: 1px solid #e6e6e6;
  padding-top: 8px;
  padding-bottom: 8px;
}

.box_01_txt {
  padding-left: 10px;
}

.box_01 {
  padding: 0 3px;
  margin-bottom: 0;
  border-top-width: 0;
}

.box_01 input#test {
  float: left;
  height: 18px;
  width: 171px;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  margin-right: 0;
  margin-left: 6px;
}

.box_01 a {
  float: left;
}

.box_02 {
  border-color: #e6e6e6;
  border-width: 1px;
  border-style: solid;
  padding: 5px 3px 3px;
  margin-bottom: 10px;
  border-top-width: 0;
}

#mainContents ul.pankuzu li {
  font-size: 10px;
  float: left;
}

#mainContents ul.pankuzu li a {
  font-size: 10px;
}

#mainContents .banner_area {
  border-color: #e6e6e6;
  border-width: 1px;
  border-style: solid;
  padding: 11px 3px 11px 5px;
}

#mainContents .banner_area p {
  float: left;
  padding-right: 8px;
  padding-bottom: 0;
}

#mainContents .btn_other {
  cursor: pointer;
}

.chat_btn {
  right: 0;
  position: fixed;
  top: 420px;
}

/* --------------------
商品案内
-------------------- */
.orderWrap01 {
  width: 980px;
  margin: 0 auto 40px;
}

.orderWrap01 > div > div {
  box-sizing: border-box;
}

.itemSearchChoice01,
.itemSearchChoice02,
.itemSearchChoice03,
.itemSearchChoice04 {
  display: inline-block;
  width: 322px;
  box-sizing: border-box;
  background: url(/buy/img/bg_itemSearchChoice01.png);
  border: 2px solid #69a9e0;
  text-align: center;
  vertical-align: top;
}

.itemSearchChoice04 {
  width: 950px;
  padding: 10px;
}

.itemSearchChoice04 > div {
  display: table-cell;
  vertical-align: middle;
}

.choiceTxtArea {
  text-align: left;
  padding: 20px !important;
  font-size: 120%;
  font-weight: 700;
}

.itemSearchChoice01,
.itemImgChoice01,
.itemImgChoice02 {
  border: 2px solid #f28739;
  background: url(/buy/img/bg_itemSearchChoice01.png);
}

.choiceTitle {
  background: #f28739;
  text-align: center;
  padding: 10px 0;
}

.choiceBtn {
  padding: 10px 0;
}

.choiceBtn > a {
  display: block;
  color: #fff;
  width: 90%;
  font-size: 1.4rem;
  text-decoration: none;
  background-color: #999;
  padding: 10px 0;
  margin: 0 auto;
}

.choiceTitle > p {
  display: inline-block;
  box-sizing: content-box;
  text-align: left;
  color: #fff;
  font-size: 120%;
  font-weight: 700;
}

.itemImgChoiceTit01,
.itemImgChoiceTit02 {
  height: 39px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  line-height: 41px;
  text-align: center;
  background: #f28739;
}

.itemImgChoiceTit02 {
  text-align: left;
  padding: 0 20px;
}

.itemImgChoice01,
.itemImgChoice02 {
  padding: 10px;
}

.itemImgChoice01 ul.itemImgChoiceList01 {
  float: left;
  width: 525px;
}

.itemImgChoice01 ul.itemImgChoiceList01 li {
  float: left;
  width: 98px;
  background: #fff;
  border: 1px solid #f28739;
  border-radius: 4px;
  box-shadow: 1px 1px 1px #ddd;
  margin: 0 5px 5px 0;
}

.itemImgChoice01 ul.itemImgChoiceList01 li.on {
  background: #fcefd8;
}

.itemImgChoice01 ul li a {
  display: block;
  border: 1px solid #fff;
  border-radius: 4px;
}

.itemImgChoice01 ul li div {
  font-size: 10px;
}

.itemImgChoice01 table.itemList01 {
  float: right;
  width: 395px;
  font-size: 11px;
}

.itemImgChoice01 table.itemList01 td {
  background: #fff;
  border: 1px solid #f28739;
}

.itemImgChoice01 table.itemList01 td.on {
  background: #fcefd8;
}

.itemImgChoice01 table.itemList01 td a {
  display: block;
  color: #000;
  font-weight: 700;
  text-decoration: none;
  padding: 9px;
}

/* spec_selector */
#flowTab {
  overflow: hidden;
  margin-bottom: 2px;
}

#flowTab li {
  float: left;
  width: 194px;
  height: 40px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 40px;
  padding-left: 14px;
  margin: 10px 0 0 2px;
}

#flowTab li.on {
  height: 50px;
  line-height: 50px;
  margin-top: 0;
}

#flowTab li:first-child {
  margin-left: 0;
}

#flowTab li.category {
  width: 195px;
  background-color: #b4b4b4;
}

#flowTab li.category.on {
  background-color: #f28739;
}

#flowTab li.size {
  background-color: #b4b4b4;
}

#flowTab li.size.on {
  background-color: #f28739;
}

#flowTab li.kind {
  background-color: #b4b4b4;
}

#flowTab li.kind.on {
  background-color: #f28739;
}

#flowTab li.paper {
  background-color: #b4b4b4;
}

#flowTab li.paper.on {
  background-color: #f28739;
}

#flowTab li.option {
  width: 195px;
  background-color: #b4b4b4;
}

#flowTab li.option.on {
  background-color: #f28739;
}

#flowArea {
  background-color: #f3f3f3;
  border: 2px solid #f28739;
  padding: 9px 39px;
}

#btnArea {
  margin-bottom: 8px;
}

#btnArea a {
  float: right;
}

#btnArea a:first-child {
  float: left;
}

/* category */
#flowArea div.category {
  margin-left: -4px;
}

#flowArea div.category div.hoverBlock {
  position: relative;
  float: left;
  margin-left: 4px;
}

#flowArea div.category div.categoryTit01 {
  position: relative;
  width: 221px;
  height: 68px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  background: #f28739;
  padding: 8px 10px;
}

#flowArea div.category div.categoryTit01 span {
  display: inline-block;
  min-width: 0;
  height: 22px;
  font-size: 11px;
  font-weight: 400;
  line-height: 22px;
  background: #f19c22;
  border-radius: 4px;
  padding: 0 4px;
  margin-bottom: 4px;
}

#flowArea div.category div.categoryTit01 span.none {
  background: transparent;
}

#flowArea div.category div.categoryWrap01 {
  overflow: hidden;
  width: 221px;
  background: #fff;
  border: 1px solid #f28739;
  border-top: none;
  padding: 10px 20px;
  margin-bottom: 4px;
}

#flowArea div.category div.categoryWrap01 > div:first-child {
  position: relative;
  float: left;
  width: 80px;
  font-size: 11px;
  text-align: center;
}

#flowArea div.category div.categoryWrap01 > div:first-child p {
  min-height: 52px;
  max-height: 52px;
  text-align: left;
  margin-bottom: 11px;
}

#flowArea div.category div.categoryWrap01 div.checkDesc {
  display: none;
  position: absolute;
  top: 0;
  left: 214px;
  z-index: 100;
  overflow: auto;
  width: 258px;
  max-height: 237px;
  text-align: left;
  background: #ffffdb;
  box-shadow: 2px 2px 6px #666;
}

#flowArea div.category div.categoryWrap01 div.checkDesc > div {
  padding: 6px 10px;
}

#flowArea div.category div.categoryWrap01 div.checkDesc.popLeft {
  left: -258px;
}

#flowArea div.category div.categoryWrap01 div.categoryThumb01 {
  float: right;
}

#flowArea div.category div.categoryWrap01 div.categoryThumb01 > div {
  display: table-cell;
  vertical-align: middle;
  height: 102px;
}

#flowArea div.category div.categoryWrap01 div.categoryThumb01 img {
  max-width: 84px;
  max-height: 84px;
}

/* size */
dl#sizeList {
  overflow: hidden;
  margin-left: -10px;
}

dl#sizeList dt {
  display: table;
  float: left;
  width: 170px;
  height: 47px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  background: #f28739;
  margin: 0 0 5px 10px;
}

dl#sizeList dt span {
  display: table-cell;
  vertical-align: middle;
  height: 47px;
}

dl#sizeList dd {
  position: relative;
  float: left;
  width: 274px;
  height: 47px;
  font-size: 14px;
  line-height: 45px;
  background: #fff;
  border: 1px solid #f28739;
  padding: 0 20px;
}

dl#sizeList dd span {
  display: inline-block;
  width: 216px;
}

dl#sizeList dd span input[type='text'] {
  width: 55px;
  height: 24px;
  margin-right: 8px;
}

dl#sizeList dd span input[name='scaleHeight'] {
  margin-left: 8px;
}

/* kind */
#kindList,
#coverKindList {
  margin-left: -8px;
}

#kindList .item,
#coverKindList .item,
#coverSpec .item {
  float: left;
  width: 173px;
  margin-left: 8px;
}

#coverSpec .coverSpecChoice01 div:first-child {
  margin-left: 0;
}

#kindList .item .title,
#coverKindList .item .title,
#coverSpec .item .title {
  width: 167px;
  height: 40px;
  color: #fff;
  font-weight: 700;
  background: #f28739;
}

#coverKindList .item .title,
#kindList .item .title {
  display: table;
}

#coverKindList .item .title span,
#kindList .item .title span {
  display: table-cell;
  vertical-align: middle;
  height: 40px;
}

#coverSpec .item .title {
  font-size: 13px;
  line-height: 1.5;
}

#kindList .item .kindWrap01,
#coverKindList .item .kindWrap01,
#coverSpec .item .kindWrap01 {
  display: table-cell;
  vertical-align: middle;
  width: 151px;
  height: 122px;
  background: #fff;
  border: 1px solid #f28739;
  border-top: none;
  padding: 10px 7px 20px;
  margin-bottom: 9px;
}

p.setItemTit01 {
  font-weight: 700;
  font-size: 20px;
}

#coverSpec .coverSpecChoice01 {
  width: 342px;
  margin: 0 auto;
}

#bodyKindList select,
#kindSelect select {
  width: 40%;
  height: 36px;
}

/* paper */
div.paperDesc01 {
  overflow: hidden;
  background: #fff;
  border: 1px solid #f28739;
  padding: 10px;
  margin-bottom: 20px;
}

div.paperDesc01 #paper_img_display img {
  max-width: 220px;
  max-height: 195px;
}

div.paperDesc01 .paperDesc01__kind {
  width: 616px;
}

#paperList,
#bodyPaperList,
#coverPaperList {
  overflow: hidden;
  margin: 0 0 40px -11px;
}

#paperList dt,
#bodyPaperList dt,
#coverPaperList dt {
  float: left;
  width: 100px;
  height: 87px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  background: #f28739;
  padding: 10px;
  margin-left: 11px;
}

#paperList dd,
#bodyPaperList dd,
#coverPaperList dd {
  float: left;
  width: 192px;
  height: 87px;
  background: #fff;
  border: 1px solid #f28739;
  border-left: none;
  padding: 9px 10px;
}

#flowArea button.blueBtn01 {
  cursor: pointer;
  width: 180px;
  height: 40px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  background: #79bdee;
  border: none;
  border-radius: 4px;
}

/* option */
.optionList {
  clear: both;
}

.requiredOptionList,
.commonOptionList,
#requiredOptionSelects,
#commonOptionSelects,
#bodyRequiredOptionSelects,
#bodyCommonOptionSelects,
#coverRequiredOptionSelects,
#coverCommonOptionSelects {
  clear: both;
  margin-left: -4px;
}

.requiredOptionList li span,
.commonOptionList li span {
  display: block;
  height: 38px;
}

div.option .optionItem,
div.setOption .optionItem {
  position: relative;
  float: left;
  width: 214px;
  height: 220px;
  text-align: center;
  background: #fff;
  border: 1px solid #f28739;
  padding: 37px 10px 10px;
  margin: 0 0 4px 4px;
}

div.option .optionItem div.imgBlock01,
div.setOption .optionItem div.imgBlock01 {
  display: table-cell;
  vertical-align: middle;
  width: 192px;
  height: 87px;
  margin: 27px 0 5px;
}

div.option .optionItem div.iconRequired01,
div.setOption .optionItem div.iconRequired01 {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 66px;
  height: 23px;
  color: #fff;
  text-align: center;
  line-height: 19px;
  background: #77b5f3;
  border: 2px solid #f28739;
  border-radius: 5px;
}

div.option .optionItem img.iconCheck01,
div.setOption .optionItem img.iconCheck01 {
  position: absolute;
  top: 10px;
  right: 10px;
}

div.option .optionItem p.title,
div.setOption .optionItem p.title {
  height: 28px;
  font-size: 12px;
  text-align: center;
  line-height: 1.2;
  margin: 5px 0 12px;
}

div.option .optionItem select,
div.setOption .optionItem select {
  width: 100%;
}

div.checkDesc02 {
  display: none;
  position: absolute;
  top: -1px;
  left: 213px;
  z-index: 50;
  overflow: auto;
  width: 360px;
  max-height: 158px;
  text-align: left;
  background: #fff;
  border: 3px solid #f00;
  padding: 18px;
}

div.balloon01 {
  display: none;
  position: absolute;
  top: 24px;
  left: 198px;
  z-index: 50;
  width: 18px;
  height: 20px;
  text-indent: -9999px;
  background: url(/styles/img/category/spec_selector/icon_setPListHover01.png) no-repeat;
}

div.balloon01.popLeft {
  display: none;
  position: absolute;
  top: 24px;
  left: auto;
  right: 51px;
  z-index: 50;
  width: 18px;
  height: 20px;
  background: url(/styles/img/category/spec_selector/icon_setPListHover02.png) no-repeat;
}

div.checkDesc02.popLeft {
  left: -214px;
}

/* To Price Table */
.toPriceListWrap01 {
  width: 525px;
  text-align: center;
  margin: 0 auto;
}

.toPriceListWrap01 img {
  margin: 20px 0;
}

.dlSelect01 dt {
  float: left;
  width: 119px;
  height: 44px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  line-height: 14px;
  background: #f28739;
  padding: 15px 11px;
}

.dlSelect01 dd {
  float: left;
  width: 324px;
  height: 44px;
  background: #fff;
  border: 1px solid #f28739;
  padding: 9px 10px;
}

.dlSelect01 dd select {
  width: 100%;
  height: 23px;
  padding: 0;
}

.dlSelect01 dd #size {
  width: 90%;
}

.itemImgChoice01.toPL01 {
  text-align: center;
  background-color: #e4f0fb;
}

.itemImgChoice01 button {
  cursor: pointer;
  background: transparent;
  border: none;
  outline: none;
}

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

.setPriceListWrap01 .imgWrap01 {
  float: left;
  width: 314px;
  height: 281px;
  text-align: center;
  background: #fff;
  border: 1px solid #69a9e0;
}

.setPriceListWrap01 .imgWrap01 p#pro_name_show {
  height: 44px;
  padding: 12px 12px 0;
}

.setPriceListWrap01 .imgWrap01 div {
  position: relative;
  height: 177px;
}

.setPriceListWrap01 .imgWrap01 div img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 294px;
  max-height: 157px;
}

.specWrap01 {
  float: right;
  width: 600px;
}

.specWrap01 dl.dlSelect01 {
  display: table;
  margin-bottom: 5px;
}

.specWrap01 dl.dlSelect01 dt,
.specWrap01 dl.dlSelect01 dd {
  display: table-cell;
  float: none;
  vertical-align: middle;
}

.specWrap01 .dlSelect01 dt,
.specWrap01 .dlSelect02 dt {
  width: 82px;
}

.specWrap01 .dlSelect01 dd {
  width: 474px;
  background: #fff;
  border: 1px solid #69a9e0;
}

.specWrap01 .dlSelect01 dd .printDays01 {
  overflow: hidden;
  margin-left: -16px;
}

.specWrap01 .dlSelect01 dd .printDays01 li {
  float: left;
  margin-left: 16px;
}

.specWrap01 .deliDate01 {
  line-height: 1.3;
  background: #ffffc9;
  border: 1px solid #69a9e0;
  padding: 6px 10px;
}

.specWrap01 .dlSelect02 dt,
.specWrap01 .dlSelect02 dd {
  float: left;
  margin-bottom: 5px;
}

.specWrap01 .dlSelect02 dt {
  height: 14px;
  color: #fff;
  font-weight: 700;
  text-align: left;
  line-height: 14px;
  background: #69a9e0;
  padding: 15px 11px;
}

.specWrap01 .dlSelect02 dd {
  width: 184px;
  height: 24px;
  background: #fff;
  border: 1px solid #69a9e0;
  padding: 9px 10px;
}

.specWrap01 .dlSelect02 dd select {
  width: 100%;
  height: 23px;
}

.specWrap01 .dlSelect03 dt,
.specWrap01 .dlSelect03 dd {
  float: left;
  margin-bottom: 9px;
}

.specWrap01 .dlSelect03 dt {
  width: 134px;
  height: 56px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 56px;
  background: #69a9e0;
  padding: 0 8px;
}

.specWrap01 .dlSelect03 dd {
  width: 436px;
  height: 34px;
  line-height: 34px;
  background: #fff;
  border: 1px solid #69a9e0;
  padding: 10px 6px;
}

.specWrap01 .dlSelect03 dd .orderCopy01 {
  width: 188px;
  height: 19px;
  font-size: 11px;
  margin-right: 4px;
}

.specWrap01 .dlSelect03 dd button {
  margin-left: 6px;
}

.specWrap01 .specAttr01 {
  clear: both;
  font-size: 12px;
  text-align: right;
  line-height: 1;
}

.setPListTit01 {
  height: 32px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 32px;
  background: #69a9e0;
  padding: 0 11px;
}

.setPListChoice01 {
  background: #fff;
  border: 1px solid #69a9e0;
  padding: 10px 9px;
}

.setPListChoice01 ul {
  overflow: hidden;
  margin-left: -15px !important;
}

.setPListChoice01 ul li {
  float: left;
  margin: 0 0 10px 15px;
  width: 292px;
  font-size: 12px;
}

.setPListChoice01 span.categoryName {
  display: inline-block;
  height: 40px;
}

.setPListChoice01 select {
  width: 100%;
}

.setPListChoice01 .setPListChoiceLbl {
  color: #f00;
  font-weight: 700;
  width: auto !important;
}

.setPListChoice02 {
  background: #fff;
  border: 1px solid #69a9e0;
  border-top: none;
  padding: 10px 11px;
}

#paginationNavi {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}

#paginationNavi span span {
  display: inline-block;
  color: #0089ff;
  margin-right: 10px;
}

#paginationNavi span span a {
  color: #666;
}

#paginationNavi span span a:hover {
  color: #0089ff;
}

/* Price List Scroll */
#scrollTbl {
  position: relative;
  height: 83px;
}

#priceListTh {
  z-index: 120;
  width: 926px;
}

table.priceListTbl01 {
  border-collapse: separate;
  width: 100%;
  background: #fff;
  border-top: 1px solid #f28739;
  border-left: 1px solid #f28739;
}

.priceListTbl01 th,
.priceListTbl01 td {
  border-right: 1px solid #f28739;
  border-bottom: 1px solid #f28739;
}

.priceListTbl01 th {
  background: #c8e2f8;
}

.priceListTbl01 td {
  min-width: 152px;
  text-align: center;
}

.priceListTbl01 td div.specDesc01 {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  background: #f9f9f9;
  border: 3px solid #69a9e0;
  margin: 9px;
  padding: 6px;
}

.priceListTbl01 td div.specDesc01 > div span {
  color: #f60;
}

.priceListTbl01 tr.price01 td > div {
  position: relative;
}

.priceListTbl01 td a {
  color: #000;
}

.priceListTbl01 td a:hover {
  color: #f00;
  text-decoration: none;
}

div.checkDesc03 {
  display: none;
  position: absolute;
  top: -6px;
  z-index: 130;
  width: 148px;
  font-size: 12px;
  text-align: left;
  background: #fff;
  border: 3px solid #f00;
  padding: 6px;
}

div.checkDesc03::before {
  content: '';
  position: absolute;
  width: 18px;
  height: 20px;
  top: 4px;
  left: -18px;
  background: url(/styles/img/category/spec_selector/icon_setPListHover01.png) no-repeat;
}

div.checkDesc03.popLeft::before {
  left: auto;
  right: -18px;
  background: url(/styles/img/category/spec_selector/icon_setPListHover02.png) no-repeat;
}

.priceListTbl01 tbody th,
.priceListTbl01 tbody td {
  font-size: 14px;
  padding: 8px 0;
}

#popUpOption {
  position: fixed;
  z-index: 125;
  top: 50%;
  left: 50%;
  width: 910px;
  margin-left: -455px;
  height: 600px;
  margin-top: -300px;
  background: #fff;
}

div.popUpTit01 {
  position: relative;
  height: 40px;
  color: #fff;
  text-shadow: 0 -1px 0 #c03300;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  font-weight: 700;
  background: #ed744e;
}

div#closeBtn {
  display: block;
  cursor: pointer;
  position: absolute;
  z-index: 150;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  color: #fff;
  text-shadow: 0 -1px 0 #7b0000;
  font-size: 32px;
  background: #b30000;
}

#popUpOption #flowArea {
  overflow: auto;
  height: 85%;
  padding: 9px 10px;
}

div.decisionBtn01 {
  text-align: center;
  background: #fff;
}

div.decisionBtn01 button {
  cursor: pointer;
  width: 175px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 38px;
  border: none;
}

div.decisionBtn01 button.grayBtn01 {
  background: #999;
}

div.decisionBtn01 button.orangeBtn01 {
  background: #f90;
}

.buy_banner_area {
  border-color: #e6e6e6;
  border-width: 1px;
  border-style: solid;
  padding: 11px 3px 11px 5px;
}

.buy_banner_area p {
  float: left;
  padding-right: 8px;
  padding-bottom: 0;
}

div.mypage_top_box ul {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

div.mypage_top_box ul li {
  float: left;
}

div.mypage_top_box ul li img {
  float: left;
  padding: 5px 0 0 3px;
}

div.mypage_top_box ul li.fin {
  float: left;
  margin-right: 0;
}

div.mypage_top_box dl {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  font-size: 12px;
}

div.mypage_top_box dl dt {
  float: left;
  margin-left: 25px;
  padding: 10px 0;
  color: #6799ca;
}

div.mypage_top_box dl dd {
  float: left;
  width: 580px;
  margin-left: 15px;
  padding: 10px 0;
  border-bottom: 1px dotted #ccc;
}

div.mypage_top_box dl dd.fin {
  border-bottom: none;
}

ul.mypage_box li {
  float: left;
  margin-right: 10px;
}

ul.mypage_box li.fin {
  float: left;
  margin-right: 0;
}

div.mypage_top_box table {
  margin-top: 20px;
  margin-left: 20px;
  font-size: 12px;
}

div.mypage_top_box table th {
  width: 123px;
  padding: 12px 20px;
  background: #bcdaf2;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

div.mypage_top_box table td {
  width: 461px;
  padding: 12px 20px;
  background: #e6e6e6;
  border-bottom: 2px solid #fff;
}

div.mypage_top_box table input {
  padding: 1px;
  vertical-align: middle;
}

div.mypage_top_box table input.w150 {
  width: 150px;
}

div.mypage_top_box table input.w350 {
  width: 350px;
}

div.mypage_top_box table.point_table th {
  width: 164px;
  padding: 12px;
  border-right: 2px solid #fff;
  text-align: center;
  vertical-align: middle;
}

div.mypage_top_box table.point_table td {
  padding: 12px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  text-align: center;
  vertical-align: middle;
}

div.mypage_top_box table.point_table2 th {
  width: 260px;
  padding: 12px;
  border-right: 2px solid #fff;
  text-align: left;
  vertical-align: middle;
}

div.mypage_top_box table.point_table2 td {
  padding: 12px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  text-align: left;
  vertical-align: middle;
}

.review_comment {
  margin-bottom: 5px;
}

/* 住所入力タブ */
ul.tab {
  border-bottom: 2px solid #f47e5a;
  margin-bottom: 2px;
}

ul.tab li {
  float: left;
  width: 241px;
  text-align: center;
  border-bottom: 2px solid #f47e5a;
}

ul.tab li:first-child {
  border-bottom: 2px solid #fff;
  margin-right: 3px;
}

ul.tab li a {
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 3px 10px 5px;
}

ul.tab li a.blue {
  background: #7fbfeb;
}

ul.tab li a.red {
  background: #f47e5a;
}

/* Form Width */
.inputForm01 {
  width: 176px;
}

.inputForm02 {
  width: 88px;
}

.inputForm03 {
  width: 56px;
}

.inputForm04 {
  width: 48px;
}

.inputForm05 {
  width: 68px;
}

.inputForm06 {
  width: 94px;
}

.inputForm07 {
  width: 336px;
}

.inputForm08 {
  width: 134px;
}

.inputForm09 {
  width: 236px;
}

/* clearfix */
.clear::after {
  content: '';
  display: block;
  overflow: hidden;
}

.clear::after {
  clear: both;
}

.clear {
  zoom: 1;
}

.address {
  display: none;
}

/* --------------------
税抜、何でもバナー
-------------------- */
div.topBrn01 {
  overflow: hidden;
  width: 698px;
  margin: 0 auto 15px;
}

/* --------------------
トップスライド
-------------------- */
div#topSlide {
  width: 697px;
  height: 441px;
  background: url(/styles/img/top/bg_topSlide01.jpg) no-repeat;
  padding: 8px;
  margin-bottom: 50px;
  overflow: hidden;
}

div#topSlide p {
  text-align: center;
}

div#topSlide p.topSlideTit01 {
  line-height: 1.2;
  margin: 16px 0 15px;
}

div#topSlide p.topSlideTit01 span {
  font-size: 28px;
}

#topStepTab ul {
  overflow: hidden;
  background: #fff;
  margin-bottom: 15px;
}

#topStepTab ul li {
  float: left;
  width: 137px;
  height: 49px;
  text-align: center;
  background: #bdbdbd;
  margin-left: 3px;
}

#topStepTab ul li:first-child {
  margin-left: 0;
}

#topStepTab ul li a {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
  width: 176px;
  height: 49px;
  color: #fff;
}

#topStepTab ul li a.step1 {
  background: #ee724e;
}

#topStepTab ul li a.step2 {
  background: #fbca04;
}

#topStepTab ul li a.step3 {
  background: #addb54;
}

#topStepTab ul li a.step4 {
  background: #88c2ea;
}

#topStepTab ul li a.step5 {
  background: #aa88bc;
}

#topStepTab ul li a span {
  vertical-align: middle;
}

#page1,
#page2,
#page3,
#page4,
#page5 {
  position: relative;
  overflow: hidden;
  height: 306px;
}

p.slidePageTit01 {
  font-size: 17px;
}

div.slideArea01,
div.slideArea02 {
  overflow: hidden;
  position: relative;
  width: 645px;
  font-weight: 400;
  text-align: center;
  padding: 0 26px;
  margin-bottom: 12px;
}

div.slideArea01 {
  height: 170px;
}

div.slideArea02 {
  height: 213px;
}

div.slideArea01 a.bx-prev,
div.slideArea02 a.bx-prev {
  top: 70px;
  left: 2px;
  background: url("/styles/img/category/icon_prev01.png") no-repeat;
}

div.slideArea01 a.bx-next,
div.slideArea02 a.bx-next {
  top: 70px;
  right: 2px;
  background: url("/styles/img/category/icon_next01.png") no-repeat;
}

p.flowNext02,
p.flowPrev02 {
  position: absolute;
  font-size: 17px;
  font-weight: 400;
}

p.flowPrev02 {
  bottom: 12px;
  left: 16px;
  color: #000;
}

p.flowPrev02 a {
  color: #000;
}

p.flowPrev02 span,
p.flowNext02 span {
  font-size: 12px;
}

p.flowNext02 {
  bottom: 12px;
  right: 16px;
  color: #f00;
}

p.flowNext02 a {
  color: #f00;
}

/* page2 */
ul#itemChoice01 li.itemBlock01,
ul#itemChoice02 li.itemBlock01,
ul#itemChoice03 li.itemBlock01 {
  float: left;
  height: 213px;
  background: #fff;
  overflow: auto;
  overflow-x: hidden;
}

ul#itemChoice01 li.itemBlock01 {
  width: 209px;
  margin-right: 9px;
}

ul#itemChoice02 li.itemBlock01 {
  width: 320px;
  margin-right: 5px;
}

ul#itemChoice03 li.itemBlock01 {
  width: 645px;
}

li.itemBlock01 div {
  position: relative;
  height: 58px;
}

li.itemBlock01 div div {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 80px;
  height: 15px;
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  padding: 0 4px;
}

li.itemBlock01 div div.on01 {
  background: #add106;
}

li.itemBlock01 div div.off01 {
  background: #78bdee;
}

ul#itemChoice01 li.itemBlock01 div p.itemTit01 {
  position: absolute;
  bottom: 0;
  width: 198px;
  font-size: 11px;
}

ul#itemChoice02 li.itemBlock01 div p.itemTit01 {
  position: absolute;
  bottom: 0;
  width: 308px;
  font-size: 11px;
}

ul#itemChoice03 li.itemBlock01 div p.itemTit01 {
  position: absolute;
  bottom: 0;
  width: 633px;
  font-size: 11px;
}

li.itemBlock01 p {
  border-bottom: 1px solid #000;
  padding-bottom: 6px;
  margin: 0 6px;
}

li.itemBlock01 ul {
  text-align: left;
  padding-left: 10px;
}

ul#itemChoice02 li.itemBlock01 ul {
  float: left;
  width: 150px;
  text-align: left;
  padding-left: 10px;
}

ul#itemChoice03 li.itemBlock01 ul {
  float: left;
  width: 300px;
  text-align: left;
  padding-left: 10px;
}

li.itemBlock01 ul li {
  line-height: 2.2;
}

li.itemBlock01 ul li input[type='radio'] {
  vertical-align: middle;
}

/* page1 カテゴリ
page3 用紙 */
ul#categoryChoice,
ul#colorChoice {
  text-align: center !important;
  width: 120%;
}

ul#categoryChoice li {
  float: left;
  margin-right: 15px;
}

ul#colorChoice li {
  float: left;
  margin-right: 10px;
}

ul#categoryChoice li label {
  display: table-cell;
  vertical-align: middle;
  width: 150px;
  height: 150px;
  text-align: center;
  background: #fff;
}

ul#colorChoice li label {
  display: table-cell;
  vertical-align: middle;
  width: 121px;
  height: 150px;
  text-align: center;
  background: #fff;
}

ul#categoryChoice li img,
ul#colorChoice li img {
  display: block;
  max-width: 100px;
  max-height: 100px;
  margin: 0 auto 4px;
}

ul#categoryChoice li span,
ul#colorChoice li span {
  display: inline-block;
  max-height: 46px;
  overflow: hidden;
}

select#select_category_id,
select#support_paper_select,
select#support_kind_select,
select#support_copies_select {
  display: block;
  width: 488px;
  padding: 6px;
  margin: 0 auto;
}

/* 納期 */
ul#delivChoice {
  display: table;
  font-weight: 400;
  text-align: center;
  margin: 0 auto 20px;
}

ul#delivChoice li {
  float: left;
}

ul#delivChoice li label {
  display: block;
  width: 47px;
  height: 90px;
  border-right: 1px solid #999;
}

ul#delivChoice li:first-child label {
  border-left: 1px solid #999;
}

ul#delivChoice li label input {
  margin-top: 20px;
}

a#topPriceComp {
  position: absolute;
  bottom: 22px;
  left: 50%;
  width: 340px;
  height: 48px;
  color: #fff;
  font-size: 17px;
  text-align: center;
  line-height: 48px;
  text-decoration: none;
  background: #17adff;
  margin-left: -170px;
}

a#topPriceComp:hover {
  color: #000;
}

a#topPriceComp span {
  font-size: 12px;
  vertical-align: 6%;
}

/* flow
======================================== */
/* ====================
注文ページ(flow.tmpl)
==================== */
table.flowTable01 {
  width: 100%;
  background: #fff;
}

table.flowTable01 th,
table.flowTable01 td {
  border: 1px solid #ff8b00;
  padding: 10px;
}

table.flowTable01 th.step01 {
  color: #fff;
  font-size: 15px;
  background: #ed724d;
}

table.flowTable01 th.step02 {
  color: #000;
  font-size: 15px;
  background: #fbca05;
}

table.flowTable01 th.step03 {
  color: #fff;
  font-size: 15px;
  background: #addb53;
}

table.flowTable01 th.step04 {
  color: #fff;
  font-size: 15px;
  background: #88c2eb;
}

table.flowTable01 td.bgStep02 {
  background: #fdf7e1;
}

table.flowTable01 td.bgStep03 {
  background: #f6fee6;
}

table.flowTable01 td.bgStep04 {
  background: #e0f1fd;
}

body#priceBuy #contents h2,
body#setupBuy #contents h2 {
  text-align: center;
  font-size: 20px;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  padding: 6px;
  margin-bottom: 30px;
}

#orderTab h3 {
  line-height: 50px;
}

body#priceBuy #contents h4,
body#setupBuy #contents h4 {
  font-size: 25px;
  text-align: center;
  margin-bottom: 10px;
}

p.recommend01 {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}

p.optSetTit01 {
  font-size: 15px;
  font-weight: 700;
  margin: 0 30px;
}

#orderTab.price,
#orderTab.setup {
  overflow: hidden;
  margin-bottom: 15px;
}

#orderTab.price {
  border-bottom: 3px solid #ff9000;
}

#orderTab.setup {
  border-bottom: 3px solid #78ceee;
}

#orderTab ul li {
  float: left;
  width: 350px;
  height: 50px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  line-height: 50px;
  background: #bdbdbd;
}

#orderTab.price ul li.now {
  background: #ff9000;
  margin-right: 13px;
}

#orderTab.setup ul li.now {
  background: #78ceee;
  margin-left: 13px;
}

#orderTab ul li a {
  display: block;
  text-decoration: none;
  color: #fff;
}

#orderStepTab ul {
  overflow: hidden;
}

#orderStepTab ul li {
  float: left;
  width: 176px;
  height: 49px;
  text-align: center;
  background: #bdbdbd;
  margin-left: 3px;
}

#orderStepTab ul li:first-child {
  margin-left: 0;
}

#orderStepTab ul li a {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
  width: 176px;
  height: 49px;
  color: #fff;
}

#orderStepTab ul li a.step1 {
  background: #ee724e;
}

#orderStepTab ul li a.step2 {
  background: #fbca04;
}

#orderStepTab ul li a.step3 {
  background: #addb54;
}

#orderStepTab ul li a.step4 {
  background: #88c2ea;
}

#orderStepTab ul li a span {
  vertical-align: middle;
}

body#priceBuy #orderOption {
  clear: both;
  width: 713px;
  background: url("/styles/img/category/bg_flowOption.gif");
  border-bottom: 2px solid #ff9000;
  padding-top: 30px;
  margin-bottom: 56px;
}

body#setupBuy #orderOption {
  clear: both;
  width: 713px;
  background: url("/styles/img/category/buy/bg_setup01.gif");
  padding-top: 30px;
}

div#paperChoiceSlide {
  overflow: hidden;
  position: relative;
  width: 645px;
  height: 170px;
  text-align: center;
  padding: 0 34px;
  margin-bottom: 12px;
}

a.bx-prev,
a.bx-next {
  position: absolute;
  display: block;
  width: 21px;
  height: 21px;
  text-indent: -9999px;
}

a.bx-prev {
  top: 70px;
  left: 7px;
  background: url("/styles/img/category/icon_prev01.png") no-repeat;
}

a.bx-next {
  top: 70px;
  right: 7px;
  background: url("/styles/img/category/icon_next01.png") no-repeat;
}

ul#paperChoice {
  text-align: center !important;
  width: 120%;
}

ul#paperChoice li {
  float: left;
  margin-right: 15px;
}

ul#paperChoice li label {
  display: table-cell;
  vertical-align: middle;
  width: 150px;
  height: 150px;
  text-align: center;
  background: #fff;
}

ul#paperChoice li label.select {
  background: #f00 !important;
}

ul#paperChoice li img {
  display: block;
  margin: 0 auto 4px;
}

div#setChoice {
  width: 340px;
  margin: 0 auto 30px;
}

div#setChoice div {
  float: right;
}

div#setChoice div:first-child {
  float: left;
}

div#setChoice label {
  display: block;
  width: 130px;
  color: #fff;
  font-size: 15px;
  background: #ee7b5b;
  border: 1px solid #bababa;
  padding: 8px;
}

div#setChoice input {
  vertical-align: middle;
}

p.paperListTit01 {
  width: 488px;
  font-size: 15px;
  font-weight: 700;
  margin: 0 auto;
}

select#select_paper_id {
  display: block;
  width: 488px;
  padding: 6px;
  margin: 0 auto;
}

div#select_set_paper {
  width: auto;
  margin: 0 auto 30px;
}

div#select_set_paper select#set_paper_id {
  width: 286px;
  padding: 6px;
}

#select_set_paper select#set_kind_id {
  width: 198px;
  padding: 6px;
}

/* --------------------
flowもどる、次へ、決定
-------------------- */
p.flowPrev01,
p.flowNext01,
div.flowDecide01 {
  height: 48px;
  font-size: 25px;
  line-height: 48px;
  margin: 10px 0;
}

p.flowPrev01 {
  float: left;
  color: #000;
  text-align: left;
  margin-left: 14px;
}

p.flowPrev01 a {
  color: #000;
}

p.flowNext01 {
  float: right;
  color: #f00;
  text-align: right;
  margin-right: 14px;
}

p.flowNext01 a {
  color: #f00;
}

div.flowDecide01 {
  cursor: pointer;
  float: right;
  width: 150px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: #f00;
  margin-right: 14px;
}

p.flowPrev01 span,
p.flowNext01 span,
div.flowDecide01 span {
  font-size: 12px;
  vertical-align: 12%;
}

ul#otherItem {
  overflow: hidden;
  margin-bottom: 55px;
}

ul#otherItem li {
  float: left;
  width: 230px;
  height: 50px;
  text-align: center;
  border-top: 1px solid #f00;
  border-bottom: 1px solid #f00;
}

ul#otherItem li:first-child {
  margin-right: 12px;
}

ul#otherItem li.last {
  margin-left: 11px;
}

ul#otherItem li a {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
  width: 230px;
  height: 50px;
  color: #000;
}

ul#otherItem li a:hover {
  text-decoration: underline;
}

/* --------------------
必須オプション
-------------------- */
ul#requisiteOption {
  margin: 0 30px;
}

ul#requisiteOption li {
  float: left;
  width: 208px;
  margin-right: 14px;
}

ul#requisiteOption li.last {
  margin-right: 0;
}

ul#requisiteOption li div.box1 {
  position: relative;
  background: #fff;
}

ul#requisiteOption li div.box1 div.positionBase01 {
  display: table-cell;
  vertical-align: middle;
  width: 208px;
  height: 172px;
  text-align: center;
}

ul#requisiteOption li div.box1 div.positionBase01 p.requisiteItem01 {
  position: absolute;
  top: 2px;
  left: 8px;
}

ul#requisiteOption li div.box1 div.positionBase01 img.checkBtn01 {
  position: absolute;
  top: 4px;
  right: 6px;
  cursor: pointer;
}

ul#requisiteOption li select {
  width: 208px;
  height: 29px;
  margin: 0 0 15px;
}

ul#requisiteOption li div.box1 div.imgOv {
  display: none;
  position: absolute;
  top: 0;
  left: -208px;
  z-index: 50;
  width: 166px;
  background: #fff;
  border: 3px solid #f00;
  padding: 18px;
}

ul#requisiteOption li div.box1 div.imgOv div.biko {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

ul#requisiteOption li div.box1 div.imgOv div.optBalloon01 {
  position: absolute;
  top: 16px;
  right: -13px;
  width: 10px;
  height: 19px;
  background: url("/styles/img/category/bg_optBalloon01.png") no-repeat;
}

/* --------------------
セルフデータチェック
-------------------- */
div#selfDCFrame {
  overflow: auto;
  position: fixed;
  z-index: 160;
  top: 50%;
  left: 50%;
  width: 640px;
  margin-top: -327px;
  margin-left: -320px;
  background: #fff;
  border: 1px solid #a3a3a3;
}

div#selfDCFrame div.selfDCTit01 {
  position: relative;
  background: #ededed;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-weight: 700;
  padding-left: 19px;
  margin-bottom: 20px;
}

div#selfDCFrame div.selfDCTit01 div#selfDCCloseBtn {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: #c8c8c8;
  padding: 15px 10px;
}

div#selfDCFrame div.selfDCTit01 div#selfDCCloseBtn div {
  cursor: pointer;
  width: 20px;
  height: 20px;
  color: #c8c8c8;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  line-height: 23px;
  background: #fff;
}

div#selfDCFrame div.selfDCContFrame01 {
  padding: 0 24px;
}

div#selfDCFrame p.selfDCsubTit01 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
}

div#selfDCFrame ul.selfDCCont01 {
  font-size: 13px;
}

/* 税込みページ */
ul.excludingTaxList01 > li,
div#selfDCFrame ul.selfDCCont01 > li {
  background: url("/styles/img/category/icon_selfDCContList01.png") left 4px no-repeat;
  padding-left: 18px;
  margin-bottom: 10px;
}

div#selfDCFrame ul.selfDCCont01 > li > a,
div#selfDCFrame ul.selfDCCont01 > li > span {
  display: inline-block;
  margin: 10px 0 4px;
}

div#selfDCFrame ul.selfDCCont01 > li > ul > li {
  font-size: 12px;
  margin-bottom: 6px;
}

div.agreeArea01 {
  overflow: hidden;
  width: 450px;
  margin: 0 auto;
}

div.agreeArea01 div.disagree01,
div.agreeArea01 div.agree01 {
  cursor: pointer;
  width: 215px;
  height: 44px;
  color: #fff;
  text-align: center;
  padding-top: 4px;
}

div.agreeArea01 div.agree01 {
  float: left;
  background: #39f;
}

div.agreeArea01 div.disagree01 {
  float: right;
  background: #f33;
}

/* --------------------
納期選択
-------------------- */
div#deliveryChoice {
  overflow: hidden;
  background: #fff;
  padding: 14px;
  margin: 0 13px;
}

.select_nouki {
  margin-bottom: 30px;
}

.select_nouki .label {
  float: left;
  width: 99px;
  height: 119px;
  text-align: center;
  background: url(/styles/img/category/bg_delivPaper01.png) top center no-repeat;
  margin: 0 25px 0 18px;
}

.select_nouki .label p {
  color: #17adff;
  font-size: 12px;
  font-weight: 700;
  margin: 36px 4px 0 32px;
}

.select_nouki .nouki {
  width: 45px;
  height: 119px;
  text-align: center;
  border-right: 1px solid #ccc;
  margin: 1px 0;
}

.select_nouki .nouki input {
  text-align: center;
  margin-top: 36px;
}

div#deliveryAim {
  float: left;
  width: 453px;
}

div#deliveryAim div#printTerm {
  font-size: 17px;
  font-weight: 700;
  margin: 8px 0;
}

div#deliveryAim div#printTerm span {
  color: #f00;
  text-decoration: underline;
}

div#deliveryChoice div#hintDelivery {
  float: right;
  width: 170px;
  color: #fff;
  font-size: 12px;
  background: #ff9000;
  padding: 18px;
}

/* --------------------
料金表
-------------------- */
.sys_pricetable {
  width: 713px;
  border-collapse: collapse;
}

.sys_pricetable th {
  background: #e4f2fc;
}

tr.sys_pricetable_header th {
  background: #fff;
}

tr.sys_pricetable_header th:first-child {
  background: #e4f2fc;
}

.sys_pricetable td a,
.sys_pricetable td a:hover {
  color: #f00;
}

tr.sys_pricetable_header th a {
  text-decoration: none;
}

p.unitPrice01 {
  color: #fff;
  background: #f00;
}

.priceBeforeTax01 {
  color: #fff;
  background: #f00;
}

p.stepDesc01 {
  font-size: 25px;
  text-align: center;
}

p.taxDesc01 {
  color: #f00;
  font-size: 18px;
}

/* buy
======================================== */
/* ====================
仕様指定注文ページ(buy.tmpl)
==================== */
div#itemDesc {
  margin-bottom: 30px;
}

div#itemDesc p {
  float: left;
  width: 544px;
}

div#itemDesc img {
  float: right;
  max-width: 169px;
}

div#tmp_cart_area {
  border-bottom: 2px solid #76d0eb;
}

div#setupDelivery {
  background: #fff;
  padding: 13px 30px;
  margin: 0 14px;
}

div.hintWrap01 {
  float: left;
  position: relative;
}

div.noukiHint01 {
  display: table-cell;
  vertical-align: middle;
  width: 130px;
  height: 121px;
  color: #fff;
  background: #ff9000;
  padding: 0 18px;
}

div.hintBalloon01 {
  position: absolute;
  top: 50%;
  left: -11px;
  width: 11px;
  height: 10px;
  background: url("/styles/img/category/bg_hint01.png");
  margin-top: -5px;
}

a#view_price_table {
  display: block;
  width: 133px;
  height: 29px;
  color: #fff;
  text-align: center;
  line-height: 29px;
  text-decoration: none;
  background: #78ceee;
}

/* ====================
仕様注文の納期カレンダー
==================== */
div#calendarDelidateMonth .ui-widget {
  font: 13px/1.231 Arial, Helvetica, 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HiraKakuPro-W3', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

div#calendarDelidateMonth .ui-widget-content {
  width: 625px !important;
  background: none;
  border: none;
  padding: 0;
}

div#calendarDelidateMonth .ui-datepicker-group-first {
  width: 292px;
  margin-right: 41px;
}

div#calendarDelidateMonth .ui-datepicker-group-last {
  width: 292px;
}

div#calendarDelidateMonth .ui-widget-header {
  background: none;
  border: none;
  color: #000;
  padding: 0;
}

div#calendarDelidateMonth .ui-datepicker-title .ui-datepicker-year {
  font-size: 17px;
  padding: 0;
  margin-right: 4px;
}

div#calendarDelidateMonth .ui-datepicker-title .ui-datepicker-month {
  font-size: 53px;
  font-weight: 400;
}

div#calendarDelidateMonth .ui-datepicker .ui-datepicker-prev,
div#calendarDelidateMonth .ui-datepicker .ui-datepicker-next {
  display: none;
}

div#calendarDelidateMonth .ui-datepicker .ui-datepicker-title {
  line-height: 1;
  margin: 0;
}

div#calendarDelidateMonth .ui-datepicker-multi .ui-datepicker-group table {
  width: 100%;
  font-size: 15px;
  margin: 0;
}

div#calendarDelidateMonth .ui-datepicker-week-end0 {
  color: #ff0414;
}

div#calendarDelidateMonth .ui-datepicker-week-end6 {
  color: #0086ff;
}

div#calendarDelidateMonth .ui-datepicker tbody tr {
  border-top: 1px solid #ddd;
}

div#calendarDelidateMonth .ui-datepicker tbody tr:first-child {
  border-top: none;
}

div#calendarDelidateMonth .ui-datepicker th {
  padding-bottom: 8px;
}

div#calendarDelidateMonth .ui-datepicker td {
  font-size: 17px;
  padding: 0;
}

div#calendarDelidateMonth .ui-widget-content .ui-state-default {
  color: #333;
  line-height: 1.6;
  background: none;
  border: none;
  padding: 4px 0;
}

div#calendarDelidateMonth .ui-datepicker td span,
div#calendarDelidateMonth .ui-datepicker td a {
  text-align: center;
}

div#calendarDelidateMonth .ui-datepicker td a {
  background: #e0f1fd !important;
}

div#calendarDelidateMonth .ui-widget-content .ui-state-active {
  color: #fff;
  background: #f00 !important;
}

div#irobusuArea {
  overflow: hidden;
  background: #fff;
  padding: 50px 30px;
  margin: 0 14px;
}

div#irobusuArea div.selectArea01 {
  float: left;
}

div#irobusuArea div.selectArea01 div#select_irokazu {
  margin-bottom: 41px;
}

div.irobusu01 {
  display: inline-block;
  vertical-align: middle;
  width: 68px;
  height: 29px;
  color: #fff;
  text-align: center;
  line-height: 29px;
  background: #000;
  margin-right: 8px;
}

select#select_kind_id,
select#selected_copies {
  vertical-align: middle;
  width: 308px;
  height: 29px;
}

div.irobusuHint01 {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 175px;
  height: 99px;
  color: #fff;
  background: #ff9000;
  padding: 0 18px;
}

table.flowTable02 {
  width: 100%;
  background: #fff;
}

table.flowTable02 th,
table.flowTable02 td {
  border: 1px solid #76d0eb;
  padding: 10px;
}

table.flowTable02 th.step01 {
  color: #fff;
  font-size: 15px;
  background: #ed724d;
}

table.flowTable02 th.step02 {
  color: #000;
  font-size: 15px;
  background: #fbca05;
}

table.flowTable02 th.step03 {
  color: #fff;
  font-size: 15px;
  background: #addb53;
}

table.flowTable02 th.step04 {
  color: #fff;
  font-size: 15px;
  background: #88c2eb;
}

table.flowTable02 th.step05 {
  color: #fff;
  font-size: 15px;
  background: #aa88bc;
}

table.flowTable02 td.bgStep02 {
  background: #fdf7e1;
}

table.flowTable02 td.bgStep03 {
  background: #f6fee6;
}

table.flowTable02 td.bgStep04 {
  background: #e0f1fd;
}

table.flowTable02 td.bgStep05 {
  background: #f8eaff;
}

table.flowTable02 tr.subtotal01 {
  background: #fbd7db;
}

table.flowTable02 tr.subtotal01 td {
  border-right: none;
  border-left: none;
}

table.flowTable02 tr.subtotal01 td:first-child {
  border-left: 1px solid #76d0eb;
}

table.flowTable02 tr.subtotal01 td.last {
  text-align: right;
  border-right: 1px solid #76d0eb;
}

a#orderBtn,
div#favoriteBtnArea a {
  display: block;
  width: 370px;
  height: 48px;
  color: #fff;
  font-size: 25px;
  text-decoration: none;
  text-align: center;
  line-height: 48px;
  background: #16adfe;
  margin: 0 auto;
}

a#orderBtn span {
  font-size: 12px;
  vertical-align: 12%;
}

div#favoriteBtnArea {
  width: 370px;
  margin: 0 auto;
}

div#setupBtnArea {
  width: 370px;
  margin: 0 auto;
}

div#setupBtnArea a {
  display: block;
  width: 182px;
  height: 38px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 38px;
  background: #a0a0a0;
}

div#setupBtnArea a span {
  font-size: 12px;
}

div#setupBtnArea a:first-child {
  margin: 0 auto;
}

/* 入稿お役立ち機能
======================================== */
/* --------------------
入稿＆お役立ちツール
-------------------- */
body#compare #mainContents h2 {
  text-align: center;
  font-size: 25px;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  padding: 2px 0;
  margin-bottom: 20px;
}

/* --------------------
価格比較
-------------------- */
body#compare #compareDesc {
  width: 713px;
  height: 224px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  background: url("/styles/img/function/compare/bg_compare01.jpg") no-repeat;
  padding-top: 15px;
  margin-bottom: 30px;
}

body#compare #compareDesc span.fontLarge01 {
  font-size: 50px;
}

body#compare #compareDesc span.fontMiddle01 {
  font-size: 30px;
}

body#compare table#optionChoice {
  width: 713px;
  margin-bottom: 50px;
}

body#compare table#optionChoice th {
  width: 78px;
  text-align: left;
  background: #f6a833;
  border: 1px solid #333;
  padding-left: 10px;
}

body#compare table#optionChoice td {
  border: 1px solid #333;
  padding: 7px;
}

body#compare table#optionChoice td select {
  width: 220px;
  height: 24px;
  margin-right: 18px;
}

body#compare #mainContents h3 {
  width: 713px;
  height: 44px;
  color: #fff;
  font-size: 17px;
  text-align: center;
  line-height: 44px;
  background: #a0a0a0;
  margin-bottom: 15px;
}

body#compare p.choiceDisp01 {
  margin-bottom: 15px;
}

body#compare div#compareResultBox {
  position: relative;
}

body#compare div#compareResultBox .prev01,
body#compare div#compareResultBox .next01 {
  position: absolute;
  z-index: 100;
  top: 1px;
}

body#compare div#compareResultBox .prev01 {
  left: 103px;
}

body#compare div#compareResultBox .next01 {
  right: 0;
}

body#compare div#compareResultBox .prev01 a,
body#compare div#compareResultBox .next01 a {
  display: block;
  width: 24px;
  height: 40px;
  border-bottom: 1px solid #a0a0a0;
}

body#compare div#compareResultBox .prev01 a {
  background: url("/styles/img/function/compare/icon_prevArrow01.png") center center no-repeat #a0a0a0;
}

body#compare div#compareResultBox .next01 a {
  background: url("/styles/img/function/compare/icon_nextArrow01.png") center center no-repeat #a0a0a0;
}

body#compare div#compareResultBox .prev01 a:hover,
body#compare div#compareResultBox .next01 a:hover {
  background-color: #28abd5;
  border-bottom: 1px solid #28abd5;
}

body#compare table#compareResult {
  position: relative;
  width: 713px;
  margin-bottom: 15px;
}

body#compare table#compareResult th {
  width: 81px;
  background: #e4f2fc;
  border: 1px solid #ccc;
  padding: 10px;
}

body#compare table#compareResult td {
  width: 100px;
  text-align: right;
  border: 1px solid #ccc;
  padding: 10px;
}

body#compare table#compareResult tr.numcopies01 td {
  text-align: center;
  background: #e4f2fc;
}

body#compare table#compareResult tr.irodori01 td a {
  display: block;
  color: #f00;
  font-weight: 700;
  text-decoration: none;
}

body#compare table#compareResult tr.irodori01 td a:hover {
  text-decoration: underline;
}

a#anotherComp {
  display: block;
  width: 370px;
  height: 48px;
  color: #fff;
  font-size: 25px;
  text-align: center;
  line-height: 48px;
  text-decoration: none;
  background: #17adff;
  margin: 0 auto 50px;
}

a#anotherComp:hover {
  color: #000;
}

a#anotherComp span {
  font-size: 12px;
  vertical-align: 12%;
}

/* 他社比較テーブル */
#glayLayer {
  position: fixed;
  z-index: 124;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: black;
  opacity: .2;
  filter: alpha(opacity=20);
}

#overGrayLayer {
  position: fixed;
  z-index: 150;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: black;
  opacity: .2;
  filter: alpha(opacity=20);
}

body#compare div#acResultFrame {
  overflow: auto;
  position: fixed;
  z-index: 110;
  top: 50px;
  left: 50%;
  width: 713px;
  max-height: 500px;
  margin-left: -366px;
  background: #fff;
  border-radius: 10px;
  padding: 20px;
}

body#compare div#acResultBox {
  position: relative;
  width: 713px;
}

body#compare div#acResultBox div#closeBtn {
  cursor: pointer;
  position: absolute;
  top: -35px;
  right: 0;
  width: 21px;
  height: 21px;
  color: #fff;
  font-size: 22px;
  text-align: center;
  line-height: 21px;
  background: #000;
}

body#compare div#acResultBox .prev01,
body#compare div#acResultBox .next01 {
  position: absolute;
  z-index: 100;
  top: 1px;
}

body#compare div#acResultBox .prev01 {
  left: 137px;
}

body#compare div#acResultBox .next01 {
  right: 0;
}

body#compare div#acResultBox .prev01 a,
body#compare div#acResultBox .next01 a {
  display: block;
  width: 24px;
  height: 40px;
  border-bottom: 1px solid #a0a0a0;
}

body#compare div#acResultBox .prev01 a {
  background: url("/styles/img/function/compare/icon_prevArrow01.png") center center no-repeat #a0a0a0;
}

body#compare div#acResultBox .next01 a {
  background: url("/styles/img/function/compare/icon_nextArrow01.png") center center no-repeat #a0a0a0;
}

body#compare div#acResultBox .prev01 a:hover,
body#compare div#acResultBox .next01 a:hover {
  background-color: #28abd5;
  border-bottom: 1px solid #28abd5;
}

body#compare table#acResult {
  position: relative;
  width: 713px;
  margin-bottom: 15px;
}

body#compare table#acResult th {
  text-align: left;
  background: #e4f2fc;
  border: 1px solid #ccc;
  padding: 10px;
}

body#compare table#acResult td {
  text-align: right;
  border: 1px solid #ccc;
  padding: 10px;
}

body#compare table#acResult tr.numcopies01 th {
  text-align: center;
}

body#compare table#acResult tr.irodori01 {
  color: #f00;
  font-size: 16px;
  border: 4px solid #f60;
  background: #fffcd4;
}

body#compare table#acResult tr.irodori01 th {
  font-weight: 700;
  background: #fffcd4;
}

body#compare table#acResult tr.irodori01 td a {
  display: block;
  color: #f00;
  font-weight: 700;
  text-decoration: none;
}

body#compare table#acResult tr.irodori01 td a:hover {
  text-decoration: underline;
}

/* --------------------
データ直接入稿(テンプレート)
-------------------- */
body#directUpload div.tempItemBlock01 {
  float: left;
  width: 168px;
  margin: 0 12px 40px 0;
}

body#directUpload div.tempItemBlock01.last {
  margin-right: 0;
}

body#directUpload div.tempItemBlock01 ul li {
  height: 27px;
  text-align: center;
  line-height: 27px;
  border-bottom: 1px dotted #000;
}

body#directUpload div.tempItemBlock01 ul li a {
  display: block;
  color: #000;
  text-decoration: none;
}

body#directUpload div.tempItemBlock01 ul li a:hover {
  background: #e7e40b;
}

/* --------------------
データ入稿
-------------------- */
div.aLinkBtnArea01 {
  overflow: hidden;
  width: 472px;
  margin: 0 auto 30px;
}

div.aLinkBtnArea01 a {
  float: left;
  display: block;
  width: 226px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 38px;
  text-decoration: none;
  background: #78bdee;
}

div.aLinkBtnArea01 a:first-child {
  margin-right: 20px;
}

li.li_list01 {
  margin-left: 20px;
}

li.li_list01 {
  list-style-type: square;
  list-style-position: outside;
  margin-top: 6px;
}

ul.ul_list01 {
  margin-left: 20px;
}

ul.ul_list01 li {
  list-style-type: square;
  list-style-position: outside;
  margin-top: 6px;
}

div.attentionArea01 {
  border: 1px solid #bababa;
  padding-bottom: 8px;
  margin: 10px;
}

div.attentionArea01 div.attentionTit01 {
  height: 28px;
  color: #000;
  font-size: 15px;
  background: #e0e0e0;
  padding: 6px 4px;
  line-height: 16px;
}

input#upload {
  cursor: pointer;
  width: 176px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  border: none;
}

input.dataPrint01,
input.fileSend01,
input.input_blueBtn01 {
  background: #6cafe6;
}

/* order_list
========================================== */
p#uploadFile_bk1 .file_bg {
  width: 667px;
  line-height: 20px;
  background: #fff;
  border: 3px solid #e6e6e6;
  padding: 12px 20px;
  margin-bottom: 10px;
}

p.uploadListTit01 {
  font-size: 15px;
  font-weight: 700;
}

div.MultiFile-list {
  border: none;
}

div.MultiFile-label {
  border-top: 1px dotted #8d8d8d;
  padding: 10px;
}

div.MultiFile-label:first-child {
  border-top: none;
}

a.MultiFile-remove {
  display: inline-block;
  width: 48px;
  height: 28px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 29px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  background-color: #9b9b9b !important;
  border: none;
  border-radius: 2px;
  margin-right: 10px;
}

a.MultiFile-remove:hover {
  background: #f50000;
}

p#uploadFile_bk1 input[type='button'] {
  width: 86px;
  height: 28px;
}

input.goConfirm01 {
  background: #ed724d;
}

div#upError {
  width: 679px;
  height: 490px;
  background: url("/styles/img/upload/bg_upLoadErr02.png") no-repeat;
  border: 2px solid #f00;
  margin: 0 auto 30px;
}

div#upError div.btnBlue01 {
  cursor: pointer;
  width: 261px;
  height: 44px;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  line-height: 44px;
  background: #27affd;
  border-radius: 2px;
  margin: 200px auto 0;
}

div#upError div.btnBlue01 a {
  color: #fff;
  text-decoration: none;
}

div#upError div.btnBlue01 a:hover {
  color: #beffef;
}

div#upError div.candm01 {
  width: 540px;
  height: 49px;
  margin: 176px auto 0;
}

div#upError a#chatOpen {
  float: left;
  display: block;
  text-decoration: none;
  width: 206px;
  height: 49px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  line-height: 50px;
  background: #000;
  margin: 0 auto;
}

div#upError a#chatOpen:hover {
  color: #fa0;
}

div#upError a#upLoadInquiry {
  float: right;
}

/* upload_confirm
========================================== */
p.unfinishedTxt01 {
  color: #f00;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 10px;
}

body.uploadPage01 div.submitArea01 ul li input#back {
  cursor: pointer;
  width: 176px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 38px;
  background: #999;
  border: none;
  margin-right: 20px;
}

/* upload_complete
========================================== */
body.uploadPage01 div.submitArea01 ul li input.goTop,
body.uploadPage01 div.submitArea01 ul li input.goContinue {
  cursor: pointer;
  width: 176px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 38px;
  border: none;
}

body.uploadPage01 div.submitArea01 ul li input.goTop {
  background: #999;
}

body.uploadPage01 div.submitArea01 ul li input.goContinue {
  background: #ed724d;
  margin-right: 20px;
}

#progress {
  display: none;
}

.progress__area {
  height: 30px;
  border-radius: 5px;
  background-color: #ddd;
  overflow: hidden;
}

.progress__bar {
  width: 0;
  background: #89c3ec;
  height: 100%;
  line-height: 30px;
}

.progress__title {
  text-align: center;
  font-size: 15px;
  font-weight: 700;
}

.progress__text {
  text-align: right;
  font-size: 14px;
}

/* --------------------
仕上り確認用PDFダウンロード
-------------------- */
/* rip
========================================== */
input.ripPass01 {
  height: 24px;
  margin: 15px 0;
}

/* --------------------
ログイン
-------------------- */
body#login div#mainContents table td {
  padding: 20px;
}

body#login div#mainContents table td span {
  font-size: 11px;
}

body#login div#mainContents table td input[type='text'],
body#login div#mainContents table td input[type='password'] {
  width: 215px;
}

body#login div#mainContents table td input[type='checkbox'] {
  vertical-align: middle;
  width: 21px;
  height: 21px;
  margin-right: 5px;
}

body#login div#mainContents table td div.tdDesc01 {
  font-size: 11px;
  margin-top: 6px;
}

body#login div#mainContents div.loginBtn01 {
  text-align: center;
  margin-bottom: 50px;
}

body#login div#mainContents div.loginBtn01 input[type='submit'] {
  cursor: pointer;
  width: 241px;
  height: 44px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  border: none;
}

body#login div#mainContents div.loginBtn01 input.login {
  background: #ee724e;
}

body#login div#mainContents div.loginBtn01 input.order {
  background: #6cafe6;
}

body#login div#mainContents p#ordinaryTxt {
  font-size: 14px;
  line-height: 1.8;
  font-weight: 400;
}

body#login div#mainContents a.nextBtn01 {
  display: block;
  text-decoration: none;
  width: 241px;
  height: 44px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 44px;
  font-weight: 700;
  background: #aed007;
  border: none;
  margin: 0 auto;
}

/* 新規会員登録
======================================== */
/* --------------------
新規会員登録
-------------------- */
table.merit {
  width: 710px;
  background-color: #e0f2fe;
  border: solid 2px #8dc0eb;
  margin: 0 auto 30px;
}

table.merit td {
  text-align: center;
  border: none;
  padding: 0 17px 3px;
  margin: 0;
}

table.merit td p {
  text-align: left;
  padding: 10px 0;
}

table.merit td div {
  background-color: #fff;
  border: solid 1px #cbe8fa;
  border-radius: 5px;
  behavior: url(/PIE.htc);
  padding: 5px;
}

table.merit #merit1 {
  padding-top: 17px;
}

table.merit #merit4 {
  padding-bottom: 17px;
}

table.merit td div img {
  float: left;
  display: inline;
}

table.merit td div p {
  float: right;
  display: inline;
  width: 265px;
  padding-right: 10px;
}

body#membership div#checkBox,
body.registPage div#checkBox {
  margin-bottom: 20px;
  text-align: center;
}

body#membership div#checkBox input,
body.registPage div#checkBox input {
  vertical-align: middle;
}

input#newEntry,
input#regist {
  display: block;
  cursor: pointer;
  width: 176px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  background: #6cafe6;
  border: none;
  margin: 0 auto;
}

span.reiqured01 {
  float: right;
  color: #fff;
  background: #f00;
  padding: 0 6px;
}

div#usePolicy {
  overflow: hidden;
  border: 1px solid #a0a0a0;
  padding: 10px;
  margin-bottom: 30px;
}

div#usePolicy iframe {
  border: 1px solid #a0a0a0;
}

input.memberBack01 {
  cursor: pointer;
  float: left;
  width: 176px;
  height: 38px;
  color: #fff;
  background: #999;
  border: none;
}

p.completeMsg01 {
  padding: 30px;
  border: 1px solid #a0a0a0;
}

a.irodoriTop01 {
  float: left;
  display: block;
  width: 176px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  text-align: center;
  line-height: 38px;
  background: #ed724d;
}

a.myPageLink01 {
  float: right;
  display: block;
  width: 176px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  text-align: center;
  line-height: 38px;
  background: #bd91e5;
}

div.memberBtnArea02 {
  width: 713px;
}

div.memberBtnArea02 a {
  display: block;
  cursor: pointer;
  width: 136px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 38px;
  text-decoration: none;
  background: #6cafe6;
  border: none;
}

/* --------------------
新規会員登録キャンペーン
-------------------- */
.rcContent {
  width: 950px;
  text-align: center;
}

.rcUpSide {
  background-image: url("/styles/img/membership/bg_registCampaignUpside1.png");
  background-position: center top;
  background-repeat: no-repeat;
}

.rcUpSide__img--main {
  margin: 44px 0 28px;
}

.rcUpSide__img--period {
  margin: 0 0 11px;
}

.rcUpSide__img--desc {
  margin: 0 0 16px;
}

.rcUpSide__applyBtn {
  display: block;
}

.rcDownSide {
  background-image: url("/styles/img/membership/bg_registCampaignDownside1.png");
  background-position: center top;
  background-repeat: repeat-y;
  padding: 48px 0 138px;
}

.rcDownSide__contentBox--item1,
.rcDownSide__contentBox--item2,
.rcDownSide__contentBox--double,
.rcDownSide__contentBox--att {
  position: relative;
  width: 870px;
  background-color: #fff;
  margin: 0 auto 45px;
}

/* item1 */
.rcDownSide__contentBox--item1 {
  padding: 23px 0 26px;
}

.rcDownSide__contentBox__item1Logo {
  margin-bottom: 40px;
}

.rcDownSide__contentBox__item1Img {
  margin-bottom: 20px;
}

.rcDownSide__contentBox__itemAtt {
  font-size: 11px;
  margin-bottom: 37px;
}

.rcDownSide__contentBox__itemCopy {
  font-size: 16px;
  line-height: 1.7;
}

.rcDownSide__contentBox__iconNumber {
  position: absolute;
  z-index: 10;
  top: -13px;
  right: -13px;
}

/* item2 */
.rcDownSide__contentBox--item2 {
  padding: 18px 0 32px;
}

.rcDownSide__contentBox__item2Txt {
  margin-bottom: 25px;
}

.rcDownSide__contentBox__item2List {
  width: 700px;
  margin: 0 auto;
}

.rcDownSide__contentBox__item2List::before,
.rcDownSide__contentBox__item2List::after {
  display: block;
  content: '';
  background-repeat: no-repeat;
}

.rcDownSide__contentBox__item2List::before {
  height: 31px;
  background-image: url("/styles/img/membership/bg_registCampaignItemTop1.png");
}

.rcDownSide__contentBox__item2List::after {
  height: 11px;
  background-image: url("/styles/img/membership/bg_registCampaignItemBottom1.png");
}

.rcDownSide__contentBox__item2List > div {
  background-image: url("/styles/img/membership/bg_registCampaignItem2.png");
  padding: 10px 0;
}

.rcDownSide__contentBox__item2List table {
  width: 550px;
  font-size: 20px;
  font-weight: 700;
  margin: 0 auto;
}

.rcDownSide__contentBox__item2List__bgColor {
  background-color: #a9d1c6;
}

.rcDownSide__contentBox__item2List table td {
  padding: 3px 0;
}

.rcDownSide__contentBox__item2List__date {
  text-align: left;
}

.rcDownSide__contentBox__item2List > li {
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  background-image: url("/styles/img/membership/bg_registCampaignItem2.png");
  padding-bottom: 20px;
}

.rcDownSide__contentBox__item2List > li:first-child {
  padding-top: 17px;
}

/* double */
.rcDownSide__contentBox--double {
  padding: 44px 0 15px;
}

.rcDownSide__contentBox__iconDouble {
  position: absolute;
  z-index: 10;
  top: 5px;
  left: -7px;
}

/* att */
.rcDownSide__contentBox--att {
  width: 794px;
  padding: 16px 38px 18px;
  margin-bottom: 22px;
}

.rcDownSide__contentBox__attTit {
  margin-bottom: 18px;
}

.rcDownSide__contentBox__attList {
  text-align: left;
}

.rcDownSide__contentBox__attList > li {
  font-size: 14px;
  line-height: 1.9;
}

/* flow */
.rcDownSide__flowBox {
  margin-bottom: 43px;
}

.rcDownSide__flowBox__flowTit {
  margin-bottom: 21px;
}

/* #### サイドメニュー #### */
/* 取扱い商品一覧 */
#contents #mainContents .item-section table.flyers td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.tiket td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.crimp td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.posters td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.cards td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.brochure td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.Stitching td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.adhesivebinding td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.fanzine td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.envelope td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.pocket td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.Conference td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.calendars td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.menu td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.goods td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.BusinessGoods td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.dvdcover td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.folders td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.package td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.display td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.stickers td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.paperbag td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.promotion td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.t-shirts td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.season td.etc a:hover,
#contents #mainContents .item-section table.express td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.estimate td.etc a:hover {
  background-color: #f2be2a;
}

#contents #mainContents .item-section table.option td.etc a:hover {
  background-color: #f2be2a;
}

/* --------------------
商品詳細_BO
-------------------- */
table.itemTable01 {
  width: 100%;
  margin-bottom: 10px;
}

table.itemTable01 th {
  color: #fff;
  text-align: left;
  background: #595959;
  border: 1px solid #9a9a9a;
  padding: 4px 8px;
}

table.itemTable01 td {
  border: 1px solid #9a9a9a;
  text-align: center;
  padding: 8px;
}

#searchTools {
  width: 207px;
  margin-bottom: 50px;
}

#searchTools img {
  border-top: 1px solid #000;
}

#searchTools img.last {
  border-bottom: 1px solid #000;
}

/* --------------------
サポートページ
-------------------- */
body#inquiry #chatGuide a,
body#inquiry #allInquiry a {
  display: block;
  text-decoration: none;
  width: 207px;
  height: 50px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  line-height: 50px;
  background: #000;
  margin: 0 auto;
}

body#inquiry #chatGuide a:hover,
body#inquiry #allInquiry a:hover {
  color: #fa0;
}

body#inquiry #supportList {
  width: 690px;
  margin: 0 auto 70px;
}

body#inquiry #supportList li {
  margin-top: 16px;
}

body#inquiry #supportList li:first-child {
  margin-top: 0;
}

body#inquiry #supportList li a {
  display: block;
  color: #333;
  font-size: 1.6rem;
  text-decoration: none;
  background-color: #f4f4f4;
  border-left: 4px solid #f28739;
  padding: 16px 14px;
}

body#inquiry #supportList li a:hover {
  text-decoration: underline;
  background-color: #efefef;
}

body#inquiry p.allInqDes01 {
  font-size: 18px;
  text-align: center;
}

.sideBnrBox {
  padding: 10px 0;
}

table#priceCompare {
  width: 713px;
  margin-bottom: 27px;
}

table#priceCompare th {
  width: 80px;
  font-weight: 700;
  text-align: left;
  background: #f6a833;
  border: 1px solid #333;
  padding-left: 10px;
}

table#priceCompare td {
  border: 1px solid 333;
  padding: 8px;
}

table#priceCompare td select {
  width: 240px;
}

table#priceCompare td span {
  margin-left: 12px;
}

a#compareLink {
  display: block;
  text-decoration: none;
  width: 340px;
  height: 49px;
  color: #fff;
  font-weight: 700;
  font-size: 17px;
  text-align: center;
  line-height: 49px;
  background: #a0a0a0;
  margin: 0 auto 76px;
}

a#compareLink:hover {
  color: #000;
}

body#function ul#funcLink {
  overflow: hidden;
  width: 713px;
  margin: 0 auto 65px;
}

body#function ul#funcLink li {
  float: left;
  width: 219px;
  margin-left: 28px;
}

body#function ul#funcLink li:first-child {
  margin-left: 0;
}

body#function ul#funcLink li > a {
  display: block;
  min-height: 64px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: #7b8696;
  padding: 10px;
}

body#function ul#funcLink li > a:hover {
  background: #f28739;
}

body#function ul#funcLink li > a.oneLine {
  line-height: 40px;
}

#deliBox {
  margin-bottom: 75px;
}

#deliDesc {
  background: url("/styles/img/function/bg_deliSet.gif");
  padding: 35px 0 40px;
}

#deliDesc h2 {
  font-size: 2.6rem;
  font-weight: 700;
  text-align: center;
}

#deliDesc p {
  text-align: center;
}

#senddeliBtn {
  position: relative;
  text-align: center;
  margin: 20px 0 37px;
}

#senddeliBtn #calc-head-filesend {
  margin-right: 20px;
}

#scheduleDate {
  width: 330px;
  height: 38px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  line-height: 38px;
  background: #a0a0a0;
  margin: 0 auto 10px;
}

/* --------------------
納期計算(振り分け設定必要)
-------------------- */
#calc-calendar {
  width: 100%;
  border-collapse: collapse;
}

#calc-calendar tr.tr-1,
#calc-calendar tr.tr-2,
#calc-calendar td.bgGray01 {
  background: #f5f5f5;
}

#calc-calendar td#month-header-0,
#calc-calendar td#month-header-1 {
  color: #fff;
  background: #000;
}

#td-today {
  color: #fff;
  background-color: #fb6266;
}

td.deli-1 {
  position: relative;
}

#table1daysCaution {
  position: absolute;
  top: 11px;
  left: 73px;
}

#calc-calendar tr.tr-1 td.close01 {
  min-width: 62px;
  font-size: 11px;
}

#calc-calendar tr.tr-1 td.business01 {
  min-width: 72px;
  font-size: 11px;
}

#calc-calendar tr.tr-2 {
  font-size: 11px;
}

#calc-calendar tr.tr-2 td {
  line-height: 1.3;
}

#calc-calendar tr.tr-2 td span {
  font-size: 14px;
}

#calc-calendar tr.tr-3 td {
  background-color: #ffc73f !important;
}

#calc-calendar td,
#calc-calendar th {
  width: 46px;
  height: 34px;
  font-weight: 700;
  text-align: center;
  border: 1px #e6e6e6 solid;
  border-top: none;
  border-bottom: none;
  padding: 0 2px;
}

#calc-calendar th {
  width: 50px;
  height: 40px;
}

td.closeTime01 {
  font-size: 11px;
  line-height: 1.2;
}

span.txtEmphasis01 {
  font-size: 16px;
}

span.txtEmphasis01 + span {
  font-size: 11px;
}

#sending-day-selector {
  display: none;
  position: absolute;
  left: 75px;
}

#deli-day-selector {
  display: none;
  position: absolute;
  left: 359px;
}

span.ui-datepicker-year {
  padding-right: .2em;
}

/* ====================
マイページ関連
==================== */
/* トップ */
body.mypage h3 a {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  text-decoration: none;
  width: 64px;
  height: 28px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  line-height: 28px;
  background: #000;
}

body.mypage h3 a.goMypage {
  position: static;
  display: block;
  width: 207px;
  height: 49px;
  font-size: 16px;
  font-weight: 700;
  line-height: 49px;
  padding: 0;
}

body.mypage h3 span.h3Small01 {
  font-size: 12px;
}

body.mypage div#mainContents ul#myTopInfo {
  margin: 30px 0;
}

body.mypage div#mainContents ul#myTopInfo li {
  display: table-cell;
  vertical-align: middle;
  width: 237px;
  height: 99px;
  text-align: center;
  background-color: #fcefbe;
  border: 2px solid #fff;
}

body.mypage div#mainContents ul#myTopInfo li:first-child {
  margin: 0 1px 0 0;
}

body.mypage div#mainContents div.myTopLeft01,
body.mypage div#mainContents div.myTopRight01 {
  width: 346px;
}

body.mypage div#mainContents div.myTopLeft01 {
  float: left;
}

body.mypage div#mainContents div.myTopRight01 {
  float: right;
}

body.mypage div#mainContents div.myTopLeft01 table {
  float: left;
  width: 270px;
  margin: 18px 38px;
}

body.mypage div#mainContents div.myTopLeft01 table th {
  text-align: left;
  padding: 4px;
}

body.mypage div#mainContents div.myTopLeft01 table td {
  text-align: right;
  padding: 4px;
}

body.mypage div#mainContents div.myTopRight01 a {
  text-decoration: none;
}

body.mypage div#mainContents div.myTopRight01 p {
  margin: 18px 0 12px 18px;
}

body.mypage div#mainContents div.myTopRight01 div.tmpThumBlock01 {
  display: table;
  width: 346px;
}

body.mypage div#mainContents div.myTopRight01 div.tmpThum01 {
  display: table-cell;
  text-align: center;
}

body.mypage div#mainContents div.myTopLeft01 img {
  float: right;
  margin: 18px 33px 18px 0;
}

body.mypage div#mainContents div.myTopRight01 img {
  max-width: 113px;
}

body.mypage div#mainContents ul.myTopList01 {
  margin: 0 2px 52px 1px;
}

body.mypage div#mainContents ul.myTopList01 li {
  float: left;
  width: 142px;
  text-align: center;
}

body.mypage div#mainContents ul.myTopList01 li a {
  text-decoration: none;
  font-size: 12px;
}

body.mypage div#mainContents ul.myTopList01 li a img.orderRecord01 {
  max-width: 54px;
  max-height: 80px;
}

body.mypage div#mainContents ul.myTopList01 li a img.favoriteItem01 {
  max-width: 142px;
  max-height: 193px;
}

body.mypage div#mainContents dl.newList01 {
  border: 1px solid #a0a0a0;
  padding: 19px;
  margin-bottom: 30px;
}

body.mypage div#mainContents dl.newList01 dt {
  float: left;
  color: #a0a0a0;
  margin-bottom: 20px;
}

body.mypage div#mainContents dl.newList01 dd {
  font-weight: 700;
  margin: 0 0 20px 7em;
}

body.mypage div#mainContents div.orderTit01 {
  width: 694px;
  height: 46px;
  font-size: 16px;
  font-weight: 700;
  line-height: 48px;
  background: #eeefe7;
  border: 1px solid #a0a0a0;
  padding-left: 17px;
}

body.mypage div#mainContents table#pastOrder {
  margin-bottom: 50px;
}

body.mypage div#mainContents table#pastOrder td {
  vertical-align: top;
  width: 315px;
  border: 1px solid #a0a0a0;
  border-top: none;
  padding: 20px;
}

body.mypage div#mainContents table#pastOrder img {
  float: left;
  margin-right: 37px;
}

body.mypage div#mainContents table#pastOrder p {
  overflow: hidden;
}

body.mypage div#mainContents table#pastOrder a.reOrderbtn01 {
  display: block;
  text-decoration: none;
  width: 172px;
  height: 39px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  line-height: 39px;
  background: url("/styles/img/mypage/bg_orderArrow01.png") no-repeat 8px center #ed724d;
  margin-top: 30px;
}

.news__category--dd span {
  display: inline-block;
  width: 100px;
  height: 14px;
  color: #fff;
  font-size: 10px;
  line-height: 15px;
  text-align: center;
  white-space: nowrap;
  border-radius: 2px;
  margin-right: 12px;
}

.news__category--dd a {
  text-decoration: none;
}

.news__category--dd a:hover {
  text-decoration: underline;
}

.news__category--site {
  background-color: #9cbc17;
}

.news__category--mypage {
  background-color: #5198d3;
}

.news__category--past {
  text-align: right;
}

/* mypage_orderList */
div.openTit02 {
  position: relative;
  background-color: #e0e2db;
  padding: 15px 10px 15px 40px;
}

div.simpleInfo01 {
  display: inline-block;
  width: 661px;
}

dl.orderInfoList01 {
  line-height: 1.8;
}

dl.orderInfoList01 dt {
  clear: both;
  float: left;
}

dl.orderInfoList01 dd {
  float: left;
}

ul.btnList01 li {
  margin-top: 5px;
}

ul.btnList01 li:first-child {
  margin-top: 10px;
}

.btnList01__btn {
  display: block;
  min-width: 89px;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  text-decoration: none;
  background-color: #009fe8 !important;
  padding: .5em .2em;
}

.btnList01__btn:hover {
  background-color: #0089ca !important;
}

table.openTit01 {
  width: 710px;
  background-color: #ccc;
}

table.openTit01 td {
  font-size: 13px;
  text-align: center;
  border-left: 1px solid #fff;
  padding: 7px 0;
}

table.openTit01 td:first-child {
  font-size: 16px;
  text-align: left;
  border: none;
  padding: 7px 0 7px 10px;
}

table.tableType05 tr.even {
  background-color: #f5f5f5;
}

table.tableType05 tr.variousPrice01 td {
  text-align: right;
  padding: 14px 10px;
}

table.tableType05 td {
  border: 1px solid #a0a0a0;
}

table.tableType05 td.optBox01 {
  vertical-align: top;
  padding: 8px 0;
  text-align: center;
}

table.tableType05 td.infoBox01 {
  padding: 8px 10px;
  text-align: center;
}

table.tableType05 td.infoBox02 {
  padding: 8px 10px;
  text-align: right;
}

table.tableType05 button {
  cursor: pointer;
  border: none;
  background: transparent;
}

div.openTit01 {
  font-size: 16px;
  background-color: #ccc;
  padding: 15px 10px 15px 40px;
  position: relative;
}

.orderListNo01 {
  cursor: pointer;
}

div.openBtn01,
div.openBtn02 {
  display: inline-block;
  cursor: pointer;
  width: 20px;
  height: 20px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  font-weight: 700;
  font-size: 16px;
  background-color: #6a6a6a;
}

div.openBtn01 {
  margin-right: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
}

div.orderStatus01 {
  overflow: hidden;
  border: 1px solid #a0a0a0;
  padding: 8px 10px;
}

div.orderStatus01 dl {
  line-height: 2;
}

div.orderStatus01 dl dt {
  clear: both;
  float: left;
  width: 142px;
}

div.orderStatus01 dl dd {
  float: left;
  width: 548px;
}

/* レビュー */
div#reviewComp {
  text-align: center;
}

div#reviewComp p {
  margin-bottom: 30px;
}

div#reviewComp p:first-child {
  font-size: 20px;
  font-weight: 700;
}

div.submitArea01 {
  position: relative;
  overflow: hidden;
}

div.submitArea01 ul {
  position: relative;
  left: 50%;
  float: left;
}

div.submitArea01 ul li {
  position: relative;
  left: -50%;
  float: left;
}

div.submitArea01 ul li a.backBtn01,
div.submitArea01 ul li a.backBtn02,
div.submitArea01 ul li input.backBtn01 {
  display: block;
  text-decoration: none;
  width: 175px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 38px;
}

div.submitArea01 ul li a.backBtn01 {
  background: #999;
}

div.submitArea01 ul li a.backBtn02 {
  background: #f90;
}

div.submitArea01 ul li input.backBtn01 {
  background: #999;
  border: none;
}

div.submitArea01 ul li input.decisionBtn01 {
  cursor: pointer;
  width: 175px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  background: #f90;
  border: none;
}

/* ネットマイルポイント交換 */
table.tableType02 th div.reViewHead01 {
  width: 176px;
  height: 38px;
  color: #fff;
  text-align: center;
  line-height: 38px;
  background: #999;
  margin: 2px auto;
}

table.tableType02 td.reviewOrderId01 {
  padding: 15px 0;
}

table.tableType02 td a.writeIn01 {
  text-decoration: none;
  display: block;
  width: 176px;
  height: 38px;
  color: #fff;
  text-align: center;
  line-height: 38px;
  background: #f90;
  margin: 2px auto;
}

table.tableType01 {
  width: 100%;
}

table.tableType01 tr {
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

table.tableType01 caption {
  font-weight: 700;
  text-align: left;
  margin-bottom: 5px;
}

table.tableType01.thw150 th {
  width: 126px;
}

table.tableType01 th,
table.tableType01 td {
  border-right: 1px solid #bfbfbf;
  border-left: 1px solid #bfbfbf;
}

table.tableType01 th:first-child,
table.tableType01 td:first-child {
  border-left: none;
}

table.tableType01 th:last-child,
table.tableType01 td:last-child {
  border-right: none;
}

table.tableType01 th {
  padding: 14px;
  font-weight: 500;
  text-align: left;
  word-break: break-all;
  background: #fcefd8;
}

table.tableType01 th.thEmphasis01 {
  background: #f1c0ad;
}

table.tableType01 td {
  padding: 14px;
  font-weight: 400;
  word-break: break-all;
}

table.tableType01 th.validateTerm01 {
  width: 141px;
}

table.tableType01 tr.div4 th {
  width: 25%;
}

table.tableType01 td label {
  white-space: nowrap;
  margin-right: 12px;
}

table.tableType01 td select {
  vertical-align: middle;
}

table.tableType01 td input {
  vertical-align: middle;
}

table.tableType01 td textarea {
  resize: vertical;
}

table.tableType01 td textarea#version {
  width: 444px;
}

table.tableType01 td input#use_point {
  width: 118px;
}

table.tableType01--s1 th {
  background: #dcecf7;
}

a#exchangeBt {
  text-decoration: none;
  display: block;
  width: 200px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 38px;
  background: #f90;
  padding: 4px;
  margin: 0 auto;
}

img.netMileImg01 {
  display: block;
  margin: 0 auto;
}

a#netMileChange {
  display: block;
  text-decoration: none;
  width: 216px;
  height: 38px;
  color: #fff;
  text-align: center;
  line-height: 38px;
  background: #ac67ec;
  margin: 0 0 0 auto;
}

div.pointCalc01 .tableType01 {
  width: 200px;
  float: left;
}

div.pointCalc01 img {
  float: left;
  margin: 40px 9px 0;
}

table.tableType02 {
  width: 713px;
  text-align: center;
}

table.tableType02 th.wid50p,
table.tableType02 td.wid50p {
  width: 50%;
}

table.tableType02 th.hei43 {
  height: 43px;
}

table.tableType02 th {
  font-weight: 700;
  background: #eeefe7;
  border: 1px solid #a0a0a0;
}

table.tableType02 td {
  border: 1px solid #a0a0a0;
}

/* メール履歴確認 */
table.tableType03 {
  width: 100%;
  text-align: left;
}

table.tableType03 th {
  font-weight: 700;
}

table.tableType03 th div {
  border: 1px solid #000;
  border-left: none;
  border-right: none;
  padding: 12px;
}

table.tableType03 th:first-child div {
  border-right: 1px dotted #000;
}

table.tableType03 td {
  border: 1px solid #000;
  border-right: 1px dotted #000;
  border-left: none;
  padding: 12px;
}

table.tableType03 td.mailSubject01 {
  font-weight: 700;
}

table.tableType03 td.last {
  border-right: none;
}

table.tableType03 td.mailText01 {
  border-bottom: none;
}

table.tableType03 td.mailText01 div.reply {
  text-align: center;
  border-top: 1px solid #000;
  padding-top: 20px;
  margin: 20px 0;
}

table.tableType03 td.mailText01 div.reply input[type='button'],
table.tableType03 td.mailText01 div.reply input[type='submit'] {
  width: 156px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 38px;
  background: #999;
  border: none;
}

table.tableType03 td.mailText01 div.reply p {
  text-align: left;
}

table.tableType03 td.mailText01 div.reply input[type='text'] {
  border: 1px solid #000;
  padding: 4px;
  margin-bottom: 10px;
}

table.tableType03 td.mailText01 div.reply textarea {
  resize: vertical;
  padding: 4px;
  margin-bottom: 15px;
}

table.tableType03 td div.reViewHead01 {
  width: 176px;
  height: 38px;
  color: #fff;
  text-align: center;
  line-height: 38px;
  background: #999;
  margin: 2px auto;
}

/* 現在の注文の進行状況 */
div.progressItemArea01 {
  border: 1px solid #999;
  padding: 12px;
  margin-bottom: 30px;
}

div.progressItemArea01 div {
  float: left;
}

div.progressItemArea01 div.itemBox01 {
  width: 150px;
  text-align: center;
}

div.progressItemArea01 div.itemBox01 img {
  max-width: 70px;
  max-height: 98px;
}

div.progressItemArea01 div.itemBox02 {
  width: 282px;
  margin-right: 15px;
}

div.progressItemArea01 div.itemBox02 dl dt {
  clear: both;
  float: left;
}

div.progressItemArea01 div.itemBox02 dl dd {
  margin-left: 4em;
}

div.progressItemArea01 div.itemBox02 a.orderDetail02 {
  display: block;
  text-decoration: none;
  width: 123px;
  height: 29px;
  color: #fff;
  text-align: center;
  line-height: 29px;
  background: #999;
}

/* 変更依頼 */
p.changeRequestTit01 {
  font-weight: 700;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 12px 0 12px 18px;
}

div#chengeRequest {
  width: 450px;
  margin: 0 auto;
}

div#chengeRequest table.tableType01 th input[type='checkbox'] {
  width: 23px;
  height: 23px;
  vertical-align: middle;
}

div#chengeRequest table.tableType01 td {
  font-size: 16px;
  font-weight: 700;
  padding-left: 107px;
}

div#chengeRequest textarea {
  width: 100%;
  resize: vertical;
}

div#chengeRequestBtn {
  border-top: 1px solid #000;
  text-align: center;
  padding-top: 25px;
  margin-top: 45px;
}

div#chengeRequestBtn input[type='submit'] {
  width: 156px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 38px;
  background: #999;
  border: none;
}

div#chengeRequestBtn .back {
  width: 156px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 38px;
  background: #999;
  border: none;
}

/* ご注文履歴一覧 */
table.tableType04 {
  width: 346px;
}

table.tableType04 th {
  width: 696px;
  height: 48px;
  color: #fff;
  font-size: 16px;
  text-align: left;
  line-height: 48px;
  background: #a0a0a0;
  border: 1px solid #a0a0a0;
  padding-left: 17px;
}

table.tableType04 td {
  height: 48px;
  border: 1px solid #a0a0a0;
  padding-left: 17px;
}

/* ご注文履歴一覧 */
table.tableType05 {
  width: 710px;
}

table.tableType05 th {
  width: 710px;
  height: 48px;
  color: #fff;
  font-size: 16px;
  text-align: left;
  line-height: 48px;
  background: #a0a0a0;
  border: 1px solid #a0a0a0;
  padding-left: 17px;
}

table.tableType05 td {
  height: 48px;
  border: 1px solid #a0a0a0;
  padding-left: 17px;
}

td.itemThumNail01 img {
  max-width: 79px;
  max-height: 56px;
}

a.orderDetail01 {
  display: block;
  text-decoration: none;
  width: 156px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 38px;
  background: #63c0c8;
  margin: 0 0 20px auto;
}

/* 各種帳票出力 */
ul#formPrint {
  width: 445px;
  margin: 0 auto 30px;
}

ul#formPrint li {
  display: table-cell;
}

input.estimateIssueBtn03,
input.deliverIssueBtn03,
input.demandIssueBtn03,
a.receiptIssueBtn03 {
  display: block;
  width: 135px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  border: none;
  margin: 0 auto;
}

input.estimateIssueBtn03 {
  background: #c882e2;
}

input.demandIssueBtn03 {
  background: #f09bd1;
  margin: 0 20px;
}

input.deliverIssueBtn03 {
  background: #e2bd82;
}

a.receiptIssueBtn03 {
  height: 34px;
  text-decoration: none;
  line-height: 1;
  background: #b1d26b;
  padding-top: 4px;
  margin: 0 0 0 auto;
}

a.receiptIssueBtn03 span {
  font-size: 11px;
}

/* ご注文詳細 */
table a.estimateIssueBtn02,
table a.deliverIssueBtn02,
table a.demandIssueBtn02,
table a.receiptIssueBtn02 {
  display: block;
  text-decoration: none;
  width: 134px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  margin: 0 auto;
}

table a.estimateIssueBtn02 {
  line-height: 38px;
  background: #c882e2;
}

table a.deliverIssueBtn02 {
  line-height: 38px;
  background: #e2bd82;
}

table a.demandIssueBtn02 {
  line-height: 38px;
  background: #f09bd1;
}

table a.receiptIssueBtn02 {
  height: 34px;
  line-height: 1;
  background: #b1d26b;
  padding-top: 4px;
}

table a.receiptIssueBtn02 span {
  font-size: 11px;
}

table td img.itemDetailImg01 {
  max-width: 34px;
  max-height: 49px;
}

table.tableType01 table.itemPrice01 {
  background: #fff !important;
  margin-bottom: 10px;
}

table.tableType01 table.itemPrice01 th {
  background: #fff !important;
  border-right: none !important;
}

table.tableType01 table.itemPrice01 td {
  text-align: center;
  border-left: none;
}

button.favoriteEntryBtn01 {
  display: block;
  width: 176px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  line-height: 38px;
  text-decoration: none;
  background: #91c3ea;
  margin: 0 auto;
  border: none;
}

table.itemPrice02 {
  border: 1px solid #999;
  background: #fff !important;
}

table.itemPrice02 th {
  font-weight: 700;
  text-align: left;
  border: 1px solid #999;
  border-right: none !important;
  padding: 12px;
}

table.itemPrice02 td {
  text-align: center;
  border: 1px solid #999;
  border-left: none;
  padding: 10px;
}

.pager_container {
  margin: 0 0 15px;
}

ul.block4BtnArea01 {
  overflow: hidden;
  margin-bottom: 50px;
}

ul.block4BtnArea01 li {
  float: left;
  margin-left: 30px;
}

ul.block4BtnArea01 li.last {
  margin-left: 29px;
}

ul.block4BtnArea01 li:first-child {
  margin-left: 0;
}

a.reviewPost01,
a.dataCheck01,
a.reOrder01,
a.reminderEntry01,
a.mailHistory01,
a.completPDF01,
a.changeRequest01,
a.dataSend01 {
  display: block;
  text-decoration: none;
  width: 156px;
  height: 38px;
  color: #fff;
  text-align: center;
  font-size: 15px;
}

a.reviewPost01 {
  line-height: 38px;
  background: #ecaf67;
}

a.dataCheck01 {
  line-height: 38px;
  background: #b29786;
}

a.reOrder01,
a.reminderEntry01 {
  display: table-cell;
  vertical-align: middle;
  font-size: 13px;
  line-height: 1.3;
}

a.reOrder01 {
  background: #73b845;
}

a.reminderEntry01 {
  background: #71d1f0;
}

a.mailHistory01 {
  line-height: 38px;
  background: #d0c171;
}

a.completPDF01 {
  line-height: 38px;
  background: #d09571;
}

a.changeRequest01 {
  line-height: 38px;
  background: #97d071;
}

a.dataSend01 {
  line-height: 38px;
  background: #71b9d0;
}

/* ----------
本機校正ボタン
---------- */
ul.proPress01 {
  width: 176px;
  margin: 0 auto;
}

ul.proPress01 li {
  width: 176px;
  height: 38px;
  font-size: 15px;
  text-align: center;
  line-height: 38px;
  background-color: #73b845;
}

ul.proPress01 li:first-child {
  background-color: #f59c2b;
  margin-bottom: 10px;
}

ul.proPress01 li a {
  display: block;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}

/* 再注文をする */
table.reorderTbl01 th,
table.reorderTbl01 td {
  text-align: center;
}

table.reorderTbl01 td input {
  width: 50px;
  text-align: center;
  border: 1px solid #000;
}

/* 領収書発行 */
div.orderNum01 {
  font-weight: 700;
  background: #eeefe7;
  border: 1px solid #a0a0a0;
  padding: 10px 0 10px 16px;
}

table.receiptTable01 td input[type='text'] {
  vertical-align: baseline;
  width: 288px;
  border: 1px solid #000;
  padding: 4px;
  margin: 0 8px 10px 0;
}

table.receiptTable01 td input[type='button'] {
  vertical-align: baseline;
  color: #fff;
  background: #000;
  border: none;
  padding: 8px 6px;
  margin-left: 48px;
}

div.submitArea01 ul li a.backBtn03 {
  display: block;
  text-decoration: none;
  width: 95px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 38px;
  background: #999;
}

div.submitArea01 ul li button.receiptIssueBtn01 {
  cursor: pointer;
  width: 165px;
  height: 38px;
  color: #fff;
  font-family: Arial, Helvetica, 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HiraKakuPro-W3', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 15px;
  line-height: 1;
  background: #b1d26b;
  border: none;
}

div.submitArea01 ul li button.receiptIssueBtn01 span {
  font-size: 11px;
  font-weight: 400;
}

img#receiptMain {
  width: 713px;
}

/* パスワード変更 */
p.confirmTxt01 {
  font-size: 15px;
  background: #fcfcfc;
  border: 1px solid #999;
  padding: 20px;
  margin-bottom: 30px;
}

div.decisionArea01 {
  text-align: center;
}

input.decisionBtn01,
a.decisionBtn02,
a.decisionBtn03,
input.decisionBtn04 {
  cursor: pointer;
  width: 176px;
  height: 38px;
  color: #fff;
  font-size: 15px;
}

input.decisionBtn01 {
  background-color: #eb759f;
  border: none;
}

input.decisionBtn02 {
  cursor: pointer;
  width: 175px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 38px;
  background: #f90;
  border: none;
}

a.decisionBtn02,
a.decisionBtn03 {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  line-height: 38px;
  border: none;
}

a.decisionBtn02 {
  background: #999;
}

a.decisionBtn03 {
  background: #56b01a;
}

input.decisionBtn04 {
  background: #6cafe6;
  border: none;
}

input.irodoriTop02 {
  cursor: pointer;
  width: 176px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  text-align: center;
  line-height: 38px;
  background: #ed724d;
  border: none;
}

/* --------------------
お気に入り一覧
-------------------- */
body.mypage .favoriteProduct {
  margin-bottom: 10px;
}

body.mypage .favoriteProduct .favoriteSelector {
  width: 10px;
}

body.mypage .favoriteProduct .favoriteImage {
  width: 100px;
}

body.mypage .favoriteProduct .favoriteImage img {
  width: 100px;
}

body.mypage .favoriteProduct .favoriteImage p {
  font-size: 10px;
  text-align: center;
}

body.mypage .favoriteProduct .favoriteRegDate {
  width: 65px;
}

body.mypage .favoriteProduct .favoriteNum {
  width: 85px;
}

body.mypage .favoriteProduct .favoriteController {
  width: 60px;
}

body.mypage .reorderSubject {
  margin-bottom: 30px;
}

body.mypage .reorderSubject .heading {
  background-color: #eeefe7;
  border: 1px solid #a0a0a0;
  font-size: 15px;
  padding: 15px;
  margin: 10px 0;
}

body.mypage .reorderSubject .image,
body.mypage .reorderSubject .detailInfo,
body.mypage .reorderSubject .amountInfo {
  float: left;
}

body.mypage .reorderSubject .image {
  padding: 15px 20px;
  width: 81px;
}

body.mypage .reorderSubject .image img {
  height: 120px;
  width: 81px;
}

body.mypage .reorderSubject .detailInfo {
  margin-right: 30px;
  width: 300px;
}

body.mypage .reorderSubject .detailInfo dt,
body.mypage .reorderSubject .detailInfo dd {
  float: left;
}

body.mypage .reorderSubject .detailInfo dt {
  width: 70px;
}

body.mypage .reorderSubject .detailInfo dd {
  width: 230px;
}

body.mypage .reorderSubject .detailInfo .long {
  width: 300px;
}

body.mypage .reorderSubject .detailInfo dd.long {
  padding-left: 70px;
}

body.mypage .reorderSubject .amountInfo {
  width: 220px;
}

body.mypage .reorderSubject .amountInfo th,
body.mypage .reorderSubject .amountInfo td {
  background-color: #fff;
  border: 1px solid #a0a0a0;
}

body.mypage .reorderSubject .amountInfo th {
  border-right: none;
}

body.mypage .reorderSubject .amountInfo td {
  border-left: none;
  text-align: right;
}

body.mypage .reorderSubject .amountInfo .amount {
  color: #fd0000;
}

body.mypage .reorderSubject .controllerArea {
  padding: 5px;
}

body.mypage .reorderSubject .controller {
  width: 700px;
}

body.mypage .reorderSubject .controller .input {
  display: inline-block;
  vertical-align: top;
  margin: 5px;
  width: 336px;
}

body.mypage .reorderSubject .controller .input div {
  border: 1px solid #a0a0a0;
  display: table-cell;
  padding: 10px;
  width: 176px;
}

body.mypage .reorderSubject .controller .input .inputHeading {
  background-color: #eeefe7;
  border-right: none;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  width: 120px;
  display: table-cell;
  padding: 10px;
}

body.mypage .reordersubject .controller .button {
  text-align: center;
}

body.mypage .reorderSubject .controller button[name=addCart] {
  background-color: #ec724d;
  border: none;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding: 10px;
  text-align: center;
  width: 330px;
}

/* ====================
カート
====================== */
/* --------
トップ
-------- */
#cart #sequence {
  height: 74px;
  margin: 10px 0;
  width: 683px;
}

#cart #fixedShipping {
  border: 1px solid #bfbec4;
  margin: 10px 0;
}

#cart #orderImage {
  background-color: #e7ff86;
  border-right: 1px solid #bfbec4;
  height: 160px;
  padding: 10px;
  text-align: center;
  width: 180px;
}

#cart #orderImage img {
  margin-top: 5px;
  max-height: 100px;
  max-width: 100px;
}

#cart #orderImage p {
  margin-top: 5px;
  font-size: 12px;
}

#cart #inputOrderName .inputArea {
  padding: 10px;
  width: 475px;
}

#cart #inputOrderName .inputArea p {
  padding: 5px;
}

#cart #inputOrderName .inputArea input {
  margin: 5px;
}

#cart #fixedShipping div {
  float: left;
}

#cart #fixedShipping .heading {
  background-color: #eeefe7;
  border-right: 1px solid #bfbec4;
  font-weight: 700;
  height: 160px;
  padding: 10px 20px;
  width: 160px;
}

#cart #fixedShipping .heading div {
  font-weight: 400;
  padding: 10px;
  text-align: center;
}

#cart #fixedShipping .data {
  padding: 10px;
  width: 475px;
}

#cart .caution {
  color: #ff1d23;
}

#cart .notice {
  font-size: 12px;
}

#cart .note {
  padding: 10px;
}

#cart .marginal {
  margin: 5px;
  text-align: right;
}

#cart .marginal ul {
  text-align: right;
}

#cart .product {
  margin: 20px 0;
}

#cart .product .inputArea {
  padding: 20px;
}

#cart .product .input {
  font-weight: 700;
  text-align: center;
}

#cart .product .input input[type=text] {
  margin: 10px;
}

#cart .product dl {
  width: 340px;
}

#cart .product dt,
#cart .product dd {
  float: left;
}

#cart .product dt {
  width: 110px;
}

#cart .product dd {
  width: 220px;
}

#cart .product .amount {
  background-color: #e7ff86;
}

#cart .product .price {
  background-color: #fde6bd;
}

/*#cart button {
  cursor: pointer;
  color: #fff;
  font-size: 15px;
  background-color: #000;
  border: 1px solid #000;
  padding: 10px 15px;
  margin: 0 5px;
}*/
#cart .product button {
  font-size: 12px;
  font-weight: 400;
  padding: 5px 10px;
}

#cart .product button[name=updCart] {
  margin: 5px 0;
}

#cart .changeSpec {
  background-color: #999;
  border: 1px solid #999;
}

#cart .compareInSite {
  background-color: #f5a832;
  border: 1px solid #f5a832;
}

#cart .compareToOthers {
  background-color: #d5eaff;
  border: 2px solid #0166cb;
  color: #000;
  margin: 5px;
  margin-bottom: 0;
  width: 170px;
}

#cart .request {
  margin-bottom: 50px;
}

#cart .request .continue {
  background: #acd107;
  border: #acd107;
  text-align: center;
  width: 190px;
}

#cart .request .apply {
  background: #ee724e;
  border: #ee724e;
  text-align: center;
  width: 270px;
}

#cart .request .addFavorite {
  background: #92c3eb;
  border: #92c3eb;
  text-align: center;
  width: 190px;
}

#cart .request button[name=use_register_payment],
#cart .request button[name=select_payment] {
  background: #ee724e;
  border: #ee724e;
  text-align: center;
  width: 240px;
}

#cart .request .bottomButton {
  margin-top: 10px;
}

#webFixService,
#selectShippingSplit {
  margin: 20px 0;
}

#webFixService th div {
  font-weight: 400;
  padding: 5px;
}

#cart .request {
  padding: 10px 0;
}

#cart .request div {
  float: left;
  width: 210px;
}

#cart .request form {
  float: left;
  width: 290px;
}

/* --------
仕様変更
-------- */
#cart #productInfo {
  margin-top: 20px;
}

#cart #productInfo dl {
  width: 690px;
}

#cart #productInfo dt,
#cart #productInfo dd {
  padding: 5px;
  float: left;
}

#cart #productInfo dt {
  font-weight: 700;
  width: 80px;
}

#cart #productInfo dd {
  width: 590px;
}

#cart div#option_list {
  margin-top: 20px;
}

#cart table#option_list {
  margin: 0;
  width: 100%;
}

#cart table#option_list .td1 {
  table-layout: fixed;
  font-weight: 700;
  text-align: left;
  background: #eeefe7;
  border: 1px solid #a0a0a0;
  padding: 12px;
  word-break: break-all;
}

#cart table#option_list td {
  table-layout: fixed;
  font-weight: 400;
  border: 1px solid #a0a0a0;
  padding: 10px;
  word-break: break-all;
}

#optionListPart {
  border: 1px solid #a0a0a0;
  border-top: none;
}

#cart dl.totalAmount {
  margin: 0 25px 0 auto;
  padding: 10px;
  width: 100px;
}

#cart dl.totalAmount dt,
#cart dl.totalAmount dd {
  float: left;
}

#cart dl.totalAmount dt {
  width: 50px;
}

#cart dl.totalAmount dd {
  width: 30px;
}

#cart .must {
  margin-left: 8px;
  color: #cd201f;
  font-size: 1.2rem;
}

#cart .changeRequest {
  padding: 20px;
  text-align: center;
}

#cart .changeRequest .cancel {
  background-color: #999;
  border: #999;
  margin: 5px;
  width: 200px;
}

#cart .changeRequest .change {
  background-color: #ee724e;
  border: #ee724e;
  margin: 5px;
  width: 250px;
}

/* -----------------
お支払い方法選択
----------------- */

#cart #paymentCreditCard .tableType01 tr {
  border-left: 1px solid #9c9c9c;
  border-right: 1px solid #9c9c9c;
}

#cart #paymentList {
  margin-bottom: 30px;
}

#cart #paymentList .heading,
#cart #paymentList .note,
#cart #paymentList .data {
  border: none;
  padding: 0;
  margin: 0;
}

#cart #paymentList .heading {
  width: 100%;
}

#cart #paymentList .note {
  width: 508px;
}

#cart #paymentList .data {
  margin-top: 20px;
}

#cart .inner {
  padding-left: 1em;
}

#cart #paymentList div.description li {
  list-style-position: outside;
  list-style-type: disc;
  margin: 5px 0;
  margin-left: 1em;
}

#cart #paymentBank .select,
#cart #paymentBank ul.description {
  float: left;
}

#cart #paymentBank .select {
  padding: 0 10px;
  width: 180px;
}

#cart #paymentBank ul.description {
  background-color: #eeefe7;
  border: 1px solid #a0a0a0;
  padding: 5px;
  width: 490px;
}

#cart #paymentBank div.description {
  margin: 10px 0;
}

#cart #paymentBank div.description h4 {
  width: 170px;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  background-color: #d80000;
  padding: 10px;
}

#cart #paymentCreditCard .cardInfo {
  margin: 10px 0;
}

#cart #paymentOnDelivery table {
  width: 100%;
}

#cart #paymentOndelivery .topHeading {
  font-size: 13px;
  width: 253px;
}

#cart #paymentOnDelivery th,
#cart #paymentOnDelivery td {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  padding: 5px;
}

#cart #paymentOnDelivery th {
  background-color: #a0a0a0;
}

#cart #paymentOnDelivery td {
  background-color: #eeefe7;
}

#cart #paymentNP .NPLogo,
#cart #paymentNP .data .description {
  float: left;
}

#cart #paymentNP .data .description {
  padding: 5px;
}

/* --------------------
配送先指定
-------------------- */
#cart .memberInfo,
#cart #member_input,
#cart .tableBottom,
#cart #deliveryList .productInfo,
#cart #deliveryList .deliveryController,
#cart #deliveryList .delivery,
#cart table.web,
#cart table.registerMember {
  margin-bottom: 10px;
}

#cart .nonMemberAddress th {
  width: 210px;
}

#cart .productInfo {
  border: 1px solid #bfbec4;
}

#cart .productInfo .productImage,
#cart .productInfo .data {
  float: left;
}

#cart .productImage {
  background-color: #e7ff86;
  border-right: 1px solid #bfbec4;
  height: 160px;
  padding: 10px;
  text-align: center;
  width: 180px;
}

#cart .productImage img {
  margin-top: 5px;
  max-height: 100px;
  max-width: 100px;
}

#cart .productImage p {
  font-size: 12px;
  margin-top: 5px;
}

#cart .productInfo .data {
  padding: 10px;
  width: 488px;
}

#cart.productInfo .data dl {
  margin: auto 0;
}

#cart .productInfo .data dt,
#cart .productInfo .data dd {
  float: left;
}

#cart .productInfo .data dt {
  width: 80px;
}

#cart .productInfo .data dd {
  width: 408px;
}

#cart #deliveryController {
  margin: 18px 0;
}

#cart #deliveryController .deliveryHistory {
  text-align: center;
}

#cart #deliveryController div.addDelivery {
  padding: 7px;
  width: 320px;
}

#cart #deliveryController button.addDelivery {
  background-color: #f4a637;
  border: 1px solid #f4a637;
  font-size: 13px;
  padding: 5px 3px;
}

#cart .delivery .inputCopyHeader {
  width: 110px;
}

#cart .delivery .inputCopy {
  text-align: center;
}

#cart .delivery .inputCopy input[type=text] {
  text-align: right;
  width: 60px;
}

#cart .confirmDelivery {
  font-size: 13px;
  padding: 5px 3px;
}

#cart .addTmpDelivery {
  background-color: #c3b9ad;
  border: 1px solid #c3b9ad;
  font-size: 13px;
  margin: 5px 0;
  padding: 5px 3px;
  width: 300px;
}

#cart .addFreeTmpDelivery {
  background-color: #c59e65;
  border: 1px solid #c59e65;
  font-size: 13px;
  margin: 5px 0;
  padding: 5px 3px;
  width: 300px;
}

#cart .searchAddress {
  font-size: 13px;
  padding: 5px 3px;
}

#cart .newDeliveryAddress th {
  width: 65px;
}

#cart input.text {
  width: 210px;
}

#cart select.address {
  width: 210px;
}

#cart input.zip {
  width: 60px;
}

#cart .delivery .tab {
  width: 330px;
}

#cart .delivery .tab li {
  background-color: #bfbec4;
  width: 163px;
}

#cart #step1 {
  position: relative;
  z-index: 0;
  padding: 6px;
  margin-top: 10px;
  background: #fff;
  border: 2px solid #f28739;
  border-radius: 8px;
}

#cart #step1 .subClose01 {
  position: absolute;
  z-index: 0;
  top: 18px;
  right: 18px;
  font-weight: 700;
}

#cart #step1 > p {
  padding: 14px;
  margin-bottom: 10px;
  color: #333;
  font-weight: 500;
  background: #fcefd8;
  border: none;
  border-radius: 4px;
}

.orderSetting .ui-dialog-buttonpane button {
  background-image: none;
}

#cart #agency_delivery_input_block .newDeliveryAddress th {
  vertical-align: middle;
  width: 210px;
}

#cart .deliveryOption th {
  vertical-align: top;
}

#cart .deliveryOption th.note {
  background-color: #fff;
  border-right: none;
}

#cart .deliveryOption td.note {
  border-left: none;
}

#cart .deliveryOption th p.notdelivArea01 {
  font-size: 12px;
  font-weight: 400;
  margin: 5px 0 0;
}

/* --------------------
最終確認
-------------------- */
#cart .payInfo,
#cart .productHeading,
#cart .productInfoList,
#cart .amountList,
#cart .deliveryInfoHeading,
#cart .deliveryInfo,
#cart .agencyShippingInfo {
  margin-bottom: 10px;
}

#cart .productHeading {
  border: solid 1px #bfbec4;
}

#cart .productHeading .image,
#cart .productHeading .heading,
#cart .productHeading .data {
  float: left;
}

#cart .productHeading .image,
#cart .deliveryInfoHeading .image {
  background-color: #e7ff86;
  border-right: 1px solid #bfbec4;
  height: 160px;
  padding: 10px;
  text-align: center;
  width: 180px;
}

#cart .productHeading .image img,
#cart .deliveryInfoHeading .image img {
  margin-top: 5px;
  max-height: 100px;
  max-width: 100px;
}

#cart .productHeading .image p,
#cart .deliveryInfoHeading .image p {
  font-size: 12px;
  margin-top: 5px;
}

#cart .productHeading .heading,
#cart .productHeading .data {
  padding: 10px;
  width: 488px;
}

#cart .productHeading .data {
  height: 100px;
}

#cart .productHeading .heading {
  background-color: #eeefe7;
  border-bottom: solid 1px #bfbec4;
  font-weight: 700;
  height: 40px;
}

#cart table.customerItemName {
  margin-bottom: 10px;
}

#cart .orderFinal .biling {
  width: 40px;
}

#cart .orderFinal .copies {
  width: 40px;
}

#cart .orderFinal .num {
  width: 53px;
}

#cart .orderFinal .delivCopies {
  width: 52px;
}

#cart .orderFinal .price {
  width: 50px;
}

#cart .amountList th {
  width: 350px;
}

#cart .useAllPoint {
  font-size: 12px;
  padding: 5px 15px;
  margin: 5px 0;
  width: 168px;
}

#cart .CODInfo {
  color: #f00;
  font-size: 10px;
}

/* --------------------
完了画面
-------------------- */
#cart .thankMessage {
  padding: 10px;
}

#cart .uploadData {
  padding: 10px;
  text-align: center;
  width: 100%;
}

#cart .uploadData button {
  background-color: #ee724e;
  border: 1px solid #ee724e;
  width: 200px;
}

#cart .uploadData button.self01 {
  width: 250px;
}

#cart .orderNotice {
  padding: 25px 10px 45px;
}

#cart .favoriteArea {
  padding: 10px;
  position: relative;
  text-align: center;
  width: 688px;
}

#cart button[name=final_quote] {
  background-color: #c89d1d;
  border: 1px solid #c89d1d;
  width: 200px;
}

#cart button[name=reminder_regist] {
  background-color: #009cff;
  border: 1px solid #009cff;
  width: 206px;
}

#cart .recommend li {
  border: solid 1px #a0a0a0;
  float: left;
  margin: 1px;
  padding: 0 5px;
  height: 160px;
  width: 128px;
}

#cart .recommend li .thumbnail {
  margin: 5px 0;
  max-height: 80px;
  max-width: 127px;
}

#cart .recommend li .dummyThumb {
  height: 80px;
  display: block;
  margin: 5px 0;
  width: 127px;
}

/* -------------------
ログイン確認
-------------------- */
#cart form[name=customer_form] {
  padding-top: 10px;
}

#cart .loginNote {
  margin: 0 10px;
}

#cart .loginGuide {
  padding-left: 20px;
}

#cart .loginForm {
  margin: 10px 0;
}

#cart #logInController,
#cart .noLoginRequest {
  padding: 10px;
  padding-top: 0;
  text-align: center;
}

#cart #logInController button {
  background-color: #ee724e;
  border: #ee724e;
  width: 200px;
}

#cart .noLoginRequest button {
  background-color: #aed007;
  border: #aed007;
  width: 200px;
}

#cart #confirmationController #agreement {
  padding: 30px;
  text-align: center;
}

#cart #confirmationController label {
  padding: 30px;
}

#cart #confirmationController #confirmTermsForm {
  text-align: center;
}

/* --------------------
利用規約の同意
-------------------- */
#cart .termsConfNote {
  margin: 10px;
}

input.priceCalcBtn01 {
  display: block;
  width: 176px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  background: #6cafe6;
  border: none;
  margin: 0 auto;
}

/* --------------------
お問い合せ
-------------------- */
body.cartCompare01 #mainContents h3 {
  color: #fff;
  font-size: 1.6rem;
  background: #a0a0a0;
  padding: 12px 0 12px 17px;
  margin-bottom: 15px;
}

body.cartCompare01 #mainContents table.tableType01 td select {
  max-width: 150px;
}

body.cartCompare01 .red {
  color: #f00;
}

/* --------------------
印刷用紙見本帳
-------------------- */
div.privacyMaterial {
  overflow: auto;
  height: 200px;
  font-size: 12px;
  border: solid 1px #ccc;
  padding: 0 10px 10px;
  margin-bottom: 20px;
}

/* 個人情報保護理念 */
div.privacyMaterial_title {
  margin: 10px 0;
  border-bottom: 1px solid #ccc;
}

div.privacyMaterial_topText {
  margin: 3px 0;
}

div.privacyMaterial_topText.top {
  margin: 11px 0 3px;
}

div.privacyMaterial_topText.bottom {
  margin: 3px 0 14px;
}

ol.privacyMaterial_ol {
  padding-left: 25px;
}

li.privacyMaterial_li {
  list-style-type: decimal;
  list-style-position: outside;
  margin: 5px 0;
}

ul.privacyMaterial_ul {
  padding-left: 15px;
}

ul.privacyMaterial_ul.upper {
  padding-left: 25px;
}

li.privacyMaterial_ul_li {
  list-style-type: disc;
  list-style-position: outside;
}

ol.privacyMaterial_li_in_ol {
  padding-left: 20px;
}

li.privacyMaterial_li_in_li {
  list-style-type: decimal;
  list-style-position: outside;
}

.privacyMaterial_textRight {
  text-align: right;
  font-size: 93%;
  margin: 20px 0;
}

.privacyMaterial_textRight_cont {
  margin-top: 10px;
}

div.privacyMaterial_chkBox {
  background: none;
  border: 1px solid #ccc;
  padding: 10px;
}

p.privacyMaterial_chkBox_title {
  color: #eb704b;
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
}

.upload p.privacyMaterial_chkBox_title {
  width: 450px;
  margin: 0 auto;
  color: #000;
  padding-left: 1em;
  text-indent: -1em;
  text-align: center;
}

p.privacyMaterial_chkBox_title input[type='checkbox'] {
  vertical-align: middle;
}

p.privacyMaterial_chkBox_text {
  color: #666;
  padding: 0 100px;
}

ul.ul_square01 {
  padding-left: 16px;
}

ul.ul_square01 li {
  list-style-type: square;
  list-style-position: outside;
}

/* --------------------
ニュース詳細
-------------------- */
.mypage_contents_container_news dt {
  padding-top: 8px;
  margin-bottom: 16px;
  font-size: 1.6rem;
}

.mypage_contents_container_news dt > div {
  margin-bottom: 8px;
}

.mypage_contents_container_news dt .date {
  font-weight: 500;
}

.mypage_contents_container_news dt .title {
  display: block;
  color: #f28739;
  font-size: 2rem;
  font-weight: 700;
}

.mypage_contents_container_news dd {
  padding-bottom: 15px;
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 32px;
}

.mypage_contents_container_news dd p {
  color: #6a6a6a;
  line-height: 1.75;
}

/* --------------------
サイズで検索
-------------------- */
body.sizesearch h2 {
  text-align: center;
  width: 100%;
  font-size: 20px;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  padding: 6px 0;
}

div#sizeSearchArea {
  text-align: center;
  margin-bottom: 50px;
}

div#sizeSearchArea input {
  width: 176px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 38px;
  background: #6cafe6;
  border: none;
}

/* --------------------
会社概要など
-------------------- */
body.onePage01 #mainContents h3 {
  position: relative;
  width: 696px;
  height: 48px;
  color: #fff;
  font-size: 16px;
  line-height: 48px;
  background: #a0a0a0;
  padding-left: 17px;
  margin-bottom: 8px;
}

/* --------------------
サイトマップ
-------------------- */
.tbl_sitemap {
  width: 100%;
}

.tbl_sitemap h4 {
  font-size: 110%;
  margin-bottom: 10px;
}

.tbl_sitemap td {
  vertical-align: top;
}

.tbl_sitemap td a {
  text-decoration: none;
  color: #a5a5a5;
  letter-spacing: 2px;
  padding-left: 10px;
  border-left: 1px solid #a5a5a5;
}

.tbl_sitemap td a:hover {
  color: #252525;
  border-left: 4px solid #000;
  padding-left: 7px;
}

/* #### 各ページ共通で使用するパーツのCSS #### */
/* ==========================
パンくずナビ
========================== */
#crumb {
  width: 980px;
  min-height: 49px;
  margin: 14px auto;
}

#guideTopArea .path,
#contents p.path {
  float: left;
  width: 820px;
  line-height: 49px;
}

#guideTopArea .path a,
#contents p.path a {
  color: #666;
  text-decoration: underline;
}

.buyPath01,
.functionPath01,
.guidePath01,
.inquiryPath01 {
  color: #f7a832;
}

/*
* mypage パンくず　20120628add
*/
.mypage #contents ul.path {
  font-size: 10px;
  color: #000;
  margin-bottom: 10px;
}

.mypage #contents ul.path li {
  float: left;
  margin-left: 10px;
}

.mypage #contents ul.path a {
  padding-right: 10px;
  color: #666;
  text-decoration: underline;
}

.mypage #contents ul.path a:hover {
  color: #666;
  text-decoration: underline;
}

/* ==========================
トップへ戻る
========================== */
p.return {
  margin-top: 20px;
  text-align: right;
  font-size: 12px;
  line-height: 12px;
}

p.return a {
  padding-left: 15px;
  color: #666;
  background: url(../img/common/arrow-yl-dot-up.gif) no-repeat 0 center;
  text-decoration: none;
}

p.return a:hover {
  color: #999;
}

/* ------商品ページカラーバリエーション----- */
/* 商品カテゴリリンクボタン */
#mainContents div#item-navi ul li a {
  color: #000;
}

#mainContents div#item-navi ul li a:hover {
  color: #fff;
}

#mainContents div#item-navi ul li a span,
#mainContents div#item-navi ul li a img {
  vertical-align: middle;
}

#mainContents .item_flyers ul li a {
  border: 1px solid #f2be2a;
}

#contents #mainContents .item-section table.select th {
  border-width: 2px !important;
}

#mainContents .item_flyers ul li a:hover {
  background: #f2be2a;
}

#mainContents .item_tiket ul li a {
  border: 1px solid #f2be2a;
}

#mainContents .item_tiket ul li a:hover {
  background: #f2be2a;
}

#contents #mainContents .item-section table.tiket th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_crimp ul li a {
  border: 1px solid #f2be2a;
}

#mainContents .item_crimp ul li a:hover {
  background: #f2be2a;
}

#contents #mainContents .item-section table.crimp th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_posters ul li a {
  border: 1px solid #f2be2a;
}

#mainContents .item_posters ul li a:hover {
  background: #f2be2a;
}

#contents #mainContents .item-section table.posters th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_cards ul li a {
  border: 1px solid #f2be2a;
}

#mainContents .item_cards ul li a:hover {
  background: #f2be2a;
}

#contents #mainContents .item-section table.cards th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_brochure ul li a {
  border: 1px solid #f2be2a;
}

#mainContents .item_brochure ul li a:hover {
  background: #f2be2a;
}

#contents #mainContents .item-section table.brochure th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_Stitching ul li a {
  border: 1px solid #f2be2a;
}

#mainContents .item_Stitching ul li a:hover {
  background: #f2be2a;
}

#contents #mainContents .item-section table.Stitching th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_adhesivebinding ul li a {
  border: 1px solid #f2be2a;
}

#mainContents .item_adhesivebinding ul li a:hover {
  background: #f2be2a;
}

#contents #mainContents .item-section table.adhesivebinding th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_fanzine ul li,
#contents #mainContents .item-section table.fanzine th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_envelope ul li a {
  border: 1px solid #f2be2a;
}

#mainContents .item_envelope ul li a:hover {
  background: #f2be2a;
}

#contents #mainContents .item-section table.envelope th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_pocket ul li a {
  border: 1px solid #f2be2a;
}

#mainContents .item_pocket ul li a:hover {
  background: #f2be2a;
}

#contents #mainContents .item-section table.pocket th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_Conference ul li a {
  border: 1px solid #f2be2a;
}

#mainContents .item_Conference ul li a:hover {
  background: #f2be2a;
}

#contents #mainContents .item-section table.Conference th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_calendars ul li a {
  border: 1px solid #f2be2a;
}

#mainContents .item_calendars ul li a:hover {
  background: #f2be2a;
}

#contents #mainContents .item-section table.calendars th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_menu ul li a {
  border: 1px solid #f2be2a;
}

#mainContents .item_menu ul li a:hover {
  background: #f2be2a;
}

#contents #mainContents .item-section table.menu th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_goods ul li,
#contents #mainContents .item-section table.goods th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_BusinessGoods ul li,
#contents #mainContents .item-section table.BusinessGoods th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_dvdcover ul li a {
  border: 1px solid #f2be2a;
}

#mainContents .item_dvdcover ul li a:hover {
  background: #f2be2a;
}

#contents #mainContents .item-section table.dvdcover th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_folders ul li a {
  border: 1px solid #f2be2a;
}

#mainContents .item_folders ul li a:hover {
  background: #f2be2a;
}

#contents #mainContents .item-section table.folders th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_package ul li,
#contents #mainContents .item-section table.package th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_display ul li a {
  border: 1px solid #f2be2a;
}

#mainContents .item_display ul li a:hover {
  background: #f2be2a;
}

#contents #mainContents .item-section table.display th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_stickers ul li a {
  border: 1px solid #f2be2a;
}

#mainContents .item_stickers ul li a:hover {
  background: #f2be2a;
}

#contents #mainContents .item-section table.stickers th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_paperbag ul li a {
  border: 1px solid #f2be2a;
}

#mainContents .item_paperbag ul li a:hover {
  background: #f2be2a;
}

#contents #mainContents .item-section table.paperbag th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_promotion ul li a {
  border: 1px solid #f2be2a;
}

#mainContents .item_promotion ul li a:hover {
  background: #f2be2a;
}

#contents #mainContents .item-section table.promotion th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_t-shirts ul li a {
  border: 1px solid #f2be2a;
}

#mainContents .item_t-shirts ul li a:hover {
  background: #f2be2a;
}

#contents #mainContents .item-section table.t-shirts th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_season ul li a,
#mainContents .item_express ul li a {
  border: 1px solid #f2be2a;
}

#mainContents .item_season ul li a:hover,
#mainContents .item_express ul li a:hover {
  background: #f2be2a;
}

#contents #mainContents .item-section table.season th,
#contents #mainContents .item-section table.express th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

#mainContents .item_estimate ul li a {
  border: 1px solid #f2be2a;
}

#mainContents .item_estimate ul li a:hover {
  background: #f2be2a;
}

#contents #mainContents .item-section table.estimate th {
  border-top: 1px solid #f2be2a;
  border-bottom: 1px solid #f2be2a;
}

.item01,
.item02,
.item03,
.item04,
.item05,
.item06,
.item07,
.item08,
.item09,
.item10,
.item11,
.item12,
.item13,
.item14,
.item15,
.item16,
.item17,
.item18,
.item19,
.item20,
.item21,
.item22,
.item23,
.item24,
.item25,
.item26 {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin: 20px 0;
}

/* ----商品詳細 ---- */
/* ナビゲーション */
#item-navi {
  width: 713px;
  margin-bottom: 90px;
}

#item-navi ul {
  width: 713px;
  margin-bottom: 10px;
}

#item-navi ul li {
  float: left;
  width: 230px;
}

#item-navi ul li a {
  display: table-cell;
  vertical-align: middle;
  width: 228px;
  height: 65px;
  font-size: 1.2rem;
  text-align: center;
  text-decoration: none;
  box-shadow: 1px 1px 1px #e4e3e4;
}

#item-navi ul li a span {
  display: inline-block;
  width: 155px;
}

#item-navi ul li.left {
  margin-right: 11px;
}

#item-navi ul li.right {
  margin-left: 12px;
}

img.right {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

/* ---------- 商品テーブル */
#contents .item-section table.select {
  width: 737px;
  border-collapse: separate;
  border-spacing: 12px 0;
  margin: 0 0 0 -12px;
}

#contents .item-section table.select td,
#contents .item-section table.select th {
  width: 230px;
}

#contents .item-section table.select caption {
  height: 30px;
  font-size: 17px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  background: url(/styles/img/category/icon_priceTable.gif) no-repeat;
  padding-left: 38px;
  margin-bottom: 8px;
  margin-left: 12px;
}

#contents .item-section table.select td a {
  display: inline-block;
  width: 190px;
  font-weight: 700;
  vertical-align: middle;
  margin: 0 auto;
}

#contents .item-section table.select td a:hover {
  color: #5050d8;
}

/* ---------- 用紙ラインナップ */
dl.paper {
  width: 713px;
  margin-top: 30px;
}

dl.paper img.left {
  float: right;
  margin-bottom: 10px;
}

dl.paper dt {
  position: relative;
  width: 100%;
  font-size: 17px;
  font-weight: 700;
  padding: 5px 0 5px 10px;
  box-sizing: border-box;
}

dl.paper dt.paper01 {
  background-color: #ffd88f;
}

dl.paper dt.process01 {
  background-color: #ffd88f;
}

dl.paper dt.attention01 {
  background-color: #ffd88f;
}

dl.paper dt.relation01 {
  background-color: #ffd88f;
}

dl.paper dd {
  font-size: 12px;
  padding-bottom: 18px;
  margin: 18px 0 10px;
}

dl.paper dt.paper01 + dd {
  border-bottom: 1px solid #ffd88f;
}

dl.paper dt.process01 + dd {
  border-bottom: 1px solid #ffd88f;
}

dl.paper dt.attention01 + dd {
  border-bottom: 1px solid #ffd88f;
}

dl.paper dt.relation01 + dd {
  border-bottom: 1px solid #ffd88f;
}

dl.paper dd ul {
  margin: 10px 0;
}

dl.paper dd ul li {
  line-height: 1.5;
  margin-bottom: 3px;
  background: url(../img/common/arrow-pur2.jpg) 0 50% no-repeat;
  padding-left: 15px;
  color: #666;
  text-decoration: none;
}

img.right {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

table.subcate_tbl {
  width: 100%;
  margin-bottom: 30px;
}

table.subcate_tbl a {
  text-decoration: none;
}

table.subcate_tbl th,
table.subcate_tbl td {
  vertical-align: middle;
  text-align: left;
  padding: 5px;
}

table.subcate_tbl td {
  padding-left: 15px;
}

table.subcate_tbl th {
  width: 40%;
}

table.subcate_tbl tr.hdr {
  border-top: 2px solid #fff !important;
  font-size: 110%;
}

table.subcate_tbl.tbl_paper th {
  border-right: 1px solid #fcbfad;
}

table.subcate_tbl.tbl_paper tr {
  border-bottom: 1px solid #fcbfad;
}

table.subcate_tbl.tbl_paper tr:nth-child(even) {
  background: #fee9e2;
}

table.subcate_tbl.tbl_paper tr.hdr {
  background: #fcbfad;
}

table.subcate_tbl.tbl_process th {
  border-right: 1px solid #fedba6;
}

table.subcate_tbl.tbl_process tr {
  border-bottom: 1px solid #fedba6;
}

table.subcate_tbl.tbl_process tr:nth-child(even) {
  background: #fef3e2;
}

table.subcate_tbl.tbl_process tr.hdr {
  background: #fedba6;
}

table.subcate_tbl.tbl_attention th {
  border-right: 1px solid #f8f3a5;
}

table.subcate_tbl.tbl_attention tr {
  border-bottom: 1px solid #f8f3a5;
}

table.subcate_tbl.tbl_attention tr:nth-child(even) {
  background: #fdfbe3;
}

table.subcate_tbl.tbl_attention tr.hdr {
  background: #f8f3a5;
}

table.subcate_tbl.tbl_relation th {
  border-right: 1px solid #e9ed9c;
}

table.subcate_tbl.tbl_relation tr {
  border-bottom: 1px solid #e9ed9c;
}

table.subcate_tbl.tbl_relation tr:nth-child(even) {
  background: #f9fae6;
}

table.subcate_tbl.tbl_relation tr.hdr {
  background: #e9ed9c;
}

p.noti_paper,
p.noti_process,
p.noti_attention,
p.noti_relation {
  margin-bottom: 10px;
  padding: 5px;
}

p.noti_paper {
  border: 1px solid #fee9e2;
  border-left: 10px solid #fee9e2;
}

p.noti_process {
  border: 1px solid #fef3e2;
  border-left: 10px solid #fef3e2;
}

p.noti_attention {
  border: 1px solid #fdfbe3;
  border-left: 10px solid #fdfbe3;
}

p.noti_relation {
  border: 1px solid #f9fae6;
  border-left: 10px solid #f9fae6;
}

h4.paper01,
h4.process01,
h4.attention01,
h4.relation01 {
  position: relative;
  width: 100%;
  font-size: 17px;
  font-weight: 700;
  padding: 5px 0 5px 10px;
  box-sizing: border-box;
}

h4.paper01 {
  background-color: #fcbfad;
}

h4.process01 {
  background-color: #fedba6;
}

h4.attention01 {
  background-color: #f8f3a5;
}

h4.relation01 {
  background-color: #e9ed9c;
}

/* ---------- トップへ戻る */
#contents .item-section p.return {
  margin-right: 10px;
}

#contents .item-section table.select th {
  width: 230px;
  height: 50px;
  font-size: 17px;
  font-weight: 700;
  border-top: 1px solid #f28739;
  border-bottom: 1px solid #f28739;
}

#contents .item-section table.select th span.itemthSmall01 {
  font-size: 12px;
}

#contents .item-section {
  margin-bottom: 30px;
}

#contents .item-section table.select td {
  height: 65px;
  text-align: center;
  border-bottom: 1px solid #000;
}

#contents .item-section table.select td.name {
  position: relative;
}

#contents .item-section table.select td.name a {
  color: #000;
}

#contents .item-section table.select td.name a:hover {
  text-decoration: none;
}

#contents .item-section table.select td.name a.itemLink_common {
  display: table-cell;
  width: 230px;
  height: 65px;
  vertical-align: middle;
  padding: 0 10px;
  margin: 0;
  text-decoration: none;
  box-sizing: border-box;
}

#contents .item-section table.flyers td.name:hover,
#contents .item-section table.flyers td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.tiket td.name:hover,
#contents .item-section table.tiket td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.crimp td.name:hover,
#contents .item-section table.crimp td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.posters td.name:hover,
#contents .item-section table.posters td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.cards td.name:hover,
#contents .item-section table.cards td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.brochure td.name:hover,
#contents .item-section table.brochure td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.Stitching td.name:hover,
#contents .item-section table.Stitching td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.adhesivebinding td.name:hover,
#contents .item-section table.adhesivebinding td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.fanzine td.name:hover,
#contents .item-section table.fanzine td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.envelope td.name:hover,
#contents .item-section table.envelope td.name:hover a {
  background-color: #f2be2a;
  color: #fff;
}

#contents .item-section table.pocket td.name:hover,
#contents .item-section table.pocket td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.Conference td.name:hover,
#contents .item-section table.Conference td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.calendars td.name:hover,
#contents .item-section table.calendars td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.menu td.name:hover,
#contents .item-section table.menu td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.goods td.name:hover,
#contents .item-section table.goods td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.BusinessGoods td.name:hover,
#contents .item-section table.BusinessGoods td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.dvdcover td.name:hover,
#contents .item-section table.dvdcover td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.folders td.name:hover,
#contents .item-section table.folders td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.package td.name:hover,
#contents .item-section table.package td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.display td.name:hover,
#contents .item-section table.display td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.stickers td.name:hover,
#contents .item-section table.stickers td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.paperbag td.name:hover,
#contents .item-section table.paperbag td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.promotion td.name:hover,
#contents .item-section table.promotion td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.t-shirts td.name:hover,
#contents .item-section table.t-shirts td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.season td.name:hover,
#contents .item-section table.season td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.express td.name:hover,
#contents .item-section table.express td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.estimate td.name:hover,
#contents .item-section table.estimate td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.option td.name:hover,
#contents .item-section table.option td.name:hover a {
  background: #f2be2a;
  color: #fff;
}

#contents .item-section table.select td.name img {
  position: absolute;
  bottom: 5px;
  right: 5px;
  border: 2px solid #fff;
}

#contents .item-section table.select td.etc a {
  display: block;
  height: 100%;
  width: 100%;
  color: #000;
  line-height: 65px;
  text-decoration: none;
}

#contents .item-section table.select td.etc a:hover {
  color: #fff;
}

/* 価格表
------------- */
#cat-page table.sys_pricetable {
  width: 100%;
  margin-bottom: 20px;
  table-layout: fixed;
  font-family: Arial;
  font-size: 108%;
}

#cat-page table.sys_pricetable th,
#cat-page table.sys_pricetable td {
  border: 1px solid #ccc;
  text-align: center;
  padding: 4px;
}

#cat-page table.sys_pricetable td s {
  font-size: 88%;
  color: #666;
}

#cat-page table.sys_pricetable .sys_pricetable_header {
  background: #e5e5e5;
  border: 3px solid #fff;
}

#cat-page table.sys_pricetable .sys_even {
  background: #fafafa;
  border: 3px solid #fff;
}

#cat-page table.sys_pricetable .sys_even th {
  text-align: right;
  border: 3px solid #fff;
}

#cat-page table.sys_pricetable .sys_odd th {
  background: #f2edf5;
  text-align: right;
  border: 3px solid #fff;
}

#cat-page table.sys_pricetable .sys_even td {
  border: 3px solid #fff;
}

#cat-page table.sys_pricetable .sys_odd td {
  background: #f2edf5;
  border: 3px solid #fff;
}

#cat-page table.sys_pricetable .sys_line {
  border: 3px solid #fff;
}

/* Loading Image
-------------------- */
#loadingImageWrap {
  position: fixed;
  z-index: 200;
  top: 50%;
  left: 50%;
  width: 160px;
  height: 160px;
  color: #282828;
  font-size: 30px;
  text-align: center;
  background: #fff;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 16px;
  padding: 10px 0;
  margin: -80px 0 0 -80px;
}

#loadingImageWrap > p {
  height: 50px;
}

/* 料金表のcss */
.sys_pricetable td,
.sys_pricetable th {
  border: 1px solid #ccc;
  text-align: center;
  padding: 4px;
}

div.select_paper_id {
  background: none;
}

.select_paper div.paper input {
  top: 70px;
}

.select_paper {
  height: 90px;
}

.dot_line {
  float: left;
  margin-top: 15px;
  margin-right: 15px;
}

.select_nouki label.name {
  width: 100%;
  padding-top: 10px;
  height: 20px;
}

label.label_delidate {
  width: 47px;
  height: 64px;
}

/* 仕様指定時テーブル */
body#setupBuy table.sys_pricetable .sys_odd th {
  background: #d5edff;
}

body#setupBuy table.sys_pricetable .sys_odd td {
  background: #f5f5f5;
}

/* DesignSupport デザインサポート */
.i_bg_color {
  background: #f1e4ce;
  margin-bottom: 30px;
}

h3.tt1 {
  width: 100%;
  color: #ff2e4b !important;
  text-align: center;
  font-size: 200% !important;
  margin: 30px 0 5px;
  letter-spacing: 10px;
  background: none !important;
}

.i_info {
  color: #ff2e4b;
  text-align: center;
  width: 683px;
  float: left;
  margin: 0 15px 30px;
}

#i_menuctnr {
  float: left;
  margin: 0 15px;
  margin-bottom: 22px;
}

#i_menuctnr li {
  display: inline;
}

#i_menuctnr li a {
  float: left;
  height: 0;
  padding-top: 45px;
  overflow: hidden;
  background: url(/styles/img/inquiry/irodori_menu_ctn.png) left top no-repeat;
}

#i_menuctnr .i_menuctnr01 a {
  width: 169px;
  margin-right: 2px;
  background-position: 0 0;
}

#i_menuctnr .i_menuctnr02 a {
  width: 170px;
  margin-right: 2px;
  background-position: -171px 0;
}

#i_menuctnr .i_menuctnr03 a {
  width: 169px;
  margin-right: 2px;
  background-position: -343px 0;
}

#i_menuctnr .i_menuctnr04 a {
  width: 169px;
  background-position: -514px 0;
}

#i_menuctnr .i_menuctnr01 a:hover {
  background-position: 0 -45px;
}

#i_menuctnr .i_menuctnr02 a:hover {
  background-position: -171px -45px;
}

#i_menuctnr .i_menuctnr03 a:hover {
  background-position: -343px -45px;
}

#i_menuctnr .i_menuctnr04 a:hover {
  background-position: -514px -45px;
}

#i_ctn01,
#i_ctn02,
#i_ctn03,
#i_ctn04 {
  width: 683px;
  margin: 0 15px;
  float: left;
}

#i_ctn01 h4,
#i_ctn02 h4,
#i_ctn03 h4,
#i_ctn04 h4 {
  width: 100%;
  padding-top: 8px;
  border-top: 5px solid #ff2e4b;
  color: #ff2e4b;
  font-size: 200%;
  margin-top: 10px;
}

#i_ctn01 h4 a,
#i_ctn02 h4 a,
#i_ctn03 h4 a,
#i_ctn04 h4 a {
  color: #ff2e4b;
}

a.i_btn_totop {
  width: 88px;
  height: 20px;
  float: right;
  overflow: hidden;
  margin-top: 3px;
  background: url(/styles/img/inquiry/irodori_btn_totop2.png) left top no-repeat;
}

.i_btn_totop span {
  float: left;
  width: 88px;
  height: 0;
  padding-top: 20px;
  overflow: hidden;
  background: url(/styles/img/inquiry/irodori_btn_totop.png) left top no-repeat;
}

.i_img01,
.i_img02,
.i_img03 {
  float: left;
  text-align: center;
  vertical-align: middle;
  height: 300px;
  margin-top: 10px;
}

.i_img01 img,
.i_img02 img,
.i_img03 img {
  margin-top: 30px;
}

.i_img01 {
  width: 231px;
}

.i_img02 {
  width: 231px;
}

.i_img03 {
  width: 221px;
}

.i_ico_new {
  position: absolute;
  float: left;
  display: block;
  width: 50px;
  height: 50px;
  background: url(/styles/img/inquiry/irodori_ico_new.png) left top no-repeat;
}

/* SlimBox2 */
#lbOverlay {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  cursor: pointer;
}

#lbCenter,
#lbBottomContainer {
  position: absolute;
  z-index: 9999;
  overflow: hidden;
  background-color: #fff;
}

.lbLoading {
  background: #fff url(/styles/img/inquiry/img_sb2_loading.gif) no-repeat center;
}

#lbImage {
  position: absolute;
  left: 0;
  top: 0;
  border: 10px solid #fff;
  background-repeat: no-repeat;
}

#lbPrevLink,
#lbNextLink {
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  outline: none;
}

#lbPrevLink {
  left: 0;
}

#lbPrevLink:hover {
  background: transparent url(/styles/img/inquiry/img_sb2_prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
  right: 0;
}

#lbNextLink:hover {
  background: transparent url(/styles/img/inquiry/img_sb2_nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 10px;
  color: #666;
  line-height: 1.4em;
  text-align: left;
  border: 10px solid #fff;
  border-top-style: none;
}

#lbCloseLink {
  display: block;
  float: right;
  width: 66px;
  height: 22px;
  background: transparent url(/styles/img/inquiry/img_sb2_closelabel.gif) no-repeat center;
  margin: 5px 0;
  outline: none;
}

#lbCaption,
#lbNumber {
  margin-right: 71px;
}

#lbCaption {
  font-weight: 700;
}

#linenap {
  background-color: #fff7a9;
  font-size: 95%;
  float: left;
  padding: 0 35px;
  margin: 0 0 10px 50px;
  border-style: solid;
  border-color: #f00;
  border-width: 2px;
}

a#gbotton {
  background: transparent !important;
}

a#gbotton:hover {
  background: transparent !important;
}

.lbl {
  float: left;
  display: block;
  width: 100%;
  margin: 0 !important;
}

.lbl input[type='checkbox'],
.lbl input[type='radio'] {
  margin-right: 5px;
}

table.tableType01.thw150 th {
  width: 40% !important;
}

.wid535 {
  width: 100%;
}

.sub {
  background: #fafafa !important;
}

/* 数字 */
.dc > li {
  list-style-type: decimal !important;
  margin-left: 2em;
}

/* お客様の声 */
#bodyframe {
  width: 980px;
  text-align: center;
  margin: 0 auto;
}

#bf_txt {
  width: 750px;
  margin: 0 auto;
}

#bf_2col {
  background: url(/styles/img/voice/uv_txtbgimg.jpg) top center;
  width: 300px;
  font-size: 10pt;
  text-align: left;
  padding: 13px 10px;
  margin: 0 auto;
}

.uname {
  width: 249px;
  font-size: 16pt;
  padding-left: 10px;
}

.uname span {
  font-size: 10pt;
}

.txtpc {
  font-size: 8pt;
  font-weight: 700;
  text-align: right;
}

.txtdt {
  padding: 10px 0;
  margin-bottom: 10px;
  margin-top: 10px;
  border-bottom: 2px dashed #fff;
  border-top: 2px dashed #fff;
}

.aniro {
  font-weight: 700;
  color: #036e0f;
}

.aniro span {
  font-size: 14pt;
  font-weight: 700;
}

/* デザイン制作サービスアンケート */
.design_service .designTaste, .design_service .designOption, .design_service .targetAge {
  display: inline-block;
  margin-right: 8px;
  width: 90px;
  height: 25px;
}

.design_service .targetAge {
  display: inline-block;
  margin-right: 4px;
  width: 50px;
  height: 25px;
}

.design_service .targetGenderArea, .design_service .targetAgeArea, .design_service .designTasteArea {
  margin-bottom: 10px;
}

.design_service .selected_theme_color, .design_service .selected_theme_color_name, .design_service .selected_bg_color, .design_service .selected_bg_color_name {
  display: inline-block;
}

.design_service .selected_theme_color, .design_service .selected_bg_color {
  width: 30px;
  height: 1.3rem;
}

.design_service .selected_theme_color_name, .design_service .selected_bg_color_name {
  width: 120px;
}

.design_service .colorRadio {
  display: inline-block;
  width: 148px;
  height: 35px;
}

.design_service html.modalset {
  overflow: hidden;
}

.design_service .modal {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}

.design_service .modalWrap {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 20px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}

.design_service .modalWrap::-webkit-scrollbar {
  display: none;
}

.design_service .modalWrap:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 100%;
}

.design_service .modalBg {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(51, 51, 51, 0.8);
  width: 100%;
  height: 100%;
}

.design_service .modalBox {
  width: 100%;
  max-width: 798px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.design_service .modalBox .inner {
  background: #fff;
  padding: 80px 16px;
  text-align: left;
}

.design_service .modalBox .inner > :first-child {
  margin-top: 0;
}

.design_service .modalBox .colorSample {
  display: inline-block;
  width: 30px;
  height: 1.3rem;
  color: red;
  vertical-align: middle;
}

.design_service #themeModalOpen, .design_service #themeModalClose, .design_service #bgModalOpen, .design_service #bgModalClose {
  cursor: pointer;
  width: 200px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
  padding: 12px 0;
  margin: 16px auto 0;
}

.ui-datepicker-header a.ui-datepicker-prev, .ui-datepicker-header a.ui-datepicker-next {
  display: inline-block;
}

.c-accordion {
  width: 100%;
}

.c-accordion:first-child > .c-accordionLink {
  border-top: 1px solid #bfbfbf;
}

.c-accordionLink {
  position: relative;
  width: 100%;
  color: #333;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 18px 30px 18px 15px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #bfbfbf;
}

.c-accordionLink > a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  color: #9a9a9a;
}

.c-accordionLink::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  top: 50%;
  right: 16px;
  width: 7px;
  height: 11px;
  margin-top: -6px;
  background: url("./images/icn-btnm-arrow-g.svg") no-repeat;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all .3s;
  transition: all .3s;
}

.c-accordionLink.is-active::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.c-accordionItems {
  width: 100%;
  height: 0;
  overflow: hidden;
}

.c-accordionItems.is-open {
  height: auto;
}

.c-accordionItem {
  border-bottom: 1px solid #bfbfbf;
}

.c-accordionItem__link {
  display: inline-block;
  position: relative;
  z-index: 0;
  width: 100%;
  color: #333;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 18px 30px 18px 15px;
  text-decoration: none;
}

.c-accordionItem__link::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  top: 50%;
  right: 16px;
  width: 7px;
  height: 11px;
  margin-top: -6px;
  background: url("./images/icn-btnm-arrow-m.svg") no-repeat;
}

.c-accordionItem__link--icon {
  padding-left: 70px;
}

.c-backButton {
  width: 100%;
  padding: 0 12px;
}

.c-backButton__link {
  display: inline-block;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 700;
  color: #9a9a9a;
  padding-left: 16px;
  position: relative;
}

.c-backButton__link::after {
  content: '';
  position: absolute;
  display: block;
  width: 5px;
  height: 5px;
  border-top: 1px solid #9a9a9a;
  border-left: 1px solid #9a9a9a;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  top: 50%;
  left: 0;
}

/*
パンくずリスト
---------------------------------------- */
.c-breadcrumbListWrap {
  padding-top: 56px;
}

.c-breadcrumbList {
  display: -webkit-box;
  display: flex;
  overflow-x: scroll;
  position: relative;
  z-index: 0;
  height: 40px;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
}

.c-breadcrumbList::after {
  flex-shrink: 0;
  content: '';
  display: inline-block;
  position: relative;
  z-index: -1;
  top: 50%;
  left: -10px;
  margin-top: -7px;
  height: 13px;
  width: 20px;
  background: #f5f5f5;
  -webkit-transform: rotate(70deg) skewX(50deg);
          transform: rotate(70deg) skewX(50deg);
  box-shadow: 0.5px 0 2px 1px rgba(0, 0, 0, 0.15);
}

.c-breadcrumbList > li {
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  z-index: 0;
  padding: 0 5px 0 18px;
  background: #fff;
}

.c-breadcrumbList > li::before {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 0;
  top: 50%;
  left: -10px;
  margin-top: -7px;
  height: 13px;
  width: 20px;
  background: #fff;
  -webkit-transform: rotate(70deg) skewX(50deg);
          transform: rotate(70deg) skewX(50deg);
  box-shadow: 0.5px 0 2px 1px rgba(0, 0, 0, 0.15);
}

.c-breadcrumbList > li:first-child {
  padding: 0 14px 0 17px;
}

.c-breadcrumbList > li:first-child::before {
  content: none;
}

.c-breadcrumbList > li:last-child {
  background: #f5f5f5;
}

.c-breadcrumbList > li > a {
  color: #6a6a6a;
  font-size: 10px;
  line-height: 38px;
}

.c-breadcrumbList > li > a > img {
  vertical-align: middle;
}

.c-breadcrumbList > li > span {
  color: #6a6a6a;
  font-size: 10px;
  font-weight: 700;
  line-height: 38px;
}

.c-button {
  display: block;
  width: 240px;
  max-width: 100%;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #f28739;
  border-radius: 2px;
  padding: 17px 0;
  position: relative;
}

.c-button input {
  padding: 0;
  background-color: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.c-button.c-button--normal {
  width: auto;
  background: #f28739;
  padding: 14px 0 14px;
}

.c-button.c-button--arrow {
  position: relative;
  padding: 17px 24px;
}

.c-button.c-button--arrow::after {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  right: 13px;
  top: 50%;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.c-button.c-button--center {
  margin: 0 auto;
}

.c-button.c-button--small {
  display: inline-block;
  width: 48.4%;
}

.c-button.c-button--black {
  background: #666;
}

.c-button.c-button--dark {
  background: #252525;
}

.c-button.c-button--light {
  background: #8ba8dc;
}

.sideOrderBox2 table {
  float: left;
  width: 234px;
  text-align: center;
}

body#setupBuy .sideOrderBox2 table {
  width: 292px;
}

.sideOrderBox2 table#thisMonth {
  margin-right: 22px;
}

.sideOrderBox2 .selecterBox {
  clear: both;
  text-align: center;
  padding-top: 4px;
  margin-bottom: 32px;
}

.sideOrderBox2 .selecterBox ul#inputBox {
  margin-bottom: 16px;
}

.sideOrderBox2 .selecterBox ul#descBox {
  margin-bottom: 8px;
}

.sideOrderBox2 .selecterBox ul li {
  display: inline-block;
  margin-left: 30px;
}

.sideOrderBox2 .selecterBox ul li:first-child {
  margin-left: 0;
}

.sideOrderBox2 .selecterBox .dayType1,
.sideOrderBox2 .selecterBox .dayType2,
.sideOrderBox2 .selecterBox .dayType3,
.sideOrderBox2 .selecterBox .dayType4 {
  font-size: 20px;
}

#business_calendar {
  padding-top: 8px;
  margin-bottom: 8px;
}

.calendarDesc {
  float: left;
  width: 210px;
  margin-right: 10px;
}

.calendarDesc_tit {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 27px;
  margin-bottom: 13px;
}

#descBox {
  margin-left: 13px;
}

#descBox > li > span {
  vertical-align: middle;
}

#descBox li[class^='dayType']::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin-right: 6px;
}

#descBox .dayType1::before {
  background: #fe0000;
}

#descBox .dayType2::before {
  background: #fc6;
}

#descBox .dayType3::before {
  background: #005bab;
}

#descBox .dayType4::before {
  background: #7dccf3;
}

.calendarDesc__att {
  font-size: 1rem;
  text-indent: -1em;
  line-height: 1.3rem;
  padding-left: 1em;
  margin: 12px 0 1em;
}

.calendarDesc__workTime {
  color: #4e4e4e;
  font-size: 1rem;
  border: 1px solid #646464;
  padding: 0 .3em;
}

/* カレンダーメイン */
.calendarDisp {
  float: right;
  width: 490px;
}

.sideOrderBox2 .selecterBox.txt2 {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.4;
}

.sideOrderBox2 .selecterBox .radio {
  vertical-align: -2px;
  margin-right: 3px;
}

.sideOrderBox2 .selecterBox p {
  font-size: 11px;
}

.sideOrderBox2 table thead th {
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 8px;
}

.sideOrderBox2 table tbody th {
  font-size: 15px;
  font-weight: 700;
}

.sideOrderBox2 table tbody th.sun {
  color: #ff0414;
}

.sideOrderBox2 table tbody th.sat {
  color: #0086ff;
}

.sideOrderBox2 table td {
  cursor: pointer;
  font-weight: 700;
  border-bottom: 1px solid #ddd;
  padding: 8px 0;
}

.sideOrderBox2 table td.act {
  color: #fff;
  background-color: #fe0000 !important;
}

.sideOrderBox2 table td.ship {
  background-color: #fc6 !important;
}

.sideOrderBox2 table td.rest {
  color: #fff;
  background-color: #005bab;
}

.sideOrderBox2 table td.holiday {
  background-color: #7dccf3;
}

.sideOrderBox2 table td.none {
  cursor: default;
}

.sideOrderBox2 table td.noBorder01 {
  border-bottom: none !important;
}

.c-checkBox {
  display: block;
}

.c-checkBox > input {
  position: absolute;
  opacity: 0;
  width: 0;
}

.c-checkBox__text {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding-left: 18px;
  cursor: pointer;
  vertical-align: middle;
  line-height: 1;
}

.c-checkBox__text::before {
  position: absolute;
  left: 0;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: auto;
  width: 12px;
  height: 12px;
  border: 1px solid #333;
  border-radius: 2px;
  background-color: #fff;
  content: '';
  -webkit-transition: all .3s;
  transition: all .3s;
}

.c-checkBox__text::after {
  font-family: Material Icons, sans-serif;
  -webkit-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
  content: 'check';
  position: absolute;
  font-size: 1.2rem;
  width: 1em;
  height: 1em;
  -webkit-transition: all .3s;
  transition: all .3s;
  color: #333;
  line-height: 1;
  opacity: 0;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.c-checkBox > input[type='checkbox']:checked + .c-checkBox__text::before {
  background-color: #333;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.c-checkBox > input[type='checkbox']:checked + .c-checkBox__text::after {
  opacity: 1;
  color: #fff;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.c-comfirm__table {
  width: 100%;
  margin-top: 10px;
}

.c-comfirm__table__row {
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

.c-comfirm__table__head {
  background-color: #fcefd8;
  font-weight: 500;
  padding: 14px;
  text-align: left;
}

.c-comfirm__table__data {
  padding: 14px;
  word-wrap: break-word;
}

.c-form {
  margin-top: 9px;
}

.c-form__personal,
.c-form__forgot,
.c-form__otherBlock {
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

.c-form__other {
  margin-bottom: 24px;
}

.c-form__otherBlock--common {
  border: 1px solid #bfbfbf;
  border-top: none;
}

.c-formItem {
  border-bottom: 1px solid #bfbfbf;
}

.c-formItem:last-child {
  border-bottom: none;
}

.c-formItem__inner {
  padding: 16px 16px 32px;
}

.c-formItem__heading {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  font-weight: 500;
  background-color: #fcefd8;
  padding: 10px 16px;
}

.c-formItem__heading > span {
  flex-shrink: 0;
  display: inline-block;
  padding: 4px 12px;
  color: #6a6a6a;
  font-size: 1.2rem;
  background-color: #fff;
  border-radius: 4px;
}

.c-formItem__heading .c-required {
  display: inline-block;
  padding: 4px 12px;
  color: #fff;
  font-size: 1.2rem;
  background-color: #f28739;
  border-radius: 4px;
}

.c-formItem__heading--s1 {
  background-color: #dcecf7;
}

.c-formItem__heading--s1 .c-required {
  background: #006ab7;
}

.c-formItem__heading.c-formItem__heading--other {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.c-formItem__rdoBtn {
  list-style: none;
}

.c-formItem__rdoBtn:last-child {
  margin-top: 14px;
}

.c-formItem__number {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  flex-wrap: wrap;
}

.c-formItem__input--large {
  width: 100% !important;
}

.c-formItem__input--medium {
  margin-left: 8px;
}

.c-formItem__input--small {
  width: 26% !important;
}

.c-formItem__input--hyphen {
  display: inline-block;
}

.c-formItem__select {
  width: 53%;
}

.c-formItem__textarea {
  width: 100%;
  height: 120px;
}

.c-formTerms {
  height: 197px;
  width: 100%;
  margin-top: 8px;
}

.c-formTerms > iframe {
  border: 1px solid #d8d8d8;
}

.c-formTerms__checkBox {
  text-align: center;
  margin-top: 16px;
}

.c-formItem__postal01 {
  width: 14% !important;
  min-width: 48px;
}

.c-formItem__postal02 {
  width: 18.6% !important;
  min-width: 64px;
}

.postal.c-formItem__button {
  margin-top: 10px;
}

.c-form__tabs {
  display: -webkit-box;
  display: flex;
  border-bottom: 3px solid #8ba8dc;
  list-style: none;
}

.c-form__tab {
  display: inline-block;
  width: 49%;
  margin-bottom: -3px;
}

.c-form__tab:first-child {
  margin-right: 2%;
}

.c-form__tab__link {
  display: block;
  text-align: center;
  padding: 10px 10%;
  border-radius: 4px 4px 0 0;
  color: #fff;
  text-decoration: none;
  background-color: #c5d4ed;
  border-bottom: 3px solid #8ba8dc;
}

.c-form__tab__link.is-active {
  background-color: #8ba8dc;
}

.c-form__comfirm {
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

.c-form__comfirm__heading {
  padding: 14px 16px;
  font-weight: 500;
  background-color: #dcecf7;
}

.c-form__comfirm__data {
  padding: 16px 16px 32px;
}

.c-form__comfirm__data:not(:last-child) {
  border-bottom: 1px solid #bfbfbf;
}

.c-form__comfirm--m .c-form__comfirm__heading {
  background: #fcefd8;
}

.c-text {
  width: 100%;
}

.c-heading {
  padding: 2px 0 2px 12px;
  margin-bottom: 24px;
  font-size: 2.2rem;
  font-weight: 700;
  border-left: 4px solid;
  -webkit-border-image: -webkit-linear-gradient(#f2be2a, #f28739) 0 0 0 1;
       -o-border-image: linear-gradient(#f2be2a, #f28739) 0 0 0 1;
          border-image: linear-gradient(#f2be2a, #f28739) 0 0 0 1;
}

.c-heading--s {
  padding: 1px 0 1px 11px;
  margin-bottom: 16px;
  font-size: 2.1rem;
}

.c-heading > span {
  font-weight: 500;
  font-size: 1.5rem;
  color: #f08743;
}

.c-listLink {
  width: 100%;
  color: #9a9a9a;
  font-size: 1.6rem;
  font-weight: 700;
  background-color: #f5f5f5;
  border-bottom: 1px solid #cecece;
  position: relative;
}

.c-listLink > a {
  display: inline-block;
  width: 100%;
  padding: 16px 17% 16px 16px;
  text-decoration: none;
  color: #9a9a9a;
}

.c-listLink::after {
  content: '';
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #9b9b9b;
  border-right: 1px solid #9b9b9b;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 16px;
}

.c-memberInfo {
  width: 100%;
}

.c-memberInfoHeader {
  width: 100%;
  text-align: center;
  background-color: #333;
  padding: 12px 8% 9px;
}

.c-memberInfoHeader > span {
  font-size: 1.4rem;
  display: inline-block;
  color: #fff;
}

.c-memberInfoHeader__name {
  margin-left: 1em;
}

.c-memberInfoHeader > .c-memberInfoHeader__number {
  font-size: 1.1rem;
}

.c-memberInfoPointWrap {
  width: 100%;
  font-size: 0;
}

.c-memberInfoPoint__head {
  display: inline-block;
  width: 54%;
  background-color: #f2be2a;
  padding: 11px 15px;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
}

.c-memberInfoPoint__nowPoint {
  display: inline-block;
  width: 46%;
  padding: 11px 15px;
  text-align: center;
  font-size: 1.4rem;
}

.c-optional {
  display: inline-block;
  padding: 4px 12px;
  color: #6a6a6a;
  font-size: 1.2rem;
  background-color: #fff;
  border-radius: 4px;
}

.c-orderTable {
  border-collapse: collapse;
}

.c-orderTable:not(:first-child) {
  margin-top: 16px;
}

.c-orderTable__head, .c-orderTable__checkbox {
  width: 38%;
  padding: 14px;
  font-weight: 500;
  vertical-align: top;
  text-align: left;
  background-color: #fcefd8;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

.c-orderTable__checkbox {
  width: 100%;
  padding: 14px;
}

.c-orderTable__data {
  padding: 14px;
  text-align: left;
  word-break: break-word;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

.c-orderTable--my .c-orderTable__head {
  background-color: #dcecf7;
}

.c-orderTable--my .c-orderTable__checkbox {
  background-color: #fff;
  border-top: none;
}

.c-price {
  color: #cd201f;
  font-size: 2.4rem;
  font-weight: 700;
}

.c-price__yen {
  color: #333;
  font-size: 1.4rem;
  font-weight: 400;
}

.c-sct {
  margin-bottom: 80px;
}

.c-subHeading {
  padding: 12px 0;
}

.c-subHeading > p {
  font-size: 1.6rem;
  font-weight: 700;
  padding: 8px 12px;
  border-left: 3px solid #f28739;
}

.c-subButton {
  display: inline-block;
  width: 100%;
  font-size: 1.6rem;
  padding: 12px 0;
  border-radius: 2px;
  background-color: #f28739;
  color: #fff;
}

.c-subButton.c-subButton--gray {
  background-color: #9b9b9b;
}

.c-subButton.c-subButton--lightBlue {
  background-color: #8ba8dc;
}

.c-title {
  margin-bottom: 16px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
}

.c-title.border::after {
  content: '';
  display: block;
  width: 64px;
  height: 2px;
  margin-top: 8px;
  background: -webkit-linear-gradient(right, #f2be2a, #f28739);
  background: linear-gradient(to left, #f2be2a, #f28739);
}

.c-spreadTtl {
  padding: 6px 15px;
  margin-bottom: 24px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  background: #f28739;
}

.c-spreadTtl--s1 {
  background: #006ab7;
}

#cart hr {
  clear: both;
  border: 0;
  border-bottom: 2px solid #f28739;
  margin: 24px 0 !important;
}

.p-cart__flowImg {
  width: 100%;
  margin-top: 9px;
}

.p-cart__lead {
  margin-bottom: 16px;
  line-height: 1.75;
}

.p-cart__form {
  border-top: 1px solid #bfbfbf;
  padding-top: 16px;
}

.p-cart__table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.p-cart__table__row {
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
}

.p-cart__table__head {
  background-color: #eeefe7;
  font-weight: 400;
  font-size: 1.2rem;
  padding: 9px 8px 8px;
  text-align: left;
}

.p-cart__table__data {
  font-size: 1.1rem;
  padding: 12px 8px 10px;
}

.p-cart__orderName {
  border: 1px solid #bfbfbf;
}

.p-cart__orderName__headingWrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 10px 15px;
  background-color: #fcefd8;
}

.p-cart__orderName__headingWrap .c-optional {
  margin-left: auto;
}

.p-cart__orderName input {
  margin: 8px auto;
}

.p-cart__orderName__body {
  padding: 16px 15px;
}

.p-cart__product {
  margin-top: 24px;
  border: 1px solid #bfbfbf;
  border-top: 1px solid #f28739;
}

.p-cart__product:first-child {
  margin-top: 12px;
}

.p-cart__productName {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 0;
  color: #f28739;
  font-size: 1.4rem;
  font-weight: 700;
  border-top: 1px solid #f28739;
}

.p-cart__detailNum {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  height: 47px;
  width: 47px;
  margin-right: 10px;
  background-color: #f28739;
}

.p-cart__productName.p-cart__productName--delivery {
  border-bottom: none;
}

.p-cart__productCont {
  border-top: 1px solid #bfbfbf;
}

.p-cart__productCont__header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 12px 15px;
  background-color: #fcefd8;
}

.p-cart__productCont__header > span {
  display: inline-block;
  margin-right: 8px;
}

.p-cart__productCont__header .c-optional {
  margin-left: auto;
}

.p-cart__productCont__inner {
  padding: 16px 15px;
}

.p-cart__orderName__text {
  margin-top: 10px;
}

.p-cart__productCont__reCalc {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px solid #bfbfbf;
}

.p-cart__productCont__reCalcBtn {
  width: 40.2%;
}

.p-cart__productPrice {
  padding-top: 12px;
  margin-top: 12px;
  font-weight: 500;
  text-align: right;
  border-top: 1px solid #bfbfbf;
}

.p-cart__productPrice .c-price {
  margin-left: 5px;
}

.p-cart__productCont__btnWrap {
  padding: 16px 15px;
}

.p-cart__productCont__btnWrap > div {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}

.p-cart__productCont__btnWrap > div > button {
  width: 46.3%;
}

.p-cart__totalAmount {
  margin: 32px auto 48px;
  border-top: 2px solid #f28739;
  border-bottom: 2px solid #f28739;
}

.p-cart__totalAmount div {
  padding: 15px;
  text-align: right;
}

.p-cart__totalAmount div p {
  font-weight: 500;
}

.p-cart__totalAmount div p:not(:first-child) {
  margin-top: 6px;
}

.p-cart__totalAmount__delivate {
  padding: 15px;
  font-weight: 500;
  background-color: #f5f5f5;
  border-top: 1px solid #bfbfbf;
}

.p-cart__totalAmount__delivate span {
  color: #cd201f;
  font-size: 2.2rem;
  font-weight: 700;
}

.p-cart__totalAmount__delivate ul {
  padding-left: 1em;
  margin-top: 6px;
  font-size: 1rem;
  text-align: left;
  text-indent: -1em;
}

.p-cartChangeTotal {
  padding: 15px;
  word-break: break-all;
  background: #f5f5f5;
  border-bottom: 1px solid #bfbfbf;
}

.p-cartChangeTotal dl {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: baseline;
          align-items: baseline;
  -webkit-box-pack: end;
          justify-content: flex-end;
  font-weight: 500;
}

.p-cartChangeOptTtl {
  padding: 12px 15px;
  margin: 20px 0 -20px;
  font-weight: 500;
  background: #fcefd8;
  border: 1px solid #bfbfbf;
  border-bottom: none;
}

.detailOption .td2 .name,
.detailOption .td2 .select,
.detailOption .td2 .num {
  margin-bottom: 10px;
}

.detailOption .td2 .name {
  font-weight: 700;
}

.proofreadService01 {
  margin-bottom: 48px;
  border: 1px solid #bfbfbf;
}

.proofreadService01__ttl {
  padding: 10px 15px;
  font-weight: 500;
  background: #fcefd8;
}

.proofreadService01__body {
  padding: 15px;
}

.p-cart__procedure {
  width: 100%;
  text-align: center;
  margin: 24px auto 16px;
}

.p-cart__procedure__register {
  margin-top: 20px;
}

.p-cart__procedure__regist {
  display: inline-block;
  background-color: #f5f5f5;
  width: 161px;
  padding: 8px 10px 8px;
  line-height: 1;
}

.p-cart__procedure__regist:not(:nth-child(1)) {
  margin-left: 3.5%;
}

.p-cart__paymentCont {
  padding-bottom: 16px;
  margin-top: 25px;
  border-top: 2px solid #f28739;
  border-bottom: 1px solid #bfbfbf;
}

.p-cart__paymentCont:first-child {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}

.p-cart__paymentCont__inner {
  padding: 5px;
}

.p-cart__payment__header {
  padding: 15px;
  margin-bottom: 16px;
  font-size: 1.4rem;
  font-weight: 500;
  background: #fcefd8;
  border-bottom: 1px solid #bfbfbf;
}

.p-cart__payment__note {
  font-size: 1.2rem;
  margin-top: 18px;
}

.p-cart__payment__noteTtl {
  display: block;
  padding-bottom: 4px;
  margin-bottom: 8px;
  color: #cd201f;
  font-size: 1.6rem;
  font-weight: 700;
  border-bottom: 1px solid #cd201f;
}

.p-cart__paymentNP__img {
  text-align: center;
}

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

.p-cart__paymentNP__desc {
  margin: 20px 0 16px;
}

.p-cart__paymentNP__desc a {
  text-decoration: none;
  color: #9a9a9a;
}

.p-cart__paymentBank__select {
  margin-top: 18px;
}

.p-cart__paymentBank__caution {
  padding: 16px;
  margin-top: 16px;
  background-color: #f5f5f5;
}

.p-cart__paymentCard__img {
  max-width: 100%;
  height: auto;
}

.p-cart__paymentCard__infoWrap {
  margin-top: 12px;
}

.p-cart__paymentCard__check {
  padding: 12px 10px;
  background-color: #fcefd8;
}

.p-cart__paymentCard__infoHead {
  padding: 12px 10px;
  background-color: #e0e0e0;
}

.p-cart__paymentCard__infoInput {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 11px 0 16px;
}

.p-cart__paymentCard__input--small {
  width: 22.8%;
}

.p-cart__paymentCard__input--large {
  width: 67.6%;
}

.p-cart__paymentCard__hyphen {
  display: inline-block;
  margin: 0 .8%;
}

.p-cart__paymentCard__select {
  width: 33.4%;
  text-align: center;
  margin: 0 8px;
}

.p-cart__paymentCard__select:first-child {
  margin-left: 0;
}

.p-cart__paymentCard__save {
  text-align: center;
}

.p-cart__paymentCard__desc {
  margin-top: 23px;
}

.p-cart__paymentCard__caution {
  padding-left: 1em;
  color: #cd201f;
  font-size: 1.2rem;
}

.p-cart__paymentDeli__table {
  border-collapse: collapse;
  width: 100%;
}

.p-cart__paymentDeli__table tr:nth-child(odd) td {
  background: #f5f5f5;
}

.p-cart__paymentDeli__tableTop {
  font-weight: 400;
  padding: 8px 0;
  background-color: #fcefd8;
}

.p-cart__paymentDeli__tableHead {
  width: 50%;
  padding: 15px;
  color: #fff;
  font-weight: 500;
  text-align: left;
  border: 1px solid #bfbfbf;
  background-color: #9a9a9a;
}

.p-cart__paymentDeli__tableData {
  width: 50%;
  padding: 15px;
  border: 1px solid #bfbfbf;
}

.p-cart__paymentDeli__desc {
  margin-top: 8px;
}

.p-cart__paymentDeli__note {
  margin-top: 16px;
  list-style: none;
}

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

.p-cart__paymentDeli__note li::before {
  content: '・';
}

.p-cart__payment__pointNow {
  font-size: 2rem;
  font-weight: 700;
}

.p-cart__payment__pointWrap {
  margin-top: 17px;
}

.p-cart__payment__pointBtn {
  margin-bottom: 12px;
}

.p-cart__payment__pointNote {
  display: inline-block;
}

.p-cart__payment__pointBtn label {
  display: block;
}

.p-cart__payment__pointBtn label::before {
  top: 15%;
}

.p-cart__payment__pointBtn label::after {
  top: 5px !important;
}

.p-cart__payment__btnWrap {
  margin-top: 24px;
}

.p-cartPayment__note li {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: .5em;
}

.p-cartPayment__note--normal {
  font-size: 1.4rem;
}

.p-paymentCash__desc {
  line-height: 1.75;
}

.p-paymentCashList {
  font-size: 1.4rem;
  line-height: 1.75;
}

.p-paymentCashList__hl {
  font-weight: 700;
}

.p-cartPaymentTbl__detail th,
.p-cartPaymentTbl__detail td {
  display: block;
  border-bottom: none;
}

.p-cartPaymentTbl__detail th {
  font-weight: 500;
}

.p-cartPaymentTbl.tableType01 .cardTypeSelect {
  width: 64px;
  text-align: center;
}

.p-cartPaymentTbl.tableType01 {
  font-size: 1.4rem;
}

.p-cartPaymentTbl.tableType01 .box_num {
  width: 54px;
}

.p-cartPaymentTbl__detail.tableType01 th,
.p-cartPaymentTbl__detail.tableType01 td {
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 14px 15px;
}

.p-cartPaymentTbl__detail.tableType01 th {
  background: #f5f5f5;
  text-align: left;
  border-right: none;
  border-bottom: solid 1px #bfbfbf;
}

.p-cartPaymentTbl__detail.tableType01 td {
  background-color: #fff;
  border-left: none;
}

#paymentCash {
  font-size: 1.4rem;
}

.p-paymentCardCode {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
          align-items: flex-start;
}

.p-paymentCardCode__note {
  -webkit-box-flex: 1;
          flex: 1;
  font-size: 1.1rem;
  line-height: 1.5;
  padding-left: 1em;
  text-indent: -1em;
  margin-left: 11px;
}

.p-paymentCardNoteList li {
  margin-bottom: 23px;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.2rem;
}

.p-paymentCardNoteList li:last-child {
  margin-bottom: 0;
}

.p-paymentCardNoteList__caution {
  color: #cd201f;
}

.couponSect {
  margin-bottom: 48px;
  border: 1px solid #bfbfbf;
}

.couponSect__header {
  padding: 10px 15px;
  font-weight: 500;
  background: #fcefd8;
}

.couponSect__body {
  padding: 15px;
}

.couponSect__body dt {
  margin-bottom: 10px;
}

.p-cart__customer__info {
  margin-top: 24px;
  border: 1px solid #bfbfbf;
}

.p-cart__customer__infoHead {
  padding: 10px 15px;
  font-weight: 500;
  background-color: #fcefd8;
}

.p-cart__customer__infoData {
  padding: 16px 15px 32px;
  border-bottom: 1px solid #bfbfbf;
}

.p-cart__customer__infoData:last-child {
  border-bottom: none;
}

.p-cart__customer__changeBtn {
  margin-top: 24px;
}

.p-cart__customer__note {
  font-size: 1.2rem;
  text-align: center;
  margin-top: 16px;
}

.p-cart__customer__note > a {
  text-decoration: none;
  color: #9a9a9a;
}

.p-cart__customer__changeWrap {
  margin-top: 30px;
}

.p-cart__customer__changeForm {
  border: 1px solid #bfbfbf;
}

.p-cart__customer__select {
  margin-bottom: 16px;
}

.p-cart__delivery {
  border-bottom: 1px solid #bfbfbf;
}

.p-cart__delivery__productInfo {
  border-top: 1px solid #f28739;
}

.p-cart__delivery__productItem {
  padding: 12px 15px;
  font-weight: 500;
  background: #f5f5f5;
  border-top: 1px solid #bfbfbf;
}

.p-cart__delivery__productDesc {
  padding: 12px 15px;
  border-bottom: 1px solid #bfbfbf;
}

.p-cart__delivery__addBtn {
  display: block;
  padding: 11px 16px 11px 8px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  background-color: #f28739;
  margin: 24px auto;
}

.p-cart__delivery__detailHead {
  padding: 12px 15px;
  font-weight: 500;
  background: #f5f5f5;
  border-top: 1px solid #bfbfbf;
}

.p-cart__delivery__detailCont {
  padding: 16px 15px 32px;
}

.p-cartDelivBlk {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #333;
}

.p-cartDelivBlk:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.p-cart__delivery__radioBtn {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 18px;
}

.p-cart__delivery__radioBtn label {
  flex-shrink: 0;
  margin-right: 10px;
}

.p-cart__delivery__radioBtn select {
  width: 100%;
}

.p-cart__delivery__radioBtn label > span {
  width: 100%;
}

.p-cartNewDeliveryAddress {
  padding-bottom: 32px;
}

.p-cartNewDeliveryForm {
  border: 1px solid #bfbfbf;
}

.p-cart__delivery__sampleBtn {
  width: 100%;
  font-size: 1.3rem;
  color: #fff;
  padding: 10px 6%;
  margin-top: 17px;
  background-color: #f2be2a;
}

.p-cart__delivery__sampleNote {
  margin-top: 8px;
  font-size: 1.3rem;
}

.selectRegisteredDelivery {
  margin-bottom: 18px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.selectRegisteredDelivery label {
  flex-shrink: 0;
  margin-right: 10px;
}

.selectRegisteredDelivery select {
  width: 100%;
}

.p-cartNewSampleDeliveryForm {
  padding-bottom: 32px;
}

.p-cartOptionFormWrap {
  padding-bottom: 32px;
}

.p-cartOptionForm {
  border: 1px solid #bfbfbf;
}

.p-cart__optionBlock {
  margin-bottom: 40px;
  border-bottom: 1px solid #bfbfbf;
}

.p-cart__option__link {
  display: inline-block;
  text-decoration: none;
  font-size: 1.3rem;
  color: #f28739;
}

.deliveryOption {
  border-top: 1px solid #bfbfbf;
}

.p-cart__option__linkWrap {
  padding-bottom: 10px;
  text-align: right;
}

.p-cart__optionSender__text {
  margin-bottom: 16px;
  font-size: 1.2rem;
}

.p-cart__optionSender__input:not(:last-child) {
  margin-bottom: 15px;
}

.p-cart__optionSender__input label > span {
  width: 100%;
}

.p-cart__optionShipping__input:first-child {
  margin-bottom: 17px;
}

.p-cart__optionShipping__input.c-radioBtn label {
  display: inline-block;
}

.p-cart__optionShipping__input.c-radioBtn label::before {
  top: 15% !important;
}

.p-cart__optionShipping__input.c-radioBtn label::after {
  top: 5px !important;
}

.p-cart__optionShipping__text {
  margin: 18px auto 22px;
}

.p-cart__optionShipping__text .p-cart__option__link {
  margin-top: 10px;
}

.p-cart__optionDeli__other {
  border-top: 1px solid #bfbfbf;
}

.p-cart__optionDeli__head {
  padding: 10px 16px;
  font-weight: 500;
  background-color: #fcefd8;
}

.p-cart__optionDeli__head p {
  font-size: 1.2rem;
  margin-top: 4px;
}

.p-cart__optionDeli__body {
  padding: 16px 16px 32px;
}

.p-cart__optionDeli__timeItems {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 8px 0 0;
}

.p-cart__optionDeli__timeItem {
  display: inline-block;
  width: 45%;
  margin-bottom: 15px;
}

.p-cart__optionDeli__dateWrap {
  padding-top: 12px;
}

.p-cart__optionDeli__date {
  margin-bottom: 16px;
}

.p-cart__optionWeb__checkbox {
  display: inline-block;
  margin-top: 10px;
  padding-left: 1.94%;
}

.p-cart__optionWeb__note {
  margin-top: 10px;
  padding-left: 1.94%;
}

.p-cart__entry {
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

.p-cart__finalPay {
  margin-bottom: 32px;
}

.p-cart__finalPay__wrapper {
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

.p-cart__finalPay__heading {
  padding: 10px 16px;
  font-weight: 500;
  background-color: #fcefd8;
}

.p-cart__finalPay__payment {
  padding: 16px 16px 32px;
}

.p-cart__finalProduct {
  margin-bottom: 24px;
}

.p-cart__finalProductItem:not(:first-child) {
  margin-top: 24px;
}

.p-cartFinalProductIptName {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-top: 1px solid #bfbfbf;
}

.p-cartFinalProductIptName > div {
  display: table-row;
}

.p-cartFinalProductIptName__ttl, .p-cartFinalProductIptName__name {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 16px;
}

.p-cartFinalProductIptName__ttl {
  width: 100px;
  font-weight: 500;
  background-color: #fcefd8;
}

.p-cartFinalProductIptName__name {
  word-break: break-all;
}

.p-cart__finalProductInfo {
  border-collapse: collapse;
}

.p-cart__finalProductInfo__heading {
  padding: 10px 0;
  font-size: 1.3rem;
  font-weight: 500;
  text-align: center;
  border: 1px solid #bfbfbf;
  background-color: #f5f5f5;
}

.p-cart__finalProductInfo__detailHead {
  border-right: 1px solid #cecece;
  border-left: 1px solid #cecece;
  text-align: center;
  padding: 10px;
}

.p-cart__finalProductInfo__detail {
  border: 1px solid #cecece;
  text-align: center;
  padding: 8px;
}

.p-cart__finalProductInfo__detail.p-cart__finalProductInfo__detail--left {
  text-align: left;
}

.p-cart__finalProductAmount {
  width: 100%;
  margin-top: 24px;
  border-collapse: collapse;
  border-top: 2px solid #f28739;
  border-bottom: 2px solid #f28739;
}

.p-cart__finalProductAmount__row {
  border-bottom: 1px solid #bfbfbf;
}

.p-cart__finalProductAmount__heading {
  padding: 8px;
  font-weight: 500;
  text-align: left;
  background-color: #fcefd8;
}

.p-cart__finalProductAmount__heading p {
  margin-top: 3px;
}

.p-cart__finalProductAmount__data {
  padding: 10px 16px;
  text-align: right;
}

.p-cart__finalProductAmount__data > .c-text {
  height: 30px;
  width: 104px;
}

.p-cart__finalProductAmount__useBtn {
  display: inline-block;
  color: #fff;
  font-size: 1.1rem;
  background-color: #f47e5a;
  border-radius: 2px;
  margin-top: 5px;
  padding: 7px 11px 6px;
}

.p-cart__finalProductAmount__total {
  padding: 10px 16px;
  text-align: right;
}

.p-cart__finalProductAmount__total span {
  color: #cd201f;
  font-size: 1.6rem;
  font-weight: 700;
}

.p-cart__finalDeli {
  margin-bottom: 32px;
}

.p-cart__finalDeliItem:not(:first-child) {
  margin-top: 21px;
}

.p-cart__finalDeliProduct__head {
  padding: 10px 0;
  font-size: 1.3rem;
  font-weight: 500;
  background-color: #f5f5f5;
  border: 1px solid #bfbfbf;
}

.p-cart__finalDeliProduct__data {
  padding: 10px 15px;
  font-size: 1.1rem;
  text-align: center;
  border: 1px solid #bfbfbf;
}

.p-cart__finalOption {
  margin-bottom: 32px;
}

.p-cart__finalWeb {
  margin-bottom: 40px;
}

.p-cart__completeCont:last-child {
  margin-top: 32px;
}

.p-cart__complete__lead {
  margin-bottom: 24px;
}

.p-cart__complete__detailWrap {
  margin: 24px auto 32px;
}

.p-cart__complete__detail:not(:first-child) {
  margin-top: 32px;
}

.p-cart__complete__text {
  margin-top: 14px;
  width: 100%;
}

.p-cart__complete__text > .c-link {
  display: block;
  width: 210px;
  max-width: 100%;
  margin: 20px auto 0;
}

.p-cart__complete__btnWrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-top: 19px;
}

.p-cart__complete__btnWrap .c-button {
  width: 49%;
  margin: 0;
}

.p-cart__completeCheck {
  margin: 12px auto 26px;
  list-style: none;
}

.p-cart__completeCheck__heading {
  line-height: 2.2rem;
  padding-left: 14px;
  margin-bottom: 17px;
  position: relative;
}

.p-cart__completeCheck__heading::before {
  content: '・';
  position: absolute;
  left: 0;
}

.p-cart__completeCheck__item:last-child > .p-cart__completeCheck__heading {
  margin-bottom: 0;
}

.p-cart__completeList {
  counter-reset: compList;
  margin-bottom: 24px;
}

.p-cart__completeList__item {
  line-height: 2.2rem;
  position: relative;
  list-style: none;
  padding-left: 24px;
}

.p-cart__completeList__item:not(:last-child) {
  margin-bottom: 16px;
}

.p-cart__completeList__item::before {
  counter-increment: compList;
  content: counter(compList) ".";
  position: absolute;
  left: 0;
}

.p-cart__completeList__item > div {
  margin-top: 12px;
}

.p-cart__completeList__item > div > .c-link {
  width: auto;
}

.p-cart__completeOther__heading {
  width: 100%;
  font-weight: 400;
  background-color: #eeefe7;
  padding: 7px 8px 6px;
}

.p-cart__completeOther__items {
  line-height: 2.8rem;
  margin-top: 16px;
}

.p-cart__completeOther__item {
  color: #f28739;
}

.p-cart__completeOther__caution {
  color: #f47e5a;
  line-height: 2.2rem;
  margin: 16px auto 32px;
}

/* closed login
========================================== */
.p-loginClosedHeader {
  padding: 46px 0 50px;
  text-align: center;
  border-top: 8px solid #f28739;
  background-color: #f5f5f5;
}

.p-loginClosedTtl {
  /* keep */
}

.p-loginClosedArea {
  background-color: #f5f5f5;
}

.p-loginClosedBlock {
  width: 336px;
  margin: 0 auto;
}

.p-loginClosedSubTtlWrap {
  padding-bottom: 10px;
  margin-bottom: 8px;
  border-bottom: 2px solid #bfbfbf;
}

.p-loginClosedSubTtl {
  font-size: 1.8rem;
}

.p-loginClosedDesc {
  margin-bottom: 24px;
}

.p-loginClosedForm {
  margin-bottom: 16px;
}

.p-loginClosedInputArea {
  margin-bottom: 24px;
}

.p-loginClosedInputArea > .p-loginClosedInputBlock:first-child {
  margin-bottom: 16px;
}

.p-loginClosedInput {
  width: 100%;
}

.p-loginClosedInput[type='text'], .p-loginClosedInput[type='password'] {
  border-radius: 0;
}

.p-loginClosedInput::-webkit-input-placeholder {
  color: #ccc;
}

.p-loginClosedInput:-ms-input-placeholder {
  color: #ccc;
}

.p-loginClosedInput::placeholder {
  color: #ccc;
}

.p-loginClosedLoginBtn {
  width: 100%;
  padding: 8px 0;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  background: #db7644;
  border: none;
  border-radius: 6px;
}

.p-loginClosedForgetList > li {
  margin-bottom: 6px;
}

.p-loginClosedForgetList > li:last-child {
  margin-bottom: 0;
}

.p-loginClosedForgetList__link {
  font-size: 1.2rem;
}

.p-loginClosedForgetList__link:link, .p-loginClosedForgetList__link:visited {
  color: #f28739;
  text-decoration: none;
}

.p-loginClosedForgetList__link:hover, .p-loginClosedForgetList__link:active {
  color: #f28739;
  text-decoration: underline;
}

.p-compareLeadImg {
  text-align: center;
}

.p-compareLeadImg > img {
  width: auto;
  max-width: 100%;
}

.p-compare form {
  margin-top: 20px;
}

.p-compareOption {
  margin: 24px auto;
}

.p-compareResult,
.p-compareCopies {
  margin-bottom: 32px;
}

.p-compareResTtl {
  padding: 12px 15px;
  margin-bottom: 16px;
  color: #f28739;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  background: #fdfbef;
  border-top: 1px solid #f28739;
  border-bottom: 1px solid #f28739;
}

.p-compare__text {
  margin-top: 8px;
  line-height: 2rem;
}

.p-compare__table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 16px;
}

.p-compare__table__head {
  border: 1px solid #bfbfbf;
  background-color: #fcefd8;
  font-weight: 500;
  padding: 14px 0;
}

.p-compare__table__data {
  border: 1px solid #bfbfbf;
  padding: 5px 6px 4px;
}

.p-compare__table__data .c-selectboxWrap:not(:nth-of-type(1)) {
  margin-top: 8px;
}

.p-compare__table__button {
  display: inline-block;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  background-color: #6a6a6a;
  padding: 6px;
  margin-left: 12px;
  border-radius: 2px;
}

.p-compare__table__dlBtn {
  display: block;
  width: 100%;
  font-size: 1rem;
  line-height: 1.2rem;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
  background-color: #006ab7;
  padding: 4px;
  margin-top: 6px;
}

.p-compare__table__link {
  text-decoration: none;
  color: #f28739;
  font-weight: 700;
}

.p-compare__addBtn.c-button {
  margin-top: 20px;
}

.p-compare__calcBtn.c-button {
  margin-top: 24px;
}

.cartCompare01 {
  counter-reset: compTtl;
}

.p-compareTtl {
  margin-bottom: 20px;
  color: #f28739;
  font-size: 1.8rem;
  font-weight: 700;
}

.p-compareTtl::before {
  counter-increment: compTtl;
  content: counter(compTtl);
  display: inline-block;
  width: 48px;
  height: 48px;
  margin-right: 15px;
  color: #f28739;
  font-size: 2rem;
  font-weight: 700;
  line-height: 48px;
  text-align: center;
  border: 1px solid #f28739;
}

.p-contact__lead {
  margin-bottom: 13px;
}

.p-contact__buttonWrap {
  margin-top: 24px;
}

.p-contactComfirm__lead {
  margin-bottom: 22px;
}

.p-contactComp__text {
  line-height: 2.4rem;
  border: 1px solid #979797;
  background-color: #f5f7f3;
  padding: 14px 16px;
  margin-top: 26px;
}

.p-entryLead {
  font-size: 1.4rem;
  line-height: 20px;
  margin: 4px auto 15px;
}

.p-entryIndex__text {
  margin-top: 12px;
  padding: 0 6px;
}

.p-entryIndex__form {
  margin-top: 28px;
  text-align: center;
}

.p-entryIndex__rdoBtn {
  display: inline-block;
}

.p-entryIndex__rdoBtn:first-child {
  margin-right: 19px;
}

.p-entryIndexBtnWrap {
  margin-top: 24px;
}

.p-entryComfirm .c-form__comfirm {
  margin-top: 8px;
}

.p-entry__backBtn {
  margin-top: 24px;
}

.p-info__content {
  margin-top: 10px;
}

.p-login__content:last-child {
  margin-top: 80px;
}

.p-login__lead {
  margin-top: 11px;
}

.p-login__form {
  margin-top: 16px;
}

.p-login__formItems {
  margin-bottom: 24px;
  border: 1px solid #bfbfbf;
}

.p-login__formItem:not(:first-child) {
  border-top: 1px solid #bfbfbf;
}

.p-login__formItem__head {
  background-color: #dcecf7;
  padding: 14px 8px 13px;
  font-weight: 500;
}

.p-login__formItem__head--m {
  background-color: #fcefd8;
}

.p-login__formItem__head > div {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.p-login__formItem__input {
  padding: 16px 15px 32px;
}

.p-login__formItem__caution {
  color: #cd201f;
  font-size: 1.2rem;
  margin-top: 8px;
}

.p-loginFormTag {
  flex-shrink: 0;
  display: inline-block;
  padding: 4px 14px;
  color: #6a6a6a;
  font-size: 1.2rem;
  background: #fff;
  border-radius: 4px;
}

.p-msCampaignWrap {
  padding: 40px 0 0;
}

.p-msCampaign {
  border-top: solid 1px #bfbfbf;
  padding-top: 40px;
}

.p-msCampaign__ttl {
  font-size: 2rem;
  color: #ae3258;
  font-weight: bold;
  margin-bottom: 21px;
}

.p-msCampaign__period {
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: bold;
  margin-bottom: 7px;
}

.p-msCampaign__period > span {
  background: -webkit-linear-gradient(transparent 60%, #ffff66 60%);
  background: linear-gradient(transparent 60%, #ffff66 60%);
}

.p-msCampaign__desc {
  line-height: 1.5;
  margin-bottom: 30px;
}

.p-msCampaign__btnWrap {
  max-width: 268px;
  margin: 0 auto;
}

.p-msCampaign__btnWrap > a {
  display: inline-block;
  width: 100%;
  color: #fff;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  padding: 18px 20px;
  font-weight: 700;
  border-radius: 2em;
  -webkit-transition: all .3s;
  transition: all .3s;
  background: transparent -webkit-linear-gradient(347deg, #228cce 0%, #1075b5 31%, #0C629C 62%, #09568B 100%) 0 0 no-repeat padding-box;
  background: transparent linear-gradient(103deg, #228cce 0%, #1075b5 31%, #0C629C 62%, #09568B 100%) 0 0 no-repeat padding-box;
  opacity: 1;
}

.p-msCampaign__btnWrap > a:hover {
  background: transparent -webkit-linear-gradient(347deg, #09568B 0%, #09568B 100%) 0 0 no-repeat padding-box;
  background: transparent linear-gradient(103deg, #09568B 0%, #09568B 100%) 0 0 no-repeat padding-box;
}

.p-msBnr {
  margin-bottom: 30px;
}

.p-msMail {
  margin-bottom: 50px;
}

.p-msMail__title {
  font-weight: 700;
  font-size: 1.8rem;
  margin-bottom: 20px;
}

.p-msMail__req {
  display: inline-block;
  background-color: #f08743;
  border-radius: 4.5px;
  line-height: 1;
  font-weight: 500;
  font-size: 1.6rem;
  color: #fff;
  padding: 6px 16px;
  margin-right: 16px;
}

.p-msMail__note {
  display: block;
  font-weight: normal;
  font-size: 1.4rem;
  color: #747474;
  margin-top: 12px;
}

.p-msMail__input {
  width: 100%;
  height: 50px;
  border: solid 1px #a0a0a0;
  border-radius: 0 !important;
  padding-left: 20px !important;
}

.p-msMail__input::-webkit-input-placeholder {
  color: #adacac;
}

.p-msMail__input:-ms-input-placeholder {
  color: #adacac;
}

.p-msMail__input::placeholder {
  color: #adacac;
}

.p-msAgreeDesc {
  font-size: 1.6rem;
  line-height: 1.75;
  margin-bottom: 30px;
}

.p-msAgreeDesc > a {
  text-decoration: none;
}

.p-msAgreeDesc > a:hover {
  text-decoration: underline;
}

body.registPage div#checkBox.p-msAgree {
  text-align: left;
}

.p-msServiceMainTitle {
  font-weight: 300;
  font-size: 2.2rem;
  color: #f08743;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 70px;
  margin-bottom: 30px;
}

.p-msServiceMainTitle::before, .p-msServiceMainTitle::after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 30px;
  background-size: 12px 30px;
}

.p-msServiceMainTitle::before {
  background-image: url(/styles/img/membership/ttl_line_before.svg);
  margin-right: 13px;
}

.p-msServiceMainTitle::after {
  background-image: url(/styles/img/membership/ttl_line_after.svg);
  margin-left: 13px;
}

.p-msServiceBlock {
  margin-bottom: 37px;
}

.p-msServiceTitleWrap {
  margin-bottom: 27px;
}

.p-msServiceTitle {
  width: 100%;
  height: 46px;
  line-height: 42px;
  border: solid 2px #f08743;
  border-radius: 23px;
  padding: 0 10px 0 68px;
  position: relative;
  font-size: 1.7rem;
  font-weight: 500;
  color: #f08743;
}

.p-msServiceTitle > span {
  display: block;
  position: absolute;
  top: -9px;
  left: -2px;
}

.p-msServiceTitle > span > img {
  width: 60px;
  height: 60px;
}

.p-msServiceCont {
  width: 100%;
}

.p-msServiceCont__img {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.p-msServiceCont__img > img {
  width: 72px;
  height: auto;
}

.p-msServiceCont__text {
  font-size: 1.4rem;
  line-height: 1.8;
}

.p-msServiceCont__text > span {
  font-size: 1rem;
}

/* ポイントキャンペーン用 */
.p-msPoint {
  margin-top: 15px;
  padding-top: 15px;
  font-size: 1.4rem;
  line-height: 1.75;
}

.p-msPoint__title {
  font-size: 1.6rem;
  color: #fff;
  line-height: 1.6;
  padding: 12px 15px;
  font-weight: 500;
  margin-bottom: 20px;
  background-color: #f08744;
}

.p-msPoint__desc {
  margin-bottom: 36px;
}

.p-msPoint__sect {
  margin-bottom: 36px;
}

.p-msPoint__sTitle {
  line-height: 1;
  font-weight: 700;
  margin-bottom: 16px;
}

.p-msPoint__highlight {
  font-weight: 700;
  color: #f08744;
}

.p-msPointList > li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 6px;
}

.p-msPointList > li:before {
  content: '・';
  position: absolute;
  left: 0;
}

.p-msPointList > li a {
  color: #f08744;
  padding: 0 5px;
}

.p-msPointList > li a:hover {
  text-decoration: none;
}

/* クーポンキャンペーン用 */
.p-msCoupon {
  border-top: solid 1px #f08744;
  margin-top: 73px;
  padding-top: 22px;
  font-size: 1.6rem;
  line-height: 1.6;
}

.p-msCoupon__title {
  font-weight: bold;
  margin-bottom: 5px;
}

.p-msCouponList {
  line-height: 1.3;
  margin-bottom: 20px;
}

.p-msCoupon__url {
  word-wrap: break-word;
  white-space: pre-line;
}


.p-msMailComp {
  padding: 40px 0 0 0;
  text-align: center;
}

.p-msMailComp__badge {
  display: inline-block;
  line-height: 1;
  font-weight: normal;
  font-size: 1.8rem;
  border-radius: 4.5px;
  padding: 6px 16px 7px 16px;
  margin-bottom: 20px;
}

.p-msMailComp__desc {
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: left;
}

.p-msRegistRead {
  margin-bottom: 30px;
  line-height: 1.6;
}

.p-msRegistKindBtnWrap {
  width: 280px;
  margin: 0 auto;
}

.p-msRegistKindBtnWrap > div:first-child {
  margin-bottom: 22px;
}

.p-msRegistKindBtnWrap > div > input {
  display: none;
}

.p-msRegistKindBtn {
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 1.6rem;
  line-height: 1.4;
  min-height: 88px;
  border-radius: 44px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.p-msRegistKindBtn--biz {
  background: #f28739;
  border: 3px solid #f28739;
}

.p-msRegistKindBtn--personal {
  background: #fff;
  border: 3px solid #a2dcff;
  color: #0e63d8;
}

.p-msRegistKindBtnWrap > div > input:checked + label.p-msRegistKindBtn--biz {
  color: #803600;
  background: #ffce2c;
  border: 3px solid #ffce2c;
}

.p-msRegistKindBtnWrap > div > input:checked + label.p-msRegistKindBtn--biz::after {
  background-image: url("/styles/css/images/icn-btn-arrow-msh.svg");
  -webkit-transition: none;
  transition: none;
}

.p-msRegistKindBtnWrap > div > input:checked + label.p-msRegistKindBtn--personal {
  color: #fff;
  background: #016ab7;
  border: 3px solid #016ab7;
  -webkit-transition: none;
  transition: none;
}

.p-msRegistKindBtnWrap > div > input:checked + label.p-msRegistKindBtn--personal::after {
  background-image: url("/styles/css/images/icn-btn-arrow.svg");
}

.p-mypageTtlWrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 2px 15px 8px;
  background: url("./images/bg-stripe.png") center transparent;
}

.p-mypageTtl {
  min-height: 30px;
  padding: 0 0 0 40px;
  font-size: 2rem;
  font-weight: 700;
  background: url("./images/icn-mypage-ttl.svg") no-repeat left center transparent;
}

.p-mypageTtlInfo {
  text-align: right;
}

.p-mypageTtlInfo__point {
  font-size: 1.2rem;
}

.p-mypageTtlInfo__point span {
  margin-right: .25em;
  color: #cd201f;
  font-size: 2rem;
  font-weight: 700;
}

.p-mypageTtlInfo__link {
  margin-top: 2px;
  line-height: 1;
}

.p-mypage__btnWrap {
  margin-top: 24px;
}

.p-mypage__backBtn {
  margin-top: 24px;
}

.p-myTopMenuTtl {
  padding: 14px;
  color: #006ab7;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  background: #f0f7fc;
  border-top: 2px solid #006ab7;
}

.p-mypageOrder__content:nth-child(2) {
  margin-bottom: 20px;
}

.p-mypageOrder__lead a {
  text-decoration: none;
  color: #333;
}

.p-mypageOrder__pager .count {
  display: inline-block;
  padding: 8px 16px;
  margin: 12px 0 24px;
  background: #f5f5f5;
}

.p-mypageOrder__pager .flex {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
}

.p-mypageOrder__pager .c-pagerList__item {
  margin-left: 15px;
}

.p-mypageOrder__pager .c-pagerList__item:first-child {
  margin-left: 0;
}

.p-mypageOrder__articles {
  margin-top: 12px;
}

.p-mypageOrder__article {
  border-top: 2px solid #bfbfbf;
  border-bottom: 2px solid #bfbfbf;
}

.p-mypageOrder__article:not(:first-child) {
  margin-top: 24px;
}

.p-mypageOrder__article__btnWrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.p-mypageOrder__articleToggle {
  position: relative;
  padding: 8px 12px 12px 36px;
}

.p-mypageOrderDList > div {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 10px;
}

.p-mypageOrderDList > div > dt {
  flex-shrink: 0;
}

.p-mypageOrderDList__ttl {
  padding: 6px 10px;
  margin-right: 10px;
  background: #dcecf7;
}

.p-orderStatus {
  padding: 16px;
  color: #ca2e59;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  background: #fce4e9;
}

.p-mypageOrder__articleToggle__heading {
  font-weight: 700;
}

.p-mypageOrder__articleToggle__data {
  font-weight: 700;
  color: #d0021b;
}

.p-mypageOrder__articleBlock {
  margin-bottom: 16px;
}

.p-mypageOrderOpenDList {
  border-bottom: 1px solid #bfbfbf;
}

.p-mypageOrderOpenDList dt {
  padding: 14px;
  font-weight: 500;
  background: #dcecf7;
  border-top: 1px solid #bfbfbf;
}

.p-mypageOrderOpenDList dd {
  padding: 12px 14px;
}

.p-mypageOrderOpenDList--noBtm {
  border-bottom: none;
}

.p-mypageOrderOpenDList__status dt,
.p-mypageOrderOpenDList__status dd {
  color: #ca2e59;
  font-weight: 700;
}

.p-mypageOrderOpenDList__status dt {
  background: #fce4e9;
}

.p-mypageOrderOpenDList__row {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.p-mypageOrderOpenDList__row div {
  width: 50%;
}

.p-mypageOrderOpenDList__row div:first-child {
  border-right: 1px solid #bfbfbf;
}

.p-mypageOrderOpenDList__btnWrap {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-top: -12px;
}

.p-mypageOrderOpenDList__btnWrap > * {
  display: block;
  width: auto;
  margin: 12px 12px 0 0;
}

.p-mypageOrderInfoDList {
  font-size: 1.2rem;
}

.p-mypageOrderInfoDList dt {
  clear: both;
  float: left;
  padding: 0;
  font-weight: 400;
  background: transparent;
  border-top: none;
}

.p-mypageOrderInfoDList dd {
  padding: 0 0 0 1em;
  margin-bottom: 6px;
}

.p-mypageOrder__article__calcTable th {
  padding: 14px;
  font-size: 1.3rem;
  font-weight: 500;
  text-align: left;
  background: #dcecf7;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

.p-mypageOrder__article__calcTable td {
  padding: 12px 14px;
  font-size: 1.2rem;
  text-align: right;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

.p-mypageOrder__article__calcTable--row th,
.p-mypageOrder__article__calcTable--row td {
  border-right: 1px solid #bfbfbf;
}

.p-mypageOrder__article__calcTable--row th:last-child,
.p-mypageOrder__article__calcTable--row td:last-child {
  border-right: none;
}

.p-mypageOrderOptHead {
  padding: 14px;
  margin-top: 12px;
  font-weight: 500;
  background: #dcecf7;
  border-top: 1px solid #bfbfbf;
}

.p-mypageOrderOptBody {
  padding: 12px 0;
}

.p-mypageOrder__articleDetail__option {
  padding-bottom: 16px;
}

.p-mypageOrder__articleDetail__table th {
  padding: 14px;
  font-weight: 500;
  text-align: left;
  background-color: #dcecf7;
  border: 1px solid #bfbfbf;
}

.p-mypageOrder__articleDetail__table td {
  font-weight: 400;
  border: 1px solid #cecece;
  padding: 11px 12px;
}

.p-mypageReminderCount {
  display: inline-block;
  padding: 8px 16px;
  background: #f5f5f5;
}

.p-mypageOrder__remindHeader {
  background-color: #666;
  text-align: center;
  padding: 11px 0;
}

.p-mypageOrder__remindHeader > p {
  font-weight: 700;
  color: #fff;
  line-height: 1;
}

.p-mypageOrder__mailList {
  margin-top: 19px;
}

.p-mypageOrder__mailWrap:not(:first-child) {
  margin-top: 12px;
}

.p-mypageOrder__mailTable {
  width: 100%;
  border-collapse: collapse;
}

.p-mypageOrder__mailTable--name {
  border: 1px solid #bfbfbf;
  border-bottom: none;
}

.p-mypageOrder__mailTable__head {
  padding: 14px;
  font-weight: 500;
  text-align: left;
  background-color: #dcecf7;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

.p-mypageOrder__mailTable__data {
  padding: 12px 14px;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

.p-mypageOrder__mailTable--name .p-mypageOrder__mailTable__head {
  border: none;
  border-right: 1px solid #bfbfbf;
  font-size: 1.4rem;
}

.p-mypageOrder__mailTable--name .p-mypageOrder__mailTable__data {
  border: none;
}

.p-mypageOrder__mailTable__link {
  text-decoration: none;
  color: #f28739;
}

.p-myReminderSetDList {
  border-top: 1px solid #bfbfbf;
}

.p-myReminderSetDList dt {
  padding: 14px;
  font-weight: 500;
  background: #dcecf7;
}

.p-myReminderSetDList dd {
  padding: 14px;
  border-bottom: 1px solid #bfbfbf;
}

.p-mypageCustomer__lead {
  margin: 4px auto 15px;
}

.p-mypageCustomer__infoWrap {
  margin-top: 9px;
}

.p-mypageCustomer__info__item {
  border-bottom: 1px solid #9b9b9b;
}

.p-mypageCustomer__info__item:first-child {
  border-top: 1px solid #9b9b9b;
}

.p-mypageCustomer__info__head {
  display: block;
  padding: 14px 16px;
  font-weight: 500;
  background-color: #dcecf7;
}

.p-mypageCustomer__info__text {
  display: block;
  padding: 14px 16px;
}

.p-mypageCustomer__buttonWrap {
  margin-top: 25px;
}

.p-mypageRowDList {
  border-top: 1px solid #bfbfbf;
}

.p-mypageRowDList > div {
  display: -webkit-box;
  display: flex;
}

.p-mypageRowDList dt {
  flex-shrink: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  width: 44.06%;
  padding: 22px 15px;
  font-weight: 500;
  background: #dcecf7;
  border-bottom: 1px solid #bfbfbf;
}

.p-mypageRowDList dd {
  -webkit-box-flex: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 16px 15px;
  border-bottom: 1px solid #bfbfbf;
}

.p-mypageRowDList--noBtm > div:last-child dt,
.p-mypageRowDList--noBtm > div:last-child dd {
  border-bottom: none;
}

.p-mypageRowDList__row {
  flex-wrap: wrap;
}

.p-mypageRowDList__row dt,
.p-mypageRowDList__row dd {
  width: 100%;
}

.p-mypageRowDList__txtR {
  -webkit-box-pack: end;
          justify-content: flex-end;
}

.p-myResultBlk {
  overflow: hidden;
  margin-bottom: 16px;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
}

.p-myResultBlk--space {
  padding: 0 0 16px;
}

.p-myResultBlk__inner {
  padding: 10px;
}

.p-myOrderInfoDList dt {
  clear: both;
  float: left;
}

.p-myOrderInfoDList dd {
  padding: 0 0 0 1em;
  margin-bottom: 8px;
}

.p-myTbl th,
.p-myTbl td {
  border: 1px solid #bfbfbf;
  border-left: none;
}

.p-myTbl th:last-child,
.p-myTbl td:last-child {
  border-right: none;
}

.p-myTbl th {
  padding: 14px;
  font-weight: 500;
  background: #dcecf7;
}

.p-myTbl td {
  padding: 14px;
}

.p-mypageHistory__block {
  margin-bottom: 16px;
}

.p-mypageHistory__lead {
  margin-bottom: 23px;
}

.p-mypageHistory__searchWrap {
  margin-top: 10px;
}

.p-mypageHistory__submit {
  margin: 10px auto 60px;
}

.p-mypageHistoryList__lead {
  display: inline-block;
  padding: 8px 16px;
  margin-bottom: 20px;
  background: #f5f5f5;
}

.p-mypageHistory__table {
  width: 100%;
  border-collapse: collapse;
}

.p-mypageHistory__table:not(:first-child) {
  margin-top: 13px;
}

.p-mypageHistory__table__head {
  background-color: #f5f7f3;
  border: 1px solid #cecece;
  font-size: 1.3rem;
  font-weight: 400;
  text-align: left;
  padding: 13px 7px;
}

.p-mypageHistory__table__data {
  border: 1px solid #cecece;
  font-size: 1.3rem;
  text-align: left;
  padding: 13px 7px;
}

.p-mypageHistory__table__image {
  display: block;
  margin: 0 auto;
}

.p-mypageHistory__table__btnWrap {
  border: 1px solid #cecece;
  padding: 15px 16px;
}

.p-mypageHistory__table__button {
  display: inline-block;
  color: #fff;
  padding: 13px 16px;
  line-height: 1;
  border-radius: 2px;
  text-decoration: none;
  background-color: #f28739;
}

.p-mypagePoint__content:nth-child(2n) {
  margin-top: 13px;
}

.p-mypagePoint__lead {
  margin-top: 12px;
}

.p-mypagePoint__table {
  width: 100%;
  border-collapse: collapse;
}

.p-mypagePoint__table__head, .p-mypagePoint__table__data {
  border: 1px solid #bfbfbf;
}

.p-mypagePoint__table__head:first-child, .p-mypagePoint__table__data:first-child {
  border-left: none;
}

.p-mypagePoint__table__head:last-child, .p-mypagePoint__table__data:last-child {
  border-right: none;
}

.p-mypagePoint__table__head {
  padding: 12px 1.2%;
  font-weight: 500;
  text-align: left;
  background-color: #dcecf7;
}

.p-mypagePoint__table__head--check {
  padding: 12px 2%;
  font-weight: 700;
}

.p-mypagePoint__table__data {
  padding: 12px 1.2%;
}

.p-mypagePoint__table__data--check {
  padding: 12px 2%;
}

.p-myPrintBtns {
  padding: 14px 0;
  margin: 0 -15px;
  background: #f5f5f5;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

.p-myPrintBtns > div {
  width: 220px;
  margin: 0 auto 10px;
}

.p-myPrintBtns > div:last-child {
  margin-bottom: 0;
}

.p-mypagePrintdoc__print {
  margin-bottom: 40px;
}

.p-mypagePrintdoc__receipt {
  margin-bottom: 32px;
}

.p-mypagePrintdoc__receiptLead {
  margin-bottom: 10px;
}

.p-mypagePrintdoc__printPager {
  margin: 8px 0 15px;
}

.p-mypagePrintdoc__printRequest {
  margin-top: 32px;
}

.p-mypagePrintdoc__printButton:not(:first-child) {
  margin-top: 8px;
}

.p-mypageFav__lead {
  margin: 12px auto 20px;
}

.p-mypageFav__table {
  width: 100%;
  border-collapse: collapse;
}

.p-mypageFav__table:not(:first-child) {
  margin-top: 24px;
}

.p-mypageFav__table__tmb {
  padding: 20px;
  text-align: center;
  border: 1px solid #bfbfbf;
}

.p-mypageFav__table__tmb img {
  width: auto;
  max-width: 100%;
}

.p-mypageFav__table__head {
  background-color: #dcecf7;
  border: 1px solid #bfbfbf;
  font-weight: 500;
  text-align: left;
  padding: 14px;
}

.p-mypageFav__table__data {
  border: 1px solid #bfbfbf;
  text-align: left;
  padding: 14px;
}

.p-mypageFav__table__image {
  display: block;
  margin: 0 auto;
}

.p-mypageFav__table__imgTtl {
  font-size: 1rem;
  text-align: center;
  margin-top: 20px;
}

.p-mypageFav__table__btnWrap {
  border: 1px solid #bfbfbf;
  padding: 14px;
}

.p-mypageFav__table__btns {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.p-mypageDeli__content {
  margin-top: 16px;
}

.p-mypageDeli__items {
  margin-top: 16px;
}

.p-mypageDeli__item {
  margin-top: 40px;
}

.p-mypageDeli__item__toggleBtn > .openBtn02 {
  margin-right: 8px;
}

.p-mypageDeli__item__inner {
  margin-top: 10px;
}

.p-mypageDeli__itemDetail {
  list-style: none;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

.p-mypageDeli__itemDetail li:not(:first-child) {
  border-top: 1px solid #cecece;
}

.p-mypageDeli__itemDetail__heading {
  background-color: #dcecf7;
  padding: 14px 16px;
  font-weight: 500;
}

.p-mypageDeli__itemDetail__data {
  padding: 14px 16px;
}

.p-mypageDeli__item__btnWrap {
  padding: 20px;
  text-align: center;
  border-bottom: 1px solid #bfbfbf;
}

.p-mypageDeli__item__btnWrap > li {
  display: inline-block;
}

.p-mypageDeli__item__btnWrap > li:first-child {
  margin-right: 15px;
}

.p-mypageDeli__addBtn {
  text-align: center;
  margin-top: 24px;
}

.p-mypageDeli__regist {
  margin-top: 20px;
}

.p-mypageDeli__regist__button {
  margin: 24px auto 16px;
}

.p-mypageMail__article__heading {
  border-top: 1px solid #252525;
  border-bottom: 1px solid #252525;
  padding: 16px 8px;
}

.p-mypageMail__article__inner {
  margin-top: 16px;
}

.p-mypageMail__article__item {
  border: 1px solid #bfbfbf;
}

.p-mypageMail__article__item:not(:first-child) {
  margin-top: 12px;
}

.p-mypageMail__item__data {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #bfbfbf;
}

.p-mypageMail__data__class {
  padding: 12px 24px;
  background: #f5f5f5;
}

.p-mypageMail__data__date {
  padding: 12px 24px;
  color: #6a6a6a;
}

.p-mypageMail__data__date > br {
  display: none;
}

.p-mypageMail__item__title {
  padding: 12px;
  font-weight: 700;
}

.p-mypageMail__text {
  overflow: auto;
  padding: 12px 16px;
  border: 1px solid #bfbfbf;
  border-top: none;
}

.p-mypageMail__text div {
  margin-top: 24px;
}

.p-mypageMail__text > p {
  line-height: 2.1rem;
}

.p-mypageMail__reply {
  margin-top: 24px;
}

.p-mypageMail__replyForm__input {
  border: 1px solid #bfbfbf;
}

.p-mypageMail__replyForm__input:first-child {
  border-bottom: none;
}

.p-mypageMail__replyForm__input > div {
  padding: 12px 14px;
}

.p-mypageMail__replyForm__input > div:first-child {
  padding: 14px;
  font-weight: 500;
  background: #dcecf7;
}

.p-mypageMail__replyForm__input--noTop {
  border-top: none;
}

.p-mypageMail__replyBtn {
  margin-top: 24px !important;
}

.p-mypageReOrder__items {
  margin-top: 12px;
}

.p-mypageReOrder__item {
  border: 1px solid #979797;
}

.p-mypageReOrder__item:not(:first-child) {
  margin-top: 16px;
}

.p-mypageReOrder__item__toggleBtn {
  background-color: #eeefe7;
  padding: 12px 9px;
}

.p-mypageReOrder__item__toggleBtn > div {
  margin-right: 4px;
}

.p-mypageReOrder__item__inner {
  display: none;
  padding: 11px 8px 16px;
}

.p-mypageReOrder__detail {
  line-height: 2.4rem;
  padding: 0 4px;
}

.p-mypageReOrder__detail > p > span:nth-child(1) {
  display: inline-block;
  min-width: 82px;
}

.p-mypageReOrder__table {
  width: 96.1%;
  margin: 20px auto;
  border-collapse: collapse;
}

.p-mypageReOrder__table tr {
  line-height: 48px;
  border: 1px solid #c8c9c3;
}

.p-mypageReOrder__table th {
  font-weight: 400;
  text-align: left;
  padding-left: 18px;
}

.p-mypageReOrder__table td {
  text-align: right;
  padding-right: 18px;
}

.p-mypageReOrder__controller {
  margin-bottom: 16px;
}

.p-mypageReOrder__controller__item {
  width: 100%;
  border: 1px solid #c8c9c3;
  line-height: 48px;
}

.p-mypageReOrder__controller__item:not(:last-child) {
  margin-bottom: 8px;
}

.p-mypageReOrder__controller__item > span {
  display: inline-block;
}

.p-mypageReOrder__controller__item > span:nth-child(1) {
  width: 35.4%;
  background-color: #eeefe7;
  padding-left: 20px;
  border-right: 1px solid #c8c9c3;
}

.p-mypageReOrder__controller__item > span:nth-child(2) {
  padding: 0 20px 0 10px;
}

.p-unsubscribeTtl {
  margin-bottom: 16px;
  color: #cd201f;
  font-size: 1.8rem;
  font-weight: 700;
}

.p-unsubscribeRead {
  padding: 20px 25px;
  margin-bottom: 48px;
  font-weight: 700;
  line-height: 2;
  background: #fcf2f3;
  border: 2px solid #cd201f;
}

.p-unsubscribeCompRead {
  padding: 15px;
  margin-bottom: 48px;
  line-height: 1.75;
  background: #fdfbef;
}

.p-myChangeRequestTbl tr {
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

.p-myChangeRequestTbl th,
.p-myChangeRequestTbl td {
  padding: 14px;
}

.p-myChangeRequestTbl th {
  width: 52px;
  background: #dcecf7;
}

.p-orderBlock {
  overflow: hidden;
  margin-top: 14px;
  border: 2px solid #f28739;
  border-radius: 8px;
}

.p-orderBlock:nth-child(2) {
  margin-top: 32px;
}

.p-orderText {
  padding: 14px 20px;
  color: #333;
  font-weight: 500;
  background: #fcefd8;
}

.p-orderRadioBtnWrap {
  padding: 16px;
}

.p-orderRadioBtn {
  margin-top: 10px;
}

.p-orderRadioBtn:first-child {
  margin-top: 0;
}

.p-orderSelectWrap {
  overflow: hidden;
  margin-top: 24px;
  border: 2px solid #f28739;
  border-radius: 8px;
}

.p-orderSelectWrap:first-child {
  margin-top: 20px;
}

.p-orderSelect {
  padding: 16px;
}

.p-orderPrice {
  margin: 48px 0;
}

.p-orderPriceItem {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #bfbfbf;
}

.p-orderPriceItem__heading {
  font-size: 1.6rem;
  font-weight: 700;
}

.p-orderPriceItem__detail {
  color: #cd201f;
  font-size: 2rem;
  font-weight: 700;
}

.p-orderPriceItem__detail--yen {
  color: #333;
  font-size: 1.4rem;
  font-weight: 400;
}

.fessResultBox #result > div:first-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 24px !important;
}

.fessResultBox #result > div table td {
  display: inline-block !important;
}

.fessResultBox #result > div table td:first-child {
  padding: 8px 16px;
  font-size: 1.2rem;
  background: #f5f5f5;
}

.fessResultBox #result > div table td.order-box {
  width: auto;
  padding-left: 16px;
}

.fessResultBox #result > div table td select.sort {
  width: 100%;
  padding: 6px 30px 6px 10px;
  font-size: 1.4rem;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  background: url("./images/icn-select.svg") no-repeat right 12px center #fff;
}

.fessResultBox #result #searchResultList > li {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #bfbfbf;
}

.fessResultBox #result #searchResultList .media .media-body {
  display: block;
}

.fessResultBox #result #searchResultList .media .media-body .media-heading {
  margin-bottom: 6px;
  line-height: 1.5;
}

.fessResultBox #result #searchResultList .media .media-body .media-heading a {
  color: #006ab7;
  font-size: 1.6rem;
  font-weight: 500;
}

.fessResultBox #result #searchResultList .media .body {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.fessResultBox #result #searchResultList .media .body > div:first-child {
  -webkit-box-ordinal-group: 3;
          order: 2;
  color: #6a6a6a;
  line-height: 1.75;
}

.fessResultBox #result #searchResultList .media .body > div:first-child .description {
  font-size: 1.2rem;
}

.fessResultBox #result #searchResultList .media .body > div.site {
  -webkit-box-ordinal-group: 2;
          order: 1;
  margin-bottom: 8px;
  font-size: 1rem;
  font-weight: 700;
}

.fessResultBox #result #searchResultList .media .body > div.site > cite {
  color: #333;
}

.fessResultBox #result .alert {
  padding: 15px;
  margin-bottom: 24px;
  color: #ca2e59;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  background: #fdf0f3;
}

.fessResultBox #subfooter .pagination {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  margin: 0;
}

.fessResultBox #subfooter .pagination > li {
  margin-left: 12px;
}

.fessResultBox #subfooter .pagination > li:first-child {
  margin-left: 0;
}

.fessResultBox #subfooter .pagination > li a {
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  color: #9a9a9a;
  font-size: 1.4rem;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  background-color: #fff;
  border: 1px solid #9a9a9a;
  border-radius: 0;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.fessResultBox #subfooter .pagination > li a:hover, .fessResultBox #subfooter .pagination > li a.active {
  color: #fff;
  background-color: #9a9a9a;
}

.fessResultBox #subfooter .pagination > li.prev a, .fessResultBox #subfooter .pagination > li.next a {
  background: url("./images/icn-pager-arrow.svg") no-repeat center center;
  border: none;
}

.fessResultBox #subfooter .pagination > li.prev a:hover, .fessResultBox #subfooter .pagination > li.next a:hover {
  background-image: url("./images/icn-pager-arrow-w.svg");
  background-color: #9a9a9a;
}

.fessResultBox #subfooter .pagination > li.prev a span, .fessResultBox #subfooter .pagination > li.next a span {
  display: none;
}

.fessResultBox #subfooter .pagination > li.prev a {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.fessResultBox #subfooter .pagination > li.active a {
  color: #fff;
  background-color: #9a9a9a;
}

/* お知らせ */
.topInfoArea__infoList {
  margin-bottom: 40px;
}

.topInfoArea__infoList > li {
  border-bottom: 1px solid #bfbfbf;
}

.topInfoArea__infoList > li:last-child {
  border-bottom: none;
}

.topInfoArea__infoList > li > a {
  display: block;
  padding: 10px 10px 12px;
}

.topInfoArea__date {
  margin-bottom: 4px;
  color: #333;
  font-size: 1.2rem;
}

.topInfoArea__ttl {
  color: #333;
  font-weight: 500;
  word-wrap: break-word;
}

/* バナーエリア */
.topBnrArea img {
  margin-bottom: 16px;
}

.topBnrArea__bnrList--two > li {
  float: right;
  margin-bottom: 16px;
}

.topBnrArea__bnrList--two > li:first-child {
  float: left;
}

.topBnrArea__bnrList--two > li > a {
  display: block;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.topBnrArea__bnrList--two > li > a:hover {
  opacity: .8;
}

.topBnrArea__bnrList--three {
  margin-left: -18px;
  margin-bottom: 16px;
}

.topBnrArea__bnrList--three > li {
  float: left;
  margin-bottom: 16px;
  margin-left: 18px;
}

.topBnrArea__bnrList--three > li > a {
  display: block;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.topBnrArea__bnrList--three > li > a:hover {
  opacity: .8;
}

.topFaqList {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.topFaqList > li {
  width: calc((100% - 32px) / 3);
  margin-right: 16px;
  margin-bottom: 14px;
}

.topFaqList > li:nth-child(3n) {
  margin-right: 0;
}

.topFaqLink {
  display: block;
  padding: 16px 12px 16px 58px;
  color: #333;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  background: no-repeat 16px center #fff;
  border: 2px solid #bfbfbf;
  -webkit-transition-property: background-color, border-color;
  transition-property: background-color, border-color;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.topFaqLink--cart {
  background-image: url("/styles/css/images/icn-cart-g.svg");
}

.topFaqLink--data {
  background-image: url("/styles/css/images/icn-data-g.svg");
}

.topFaqLink--send {
  background-image: url("/styles/css/images/icn-send-g.svg");
}

.topFaqLink--pay {
  background-image: url("/styles/css/images/icn-pay-g.svg");
}

.topFaqLink--entry {
  background-image: url("/styles/css/images/icn-entry-g.svg");
}

.topFaqLink--dDate {
  background-image: url("/styles/css/images/icn-d-date-g.svg");
}

.topFaqLink:hover {
  background-color: #fdfbef;
  border-color: #f28739;
}

.p-snsList {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.p-snsList > li {
  width: calc((100% - 60px) / 5);
  margin-right: 15px;
}

.p-snsList > li:last-child {
  margin-right: 0;
}

.p-snsListLink {
  display: block;
  padding: 12px 12px 12px 58px;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  background: no-repeat #fff;
  border: 2px solid;
  -webkit-transition-property: background-color, border-color;
  transition-property: background-color, border-color;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.p-snsListLink:hover {
  color: #fff;
}

.p-snsListLink--fb {
  color: #1877f2;
  border-color: #1877f2;
  background-image: url("/styles/css/images/icn-fb.svg");
  background-position: 22px center;
}

.p-snsListLink--fb:hover {
  background-color: #1877f2;
  background-image: url("/styles/css/images/icn-fb-w.svg");
}

.p-snsListLink--tt {
  color: #1da1f2;
  border-color: #1da1f2;
  background-image: url("/styles/css/images/icn-tt.svg");
  background-position: 13px center;
}

.p-snsListLink--tt:hover {
  background-color: #1da1f2;
  background-image: url("/styles/css/images/icn-tt-w.svg");
}

.p-snsListLink--ig {
  color: #d93177;
  border-color: #d93177;
  background-image: url("/styles/css/images/icn-ig.svg");
  background-position: 16px center;
}

.p-snsListLink--ig:hover {
  background-color: #d93177;
  background-image: url("/styles/css/images/icn-ig-w.svg");
}

.p-snsListLink--ln {
  color: #00b900;
  border-color: #00b900;
  background-image: url("/styles/css/images/icn-ln.svg");
  background-position: 15px center;
}

.p-snsListLink--ln:hover {
  background-color: #00b900;
  background-image: url("/styles/css/images/icn-ln-w.svg");
}

.p-snsListLink--yt {
  color: #cd201f;
  border-color: #cd201f;
  background-image: url("/styles/css/images/icn-yt.svg");
  background-position: 11px center;
}

.p-snsListLink--yt:hover {
  background-color: #cd201f;
  background-image: url("/styles/css/images/icn-yt-w.svg");
}

/* イロドリリンクプラン */
.p-topILItemListArea {
  /* keep */
}

.p-topILTitle {
  /* ここに記述はよくない */
  font-size: 2.8rem;
  border-bottom: 4px solid #f28739;
  padding: 8px 12px;
  margin-bottom: 24px;
}

.p-topILItemList {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.p-topILItemList__item {
  width: calc((100% - 48px) / 3);
  margin-top: 24px;
  margin-right: 24px;
}

.p-topILItemList__item:nth-child(-n + 3) {
  margin-top: 0;
}

.p-topILItemList__item:nth-child(3n) {
  margin-right: 0;
}

.p-topILItemList__link {
  display: block;
  height: 180px;
  padding: 24px;
  color: #333;
  font-size: 1.8rem;
  font-weight: 700;
  text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
  text-decoration: none;
  background-color: #f5f5f5;
  background-position: right 1px bottom 10px;
  background-repeat: no-repeat;
  background-size: 96px 96px;
  border: 1px solid #bfbfbf;
  -webkit-transition-duration: .28s;
          transition-duration: .28s;
}

.p-topILItemList__link:hover {
  background-color: #e0e0e0;
  border: 1px solid #bfbfbf;
}

.p-topILItemList__link--item01 {
  background-image: url(/styles/img/common/item/icon/icn_item01.svg);
}

.p-topILItemList__link--item02 {
  background-image: url(/styles/img/common/item/icon/icn_item02.svg);
}

.p-topILItemList__link--item06 {
  background-image: url(/styles/img/common/item/icon/icn_item06.svg);
}

.p-topILItemList__link--item07 {
  background-image: url(/styles/img/common/item/icon/icn_item07.svg);
}

.p-topILItemList__link--item08 {
  background-image: url(/styles/img/common/item/icon/icn_item08.svg);
}

.p-topILItemList__link--item09 {
  background-image: url(/styles/img/common/item/icon/icn_item09.svg);
}

.p-topILItemList__link--item10 {
  background-image: url(/styles/img/common/item/icon/icn_item10.svg);
}

.p-topILItemList__link--item11 {
  background-image: url(/styles/img/common/item/icon/icn_item11.svg);
}

.p-topILItemList__link--item12 {
  background-image: url(/styles/img/common/item/icon/icn_item12.svg);
}

.p-topILItemList__link--item13 {
  background-image: url(/styles/img/common/item/icon/icn_item13.svg);
}

.p-topILItemList__link--item14 {
  background-image: url(/styles/img/common/item/icon/icn_item14.svg);
}

.p-topILItemList__link--item15 {
  background-image: url(/styles/img/common/item/icon/icn_item15.svg);
}

.p-topILItemList__link--item16 {
  background-image: url(/styles/img/common/item/icon/icn_item16.svg);
}

.p-topILItemList__link--item17 {
  background-image: url(/styles/img/common/item/icon/icn_item17.svg);
}

.p-topILItemList__link--item18 {
  background-image: url(/styles/img/common/item/icon/icn_item18.svg);
}

.p-topILItemList__link--item19 {
  background-image: url(/styles/img/common/item/icon/icn_item19.svg);
}

.p-topILItemList__link--item20 {
  background-image: url(/styles/img/common/item/icon/icn_item20.svg);
}

.p-topILItemList__link--item21 {
  background-image: url(/styles/img/common/item/icon/icn_item21.svg);
}

.p-topILItemList__link--item22 {
  background-image: url(/styles/img/common/item/icon/icn_item22.svg);
}

.p-topILItemList__link--item55 {
  background-image: url(/styles/img/common/item/icon/icn_item55.svg);
}

/* TOPスライド */
.p-topSlideArea {
  overflow: hidden;
  padding-top: 56.27%;
  height: 0;
}

.bx-wrapper {
  margin-bottom: 24px;
}

.bx-wrapper .p-topSlideArea {
  overflow: visible;
  padding-top: 0;
  height: auto;
}

.bx-wrapper img {
  width: 100%;
  height: auto;
}

.bx-wrapper .bx-pager {
  position: static;
  padding: 12px 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  line-height: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #e0e0e0;
  margin: 0 22px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: #6a6a6a;
}

.topCampBnr {
  text-align: center;
  margin-bottom: 32px;
}

.topCampBnr img {
  width: auto;
  max-width: 100%;
}

.topStepRead {
  padding: 16px;
  margin-bottom: 20px;
  color: #ca2e59;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  background: #f5f5f5;
}

.topStepList {
  margin-bottom: 40px;
}

.topStepList > li {
  margin-bottom: 20px;
  text-align: center;
}

.topStepList > li img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.topServiceList > li {
  margin-bottom: 20px;
  text-align: center;
}

.topServiceList > li img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.uploadPage01 {
  counter-reset: ttlNum;
}

.p-numTtl {
  margin-bottom: 20px;
  color: #f28739;
  font-size: 1.8rem;
}

.p-numTtl::before {
  counter-increment: ttlNum;
  content: counter(ttlNum);
  display: inline-block;
  width: 48px;
  height: 48px;
  margin-right: 15px;
  color: #f28739;
  font-size: 2rem;
  font-weight: 700;
  line-height: 46px;
  text-align: center;
  border: 1px solid #f28739;
}

.p-upload__lead {
  margin-bottom: 22px;
}

.p-upload__pointWrap:not(:first-child) {
  margin-top: 24px;
}

.p-upload__pointHead {
  font-weight: 700;
  position: relative;
  padding-left: 16px;
}

.p-upload__pointHead::before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #f28739;
  left: 0;
  top: 3px;
}

.p-upload__points {
  list-style: none;
  counter-reset: point;
  margin-top: 7px;
}

.p-upload__point {
  text-indent: -1em;
  padding-left: 30px;
}

.p-upload__point:not(:first-child) {
  margin-top: 1em;
}

.p-upload__point::before {
  counter-increment: point;
  content: counter(point) ".";
}

.p-upload__otherCaution {
  border: 1px solid #666;
  margin: 36px auto 20px;
}

.p-upload__otherCaution__header {
  background-color: #eeefe7;
  padding: 8px 7px;
  line-height: 1;
}

.p-upload__otherCaution__items {
  padding: 13px 6px 14px;
  list-style: none;
}

.p-upload__otherCaution__item {
  position: relative;
  padding-left: 18px;
}

.p-upload__otherCaution__item:not(:first-child) {
  margin-top: 13px;
}

.p-upload__otherCaution__item::before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #f28739;
  left: 0;
  top: 3px;
}

.p-upload__note {
  margin-bottom: 14px;
}

.p-upload__privacyInner {
  padding-top: 20px;
  padding-bottom: 32px;
}

.p-upload__privacyMaterial {
  overflow: auto;
  height: 311px;
  font-size: 12px;
  border: solid 1px #ccc;
  padding: 0 10px 10px;
}

.p-upload__checkBox {
  font-size: 1.6rem;
  margin: 17px 0 24px;
}

.p-upload__checkBox span {
  line-height: 24px;
}

.p-upload__checkBox span::before {
  top: 0;
  margin-top: 3px;
  -webkit-transform: inherit;
          transform: inherit;
}

.p-upload__checkBox span::after {
  -webkit-transform: inherit;
          transform: inherit;
  top: 3px;
}

.p-upload__orderLead + p {
  margin-top: 8px;
}

.p-upload__formItem__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.p-upload__formItem__inner a {
  margin-top: 8px;
}

.p-upload__formItem__selectbox {
  display: inline-block;
  width: 58.5%;
}

.p-upload__formItem__selectbox + .c-button {
  display: inline-block;
  width: 39.6%;
  font-weight: 400;
  padding: 11px 0;
}

.p-upload__link {
  display: inline-block;
  color: #f28739;
  text-decoration: none;
  margin-top: 8px;
}

.p-upload__formItem__note {
  margin-top: 8px;
}

.p-upload__form .c-formItem:last-child .c-formItem__inner {
  padding-bottom: 8px;
}

.p-uploadFile {
  border: 1px solid #bfbfbf;
  border-radius: 2em;
  padding: 10px 14px;
  width: 100%;
}

.p-upload__file {
  width: 100%;
  border: 1px solid #9b9b9b;
  padding: 12px;
}

.p-upload__content:nth-child(4) .p-upload__link {
  margin-top: 16px;
}

.p-upload__buttonWrap {
  margin-top: 30px;
}

.p-upload__backBtn {
  margin-top: 20px;
}

.p-upload__error {
  border: 1px solid #f28739;
  padding: 16px 12px;
  margin-top: 24px;
}

.p-upload__error__heading {
  font-weight: 700;
  margin-bottom: 10px;
}

.p-upload__error__text {
  margin-bottom: 16px;
}

.p-upload__file {
  display: block;
  width: 100%;
}

.p-upload__file__fakeBtn {
  display: inline-block;
  font-size: 1.1rem;
  background-color: #f2f2f2;
  padding: 6px 15px;
  margin-right: 12px;
}

.p-upload__fileList {
  margin-top: 28px;
}

.p-upload__fileList .MultiFile-list {
  margin-top: 16px;
}

.p-upload__file__input {
  display: none;
}

/* color
========================================== */
.u-cMain {
  color: #f28739;
}

.u-cSub1 {
  color: #006ab7;
}

.u-cSub2 {
  color: #ca2e59;
}

.u-cDang {
  color: #cd201f;
}

/* font
========================================== */
.u-fM {
  font-size: 12px;
}

.u-fS {
  font-size: 10px;
}

/* display
========================================== */
.d_block {
  display: block;
}

.u-dispIB {
  display: inline-block;
}

.u-dispNone {
  display: none;
}

/* vertical-align
========================================== */
.vaBase {
  vertical-align: baseline;
}

.vaTop {
  vertical-align: top;
}

.vaMiddle {
  vertical-align: middle;
}

/* position
========================================== */
.posR {
  position: relative;
}

.posF {
  position: fixed;
}

/* 料金表スクロール */
.fixed {
  position: fixed;
  top: 0;
  z-index: 1500;
}

/* float
========================================== */
.of_hid {
  overflow: hidden;
}

.f_right {
  float: right !important;
}

.f_left {
  float: left !important;
}

.f_clear {
  clear: both;
}

/* width
========================================== */
.wid20p {
  width: 20% !important;
}

.wid100p {
  width: 100% !important;
}

.wid48 {
  width: 48px !important;
}

.wid54 {
  width: 54px !important;
}

.wid64 {
  width: 64px !important;
}

.wid68 {
  width: 68px !important;
}

.wid80 {
  width: 80px !important;
}

.wid160 {
  width: 160px !important;
}

.wid180 {
  width: 180px !important;
}

.wid200 {
  width: 200px !important;
}

.wid220 {
  width: 220px !important;
}

.wid280 {
  width: 280px !important;
}

.wid320 {
  width: 320px !important;
}

.wid400 {
  width: 400px !important;
}

.wid535 {
  width: 535px;
}

.widMax {
  width: 100% !important;
}

.wid2em {
  width: 2em !important;
}

.u-mWid100p {
  width: auto !important;
  max-width: 100% !important;
}

/* font
========================================== */
.f110 {
  font-size: 110%;
}

.font120p,
.fontL {
  font-size: 120%;
}

.f150 {
  font-size: 150%;
}

.font10 {
  font-size: 1rem;
}

.font11 {
  font-size: 1.1rem;
}

.font12 {
  font-size: 1.2rem;
}

.font13 {
  font-size: 1.3rem;
}

.font14 {
  font-size: 1.4rem;
}

.font15 {
  font-size: 1.5rem;
}

.font16 {
  font-size: 1.6rem;
}

.font20 {
  font-size: 2rem;
}

.font_b,
.fbold {
  font-weight: bold !important;
}

.u-fntM {
  font-weight: 500 !important;
}

.u-fntB {
  font-weight: 700 !important;
}

/* text
========================================== */
.txt_c,
.cntr {
  text-align: center !important;
}

.txt_r,
.rht {
  text-align: right !important;
}

.txt_l,
.lft {
  text-align: left !important;
}

.u-txtArr {
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em;
  color: #cd201f;
  font-size: 1.2rem;
  line-height: 1.75;
}

/* padding
========================================== */
.pt0 {
  padding-top: 0 !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl50 {
  padding-left: 50px !important;
}

/* margin
========================================== */
.ma {
  margin-left: auto !important;
  margin-right: auto !important;
}

.mra {
  margin-right: auto !important;
}

.mla {
  margin-left: auto !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mt14 {
  margin-top: 14px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt48 {
  margin-top: 48px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr12 {
  margin-right: 12px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb64 {
  margin-bottom: 64px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml0 {
  margin-left: 0 !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml12 {
  margin-left: 12px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.noborder {
  border: none !important;
  border-width: 0 !important;
}

table.u-tblRLNoBorder th,
table.u-tblRLNoBorder td {
  border-right: none !important;
  border-left: none !important;
}

table tr.u-trRLNoBorder th,
table tr.u-trRLNoBorder td {
  border-right: none !important;
  border-left: none !important;
}

/* clearfix
========================================== */
.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
}

.clearfix::after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* flex
========================================== */
.u-flex {
  display: -webkit-box !important;
  display: flex !important;
  -webkit-box-align: center !important;
          align-items: center !important;
  /* 【注意】超例外対応
   * IEのバグのため致し方なく
   * 他にも問題があるかもしれない
  ---------------------------------------- */
}

.u-flex--as {
  -webkit-box-align: start !important;
          align-items: flex-start !important;
}

.u-flex--ae {
  -webkit-box-align: end !important;
          align-items: flex-end !important;
}

.u-flex--sb {
  -webkit-box-pack: justify !important;
          justify-content: space-between !important;
}

.u-flex > .u-txtArr {
  -webkit-box-flex: 1;
          flex: 1;
}

.u-flexG1 {
  -webkit-box-flex: 1 !important;
          flex-grow: 1 !important;
}

.u-flexS0 {
  flex-shrink: 0 !important;
}

/* line-height
========================================== */
.u-lhI {
  line-height: normal !important;
}

.u-lh2 {
  line-height: 2 !important;
}

.u-lh5 {
  line-height: 1.5 !important;
}

.u-lh75 {
  line-height: 1.75 !important;
}

.js-mod_card_info{
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 2em;
  -webkit-transition: all .3s;
  transition: all .3s;
  padding: 7px 8px;
  margin-right: 10px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  color: #fff;
  background-color: #f28739;
  border: 1px solid #f28739;
}

.js-mod_card_info:hover {
  color: #f28739;
  background-color: #fff;
}
/* cart compare 2304 */
.p-compareLeadBlock {
  border: 2px solid #63b3ed;
  font-size: 14px;
  max-width: 780px;
  width: 100%;
  padding-top: 15px;
}
.p-compareLeadBlock .text01 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.p-compareLeadBlock .text01 strong {
  background: linear-gradient(180deg, #fff 0%, #fff 60%, #f0f7fc 60%, #f0f7fc 100%);
  color: #f28739;
  font-size: 20px;
  display: inline-block;
  padding: 0;
  margin: 0 auto;
}
.p-compareLeadBlock .text01 span {
  display: block;
  margin-top: 8px;
}
.p-compareLeadBlock .text02 {
box-sizing: border-box;
background-color: #63b3ed;
color: #fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 60px;
padding-top: 4px;
text-align: left;
}
.p-compareLeadBlock .text02::before {
content: "";
background: url(/styles/img/cart/compare_head_parts02.png) no-repeat;
background-size: 100% 100%;
display: inline-block;
width: 68px;
height: 40px;
margin-right: 14px;
}
.p-compareLeadBlock .text02 br {
  display: inline-block;
}
.p-compareLeadBlock div {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 20px auto 15px;
}
.p-compareLeadBlock div img {
  max-width: 160px;
  width: 50%;
  height: auto;
  margin-bottom: 10px;
}
.p-compareLeadBlock div ul {
  list-style-type: none;
  list-style-position: inside;
  display: table;
  text-align: left;
  margin: 0;
  padding: 0 15px;
}
.p-compareLeadBlock div li {
  text-indent: -1em;
  padding-left: 1em;
  margin: 5px 0 0;
}

/* floating banner
========================================== */
.p-floatingOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 背景をグレーにする */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  visibility: hidden; /* 初期状態で非表示にする */
}

.p-floatingBnr {
  position: relative;
  background-color: #fff;
  padding: 5px;
  border: solid 1px #d0d0d0;
  z-index: 1001;
}

.p-floatingBnr a {
  display: block;
}

.p-floatingBnr img {
  vertical-align: bottom;
  width: 310px;
  height: auto;
}

.p-floatingCloseBtn {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 28px;
  height: 28px;
  background-color: white;
  border: solid 1px #d0d0d0;
  border-radius: 50%;
  text-align: center;
  line-height: 25px;
  cursor: pointer;
  color: #575757;
  font-weight: bold;
  font-size: 1.8rem;
}

.cvs__btn {
  position: relative;
  z-index: 0;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  color: #fff;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: all .3s;
  transition: all .3s;
  padding: 10px 20px;
  font-weight: 700;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  background-color: #006ab7;
  background-image: -webkit-linear-gradient(left, #63b3ed, #006ab7);
  background-image: linear-gradient(to right, #63b3ed, #006ab7);
}

.cvs__btn::after {
  right: 22px;
  width: 8px;
  height: 12px;
  margin-top: -6px;
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 0;
  top: 50%;
  background: url("./images/icn-btn-arrow.svg") no-repeat;
}