@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
/* テキスト */
/* 背景 */
/* 枠線 */
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;
}

input[type='button'],
input[type='submit'],
input[type='text'],
input[type='tel'],
input[type='password'],
textarea,
select {
  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;
}

hr {
  margin: 1em 0;
}

/* タイトル
---------------------------------------- */
.c-contTtl {
  padding: 2px 0 4px 11px;
  margin-bottom: 32px;
  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: 24px;
  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 !important;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

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

.c-link:hover {
  opacity: .8;
}

.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:hover {
  opacity: .8;
}

.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 {
  width: 280px;
  margin: 0 auto;
}

.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:hover {
  background-image: none;
}

.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:hover {
  background-color: #f5f5f5;
  border: 1px solid #bfbfbf;
}

.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:hover {
  background-color: #fdfbef;
  border: 1px solid #f2be2a;
}

.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:hover {
  background-color: #f0f7fc;
  border: 1px solid #63b3ed;
}

.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:hover {
  background-color: #fdf0f3;
  border: 1px solid #e5839e;
}

.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:hover, .c-btn--tsave:hover, .c-btn--csv:hover {
  background-color: #f5f5f5;
  border: 1px solid #bfbfbf;
}

.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:hover {
  background-image: none;
}

.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:hover {
  background-color: #f5f5f5;
  border: 1px solid #bfbfbf;
}

.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:hover {
  background-color: #fdfbef;
  border: 1px solid #f2be2a;
}

.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:hover {
  background-color: #f0f7fc;
  border: 1px solid #63b3ed;
}

.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:hover {
  background-color: #fdf0f3;
  border: 1px solid #e5839e;
}

.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:hover, .c-btnM--plus:hover {
  background-color: #fdfbef;
  border: 1px solid #f2be2a;
}

.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:hover {
  background-color: #6a6a6a;
}

.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:hover {
  background-image: none;
}

.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:hover {
  background-color: #f5f5f5;
  border: 1px solid #bfbfbf;
}

.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:hover {
  background-color: #fdfbef;
  border: 1px solid #f2be2a;
}

.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:hover {
  background-color: #f0f7fc;
  border: 1px solid #63b3ed;
}

.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:hover {
  background-color: #fdf0f3;
  border: 1px solid #e5839e;
}

.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--del:hover {
  color: #9a9a9a;
  background-color: #fff;
}

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

.c-btnS--sM:hover {
  color: #f28739;
  background-color: #fff;
}

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

.c-btnS--sS1:hover {
  color: #006ab7;
  background-color: #fff;
}

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

.c-btnS--sS2:hover {
  color: #ca2e59;
  background-color: #fff;
}

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

.c-btnS--sML:hover {
  color: #f2be2a;
  background-color: #fff;
}

.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--sM.c-btnS--aB:hover::after {
  background-image: url("./images/icn-btns-arrow-m.svg");
}

.c-btnS--sS1.c-btnS--aB:hover::after {
  background-image: url("./images/icn-btns-arrow-s1.svg");
}

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

.c-btnS--aS1L:hover {
  background-color: #f0f7fc;
  border: 1px solid #63b3ed;
}

.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:hover, .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--da:hover, .c-pagerList__item--daR:hover {
  background-image: url("./images/icn-pager-arrow-d-w.svg");
}

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

.c-pagerList__item--a:hover, .c-pagerList__item--aR:hover {
  background-image: url("./images/icn-pager-arrow-w.svg");
}

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

div.pager_container_mypage div.flex {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  line-height: 40px;
  background-color: #fff;
  font-size: 15px;
  margin-bottom: 24px;
}

div.pager_container_mypage div.count {
  display: inline-block;
  padding: 7px 15px;
  margin-bottom: 16px;
  text-align: center;
  font-size: 1.2rem;
  background: #f5f5f5;
}

.pager_container_mypage .c-pagerList__item {
  margin-right: 12px;
}

/* スイッチ
---------------------------------------- */
/* トグルスイッチ */
.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 {
  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 {
  display: inline-block;
  padding: 4px 14px;
  margin-right: 60px;
  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 3px #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: 15px;
  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 30px 28px;
  margin-top: 80px;
  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;
}

@font-face {
  font-family: "icf";
  src: url("fonts/icf.ttf?tk2kdr") format("truetype"), url("fonts/icf.woff?tk2kdr") format("woff"), url("fonts/icf.svg?tk2kdr#icf") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

[class^='icf-'],
[class*=' icf-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icf" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icf-24::before {
  content: "";
}

.icf-send-free::before {
  content: "";
}

.icf-sample-free::before {
  content: "";
}

.icf-option::before {
  content: "";
}

/* header
========================================== */
.mainHeader__content {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  width: 1020px;
  margin: 12px auto;
  position: relative;
}

.mainHeader__content h1 {
  width: 455px;
    font-size: 1.2rem;
    font-weight: normal;
    position: absolute;
    top: 0;
    right: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
}

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

/* ロゴ */
.mainHeader__content__logo {
  width: 235px;
}

/* 受付 */
.mainHeader__content__reception {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 285px;
  margin-left: 24px;
}
.mainHeader__content__reception b {
  font-size: 1.4rem;
  font-weight: 500;
  width: 100%;
}
.mainHeader__content__reception span {
  font-size: 1.1rem;
  line-height: 1.3;
}
.mainHeader__content__reception p {
  font-size: 3.3rem;
  letter-spacing: -0.04em;
  line-height: 1;
  font-weight: bold;
  color: #ed784a;
}

/* 検索 */
.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;
}

.mainHeader__content .fessWrapper {
  margin-left: 20px;
  margin-top: 20px;
}

.mainHeader__content .fessWrapper table {
  width: 120px !important;
}

.mainHeader__content .fessWrapper table td:first-child {
  width: 86px;
}

.mainHeader__content .fessWrapper table td:last-child {
  width: 34px;
}

.mainHeader__content .fessWrapper table input[type='text'] {
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 0 0 0 10px;
  color: #333;
  font-size: 1.4rem;
  line-height: 32px;
  background: #e0e0e0;
  border: none;
  border-radius: 2em 0 0 2em;
}

.mainHeader__content .fessWrapper table .btn {
  overflow: hidden;
  width: 100%;
  height: 32px;
  padding: 0;
  text-align: left;
  text-indent: -2em;
  background: url("/styles/css/images/icn-search.svg") no-repeat center #e0e0e0;
  border: none;
  border-radius: 0 2em 2em 0;
}

.mainHeader__content .fessWrapper table .btn:hover {
  background-color: #e0e0e0;
}

.mainHeader__content .fessWrapper table .btn i {
  display: none;
}

.mainHeader__inputWrap {
  position: relative;
  z-index: 0;
  width: 220px;
  margin-left: 35px;
}

.mainHeader__inputWrap::after {
  content: '';
  position: absolute;
  z-index: 0;
  top: 7px;
  right: 8px;
  width: 18px;
  height: 18px;
  background: url("/styles/css/images/icn-search.svg") no-repeat transparent;
}

.mainHeader__input[type='text'] {
  width: 100%;
  height: 32px;
  padding: 0 36px 0 10px;
  line-height: 32px;
  background: #e0e0e0;
  border: none;
  border-radius: 2em;
}

/* ユーザー */
.mainHeaderUser {
  margin-left: 20px;
}

.mainHeaderUser__mes {
  font-size: 1rem;
}

.mainHeaderUser__name {
  font-size: 1.2rem;
}

.mainHeaderUser__name > span {
  font-size: 1.4rem;
  font-weight: 700;
  display: inline-block;
  max-width: 100px;
}

/* メニュー */
.mainHeader__content__operate {
  margin-left: auto;
}

.mainHeaderMenuList {
  display: -webkit-box;
  display: flex;
  margin-top: 20px;
}

.mainHeaderMenuList > li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: auto;
  margin-right: 8px;
}

.mainHeaderMenuList > li:last-child {
  margin-right: 0;
}

.mainHeaderMenuLink {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  -ms-flex-line-pack: center;
	align-content: center;
  position: relative;
  z-index: 0;
  padding: 0 10px;
  color: #333;
  font-size: 1.6rem;
  text-align: center;
  text-decoration: none;
  border-radius: 8px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.mainHeaderMenuLink:hover {
  opacity: 0.8;
}

.mainHeaderMenuLink__cnt {
  position: absolute;
  z-index: 0;
  top: 50%;
  right: 5px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  color: #fff;
  font-size: 1.2rem;
  line-height: 20px;
  background: #006ab7;
  border-radius: 50%;
}

.mainHeaderMenuLink--cart {
  font-size: 1.4rem;
  border: 1px solid #333;
  border-radius: 8px;
  width: 100px;
  height: 42px;
  padding: 0 20px 0 0;
}

.mainHeaderMenuLink--cart::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  background: url("/styles/css/images/icn-cart-g2.svg") no-repeat transparent;
}
.mainHeaderMenuLink--login {
  color: #fff;
  font-size: 1.4rem;
  font-weight: normal;
  background-color: #ed784a;
  border-radius: 8px;
  width: 100px;
  height: 42px;
  line-height: 1.2;
}
.mainHeaderMenuLink--login::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  background: url("/styles/css/images/icn-login.svg") no-repeat transparent;
}

.mainHeaderMenuLink--mypage {
  color: #006CBD;
  font-size: 1.3rem;
  font-weight: normal;
  background-color: #fff;
  border: 1px solid #006CBD;
  border-radius: 8px;
  padding: 0;
  width: 100px;
  height: 42px;
  line-height: 1.2;
}

.mainHeaderMenuLink--logout {
  color: #ed784a;
  font-size: 1.3rem;
  font-weight: normal;
  background-color: #fff;
  border: 1px solid #ed784a;
  border-radius: 8px;
  padding: 0;
  width: 100px;
  height: 42px;
  line-height: 1.2;
}
.mainHeaderMenuLink--logout::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  background: url("/styles/css/images/icn-logout.svg") no-repeat transparent;
}

.mainHeaderMenuLink--entry {
  color: #fff;
  font-size: 1.3rem;
  font-weight: normal;
  background-color: #006AB7;
  border-radius: 8px;
  width: 100px;
  height: 42px;
  line-height: 1.2;
}

.mainHeaderMenuLink--entry span {
  font-size: 1.1rem;
  display: block;
}

/* global navi
========================================== */
.gNavi {
  height: 44px;
  background-color: #ed784a;
}

.gNavi__navlist {
  display: -webkit-box;
  display: flex;
  position: relative;
  width: 1020px;
  margin: 0 auto;
}

.gNavi__navlist > li {
  /* width: 146px; */
  position: relative;
}

.gNavi__navlist > li::before {
  content: "";
  display: block;
  background-color: #fff;
  width: 1px;
  height: 24px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.gNavi__navlist > li:first-child {
  width: 110px;
}
.gNavi__navlist > li:nth-child(2) {
  width: 130px;
}
.gNavi__navlist > li:nth-child(3) {
  width: 270px;
}
.gNavi__navlist > li:nth-child(4) {
  width: 160px;
}
.gNavi__navlist > li:nth-child(5) {
  width: 180px;
}
.gNavi__navlist > li:last-child {
  width: 170px;
}
.gNavi__navlist > li:last-child::before {
  display: none;
}


.gNavi__navlist > li:last-child > a {
  background-color: #CD201F;
}

.gNavi__navlist > li > a {
  display: block;
  position: relative;
  z-index: 0;
  padding: 0 10px;
  color: #fff;
  font-size: 1.8rem;
  line-height: 44px;
  text-align: center;
  text-decoration: none;
  background-color: #ed784a;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.gNavi__navlist > li:hover > a {
  background-color: #ffb496;
}

.gNavi__navlist > li:hover .gNavi__navlist__child {
  display: block;
  position: absolute;
  z-index: 1000;
  top: 44px;
  left: 0;
  width: 1020px;
}

.gNavi__navlist__child {
  display: none;
}

.gNavi__navlist__child__menuList {
  display: -webkit-box;
  display: flex;
  background-color: #e0e0e0;
}

.gNavi__navlist__child__menuList > li > a {
  display: block;
  position: relative;
  z-index: 0;
  padding: 0 20px;
  color: #333;
  font-size: 1.2rem;
  line-height: 44px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.gNavi__navlist__child__menuList > li > a::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  bottom: 0;
  width: calc(100% - 40px);
  height: 2px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.gNavi__navlist__child__menuList > li > a:hover {
  background-color: #fff;
}

.gNavi__navlist__child__menuList > li > a:hover::after {
  background: #9a9a9a;
}

/* side menu
========================================== */
.sideMenu {
  float: left;
  width: 220px;
}

/* 先月の注文実績 */
.sideMenu_orderResultArea h1 {
  color: #fff;
  font-size: 1.8rem;
  background-color: #f28739;
  text-align: center;
  padding: 12px;
}

.sideMenu_orderResultArea dl {
  font-size: 1.4rem;
  margin-bottom: 20px;
}

.sideMenu_orderResultArea dl dt {
  clear: both;
  float: left;
  padding: 8px 0;
}

.sideMenu_orderResultArea dl dt::before {
  display: inline-block;
  content: '';
  width: 8px;
  height: 8px;
  background-color: #000;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 6px;
}

.sideMenu_orderResultArea dl dd {
  text-align: right;
  border-bottom: 1px solid #000;
  padding: 8px 0;
}

.sideMenu_orderResultArea dl dd span {
  font-size: 1.6rem;
  font-weight: 700;
}

/* キャンペーンバナー */
.sideMenuBnr {
  margin-bottom: 9px;
}

.sideMenuBnr a {
  display: block;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  margin-bottom: 9px;
}

.sideMenuBnr a:hover {
  opacity: .8;
}

.sideMenuBnr img {
  width: auto;
  max-width: 100%;
}

.sideMenuBlk {
  margin-bottom: 32px;
}

/* 取扱い商品一覧 */
.sideMenuItemList__ttl {
  padding: 6px 8px;
  color: #000;
  font-size: 1.4rem;
  font-weight: 700;
  background: #e8da95;
  border-left: 4px solid #6a6a6a;
}

.sideMenuItemList > li:nth-child(1) .sideMenuItemList__ttl {
  border-left: 4px solid #f75c2f;
}

.sideMenuItemList > li:nth-child(1) .sideMenuItemMList > li > a:hover::after,
.sideMenuItemList > li:nth-child(1) .sideMenuItemSList > li > a:hover::after {
  background: #f75c2f;
}

.sideMenuItemList > li:nth-child(2) .sideMenuItemList__ttl {
  border-left: 4px solid #005caf;
}

.sideMenuItemList > li:nth-child(2) .sideMenuItemMList > li > a:hover::after,
.sideMenuItemList > li:nth-child(2) .sideMenuItemSList > li > a:hover::after {
  background: #005caf;
}

.sideMenuItemList > li:nth-child(3) .sideMenuItemList__ttl {
  border-left: 4px solid #86c166;
}

.sideMenuItemList > li:nth-child(3) .sideMenuItemMList > li > a:hover::after,
.sideMenuItemList > li:nth-child(3) .sideMenuItemSList > li > a:hover::after {
  background: #86c166;
}

.sideMenuItemList > li:nth-child(4) .sideMenuItemList__ttl {
  border-left: 4px solid #e03c8a;
}

.sideMenuItemList > li:nth-child(4) .sideMenuItemMList > li > a:hover::after,
.sideMenuItemList > li:nth-child(4) .sideMenuItemSList > li > a:hover::after {
  background: #e03c8a;
}

.sideMenuItemList > li:nth-child(5) .sideMenuItemList__ttl {
  border-left: 4px solid #2ea9df;
}

.sideMenuItemList > li:nth-child(5) .sideMenuItemMList > li > a:hover::after,
.sideMenuItemList > li:nth-child(5) .sideMenuItemSList > li > a:hover::after {
  background: #2ea9df;
}

.sideMenuItemList > li:nth-child(6) .sideMenuItemList__ttl {
  border-left: 4px solid #d82c3e;
}

.sideMenuItemList > li:nth-child(6) .sideMenuItemMList > li > a:hover::after,
.sideMenuItemList > li:nth-child(6) .sideMenuItemSList > li > a:hover::after {
  background: #d82c3e;
}

.sideMenuItemList > li:nth-child(7) .sideMenuItemList__ttl {
  border-left: 4px solid #813ab9;
}

.sideMenuItemList > li:nth-child(7) .sideMenuItemMList > li > a:hover::after,
.sideMenuItemList > li:nth-child(7) .sideMenuItemSList > li > a:hover::after {
  background: #813ab9;
}

.sideMenuItemList > li:nth-child(8) .sideMenuItemList__ttl {
  border-left: 4px solid #bea71b;
}

.sideMenuItemList > li:nth-child(8) .sideMenuItemMList > li > a:hover::after,
.sideMenuItemList > li:nth-child(8) .sideMenuItemSList > li > a:hover::after {
  background: #bea71b;
}

.sideMenuItemList > li:nth-child(9) .sideMenuItemList__ttl {
  border-left: 4px solid #91c223;
}

.sideMenuItemList > li:nth-child(9) .sideMenuItemMList > li > a:hover::after,
.sideMenuItemList > li:nth-child(9) .sideMenuItemSList > li > a:hover::after {
  background: #91c223;
}

.sideMenuItemList > li:nth-child(10) .sideMenuItemList__ttl {
  border-left: 4px solid #0b50d4;
}

.sideMenuItemList > li:nth-child(10) .sideMenuItemMList > li > a:hover::after,
.sideMenuItemList > li:nth-child(10) .sideMenuItemSList > li > a:hover::after {
  background: #0b50d4;
}

.sideMenuItemList > li:nth-child(11) .sideMenuItemList__ttl {
  border-left: 4px solid #c71a5d;
}

.sideMenuItemList > li:nth-child(11) .sideMenuItemMList > li > a:hover::after,
.sideMenuItemList > li:nth-child(11) .sideMenuItemSList > li > a:hover::after {
  background: #c71a5d;
}

.sideMenuItemList > li:nth-child(12) .sideMenuItemList__ttl {
  border-left: 4px solid #23c27a;
}

.sideMenuItemList > li:nth-child(12) .sideMenuItemMList > li > a:hover::after,
.sideMenuItemList > li:nth-child(12) .sideMenuItemSList > li > a:hover::after {
  background: #23c27a;
}

.sideMenuItemList > li:nth-child(13) .sideMenuItemList__ttl {
  border-left: 4px solid #ec0cda;
}

.sideMenuItemList > li:nth-child(13) .sideMenuItemMList > li > a:hover::after,
.sideMenuItemList > li:nth-child(13) .sideMenuItemSList > li > a:hover::after {
  background: #ec0cda;
}

.sideMenuItemList > li:nth-child(14) .sideMenuItemList__ttl {
  border-left: 4px solid #fa8b0f;
}

.sideMenuItemList > li:nth-child(14) .sideMenuItemMList > li > a:hover::after,
.sideMenuItemList > li:nth-child(14) .sideMenuItemSList > li > a:hover::after {
  background: #fa8b0f;
}

.sideMenuItemList > li:nth-child(15) .sideMenuItemList__ttl {
  border-left: 4px solid #b361ba;
}

.sideMenuItemList > li:nth-child(15) .sideMenuItemMList > li > a:hover::after,
.sideMenuItemList > li:nth-child(15) .sideMenuItemSList > li > a:hover::after {
  background: #b361ba;
}

/* 初めてのお客様へ  */
.l-sideBeginner {
  margin-bottom: 9px;
}

.l-sideBeginner__link {
  display: block;
  padding: 5px;
  color: #000;
  text-align: center;
  text-decoration: none;
  background: #fdfbef;
  border: 1px solid #bfbfbf;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.l-sideBeginner__link::before {
  content: '';
  display: inline-block;
  margin-right: 10px;
  width: 17px;
  height: 26px;
  vertical-align: middle;
  background: url("/styles/css/images/icn-beginner.svg") no-repeat center transparent;
}

.l-sideBeginner__link:hover {
  opacity: .8;
}

.sideMenuItemMList > li {
  position: relative;
  z-index: 51;
  border-bottom: 1px solid #bfbfbf;
}

.sideMenuItemMList > li:last-child {
  border-bottom: none;
}

.sideMenuItemMList > li > a {
  display: block;
  padding: 14px 15px 14px 48px;
  color: #333;
  font-size: 1.2rem;
  text-decoration: none;
  background: 3px center/40px auto no-repeat #fdfbef;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.sideMenuItemMList > li > a::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  bottom: -1px;
  left: 15px;
  width: calc(100% - 30px);
  height: 3px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sideMenuItemMList > li > a:hover::after {
  background: #9a9a9a;
}

.sideMenuItemMList > li:hover > a {
  font-weight: 500;
  background-color: #f4edcd;
}

.sideMenuItemMList > li:hover > a:hover {
  background-color: #fff;
}

.sideMenuItemMList > li:hover .sideMenuItemSList {
  opacity: 1;
  visibility: visible;
}

.sideMenuItemMList--arw > li > a {
  padding: 14px 30px 14px 15px;
}

.sideMenuItemMList--arw > li > a::after {
  display: inline-block;
  content: '';
  position: absolute;
  z-index: 0;
  top: 50%;
  right: 15px;
  left: auto;
  width: 7px;
  height: 11px;
  margin-top: -6px;
  background: url(./images/icn-menu-arrow.svg) no-repeat;
}

.sideMenuItemMList--arw > li > a:hover::after {
  background: url(./images/icn-menu-arrow-on.svg) no-repeat;
}

.sideMenuItemSList {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 220px;
  width: 100%;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

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

.sideMenuItemSList > li > a {
  display: block;
  position: relative;
  z-index: 0;
  padding: 14px;
  color: #333;
  font-size: 1.2rem;
  text-decoration: none;
  background-color: #f4edcd;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.sideMenuItemSList > li > a::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  bottom: -1px;
  width: calc(100% - 30px);
  height: 3px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sideMenuItemSList > li > a:hover {
  background-color: #fff;
}

.sideMenuItemSList > li > a:hover::after {
  background: #9a9a9a;
}

/* お急ぎなら */
.sideMenuAppealTtl {
  margin-bottom: 8px;
  color: #ed784a;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
}

.sideMenuAppealTtl::before, .sideMenuAppealTtl::after {
  content: '';
  display: inline-block;
  width: 22px;
  height: 1px;
  margin-top: -3px;
  vertical-align: middle;
  background: #f28739;
}

.sideMenuAppealTtl::before {
  margin-right: -4px;
  -webkit-transform: rotate(68deg);
          transform: rotate(68deg);
}

.sideMenuAppealTtl::after {
  margin-left: -4px;
  -webkit-transform: rotate(-68deg);
          transform: rotate(-68deg);
}

.sideMenuAppealTtl--s2 {
  color: #ca2e59;
}

.sideMenuAppealTtl--s2::before, .sideMenuAppealTtl--s2::after {
  background: #ca2e59;
}

.p-sideBtnM {
  background: #ed784a;
}

.p-sideBtnM--s2 {
  background: #ca2e59;
}

.p-sideBtnM:hover {
  opacity: .8;
}

/* ITPグループ コンテンツサービス */
.l-sideITPContent__link {
  display: block;
  position: relative;
  z-index: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.l-sideITPContent__link:hover {
  opacity: .8;
}

.l-sideITPContent__link:hover::before {
  border: 4px solid #ed784a;
}

.l-sideITPContent__link::before {
  content: '';
  pointer-events: none;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #395e8d;
  border-radius: 5px;
  -webkit-transition: border 0.3s ease-out;
  transition: border 0.3s ease-out;
}

.l-sideITPContent__link img {
  width: auto;
  max-width: 100%;
}

/* 認証 */
.l-sidePmark,
.l-sideGSign {
  text-align: center;
  border: 1px solid #bfbfbf;
}

.l-sidePmark {
  padding: 14px 0 30px;
  margin-top: 20px;
}

.l-sidePmark__logo {
  margin-bottom: 8px;
}

.l-sideGSign {
  padding: 28px 20px 28px;
  margin-top: 20px;
}

.l-sideGSign p {
  margin-top: 16px;
  text-align: left;
}

.l-mainFooter {
  clear: both;
}

/* メニュー */
.l-mainFooterMenu {
  padding: 48px 0 8px;
}

.l-mainFooterMenu__inner {
  width: 1020px;
  margin: 0 auto;
}

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

.l-mainFooterMenuTtl {
  padding: 8px 10px;
  margin-bottom: 24px;
  font-size: 1.4rem;
  font-weight: 700;
  border-bottom: 1px solid #bfbfbf;
}

.l-mainFooterMenuList {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.l-mainFooterMenuList > li {
  width: calc((100% - 45px) / 4);
  margin: 0 15px 16px 0;
}

.l-mainFooterMenuList > li:nth-child(4n) {
  margin-right: 0;
}

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

.l-mainFooterMenuList > li > a:hover {
  text-decoration: underline;
}

/* ナビ */
.l-mainFooterNav {
  clear: both;
  padding: 34px 0;
  border-top: 1px solid #bfbfbf;
}

.l-mainFooterNav__inner {
  display: -webkit-box;
  display: flex;
  width: 1020px;
  margin: 0 auto;
}

.l-mainFooterNavList {
  -webkit-box-flex: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin: 6px 0 0 35px;
}

.l-mainFooterNavList > li {
  width: calc((100% - 30px) / 3);
  margin-bottom: 16px;
}

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

.l-mainFooterNavList > li > a:hover {
  text-decoration: underline;
}

/* コピーライト */
.l-mainFooterCopyright {
  padding: 32px 0;
  font-size: 1rem;
  text-align: center;
}

/* PAGE TOP */
.l-pageTop {
  outline: none;
  position: fixed;
  z-index: 1000;
  right: 16px;
  bottom: 140px;
  width: 54px;
  height: 54px;
  text-align: center;
  background: #ed784a;
  border-radius: 50%;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.16);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.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 {
  opacity: .8;
}

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

/* contents */
#contents {
  clear: both;
  width: 1020px;
  padding: 0 0 80px;
  margin: 0 auto;
}

#top #contents {
  padding-top: 20px;
}

#mainContents {
  float: right;
  width: 780px;
  margin-left: 0;
}

#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 > h2 {
  padding: 2px 0 4px 11px;
  margin-bottom: 32px;
  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;
}

body#top div#mainContents h2 {
  padding: 1px 0 1px 11px;
  margin-bottom: 16px;
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 1.4;
  border-left: 4px solid #ed784a;
}

div#mainContents > h3,
div#mainContents form > h3 {
  margin-bottom: 24px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
}

div#mainContents > h3.border,
div#mainContents form > h3.border {
  margin-bottom: 24px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
}

div#mainContents > h3.border::after,
div#mainContents form > h3.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);
}

/* my page
========================================== */
body.mypage div#mainContents div.myTopRight01 h2,
body.mypage div#mainContents div.myTopLeft01 h2 {
  font-size: 2rem;
  background-color: #f28739;
  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;
}

/* --------------------
商品案内
-------------------- */
.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 {
  height: 39px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  line-height: 41px;
  text-align: center;
  background: #f28739;
}

.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: #f28739;
}

.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: #f28739;
}

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

/* To Price Table */
.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;
}

.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;
}

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;
}

#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;
}

/* 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: 488px;
  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;
}

/* --------------------
データ入稿
-------------------- */
.li_list01Wrap {
  padding: 12px 15px 0;
  margin-bottom: 64px;
  background: #fdfbef;
  border: 2px solid #f28739;
}

li.li_list01 {
  margin-bottom: 28px;
  font-size: 1.6rem;
  font-weight: 700;
}

li.li_list01 a {
  font-weight: 700;
  text-decoration: underline;
}

/* order_list
========================================== */
p#uploadFile_bk1 {
  margin-bottom: 30px;
}

p#uploadFile_bk1 .file_bg {
  width: 667px;
  line-height: 20px;
  background: #fff;
  border: 3px solid #e6e6e6;
  padding: 12px 20px;
  margin-bottom: 10px;
}

div.uploadListTit01 {
  margin-bottom: 8px;
  font-size: 1.6rem;
  font-weight: 700;
}

div.MultiFile-list {
  border-top: 1px solid #bfbfbf;
}

div.MultiFile-label {
  border-bottom: 1px solid #bfbfbf;
  padding: 8px 15px;
}

a.MultiFile-remove {
  cursor: pointer;
  display: inline-block;
  padding: 8px 12px;
  margin-right: 15px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  background: #9a9a9a;
  border-radius: 2em;
  -webkit-transition: all .3s;
  transition: all .3s;
}

a.MultiFile-remove:hover {
  background: #6a6a6a;
}

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
========================================== */
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: #bfbfbf;
  overflow: hidden;
}

.progress__bar {
  width: 0;
  background: #f28739;
  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 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;
}

/* 新規会員登録
======================================== */
/* --------------------
新規会員登録
-------------------- */
.p-memberShipBnr {
  margin-bottom: 24px;
}

.p-memberShipBnr__link {
  display: block;
}

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 {
  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;
}

div#usePolicy {
  overflow: hidden;
  border: 1px solid #a0a0a0;
  padding: 10px;
  margin-bottom: 30px;
}

div#usePolicy iframe {
  border: 1px solid #a0a0a0;
}

/* --------------------
新規会員登録キャンペーン
-------------------- */
.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;
}

/* --------------------
商品詳細_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 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;
}

/* --------------------
納期計算(振り分け設定必要)
-------------------- */
#deli-table {
  overflow-x: auto;
}

#calc-calendar {
  width: auto;
  min-width: 100%;
}

#calc-calendar tr.tr-1,
#calc-calendar tr.tr-2,
#calc-calendar td.bgGray01 {
  padding: 0 2px;
  background: #f5f5f5;
}

#calc-calendar td#month-header-0,
#calc-calendar td#month-header-1 {
  color: #fff;
  font-size: 1.6rem;
  background: #9a9a9a;
}

#td-today {
  color: #fff;
  background-color: #f28739;
}

td.deli-1 {
  position: relative;
}

#table1daysCaution {
  position: absolute;
  top: 11px;
  left: 73px;
}

#calc-calendar tr.tr-1 td.close01 {
  width: 54px;
  font-size: 1.1rem;
  font-weight: 400;
}

#calc-calendar tr.tr-1 td {
  height: 30px;
}

#calc-calendar tr.tr-1 td.business01 {
  width: 64px;
  font-size: 1.1rem;
  font-weight: 400;
}

#calc-calendar tr.tr-2 {
  font-size: 1.1rem;
}

#calc-calendar tr.tr-2 td {
  line-height: 1.4;
}

#calc-calendar tr.tr-2 td span {
  font-size: 1.6rem;
  font-weight: 700;
}

#calc-calendar tr.tr-3 td {
  background-color: #ffc73f !important;
}

#calc-calendar td,
#calc-calendar th {
  padding: 0 3px;
  height: 40px;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #bfbfbf;
  border-top: none;
  border-bottom: none;
}

#calc-calendar th {
  width: 50px;
  height: 30px;
}

#calc-calendar td.bDay {
  text-align: right;
}

#calc-calendar td.satDay {
  color: #006ab7;
}

#calc-calendar td.sunDay {
  color: #cd201f;
}

td.closeTime01 {
  font-size: 1.1rem;
  line-height: 1.2;
}

span.txtEmphasis01 {
  font-size: 1.8rem;
  font-weight: 700;
}

span.txtEmphasis01 + span {
  font-size: 1.1rem;
}

#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;
}

/* --------------------
印刷用紙見本帳
-------------------- */
div.privacyMaterial {
  overflow: auto;
  height: 200px;
  font-size: 12px;
  border: solid 1px #ccc;
  padding: 0 10px 10px;
  margin-bottom: 16px;
}

/* 個人情報保護理念 */
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;
}

/* --------------------
サイズで検索
-------------------- */
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: 1020px;
  padding: 16px 0;
  font-size: 1rem;
  font-weight: 700;
}

#crumb a {
  color: #6a6a6a;
  font-weight: 400;
  text-decoration: none;
}

#crumb a:hover {
  text-decoration: underline;
}

#guideTopArea .path {
  float: left;
  width: 820px;
  line-height: 49px;
}

#guideTopArea .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;
}

/* 価格表
------------- */
#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 {
  margin-left: 2em;
  font-size: 1.4rem;
  font-weight: 400;
  list-style-type: decimal !important;
  line-height: 2;
}

/* お客様の声 */
#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;
}

.sideOrderBox2 table {
  float: left;
  width: 245px;
  text-align: center;
}

body#setupBuy .sideOrderBox2 table {
  width: 292px;
}

.sideOrderBox2 table#thisMonth {
  margin-right: 20px;
  border-collapse: separate;
}

.sideOrderBox2 table#nextMonth {
  border-collapse: separate;
}

#business_calendar {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 32px;
}

.calendarDesc {
  width: 250px;
}

#descBox {
  margin-bottom: 6px;
}

#descBox > li {
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 1.4rem;
  border-bottom: 1px solid #bfbfbf;
}

#descBox > li:last-child {
  border-bottom: none;
}

#descBox li[class^='dayType']::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 10px;
}

#descBox .dayType1::before {
  background: #fff;
  border: 2px solid #6a6a6a;
}

#descBox .dayType3::before {
  background: #c9c9c9;
}

#descBox .dayType4::before {
  background: #fff;
  border: 2px solid #63b3ed;
}

/* カレンダー注意書き */
.calendarNotice {
  display: inline-block;
  padding: 10px;
  color: #ff5050;
  border: 2px solid #ff5050;
  border-radius: 4px;
}

/* カレンダーメイン */
.calendarDisp {
  width: 510px;
}

.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 {
  padding: 4px 16px;
  color: #787878;
  font-size: 1.6rem;
  font-weight: 700;
  background: #fff;
  border: 1px solid #6a6a6a;
}

.sideOrderBox2 table tbody th {
  padding: 8px 0;
  font-size: 1.2rem;
  font-weight: 700;
}

.sideOrderBox2 table tbody th.sun {
  color: #e62e8b;
}

.sideOrderBox2 table tbody th.sat {
  color: #63b3ed;
}

.sideOrderBox2 table td {
  padding: 8px 0;
  font-size: 1.2rem;
  font-weight: 700;
}

.sideOrderBox2 table td.act {
  border: 2px solid #6a6a6a;
}

.sideOrderBox2 table td.rest {
  color: #fff;
  background: #c9c9c9;
  border: 2px solid #c9c9c9;
}

.sideOrderBox2 table td.today_rest {
  color: #fff;
  background: #c9c9c9;
  border: 2px solid #6a6a6a;
}

.sideOrderBox2 table td.holiday {
  border: 2px solid #63b3ed;
}

.sideOrderBox2 table td.new_year_holidays {
  border: 2px solid #ff5050;
}

.sideOrderBox2 table td.none {
  cursor: default;
}

.sideOrderBox2 table td.noBorder01 {
  border-bottom: none !important;
}

.ISBSelectBoxArea {
  position: relative;
}

.ISBSelectBox {
  padding: 6px 30px 6px 10px;
  background: url(/styles/css/images/icn-select.svg) no-repeat right 12px center #fff;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
}

.ISBSelectedView {
  font-size: 1.2rem;
}

.ISBSelectButton {
  color: #666;
  margin: 4px;
  width: 16px;
}

.ISBSelect {
  background: #bfbfbf;
  display: none;
  max-height: 300px;
  left: 0;
  overflow: auto;
  position: absolute;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
  top: 0;
  width: 301px;
  z-index: 120;
}

.ISBSelect--websales {
  width: auto !important;
  min-width: 300px !important;
}

.ISBOption {
  font-size: 1.3rem;
  float: left;
  padding: 2px 2px 2px 20px;
  position: relative;
  cursor: pointer;
}

.ISBOption .img {
  margin: 4px;
}

.ISBOption .ISBHeading {
  font-weight: 700;
  margin: 2px;
}

.ISBOption .note {
  color: #666;
  font-size: 1.1rem;
  margin: 2px;
}

.ISBOption:hover {
  background: #f0f7fc;
}

.ISBSelected::before {
  content: '';
  width: 10px;
  height: 6px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  display: block;
  border-left: 2px solid #000;
  border-bottom: 3px solid #000;
  left: 6px;
  position: absolute;
  top: 8px;
}

.ISBOptGroup {
  float: left;
  background: #fff;
  width: 100%;
}

.ISBOptGroup .ISBOptGroupHeading {
  font-size: 1.3rem;
  height: 32px;
  line-height: 23px;
  padding: 2px;
  padding-left: 8px;
}

.ISBOptGroup .ISBOption {
  float: none;
  position: relative;
}

.ISBOptGroup .ISBOption--disabled {
  display: -webkit-box;
  display: flex;
  background: #e0e0e0;
  color: #787878;
  pointer-events: none;
}

.ISBOptGroup .ISBOption--disabled::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: not-allowed;
}

.ISBOptGroup .ISBOption--disabled::after {
  content: '[完売]　';
  display: inline-block;
  padding: 0 5px;
  font-weight: bold;
}

.ISBOptGroup .ISBOption--disabled:hover {
  background: #ccc;
}

.ISBDisabled {
  color: #aaa;
}

.ISBSelectView {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
  left: 0;
  overflow: hidden;
  position: absolute;
  padding-top: 32px;
  top: 0;
  z-index: 150;
  background: #bfbfbf;
}

.ISBSelectView .ISBSelect {
  position: static;
  box-shadow: none;
}

.ISBSelectView .ISBOptGroupHeading {
  position: absolute;
  border: 0;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  top: 0;
  width: 33.33%;
}

.c-sct {
  margin-bottom: 29px;
}

table.tableType01 {
  table-layout: auto;
  width: 100%;
}

table.tableType01 caption {
  margin-bottom: 5px;
  font-weight: 700;
  text-align: left;
}

table.tableType01 th {
  padding: 20px 15px;
  font-weight: 500;
  text-align: left;
  word-break: break-all;
  background: #fcefd8;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

table.tableType01--s1 th {
  background: #dcecf7;
}

table.tableType01--b th {
  background: #f5f5f5;
}

table.tableType01--bd th,
table.tableType01--bd td {
  border: 1px solid #bfbfbf;
}

table.tableType01--bd th:first-child,
table.tableType01--bd td:first-child {
  border-left: none;
}

table.tableType01--bd th:last-child,
table.tableType01--bd td:last-child {
  border-right: none;
}

table.tableType01 tr.div4 th {
  width: 25%;
}

table.tableType01 tr.c-att th,
table.tableType01 tr.c-att td {
  color: #cd201f;
  font-size: 1.6rem;
  font-weight: 700;
}

table.tableType01 tr.c-att th {
  background: #fcf2f3;
}

table.tableType01 td {
  padding: 15px;
  word-break: break-all;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

table.tableType01 td.infoBox02 {
  font-size: 1.2rem;
}

table.tableType01 td select {
  vertical-align: middle;
}

table.tableType01 td input {
  vertical-align: middle;
}

/* ログイン */
#login table.tableType01 th {
  min-width: 220px;
}

#login table.tableType01 td input[type='text'],
#login table.tableType01 td input[type='password'] {
  width: 320px;
}

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

.c-thAttachTag__tag {
  flex-shrink: 0;
  display: inline-block;
  padding: 4px 14px;
  color: #6a6a6a;
  font-size: 1.2rem;
  background: #fff;
  border-radius: 4px;
}

.c-thAttachTag__tag--req {
  color: #fff;
  background: #f28739;
}

.c-thAttachTag__tag--req.ok {
  color: #f28739;
  background: #fff;
}

table.tableType01--s1 .c-thAttachTag__tag--req {
  background: #006ab7;
}

/* いろぷり 感謝キャンペーン */
.pc_hid {
  display: none;
}

@media screen and (max-width: 600px) {
  .pc_hid {
    display: block;
  }
}

.sp_hid {
  display: block;
}

@media screen and (max-width: 600px) {
  .sp_hid {
    display: none;
  }
}

/* 1周年 */
.p-annivBody {
  background-color: #e8e8e8;
}

.p-annivNormal {
  color: #0564c8;
}

.p-annivPrimary {
  color: #fa4b4b;
}

.p-annivSecondary {
  color: #7cc8ff;
}

.p-annivWrap {
  width: 100%;
  min-height: 100%;
  padding-bottom: 120px;
}

@media screen and (max-width: 600px) {
  .p-annivWrap {
    padding-bottom: 0;
  }
}

.p-annivHeader {
  position: relative;
  z-index: 0;
}

.p-annivHeader img {
  width: 100%;
  text-align: center;
}

.p-annivHeader__pc {
  display: block;
}

.p-annivHeader__sp {
  display: none;
}

@media screen and (max-width: 600px) {
  .p-annivHeader__pc {
    display: none;
  }
  .p-annivHeader__sp {
    display: block;
  }
}

.p-annivContainer {
  position: relative;
  z-index: 1;
  padding: 0 20px;
}

@media screen and (max-width: 600px) {
  .p-annivContainer {
    padding: 0;
  }
}

.p-annivCont {
  max-width: 920px;
  background-color: #fff;
  border-radius: 20px;
  padding: 50px;
  margin: -5.2% auto 0;
}

@media screen and (max-width: 600px) {
  .p-annivCont {
    width: 100%;
    border-radius: 0;
    padding: 25px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 600px) {
  .p-annivCont--comp {
    padding: 50px 25px 100px;
  }
}

.p-annivLead {
  font-size: 2rem;
  line-height: 1.875;
  text-align: center;
  margin-bottom: 26px;
}

@media screen and (max-width: 600px) {
  .p-annivLead {
    font-size: 1.7rem;
    text-align: left;
    margin-bottom: 25px;
  }
}

.p-annivLead span {
  font-weight: bold;
}

.p-annivBnrWrap {
  width: 383px;
  margin: 0 auto;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .p-annivBnrWrap {
    width: 100%;
  }
}

.p-annivBnr__ttl {
  margin-bottom: 6px;
}

/* タイトル */
.p-annivTtl1 {
  background-color: #0564c8;
  font-weight: normal;
  font-size: 1.8rem;
  color: #fff;
  letter-spacing: .1em;
  padding: 7px 10px;
  margin-bottom: 30px;
}

@media screen and (max-width: 600px) {
  .p-annivTtl1 {
    padding: 12px 25px;
    margin: 0 -25px 25px;
  }
}

/* クイズ */
.p-annivQuiz {
  max-width: 650px;
  margin: 0 auto 47px;
}

.p-annivQuiz__img {
  margin-bottom: 47px;
}

.p-annivQuiz__img img {
  width: 100%;
}

.p-annivQuiz__pc {
  display: block;
}

.p-annivQuiz__sp {
  display: none;
  max-width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 600px) {
  .p-annivQuiz__pc {
    display: none;
  }
  .p-annivQuiz__sp {
    display: block;
  }
}

.p-annivQuiz__row {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 32px;
}

.p-annivQuiz__row dt {
  margin-right: 20px;
}

.p-annivQuiz__ttl {
  color: #0564c8;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: .1em;
  margin-bottom: 6px;
}

.p-annivQuiz__note {
  font-size: 1.4rem;
}

/* フォーム
---------------------------------------- */
.p-annivForm {
  padding-bottom: 30px;
}

input[type='button'].p-annivFormField,
input[type='submit'].p-annivFormField,
input[type='text'].p-annivFormField,
input[type='tel'].p-annivFormField,
input[type='password'].p-annivFormField,
textarea.p-annivFormField,
select.p-annivFormField {
  background: #f8f8f8;
  border: 1px solid #0564c8;
  border-radius: 7px;
  padding: 6px 10px;
}

select.p-annivFormField--select {
  padding: 0 30px 0 10px;
  width: auto;
  height: 40px;
  background: url("./images/icn-select.svg") no-repeat right 12px center #f8f8f8;
}

@media screen and (max-width: 600px) {
  select.p-annivFormField--select {
    background-color: #f8f8f8;
    width: 100%;
  }
}

.p-annivFormField::-webkit-input-placeholder {
  color: #909090;
  font-weight: normal;
  font-size: 1.6rem;
}

.p-annivFormField:-ms-input-placeholder {
  color: #909090;
  font-weight: normal;
  font-size: 1.6rem;
}

.p-annivFormField::placeholder {
  color: #909090;
  font-weight: normal;
  font-size: 1.6rem;
}

.p-annivFormField {
  width: 100%;
}

.p-annivFormField--quiz {
  width: 90px;
  text-align: center;
  font-size: 6rem;
  line-height: 1.2;
}

@media screen and (max-width: 600px) {
  .p-annivFormField--quiz {
    width: 80px;
    font-size: 5rem;
  }
}

.p-annivFormField--w250 {
  max-width: 250px;
}

.p-annivFormField--w150 {
  max-width: 150px;
}

.p-annivFormField--w200 {
  max-width: 200px;
}

.p-annivFormBlk {
  margin-bottom: 34px;
}

@media screen and (max-width: 600px) {
  .p-annivFormBlk {
    margin-bottom: 25px;
  }
}

.p-annivFormBlk dt {
  color: #0564c8;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: .1em;
  margin-bottom: 18px;
}

@media screen and (max-width: 600px) {
  .p-annivFormBlk dt {
    font-size: 1.6rem;
    margin-bottom: 14px;
  }
}

.p-annivFormBlk dd {
  color: #0564c8;
  font-size: 1.8rem;
  font-weight: normal;
  /*white-space: nowrap;*/
}

@media screen and (max-width: 600px) {
  .p-annivFormBlk dd {
    font-size: 1.6rem;
  }
}

.p-annivFormBlk--radio dd {
  color: #333;
}

.p-annivFormBlk--radio .p-annivFormBlk__row {
  margin-bottom: 10px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
  white-space: nowrap;
}

@media screen and (max-width: 600px) {
  .p-annivFormBlk--radio .p-annivFormBlk__row {
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-align: inherit;
            align-items: inherit;
  }
  .p-annivFormBlk--radio .p-annivFormBlk__row .p-annivFormRadio {
    margin-bottom: 20px;
  }
  .p-annivFormBlk--radio .p-annivFormBlk__row .p-annivFormRadio:last-child {
    margin-bottom: 0;
  }
}

.p-annivFormBlk--radio .p-annivFormBlk__row:last-child {
  margin-bottom: 0;
}

.p-annivFormBlk--agree dd {
  font-size: 1.6rem;
  color: #333;
  padding-bottom: 25px;
}

.p-annivFormBlk__row {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
}

.p-annivFormBlk__col {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
}

.p-annivFormBlk__col--w250 {
  max-width: 250px;
}

.p-annivFormBlk__col--w100p {
  max-width: 100%;
}

.p-annivFormTtl {
  display: inline-block;
  width: 4em;
  text-align: center;
}

.p-annivFormTtl--hyphen {
  width: 35px;
  position: relative;
}

.p-annivFormTtl--hyphen::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 15px;
  height: 1px;
  background-color: #0564c8;
}

.p-annivFormTag {
  flex-shrink: 0;
  display: inline-block;
  padding: 1px 6px 1px 9px;
  margin-left: 10px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: normal;
  letter-spacing: 3px;
  border-radius: 5px;
  color: #fff;
}

@media screen and (max-width: 600px) {
  .p-annivFormTag {
    font-size: 1.2rem;
    padding: 1px 4px 1px 7px;
  }
}

.p-annivFormTag--policy {
  margin-left: 0;
}

.p-annivFormTag--req {
  background-color: #fa4b4b;
}

.p-annivFormTag--opt {
  background-color: #7cc8ff;
}

.p-annivFormBtn {
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
  background-color: rgba(5, 100, 200, 0.75);
  z-index: 0;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  color: #fff;
  border: 1px solid transparent;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 2em;
  -webkit-transition: all .3s;
  transition: all .3s;
  padding: 7px 30px;
  margin-left: 20px;
}

@media screen and (max-width: 600px) {
  .p-annivFormBtn {
    font-size: 1.2rem;
    line-height: 1.3;
    border-radius: .8em;
    background-color: rgba(5, 100, 200, 0.75);
    padding: 4px 24px;
  }
}

.p-annivFormBtn:hover {
  color: #0564c8;
  background-color: #fff;
  border: 1px solid rgba(5, 100, 200, 0.75);
}

@media screen and (max-width: 600px) {
  .p-annivFormBtn:hover {
    color: #fff;
    background-color: rgba(5, 100, 200, 0.75);
  }
}

/* ラジオ */
.p-annivFormRadio {
  margin-right: 30px;
  display: -webkit-box;
  display: flex;
}

.p-annivFormRadio:last-child {
  margin-right: 0;
}

.p-annivFormRadio > label {
  display: block;
  position: relative;
  z-index: 0;
  padding-left: 34px;
}

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

.p-annivFormRadio > label::before {
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: #fff;
  border: solid 1px #666;
}

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

.p-annivFormRadio > input {
  /*display: none;*/
  opacity: 0;
  width: 1px;
}

.p-annivFormRadio > input:checked + label::after {
  background: #0564c8;
}

.p-annivNoteTtl {
  font-size: 1.8rem;
  font-weight: 600;
  color: #0564c8;
  margin-bottom: 10px;
}

@media screen and (max-width: 600px) {
  .p-annivNoteTtl {
    font-size: 1.6rem;
  }
}

.p-annivNote__frame {
  height: 200px;
  overflow: auto;
  border: 1px solid #0564c8;
  border-radius: 7px;
  padding: 10px;
  margin-bottom: 30px;
  font-size: 1.6rem;
}

.p-annivNote__frame--policy {
  overflow: inherit;
}

.p-annivNote__sTtl {
  color: #0564c8;
  font-weight: 600;
}

.p-annivNote__policy p {
  font-size: 1.6rem;
  line-height: 2;
}

@media screen and (max-width: 600px) {
  .p-annivNote__policy p {
    font-size: 1.2rem;
    line-height: 1.6;
  }
}

.p-annivNote__attention {
  font-size: 1.6rem;
  line-height: 2;
}

@media screen and (max-width: 600px) {
  .p-annivNote__attention {
    font-size: 1.2rem;
    line-height: 1.6;
  }
}

.p-annivNote__attention p {
  margin-bottom: 0;
}

.p-annivNote__attention ul {
  margin-bottom: 2em;
}

.p-annivNote__attention li {
  padding-left: 1em;
  position: relative;
  line-height: 1.6;
}

.p-annivNote__attention li::before {
  content: '・';
  display: inline;
  position: absolute;
  top: 0;
  left: 0;
}

.p-annivPolicy {
  margin-bottom: 40px;
}

.p-annivPolicy__link {
  color: #333;
  font-size: 1.8rem;
}

.p-annivPolicy__link:hover {
  text-decoration: none;
}

.p-annivFormNext {
  text-align: center;
  font-size: 1.8rem;
  line-height: 2;
  margin-bottom: 60px;
}

@media screen and (max-width: 600px) {
  .p-annivFormNext {
    font-size: 1.6rem;
  }
}

.p-annivFormNext__lead {
  position: relative;
  padding-bottom: 75px;
}

.p-annivFormNext__lead::after {
  content: '';
  display: inline-block;
  width: 25px;
  height: 30px;
  position: absolute;
  bottom: 25px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  background-image: url("/styles/img/anniversary/arw.svg");
}

.p-annivFormNext__btn {
  width: 267px;
  margin: 0 auto 30px;
}

.p-annivFormNext__btn button {
  cursor: pointer;
  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-annivFormNext__btn button: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-annivFormNext__btn button:disabled {
  opacity: .4;
  pointer-events: none;
  padding: 18px 20px;
}

.p-annivFormNext__note {
  font-size: 1.6rem;
}

@media screen and (max-width: 600px) {
  .p-annivFormNext__note {
    font-size: 1.4rem;
  }
}

/* お問い合わせ先 */
.p-annivContact {
  font-size: 1.6rem;
  line-height: 1.8;
}

@media screen and (max-width: 600px) {
  .p-annivContact {
    padding-bottom: 30px;
  }
}

.p-annivContact__row {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 6px;
}

@media screen and (max-width: 600px) {
  .p-annivContact__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: inherit;
            align-items: inherit;
  }
}

.p-annivContact__ttl {
  margin-bottom: 5px;
}

@media screen and (max-width: 600px) {
  .p-annivContact__ttl {
    font-size: 1.4rem;
  }
}

.p-annivContact__mail {
  font-size: 2rem;
  color: #0564c8;
  margin-left: 23px;
}

@media screen and (max-width: 600px) {
  .p-annivContact__mail {
    margin-left: 0;
    font-size: 1.6rem;
  }
}

.p-annivContact__mail span {
  display: inline-block;
  font-size: 1.6rem;
  margin-right: 10px;
  border: solid 1px #0564c8;
  border-radius: 5px;
  padding: 0 5px;
}

@media screen and (max-width: 600px) {
  .p-annivContact__mail span {
    font-size: 1.2rem;
  }
}

.p-annivContact__mail a {
  text-decoration: none;
  color: #0564c8;
}

.p-annivContact__mail a:hover {
  text-decoration: underline;
}

.p-annivContact__note {
  font-size: 1.2rem;
}

/*-------------------------------
  確認
-------------------------------*/
.p-annivConf__sect {
  padding-bottom: 28px;
}

@media screen and (max-width: 768px) {
  .p-annivConf__sect {
    padding-bottom: 50px;
  }
}

.p-annivConf__row {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-annivConf__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: inherit;
            align-items: inherit;
  }
}

.p-annivConf__row dt {
  color: #0564c8;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: .1em;
  flex-basis: 40%;
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .p-annivConf__row dt {
    margin-bottom: 5px;
  }
}

.p-annivConf__row dd {
  font-size: 1.8rem;
  font-weight: normal;
  flex-basis: 60%;
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .p-annivConf__row dd {
    font-size: 1.6rem;
    margin-bottom: 25px;
  }
  .p-annivConf__row dd:last-child {
    margin-bottom: 0;
  }
}

.p-annivConf__row--qre {
  display: block;
}

.p-annivConf__row--qre dt {
  flex-basis: 100%;
  margin-bottom: 6px;
}

.p-annivConf__row--qre dd {
  flex-basis: 100%;
}

/* 戻る・送信ボタン */
.p-annivConfBtnWrap {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  max-width: 600px;
  margin: 0 auto;
}

.p-annivConf__backBtn,
.p-annivConf__sendBtn {
  width: 40%;
  margin: 0 auto 30px;
}

.p-annivConf__backBtn button,
.p-annivConf__sendBtn button {
  cursor: pointer;
  display: inline-block;
  width: 100%;
  color: #fff;
  letter-spacing: .1em;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  padding: 18px 20px;
  font-weight: 700;
  font-size: 1.8rem;
  border-radius: 2em;
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .p-annivConf__backBtn button,
  .p-annivConf__sendBtn button {
    font-size: 1.6rem;
  }
}

.p-annivConf__backBtn > button {
  background: transparent -webkit-linear-gradient(347deg, #909090 0%, #484848 100%) 0 0 no-repeat padding-box;
  background: transparent linear-gradient(103deg, #909090 0%, #484848 100%) 0 0 no-repeat padding-box;
}

.p-annivConf__backBtn > button:hover {
  background: transparent -webkit-linear-gradient(347deg, #484848 0%, #484848 100%) 0 0 no-repeat padding-box;
  background: transparent linear-gradient(103deg, #484848 0%, #484848 100%) 0 0 no-repeat padding-box;
}

.p-annivConf__sendBtn > button {
  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;
}

.p-annivConf__sendBtn > button: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-annivComp__chk {
  width: 400px;
  margin: 0 auto 20px;
  text-align: center;
  height: 60px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

@media screen and (max-width: 600px) {
  .p-annivComp__chk {
    width: 100%;
    margin-bottom: 34px;
  }
  .p-annivComp__chk img {
    width: 72px;
    height: 72px;
  }
}

.p-annivComp__chk::before, .p-annivComp__chk::after {
  content: "";
  height: 1px;
  -webkit-box-flex: 1;
          flex-grow: 1;
  background-color: #909090;
}

.p-annivComp__chk::before {
  margin-right: 28px;
}

.p-annivComp__chk::after {
  margin-left: 28px;
}

.p-annivComp__ttl {
  font-size: 3.2rem;
  letter-spacing: .1em;
  font-weight: 700;
  color: #0564c8;
  text-align: center;
  margin-bottom: 34px;
}

@media screen and (max-width: 600px) {
  .p-annivComp__ttl {
    font-size: 2.1rem;
  }
}

.p-annivComp__text {
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: .1em;
  font-weight: 600;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .p-annivComp__text {
    font-size: 1.6rem;
  }
}

/* closed login
========================================== */
.p-loginClosedHeader {
  padding: 46px 0 50px;
  text-align: center;
  border-top: 8px solid #f28739;
  background-color: #bfbfbf;
}

.p-loginClosedTtl {
  /* keep */
}

.p-loginClosedArea {
  background-color: #bfbfbf;
}

.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-compare {
  counter-reset: compTtl compOptNum;
}

.p-compareResTtl {
  padding: 12px 15px;
  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-compareResTbl {
  margin-bottom: 68px;
}

.p-compareResTbl thead th {
  padding: 14px 15px;
  font-weight: 500;
  text-align: center;
  word-break: break-all;
  background: #fcefd8;
  border: 1px solid #bfbfbf;
}

.p-compareResTbl thead th:first-child {
  border-left: none !important;
}

.p-compareResTbl thead th:last-child {
  border-right: none !important;
}

.p-compareResTbl tbody tr:nth-child(even) {
  background: #f5f5f5;
}

.p-compareResTbl tbody th,
.p-compareResTbl tbody td {
  border: 1px solid #bfbfbf;
}

.p-compareResTbl tbody th {
  font-weight: 400;
}

.p-compareResTbl tbody th:first-child {
  border-left: none !important;
}

.p-compareResTbl tbody td {
  padding: 12px 15px;
  text-align: center;
}

.p-compareResTbl tbody td:last-child {
  border-right: none !important;
}

.p-compareResTbl .c-btnS {
  margin-top: 16px;
}

.seed,
.option-seed,
.cover {
  display: none;
}

.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-specSelectors {
  margin-bottom: 48px;
}

.p-specSelectors .p-copySpecBtn {
  width: 134px;
}

.p-specSelectors .spec-selector {
  counter-reset: step;
  float: left;
  width: 250px;
  background: #f5f5f5;
  margin-left: 15px;
}

.p-specSelectors .spec-selector:first-child {
  margin-left: 0;
}

.p-specSelectors .spec-selector:nth-child(even) {
  background: #fff;
}

.p-specSelectors .spec-selector:nth-child(even) .title {
  background: #f5f5f5;
}

.p-specSelectors .palette {
  padding: 12px 10px;
  border-bottom: 1px solid #bfbfbf;
  word-wrap: break-word;
}

.p-specSelectors .palette .heading-wrap {
  margin-bottom: 12px;
  color: #f28739;
  font-size: 1.4rem;
  font-weight: 700;
}

.p-specSelectors .palette .heading-wrap::before {
  counter-increment: step;
  content: counter(step);
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  line-height: 24px;
  background: #f28739;
}

.p-specSelectors .palette .heading {
  display: inline-block;
}

.p-specSelectors .palette .heading .ISBSelectBox {
  margin: 6px 0;
}

.p-specSelectors .palette .switch {
  float: right;
}

.p-specSelectors .palette .switch.on::before {
  content: "－";
}

.p-specSelectors .title-area {
  padding: 0 0 8px 0;
}

.p-specSelectors .title {
  font-size: 1.6rem;
  font-weight: 700;
  padding: 8px 15px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  background: #e0e0e0;
}

.p-specSelectors .title--withoutBtn {
  height: 48px;
}

.p-specSelectors .common-option-area .detail {
  display: none;
}

.p-specSelectors .option-block {
  margin-bottom: 8px;
}

.p-specSelectors .option-category {
  font-size: 1.2rem;
  margin-bottom: 2px;
}

.p-specSelectors .paper-select .paper-select-info {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  border: none;
}

.p-specSelectors .paper-select .ISBSelect,
.p-specSelectors .set-paper-select .ISBSelect {
  width: 903px;
  overflow-y: scroll;
}

.p-specSelectors .paper-select .ISBOptGroup,
.p-specSelectors .set-paper-select .ISBOptGroup {
  width: 33.33%;
  border-left: 1px solid #bfbfbf;
}

.p-specSelectors .paper-select .ISBSelectView,
.p-specSelectors .set-paper-select .ISBSelectView {
  padding-top: 62px;
}

.p-specSelectors .paper-select .ISBOptGroupHeading,
.p-specSelectors .set-paper-select .ISBOptGroupHeading {
  top: 29px;
  border-bottom: 1px solid #bfbfbf;
  padding: 4px 5px;
  font-weight: 700;
  background: #fcefd8;
}

.p-specSelectors .paper-select .ISBOptGroupHeading + .seed,
.p-specSelectors .set-paper-select .ISBOptGroupHeading + .seed {
  background: #bfbfbf;
  display: block;
}

.p-specSelectors .paper-select .paper-select-info .ISBOptGroupHeading,
.p-specSelectors .set-paper-select .paper-select-info .ISBOptGroupHeading {
  top: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

.p-specSelectors .paper-select .ISBOption,
.p-specSelectors .set-paper-select .ISBOption {
  height: auto;
}

.p-specSelectors .basic-body-paper .ISBOptGroupHeading,
.p-specSelectors .basic-cover-paper .ISBOptGroupHeading {
  left: 0;
  border-left: 1px solid #bfbfbf;
  width: 33.33%;
  height: 33px;
}

.p-specSelectors .deluxe-body-paper .ISBOptGroupHeading,
.p-specSelectors .deluxe-cover-paper .ISBOptGroupHeading {
  border-left: 1px solid #bfbfbf;
  width: 33.33%;
  height: 33px;
  margin-left: -1px;
}

.p-specSelectors .special-body-paper,
.p-specSelectors .special-cover-paper {
}

.p-specSelectors .special-body-paper .ISBOptGroupHeading,
.p-specSelectors .special-cover-paper .ISBOptGroupHeading {
  width: 100%;
  height: 33px;
  margin-left: -1px;
  border-left: 1px solid #bfbfbf;
}

.p-compareOptTbl {
  border-spacing: 15px 0;
  border-collapse: separate;
  margin: 0 0 48px -15px;
}

.p-compareOptTbl thead th {
  padding-bottom: 8px;
  font-size: 1.6rem;
  font-weight: 700;
  background: #f5f5f5;
  border-bottom: 1px solid #bfbfbf;
}

.p-compareOptTbl thead th:nth-child(even) {
  background: #fff;
}

.p-compareOptTbl thead th:nth-child(even) > div {
  background: #f5f5f5;
}

.p-compareOptTbl thead th:first-child button {
  pointer-events: none;
  visibility: hidden;
}

.p-compareOptTbl thead th > div {
  padding: 8px 15px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  background: #e0e0e0;
}

.p-compareOptTbl thead th button {
  width: 134px;
}

.p-compareOptTbl tbody tr {
  counter-increment: compOptNum;
}

.p-compareOptTbl tbody td {
  padding: 15px 10px;
  vertical-align: top;
  background: #f5f5f5;
  border-bottom: 1px solid #bfbfbf;
}

.p-compareOptTbl tbody td:nth-child(even) {
  background: #fff;
}

.p-compareOptTbl tbody td select {
  width: 100%;
}

.p-compareOptTbl tbody td dl {
  margin-top: 12px;
}

.p-compareOptTbl tbody td dl:first-child {
  margin-top: 0;
}

.p-compareOptTbl tbody td dl dt {
  margin-bottom: 2px;
  font-size: 1.2rem;
}

.p-compareOptTbl .p-compareOptTtl {
  margin-bottom: 10px;
  color: #f28739;
  font-weight: 700;
}

.p-compareOptTbl .p-compareOptTtl::before {
  content: counter(compOptNum);
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 16px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  background: #f28739;
}

.p-compareNumTbl {
  margin-bottom: 48px;
}

.p-compareNumTbl tr:first-child th {
  font-weight: 500;
  border-right: none;
}

.p-compareNumTbl thead th {
  padding: 10px 15px;
}

.p-compareNumTbl th {
  padding: 2px 15px;
  font-weight: 700;
  text-align: center;
  background: #fcefd8;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

.p-compareNumTbl tbody th {
  border: 1px solid #bfbfbf;
  border-left: none;
}

.p-compareNumTbl tbody th:last-child {
  border-right: none;
}

.p-compareNumTbl tbody td {
  padding: 16px 18px;
  border: 1px solid #bfbfbf;
  border-left: none;
}

.p-compareNumTbl tbody td:last-child {
  border-right: none;
}

.p-deliDate {
  margin-bottom: 64px;
}

.p-deliDateDesc {
  padding: 24px 20px 28px;
  text-align: center;
  background: #fdfbef;
}

.p-deliDateDesc h3 {
  margin-bottom: 8px;
  font-size: 2rem;
  font-weight: 700;
}

.p-deliDateDesc #sending-day-selector a,
.p-deliDateDesc #deli-day-selector a {
  display: block;
}

.p-deliDateBtnWrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  position: relative;
  width: 540px;
  margin: 0 auto 24px;
}

.p-deliDateBtnWrap > div {
  width: 250px;
}

.p-deliDateCalcBtn {
  display: block;
  width: 100%;
  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: .3s;
          transition-duration: .3s;
}

.p-deliDateCalcBtn--draft {
  background-image: url("./images/icn-data-g.svg");
}

.p-deliDateCalcBtn--send {
  background-image: url("./images/icn-send-g.svg");
}

.p-deliDateDate {
  display: none;
  width: 540px;
  padding: 16px 20px;
  margin: 0 auto 8px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  background: #f28739;
}

.p-easyStepList {
  display: -webkit-box;
  display: flex;
  margin-bottom: 32px;
}

.p-easyStepList > li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-left: -10px;
}

.p-easyStepList > li:first-child {
  margin-left: 0;
}

.p-easyStepList > li::before, .p-easyStepList > li::after {
  content: '';
  display: inline-block;
}

.p-easyStepList > li::before {
  border-top: 32px solid #e0e0e0;
  border-bottom: 32px solid #e0e0e0;
  border-left: 15px solid transparent;
}

.p-easyStepList > li::after {
  border-top: 32px solid transparent;
  border-bottom: 32px solid transparent;
  border-left: 15px solid #e0e0e0;
}

.p-easyStepList > li.on::before {
  border-top: 32px solid #f28739;
  border-bottom: 32px solid #f28739;
  border-left: 15px solid transparent;
}

.p-easyStepList > li.on::after {
  border-top: 32px solid transparent;
  border-bottom: 32px solid transparent;
  border-left: 15px solid #f28739;
}

.p-easyStepList > li.on ~ li::before {
  border-top: 32px solid #fcefd8;
  border-right: none;
  border-bottom: 32px solid #fcefd8;
  border-left: 15px solid transparent;
}

.p-easyStepList > li.on ~ li::after {
  border-top: 32px solid transparent;
  border-right: none;
  border-bottom: 32px solid transparent;
  border-left: 15px solid #fcefd8;
}

.p-easyStepList__txt {
  width: 182px;
  height: 64px;
  padding: 12px 0 12px 22px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  background: #e0e0e0;
}

.p-easyStepList > li.on .p-easyStepList__txt {
  font-weight: 700;
  background: #f28739;
}

.p-easyStepList > li.on ~ li .p-easyStepList__txt {
  color: #9a9a9a;
  background: #fcefd8;
}

/* Step1 */
.p-esCategoryCont {
  display: -webkit-box;
  display: flex;
}

.p-esCategoryCont__imgUnit {
  flex-shrink: 0;
  width: 80px;
  margin-right: 15px;
}

.p-esCategoryCont__img {
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  width: 80px;
  height: 80px;
  border-radius: 4px;
}

.p-esCategoryCont__img img {
  max-width: 100%;
}

.p-esCategoryCont__detailBtn {
  display: block;
  position: relative;
  z-index: 0;
  width: 100%;
  padding-left: 17px;
  margin-top: 8px;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  text-align: left;
  background: #f28739;
  border-radius: 2px;
}

.p-esCategoryCont__detailBtn::before, .p-esCategoryCont__detailBtn::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  top: 50%;
  background: #fff;
}

.p-esCategoryCont__detailBtn::before {
  left: 4px;
  width: 8px;
  height: 2px;
  margin-top: -1px;
}

.p-esCategoryCont__detailBtn::after {
  left: 7px;
  width: 2px;
  height: 8px;
  margin-top: -4px;
}

.p-esCategoryCont__detail {
  display: none;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px dashed #9a9a9a;
}

.p-esCategoryCont__ttl {
  margin-bottom: 12px;
  color: #f28739;
  font-size: 1.6rem;
  font-weight: 700;
}

.p-esCategoryCont__ttl span {
  display: inline-block;
  padding: 3px 10px;
  margin-right: 10px;
  color: #6a6a6a;
  font-size: 1.2rem;
  background: #f5f5f5;
}

.p-esCategoryCont__txt {
  font-size: 1.2rem;
  line-height: 1.75;
}

#flowArea div.category {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

#flowArea div.category .hoverBlockWrap {
  width: 500px;
  margin-bottom: 24px;
}

#flowArea div.category .hoverBlockWrap:nth-of-type(2n) {
  margin-left: auto;
}

#flowArea div.category .hoverBlock {
  cursor: pointer;
  padding: 10px;
  border: 2px solid #f28739;
  border-radius: 8px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

#flowArea div.category .hoverBlock:hover {
  background: #fdfbef;
}

#flowArea div.category div.categoryTit01 {
  margin-bottom: 12px;
  color: #f28739;
  font-size: 1.6rem;
  font-weight: 700;
}

#flowArea div.category div.categoryTit01 span {
  display: inline-block;
  padding: 3px 10px;
  margin-right: 10px;
  color: #6a6a6a;
  font-size: 1.2rem;
  background: #f5f5f5;
}

#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;
  padding: 6px 10px;
  max-height: 237px;
  text-align: left;
  background: #ffffdb;
  box-shadow: 2px 2px 6px #666;
}

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

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

dl#sizeList > label {
  cursor: pointer;
}

dl#sizeList dt {
  display: table;
  float: left;
  width: 160px;
  height: 48px;
  margin: 0 0 15px 20px;
  font-weight: 500;
  text-align: center;
  background: #fcefd8;
  border: 2px solid #f28739;
  border-right: none;
  border-radius: 8px 0 0 8px;
}

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

dl#sizeList dd {
  float: left;
  width: 340px;
  height: 48px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 44px;
  background: #fff;
  border: 2px solid #f28739;
  border-left: none;
  border-radius: 0 8px 8px 0;
}

dl#sizeList dd span {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

dl#sizeList dd span input[type='text'] {
  width: 70px;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
}

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

/* kind */
#kindList,
#coverKindList {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

#kindList .item,
#coverKindList .item,
#coverSpec .item {
  cursor: pointer;
  overflow: hidden;
  width: calc((100% - 72px) / 5);
  margin: 0 18px 24px 0;
  border: 2px solid #f28739;
  border-radius: 8px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

#kindList .item:last-child, #kindList .item:nth-of-type(5n),
#coverKindList .item:last-child,
#coverKindList .item:nth-of-type(5n),
#coverSpec .item:last-child,
#coverSpec .item:nth-of-type(5n) {
  margin-right: 0;
}

#kindList .item:hover, #kindList .item.is-check,
#coverKindList .item:hover,
#coverKindList .item.is-check,
#coverSpec .item:hover,
#coverSpec .item.is-check {
  background: #fdfbef;
}

#kindList .item input[type='radio'],
#coverKindList .item input[type='radio'],
#coverSpec .item input[type='radio'] {
  display: none;
}

#kindList .item .wrapBlk,
#coverKindList .item .wrapBlk,
#coverSpec .item .wrapBlk {
  cursor: pointer;
}

#kindList .item label img,
#coverKindList .item label img,
#coverSpec .item label img {
  pointer-events: none;
}

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

#kindList .item .title,
#coverKindList .item .title,
#coverSpec .item .title {
  padding: 14px;
  font-weight: 500;
  background: #fcefd8;
}

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

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

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

#kindList .item .kindWrap01,
#coverKindList .item .kindWrap01,
#coverSpec .item .kindWrap01 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 14px;
}

.setItemTit01 {
  width: 100%;
  margin-bottom: 16px;
  font-size: 2rem;
  font-weight: 700;
}

#coverSpec .coverSpecChoice01 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
}

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

/* paper */
div.paperDesc01 {
  overflow: hidden;
  background: #fff;
  margin-bottom: 32px;
}

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

.paperDesc01__desc {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 16px 20px;
  background: #f5f5f5;
}

.paperDesc01__desc > span {
  flex-shrink: 0;
  display: inline-block;
  padding: 3px 20px;
  margin-right: 15px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: #f28739;
}

#paperList,
#bodyPaperList,
#coverPaperList {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 48px;
}

#paperList > div,
#bodyPaperList > div,
#coverPaperList > div {
  overflow: hidden;
  width: 320px;
  border: 2px solid #f28739;
  border-radius: 8px;
}

#paperList dt,
#bodyPaperList dt,
#coverPaperList dt {
  padding: 14px 20px;
  font-weight: 500;
  background: #fcefd8;
}

#paperList dt label,
#bodyPaperList dt label,
#coverPaperList dt label {
  display: block;
  position: relative;
  z-index: 0;
}

#paperList dt label input,
#bodyPaperList dt label input,
#coverPaperList dt label input {
  display: none;
}

#paperList dt label input:checked + span,
#bodyPaperList dt label input:checked + span,
#coverPaperList dt label input:checked + span {
  opacity: 1;
  visibility: visible;
}

#paperList dt label span,
#bodyPaperList dt label span,
#coverPaperList dt label span {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 0;
  top: 50%;
  right: 0;
  padding: 3px 26px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  background: #f28739;
  border-radius: 2em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

#paperList dd,
#bodyPaperList dd,
#coverPaperList dd {
  padding: 14px 20px;
  background: #fff;
}

#paperList dd p,
#bodyPaperList dd p,
#coverPaperList dd p {
  margin-top: 10px;
  color: #f28739;
  font-weight: 700;
  text-align: center;
}

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

.requiredOptionList,
.commonOptionList,
#requiredOptionSelects,
#commonOptionSelects,
#bodyRequiredOptionSelects,
#bodyCommonOptionSelects,
#coverRequiredOptionSelects,
#coverCommonOptionSelects {
  clear: both;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 48px;
}

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

div.option .optionItem,
div.setOption .optionItem {
  width: 500px;
  margin-bottom: 24px;
}

div.option .optionItem:nth-of-type(2n),
div.setOption .optionItem:nth-of-type(2n) {
  margin-left: auto;
}

div.option .optionItem__inner,
div.setOption .optionItem__inner {
  cursor: pointer;
  padding: 10px;
  border: 2px solid #f28739;
  border-radius: 8px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

div.option .optionItem__inner:hover,
div.setOption .optionItem__inner:hover {
  background: #fdfbef;
}

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

div.checkDesc02 {
  display: none;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px dashed #9a9a9a;
}

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

.p-bdTtl {
  width: 100%;
  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-inquiryQuoteRead {
  padding: 15px;
  font-size: 1.2rem;
  line-height: 2;
  background: #f5f5f5;
}

.p-inquiryQuoteSizeNote {
  width: 100%;
  padding: 6px 8px;
  margin-left: 20px;
  font-size: 1.2rem;
  text-align: center;
  background: #f5f5f5;
}

.p-inquiryFirstCheck {
  padding: 6px 15px;
  margin-bottom: 16px;
  font-size: 1.2rem;
  font-weight: 700;
  background: #fce4e9;
}

#item-navi {
  margin-bottom: 64px;
}

#item-navi ul {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

#item-navi ul li {
  width: 250px;
  margin: 15px 15px 0 0;
}

#item-navi ul li:nth-of-type(3n) {
  margin-right: 0;
}

#item-navi ul li:nth-of-type(-n+3) {
  margin-top: 0;
}

#item-navi ul li a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  z-index: 0;
  height: 100%;
  width: 250px;
  min-height: 68px;
  padding: 0 43px 0 15px;
  background: -webkit-linear-gradient(left, #f2be2a, #f26939);
  background: linear-gradient(90deg, #f2be2a, #f26939);
  color: #333;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

#item-navi ul li a::before, #item-navi ul li a::after {
  content: '';
  display: block;
}

#item-navi ul li a::before {
  position: absolute;
  z-index: 0;
  top: 50%;
  right: 22px;
  width: 8px;
  height: 12px;
  margin-top: -6px;
  background: url("./images/icn-btn-arrow-m.svg") no-repeat;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

#item-navi ul li a::after {
  position: absolute;
  z-index: -1;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #fff;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

#item-navi ul li a:hover::after {
  background: rgba(255, 255, 255, 0.9);
}

#item-navi ul li a span,
#item-navi ul li a img {
  vertical-align: middle;
}

#item-navi ul li a span {
  display: inline-block;
  width: 188px;
}

.item-section .texts [class^='item'] {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin: 20px 0;
}

/* ---------- 用紙ラインナップ */
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;
}

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 {
  padding-bottom: 40px;
  margin-bottom: 48px;
  border-bottom: 1px solid #bfbfbf;
}

#contents .item-section:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

#contents .item-section p.return {
  margin-right: 10px;
}

#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;
}

.p-itemInfo {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.p-itemTmb {
  flex-shrink: 0;
  padding: 14px;
  margin-right: 15px;
}

.p-circleTtl {
  padding: 12px 15px;
  margin-bottom: 8px;
  color: #f28739;
  font-size: 1.7rem;
  font-weight: 700;
  background: url("./images/bg-circle.svg") left top/auto 100% no-repeat transparent;
}

.p-itemSize {
  margin-bottom: 16px;
}

.p-itemSize__key {
  display: inline-block;
  padding: 2px 14px;
  margin-right: 10px;
  color: #6a6a6a;
  font-size: 1.2rem;
  font-weight: 500;
  background: #f5f5f5;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
}

.p-itemSize__val {
  display: inline-block;
  font-size: 1.2rem;
}

.p-itemAncNav {
  margin-bottom: 64px;
}

.p-itemAncNav ul {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.p-itemAncNav ul li {
  width: 183px;
  margin: 16px 16px 0 0;
}

.p-itemAncNav ul li:nth-of-type(4n) {
  margin-right: 0;
}

.p-itemAncNav ul li:nth-of-type(-n+4) {
  margin-top: 0;
}

.p-itemAncNav ul li a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  z-index: 0;
  height: 100%;
  width: 183px;
  min-height: 56px;
  padding: 0 36px 0 13px;
  background: -webkit-linear-gradient(left, #bfbfbf, #6a6a6a);
  background: linear-gradient(90deg, #bfbfbf, #6a6a6a);
  color: #333;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.p-itemAncNav ul li a::before, .p-itemAncNav ul li a::after {
  content: '';
  display: block;
}

.p-itemAncNav ul li a::before {
  position: absolute;
  z-index: 0;
  top: 50%;
  right: 22px;
  width: 8px;
  height: 12px;
  margin-top: -6px;
  background: url("./images/icn-btn-arrow-g-d1.svg") no-repeat;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.p-itemAncNav ul li a::after {
  position: absolute;
  z-index: -1;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #fff;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.p-itemAncNav ul li a:hover::after {
  background: rgba(255, 255, 255, 0.9);
}

.p-itemAncNav ul li a span,
.p-itemAncNav ul li a img {
  vertical-align: middle;
}

.p-itemAncNav ul li a span {
  display: inline-block;
  width: 130px;
}

.p-itemTbl th {
  padding: 12px 15px;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: left;
  border-top: 2px solid #f28739;
  border-bottom: 2px solid #f28739;
}

.p-itemTbl th.left, .p-itemTbl th.center {
  width: 295px;
}

.p-itemTbl th.right {
  width: 190px;
}

.p-itemTbl tbody tr {
  border-bottom: 1px solid #bfbfbf;
}

.p-itemTbl tbody tr:nth-of-type(odd) {
  background: #f5f5f5;
}

.p-itemTbl tbody tr:last-child {
  border-bottom: none;
}

.p-itemTbl td {
  padding: 14px 15px;
  font-size: 1.3rem;
  text-align: left;
}

.p-itemTbl td.name {
  position: relative;
}

.p-itemTbl td.name img {
  position: absolute;
  right: 5px;
  bottom: 5px;
  border: 2px solid #fff;
}

table.tableType01.p-itemSpecTbl th {
  padding: 16px 15px;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
}

table.tableType01.p-itemSpecTbl td {
  padding: 12px 15px;
}

.p-itemHandlingPaper {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 20px 15px;
  background: #f5f5f5;
}

.p-itemHandlingPaper > ul {
  width: 360px;
}

.p-itemAttention {
  padding: 20px 15px;
  background: #fdf0f3;
}

.p-itemRelationList {
  display: -webkit-box;
  display: flex;
}

.p-itemRelationList > li {
  width: 250px;
  margin-right: 15px;
}

.p-itemRelationList > li:nth-of-type(3n) {
  margin-right: 0;
}

.p-itemRelationList > li > a {
  display: block;
  padding: 16px 13px 16px 58px;
  color: #333;
  font-weight: 500;
  background: #fff;
  border: 2px solid #bfbfbf;
}

.p-msBtnH {
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 1.6rem;
  min-height: 70px;
  background: #f28739;
  border-radius: 35px;
  border: 3px solid #f28739;
}

.p-msBtnH::after {
  background-image: url("/styles/css/images/icn-btn-arrow.svg");
}

.p-msBtnH:hover {
  color: #803600;
  background: #ffce2c;
  border: 3px solid #ffce2c;
}

.p-msBtnH:hover::after {
  background-image: url("/styles/css/images/icn-btn-arrow-msh.svg");
}

.p-msBtnK {
  padding-top: 2px;
  padding-bottom: 2px;
  color: #0e63d8;
  font-size: 1.6rem;
  min-height: 70px;
  border-radius: 35px;
  background: #fff;
  border: 3px solid #a2dcff;
}

.p-msBtnK::after {
  background-image: url("/styles/css/images/icn-btn-arrow-msk.svg");
}

.p-msBtnK:hover {
  color: #fff;
  background: #016ab7;
  border: 3px solid #016ab7;
}

.p-msBtnK:hover::after {
  background-image: url("/styles/css/images/icn-btn-arrow.svg");
}

.p-msCampaign {
  border-top: solid 1px #bfbfbf;
  padding-top: 40px;
  margin-top: 50px;
}

.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 {
  font-size: 1.4rem;
  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-msTtl {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.p-msTtl > span {
  font-size: 2.0rem;
  color: #f08743;
}

.p-msBnr {
  padding-top: 22px;
  margin-bottom: 30px;
}

.p-msBnr > img {
  width: 780px;
  height: auto;
}

.p-msMail {
  margin-bottom: 40px;
}

.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 {
  font-weight: normal;
  font-size: 1.6rem;
  color: #747474;
  margin-left: 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: 20px;
}

.p-msAgreeDesc > a {
  text-decoration: none;
}

.p-msAgreeDesc > a:hover {
  text-decoration: underline;
}

.p-msServiceMainTitle {
  font-weight: 300;
  font-size: 2.6rem;
  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: 14px;
  height: 36px;
  background-size: 14px 36px;
}

.p-msServiceMainTitle::before {
  background-image: url(/styles/img/membership/ttl_line_before.svg);
  margin-right: 20px;
}

.p-msServiceMainTitle::after {
  background-image: url(/styles/img/membership/ttl_line_after.svg);
  margin-left: 20px;
}

.p-msServiceBlock {
  margin-bottom: 37px;
}

.p-msServiceTitleWrap {
  margin-bottom: 27px;
}

.p-msServiceTitle {
  width: 100%;
  height: 50px;
  line-height: 46px;
  border: solid 2px #f08743;
  border-radius: 25px;
  padding: 0 20px 0 84px;
  position: relative;
  font-size: 2.2rem;
  font-weight: 500;
  color: #f08743;
}

.p-msServiceTitle > span {
  display: block;
  position: absolute;
  top: -9px;
  left: -2px;
}

.p-msServiceTitle > span > img {
  width: 64px;
  height: 64px;
}

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

.p-msServiceCont__img {
  width: 165px;
  text-align: right;
}

.p-msServiceCont__img > img {
  width: 90px;
  height: auto;
}

.p-msServiceCont__text {
  width: 586px;
  font-size: 1.4rem;
  line-height: 1.8;
}

.p-msServiceCont__text > span {
  font-size: 1.1rem;
}

/* ポイントキャンペーン用 */
.p-msPoint {
  margin-top: 73px;
  padding-top: 22px;
  font-size: 1.6rem;
  line-height: 1.75;
}

.p-msPoint__title {
  font-size: 2rem;
  color: #fff;
  line-height: 1;
  padding: 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.2rem;
  line-height: 1.6;
}

.p-msCoupon__title {
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 2px;
}

.p-msCouponList {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 20px;
}

.p-msMailComp {
  padding: 70px 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;
  margin-bottom: 25px;
}

.p-msMailComp__desc {
  font-size: 1.8rem;
  line-height: 1.5;
}

.p-registKindBtnWrap > div > input {
  display: none;
}

.p-registKindBtn {
  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-registKindBtnWrap > div > input:checked + label.p-registKindBtn--biz {
  color: #803600;
  background: #ffce2c;
  border: 3px solid #ffce2c;
}

.p-registKindBtnWrap > div > input:checked + label.p-registKindBtn--biz::after {
  background-image: url("/styles/css/images/icn-btn-arrow-msh.svg");
  -webkit-transition: none;
  transition: none;
}

.p-registKindBtnWrap > div > input:checked + label.p-registKindBtn--personal {
  color: #fff;
  background: #016ab7;
  border: 3px solid #016ab7;
  -webkit-transition: none;
  transition: none;
}

.p-registKindBtnWrap > div > input:checked + label.p-registKindBtn--personal::after {
  background-image: url("/styles/css/images/icn-btn-arrow.svg");
}

.p-myData {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 14px;
  margin-bottom: 64px;
  border: 1px solid #bfbfbf;
}

.p-myData__name {
  font-size: 2rem;
}

.p-myData__name span {
  font-size: 2.4rem;
  font-weight: 700;
}

.p-myData__name span.p-myData__id {
  font-size: 1.8rem;
  font-weight: normal;
}

.p-myData__value {
  display: -webkit-box;
  display: flex;
}

.p-myDataCart {
  margin-left: 20px;
}

.p-myDataCart__ttl {
  padding-left: 24px;
  margin-bottom: 6px;
  font-size: 1.6rem;
  font-weight: 700;
  background: url("./images/icn-cart.svg") no-repeat left center transparent;
}

.p-myDataCart__count {
  min-width: 164px;
  padding: 5px 15px;
  margin-bottom: 30px;
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
  background: #dcecf7;
}

.p-myFavList {
  display: -webkit-box;
  display: flex;
  margin-bottom: 32px;
}

.p-myFavList > li {
  width: 183px;
  margin-left: 16px;
}

.p-myFavList > li:first-child {
  margin-left: 0;
}

.p-myFavList > li > a {
  display: block;
  height: 100%;
  padding: 20px 14px 14px;
  color: #006ab7;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  word-wrap: break-word;
  background: #fff;
  border: 1px solid #006ab7;
  border-radius: 5px;
}

.p-myFavLink__img {
  margin-bottom: 8px;
}

.p-myFavLink__img > img {
  width: auto;
  max-width: 100%;
}

.p-myResultBlk {
  padding: 15px;
  margin-bottom: 16px;
  border-radius: 4px;
  border: 1px solid #bfbfbf;
}

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 div#mainContents dl.newList01 {
  margin-bottom: 16px;
}

body.mypage div#mainContents dl.newList01 div {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  padding: 12px 15px;
  border-top: 1px solid #bfbfbf;
}

body.mypage div#mainContents dl.newList01 div:first-child {
  border-top: 0;
}

body.mypage div#mainContents dl.newList01 div dt {
  width: 80px;
  font-size: 1.2rem;
}

body.mypage div#mainContents dl.newList01 div dd {
  overflow: hidden;
  width: calc(100% - 80px);
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.mypage div#mainContents dl.newList01 div dd span {
  display: inline-block;
  min-width: 120px;
  padding: 4px 8px;
  margin-right: 20px;
  font-size: 10px;
  text-align: center;
  white-space: nowrap;
  border-radius: 4px;
}

body.mypage div#mainContents dl.newList01 div dd span.news__category--site {
  color: #006ab7;
  background-color: #dcecf7;
}

body.mypage div#mainContents dl.newList01 div dd span.news__category--mypage {
  color: #f28739;
  background-color: #fcefd8;
}

body.mypage div#mainContents dl.newList01 div dd a {
  font-weight: 500;
  color: #333;
  text-decoration: none;
}

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;
}

/* mypage_orderList */
div.openTit02 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  z-index: 0;
  padding: 15px;
  background-color: #fff;
  border: 1px solid #bfbfbf;
}

.simpleInfo01 {
  -webkit-box-flex: 1;
          flex-grow: 1;
  margin: 0 15px;
}

.simpleInfo01__date, .simpleInfo01__id {
  display: inline-block;
  padding: 6px 10px;
  margin-right: 10px;
  font-size: 1.4rem;
  background: #dcecf7;
}

.simpleInfo01__id {
  margin-left: 20px;
}

.p-myDateID {
  font-size: 1.6rem;
  font-weight: 500;
}

.p-myDateID span {
  display: inline-block;
  padding: 6px 10px;
  margin-right: 10px;
  font-size: 1.4rem;
  background: #dcecf7;
}

.p-myDateID__id {
  margin-left: 20px;
}

.openTit02__btn, .openTit02__status {
  flex-shrink: 0;
}

.openTit02__status {
  width: 135px;
  height: 58px;
  color: #cd201f;
  font-weight: 700;
  line-height: 58px;
  text-align: center;
  background: #fcf2f3;
}

.p-orderDetailBlk {
  padding: 12px 15px 16px;
}

.p-myRowBtns {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-top: -15px;
}

.p-myRowBtns > * {
  display: block;
  width: auto;
  margin: 15px 15px 0 0;
}

.orderInfoList01 {
  font-size: 1.2rem;
}

.orderInfoList01 > li {
  margin-top: 6px;
  padding-left: 1em;
  text-indent: -1em;
}

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

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.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: #000;
}

div.openBtn02 {
  margin-left: 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;
}

/* ネットマイルポイント交換 */
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;
}

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 textarea {
  width: 100%;
  resize: vertical;
}

/* ご注文履歴一覧 */
.p-myOrderHistTmb {
  width: 150px;
  margin-left: 15px;
}

.p-myOrderHistTmb > img {
  max-width: 100%;
}

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;
}

/* 各種帳票出力 */
.p-myPrintBtns {
  padding: 15px;
  background: #f5f5f5;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

.p-myPrintBtnList {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  justify-content: space-around;
}

.p-myPrintBtnList > li {
  width: 220px;
}

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 {
  display: inline-block;
  padding: 7px 15px;
  margin-bottom: 16px;
  font-size: 1.2rem;
  background: #f5f5f5;
}

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;
}

/* パスワード変更 */
p.confirmTxt01 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.75;
}

a.decisionBtn03,
input.decisionBtn04 {
  cursor: pointer;
  width: 176px;
  height: 38px;
  color: #fff;
  font-size: 15px;
}

input.decisionBtn02 {
  cursor: pointer;
  width: 175px;
  height: 38px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 38px;
  background: #f90;
  border: none;
}

a.decisionBtn03 {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  line-height: 38px;
  border: none;
}

a.decisionBtn03 {
  background: #56b01a;
}

input.decisionBtn04 {
  background: #6cafe6;
  border: none;
}

/* --------------------
お気に入り一覧
-------------------- */
.p-saveBlk {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 48px;
}

.p-saveBlk__img {
  flex-shrink: 0;
  width: 170px;
  padding: 10px 10px 10px 0;
}

.p-saveBlk__img > img {
  width: 100%;
}

/* --------------------
ニュース詳細
-------------------- */
.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 .cate,
.mypage_contents_container_news dt .myCate {
  display: inline-block;
  min-width: 120px;
  padding: 4px 8px;
  margin-left: 16px;
  font-size: 10px;
  text-align: center;
  white-space: nowrap;
  border-radius: 4px;
}

.mypage_contents_container_news dt .cate {
  color: #006ab7;
  background: #dcecf7;
}

.mypage_contents_container_news dt .myCate {
  color: #f28739;
  background: #fcefd8;
}

.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;
}

.p-myCardBtn {
  display: inline-block;
  margin-left: 10px;
}

table.tableType01.p-delivTbl th,
table.tableType01.p-delivTbl td,
table.tableType01.p-pointTbl th,
table.tableType01.p-pointTbl td,
table.tableType01.p-saveTbl th,
table.tableType01.p-saveTbl td {
  padding: 10px 15px;
}

.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;
}

#mainContents.p-unsubscribeComp {
  width: 1020px;
}

.p-unsubscribeCompRead {
  padding: 15px;
  margin-bottom: 48px;
  line-height: 1.75;
  background: #fdfbef;
}

table.tableType01.p-mailHistoryTbl th,
table.tableType01.p-mailHistoryTbl td {
  padding: 12px 15px;
  border-bottom: none;
}

table.tableType01.p-mailHistoryTbl th {
  font-weight: 400;
  background: #f5f5f5;
}

table.tableType01.p-mailHistoryTbl:last-child th,
table.tableType01.p-mailHistoryTbl:last-child td {
  border-bottom: 1px solid #bfbfbf;
}

.p-mailHistoryTbl__subject {
  font-weight: 700;
}

.p-mailHistoryTbl__date {
  color: #6a6a6a;
  text-align: center;
}

.p-mailBody {
  padding: 28px 0 40px;
  word-break: break-word;
  border-top: 1px solid #bfbfbf;
}

table.tableType01.p-mailBodyInputTbl {
  margin-bottom: 40px;
}

table.tableType01.p-mailBodyInputTbl th {
  background: #f0f7fc;
}

/* 新規会員登録
========================================== */
.p-registStepList {
  display: -webkit-box;
  display: flex;
}

.p-registStepList > li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-left: -13px;
}

.p-registStepList > li::before, .p-registStepList > li::after {
  content: '';
  display: inline-block;
}

.p-registStepList > li::before {
  border-top: 32px solid #dcecf7;
  border-right: none;
  border-bottom: 32px solid #dcecf7;
  border-left: 18px solid transparent;
}

.p-registStepList > li::after {
  border-top: 32px solid transparent;
  border-right: none;
  border-bottom: 32px solid transparent;
  border-left: 18px solid #dcecf7;
}

.p-registStepList > li.is-current::before {
  border-top: 32px solid #006ab7;
  border-bottom: 32px solid #006ab7;
  border-left: 18px solid transparent;
}

.p-registStepList > li.is-current::after {
  border-top: 32px solid transparent;
  border-bottom: 32px solid transparent;
  border-left: 18px solid #006ab7;
}

.p-registStepList > li.is-done::before {
  border-top: 32px solid #e0e0e0;
  border-bottom: 32px solid #e0e0e0;
  border-left: 18px solid transparent;
}

.p-registStepList > li.is-done::after {
  border-top: 32px solid transparent;
  border-bottom: 32px solid transparent;
  border-left: 18px solid #e0e0e0;
}

.p-registStepList__txt {
  width: 152px;
  height: 64px;
  padding: 12px 0 12px 22px;
  color: #9a9a9a;
  font-size: 1.4rem;
  font-weight: 500;
  background: #dcecf7;
}

.p-registStepList > li.is-current .p-registStepList__txt,
.p-registStepList > li.is-done .p-registStepList__txt {
  color: #fff;
  font-weight: 700;
}

.p-registStepList > li.is-current .p-registStepList__txt {
  background: #006ab7;
}

.p-registStepList > li.is-done .p-registStepList__txt {
  background: #e0e0e0;
}

.p-registRead {
  margin-bottom: 40px;
  line-height: 1.75;
}

.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;
}

.topAppealList {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}

.topAppealList > li {
  width: 144px;
  height: 56px;
}

.topAppealList > .topAppealLink__transmission a {
  border: 1px solid #CD201F;
  background-color: #CD201F;
}

.topAppealList > .topAppealLink__compare a {
  background-color: #FFF8C6;
}

.topAppealList > .topAppealLink__transmission a:hover {
  border: 4px solid #ed784a;
}

.topAppealLink {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  color: #333;
  text-align: center;
  text-decoration: none;
  border: 1px solid #555555;
  border-radius: 34px;
  -webkit-transition: border 0.3s, background-color 0.3s;
  transition: border 0.3s, background-color 0.3s;
}

.topAppealLink:hover {
  border: 4px solid #ed784a;
}

.topAppealLink:hover .topAppealLink__txt {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}



.topAppealLink__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  height: 100%;
}

.topAppealLink__icn::before {
  content: '';
  display: block;
  background-size: 100% 100%;
}

.topAppealLink__icn--opt::before {
  width: 42px;
  height: 38px;
  margin-right: 9px;
  background: url("/styles/css/images/icn-option.svg");
}

.topAppealLink__icn--send::before {
  width: 53px;
  height: 28px;
  margin-right: 9px;
  background: url("/styles/css/images/icn-send.svg");
}

.topAppealLink__icn--24::before {
  width: 40px;
  height: 40px;
  margin-right: 7px;
  background: url("/styles/css/images/icn-24.svg");
}

.topAppealLink__icn--dorder::before {
  width: 39px;
  height: 40px;
  margin-right: 4px;
  background: url("/styles/css/images/icn-dorder.svg");
}


.topAppealLink__icn--fir::before {
  width: 18px;
  height: 27px;
  margin-right: 18px;
  background-image: url("/styles/css/images/icn-first.svg");
}

.topAppealLink__icn--man::before {
  width: 30px;
  height: 29px;
  margin-right: 3px;
  background-image: url("/styles/css/images/icn-manual.svg");
}

.topAppealLink__icn--tem::before {
  width: 23px;
  height: 29px;
  margin-right: 3px;
  background-image: url("/styles/css/images/icn-template.svg");
}

.topAppealLink__icn--com::before {
  width: 19px;
  height: 25px;
  margin-right: 4px;
  background-image: url("/styles/css/images/icn-compare.svg");
}

.topAppealLink__icn--tra::before {
  width: 24px;
  height: 20px;
  margin-right: 10px;
  background-image: url("/styles/css/images/icn-transmission.svg");
}


.topAppealLink__txt {
  font-size: 1.4rem;
  font-weight: 500;
}

.topAppealLink__txt--24 {
  line-height: .875;
}

.topAppealLink__txt--dorder {
  color: #ed784a;
}

.topAppealLink__txt--tra {
  color: #fff;
}

/* お知らせ */
.topInfoArea__infoList {
  margin-bottom: 16px;
}

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

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

.topInfoArea__infoList > li > a {
  display: block;
  padding: 10px 16px;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.topInfoArea__infoList > li > a:hover {
  background: #f5f5f5;
}

.topInfoArea__cont {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  line-height: 1.4;
}

.topInfoArea__date {
  flex-shrink: 0;
  margin-right: 16px;
  color: #333;
  font-size: 1.2rem;
}

.topInfoArea__ttl {
  color: #ed784a;
  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: 15px;
}

.topBnrArea__bnrList--three > li > a {
  display: block;
  position: relative;
  z-index: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.topBnrArea__bnrList--three > li > a::before {
  content: '';
  display: block;
  opacity: 0;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0 solid transparent;
  -webkit-transition-property: opacity, border;
  transition-property: opacity, border;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.topBnrArea__bnrList--three > li > a:hover {
  opacity: .8;
}

.topBnrArea__bnrList--three > li > a:hover::before {
  opacity: 1;
  border: 4px solid #f86313;
}

.topFaqList {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.topFaqList > li {
  width: calc(((100% - 32px) / 3) - .01px);
  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 #787878;
  -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-main.svg");
}

.topFaqLink--data {
  background-image: url("/styles/css/images/icn-data-main.svg");
}

.topFaqLink--send {
  background-image: url("/styles/css/images/icn-send-main.svg");
}

.topFaqLink--pay {
  background-image: url("/styles/css/images/icn-pay-main.svg");
}

.topFaqLink--entry {
  background-image: url("/styles/css/images/icn-entry-main.svg");
}

.topFaqLink--dDate {
  background-image: url("/styles/css/images/icn-d-date-main.svg");
}

.topFaqLink:hover {
  background-color: #ffebe3;
  border-color: #ed784a;
}

.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-topInfoTtl {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
}

.p-topInfoTtl h2 {
  width: auto;
  margin-right: 60px;
}

.p-topInfoTtl__more {
  margin-bottom: 14px;
}

.p-topInfoTtl__more > a {
  text-decoration: underline;
  line-height: 1;
  color: #ed784a;
}

.p-topInfoTtl__more > a::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 7px;
  border-top: 2px solid #ed784a;
  border-right: 2px solid #ed784a;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 5px;
}

.p-topInfoTtl__more > a:hover {
  text-decoration: none;
}

.p-topPrList {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.p-topPrList > li {
  width: auto;
  margin-right: 16px;
  margin-bottom: 14px;
}

.p-topPrList > li:nth-child(3n) {
  margin-right: 0;
}

.p-topPrLink {
  display: block;
  position: relative;
  z-index: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.p-topPrLink::before {
  content: '';
  display: block;
  opacity: 0;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0 solid transparent;
  -webkit-transition-property: opacity, border;
  transition-property: opacity, border;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.p-topPrLink:hover::before {
  opacity: 1;
  border: 4px solid #ed784a;
}

.p-topPrLink--mascot:hover::before {
  border: 4px solid #7c7c7c;
}

/* イロドリリンクプラン */
.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: #bfbfbf;
  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: #bfbfbf;
  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スライド */
.topSlideArea {
  height: 274px;
  margin-bottom: 5px;
}

.topSlideArea__slide {
  overflow: hidden;
  height: 240px;
}

.bx-pager {
  height: 34px;
  padding: 12px 0;
  text-align: center;
}

.bx-pager .bx-pager-item,
.bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
}

.bx-pager.bx-default-pager a {
  display: block;
  width: 10px;
  height: 10px;
  text-indent: -9999px;
  background-color: #e0e0e0;
  border-radius: 50%;
  margin: 0 14px;
}

.bx-pager.bx-default-pager a:hover, .bx-pager.bx-default-pager a.active {
  background-color: #6a6a6a;
}

.topStepRead {
  margin-bottom: 20px;
  font-size: 1.5rem;
  font-weight: 700;
}

.topCalendarRead {
  margin-bottom: 20px;
  color: #006ab7;
  font-size: 1.5rem;
  font-weight: 700;
}

/* 簡単ステップ注文 */
.p-topEasyStepTtlBlk {
  display: -webkit-box;
  display: flex;
}

.p-topEasyStepTtl {
  padding: 1px 0 1px 11px;
  font-weight: 700;
  border-left: 4px solid #ed784a;
}

.p-topEasyStepTtl__main {
  padding: 0 !important;
  margin-bottom: 7px !important;
  margin-left: -11px;
  border-left: none !important;
}

.p-topEasyStepTtl__sub {
  font-size: 1.5rem;
}

.p-topEasyStepBtnWrap {
  flex-shrink: 0;
  width: 320px;
  margin-left: 15px;
}

/* ボタン */
.p-topBtnWrap {
  width: 320px;
  margin: 0 auto;
}

.p-topBtn {
  font-size: 1.8rem;
  font-weight: 500;
  background: #ed784a;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.p-topBtn:hover {
  opacity: .8;
}

.p-topBtnM:hover {
  background: #ffebe3;
  border-color: #ed784a;
}

/* データ入稿
========================================== */
.p-uploadChk {
  width: 330px;
  margin: 0 auto 48px;
}

.save_res {
  margin-left: 10px;
  color: #f28739;
  font-size: 1.2rem;
  font-weight: 500;
}

.p-uploadTrimIndent {
  display: block;
  text-indent: 11em;
}

/* ----------------------------------------
 Web編集
---------------------------------------- */
.p-webEditLightBox,
.p-webEditNoLightBox {
  display: block;
  position: relative;
  padding: 12px 0;
  text-decoration: none;
  background-color: #f5f5f5;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.p-webEditLightBox--list,
.p-webEditNoLightBox--list {
  padding: 0 0 4px;
}

.p-webEditLightBox--webSales,
.p-webEditNoLightBox--webSales {
  /* 物販用 */
  padding: 0;
}

.p-webEditLightBox:hover {
  background-color: #e0e0e0;
}

.p-webEditLightBox:hover .p-webEditZoomBtn {
  opacity: 1;
  visibility: visible;
}

.p-webEditZoomBtn {
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 9px;
  right: 7px;
  width: 16px;
  height: 16px;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.p-webEditZoomBtn::before, .p-webEditZoomBtn::after {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 0;
}

.p-webEditZoomBtn::before {
  top: 1px;
  left: 0;
  width: 8px;
  height: 8px;
  border: 2px solid #f28739;
  border-radius: 50%;
}

.p-webEditZoomBtn::after {
  right: 1px;
  bottom: 2px;
  width: 6px;
  height: 2px;
  background-color: #f28739;
  border-radius: 1px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.p-webEditBtn {
  display: inline-block;
  width: 100%;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
  background-color: #f28739;
  border: 1px solid #f28739;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.p-webEditBtn--line {
  color: #f28739;
  background-color: #fff;
}

.p-webEditBtn--nega {
  color: #4a4a4a;
  border: 1px solid #bfbfbf;
  background-color: #bfbfbf;
}

.p-webEditBtn:hover {
  opacity: .75;
}

.p-webEditSecTtlWrap {
  margin-bottom: 16px;
}

.p-webEditSecTtl {
  padding: 10px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  background-color: #f28739;
}

/* フロー
---------------------------------------- */
.p-webEditFlowList {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.p-webEditFlowList > li {
  position: relative;
  width: 142px;
  margin-right: 14px;
  color: #aaa;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 42px;
  text-align: center;
  background-color: #bfbfbf;
}

.p-webEditFlowList > li::before, .p-webEditFlowList > li::after {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  border-right: none;
}

.p-webEditFlowList > li::before {
  left: -12px;
  border-top: 21px solid #bfbfbf;
  border-bottom: 21px solid #bfbfbf;
  border-left: 12px solid transparent;
}

.p-webEditFlowList > li::after {
  right: -12px;
  border-top: 21px solid transparent;
  border-bottom: 21px solid transparent;
  border-left: 12px solid #bfbfbf;
}

.p-webEditFlowList > li.is-current {
  color: #fff;
  background-color: #f28739;
}

.p-webEditFlowList > li.is-current::before {
  border-top: 21px solid #f28739;
  border-bottom: 21px solid #f28739;
}

.p-webEditFlowList > li.is-current::after {
  border-left: 12px solid #f28739;
}

.p-webEditFlowList > li.is-done {
  color: #fff;
  background-color: #f28739;
}

.p-webEditFlowList > li.is-done::before {
  border-top: 21px solid #f28739;
  border-bottom: 21px solid #f28739;
}

.p-webEditFlowList > li.is-done::after {
  border-left: 12px solid #f28739;
}

.p-webEditFlowList > li:first-child::before {
  content: none;
}

.p-webEditFlowList > li:last-child {
  margin-right: 0;
}

.p-webEditFlowList > li:last-child::after {
  content: none;
}

/* 表裏
---------------------------------------- */
.p-webEditTwoSides {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 30px;
}

.p-webEditTwoSides__inner {
  width: calc((100% - 10px) / 2);
}

.p-webEditTwoSides__inner:first-child {
  margin-right: 10px;
}

.p-webEditTwoSides__caption {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
  background-color: #bfbfbf;
}

.p-webEditTwoSides__tmbWrap {
  position: relative;
  height: 174px;
  text-align: center;
}

.p-webEditTwoSides__tmbWrap > img {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.p-webEditTwoSides__unSelect {
  width: 220px;
  height: 125px;
  margin: 0 auto;
  color: #cecece;
  font-size: 1.6rem;
  line-height: 125px;
  background-color: #fff;
  border: 2px dashed #f28739;
  -webkit-transform: translateY(25px);
          transform: translateY(25px);
}

.p-webEditTwoSides__btnWrap {
  width: 170px;
  padding: 16px 0;
  margin: 0 auto;
  text-align: center;
}

/* STEPタイトル
---------------------------------------- */
.p-webEditStepTtlWrap {
  margin-bottom: 16px;
}

.p-webEditStepTtl {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.p-webEditStepTtl__num {
  padding: 0 8px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 42px;
  background-color: #f28739;
}

.p-webEditStepTtl__num > span {
  display: inline-block;
  width: 18px;
  margin-left: 4px;
  color: #f28739;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 50%;
}

.p-webEditStepTtl__txt {
  padding: 0 12px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 42px;
}

/* デザイン一覧
---------------------------------------- */
.p-webEditDesignList {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  /* 選択 */
}

.p-webEditDesignList > li {
  width: 186px;
  margin: 0 12px 12px 0;
}

.p-webEditDesignList > li:nth-of-type(4n) {
  margin-right: 0;
}

.p-webEditDesignList__link {
  display: block;
  position: relative;
  padding: 12px 0 4px;
  text-decoration: none;
  background-color: #bfbfbf;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.p-webEditDesignList__link:hover {
  background-color: #ebf0f9;
}

.p-webEditDesignList__noLink {
  position: relative;
  padding: 12px 0 4px;
  text-decoration: none;
  background-color: #bfbfbf;
}

.p-webEditDesignList__link:hover .p-webEditZoomBtn {
  opacity: 1;
  visibility: visible;
}

.p-webEditDesignList__link:hover .p-webEditDesignList__tmbWrap > img {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
}

.p-webEditDesignList__tmbWrap {
  overflow: hidden;
  position: relative;
  height: 186px;
  text-align: center;
}

.p-webEditDesignList__tmbWrap > img {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  width: 100%;
}

.p-webEditDesignList__tmbWrap > p {
  color: #4a4a4a;
  line-height: 148px;
}

.p-webEditDesignList__name {
  overflow: hidden;
  padding: 6px 4px;
  color: #4a4a4a;
  font-size: 1.2rem;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-webEditDesignList__choice {
  display: block;
  color: #fff;
  font-size: 1.6rem;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  background-color: #f28739;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.p-webEditDesignList__choice:hover {
  opacity: .75;
}

.p-webEditDesignOver {
  margin: 32px 0;
  color: #666;
  font-size: 1.4rem;
  line-height: 56px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #f28739;
}

/* 用紙、納期、枚数の選択
---------------------------------------- */
.p-webEditSpec {
  margin-bottom: 32px;
}

.p-webEditSpecSelectLabel {
  display: inline-block;
  position: relative;
}

.p-webEditSpecSelect {
  -webkit-appearance: none;
          appearance: none;
  min-width: 268px;
  padding: 12px 40px 12px 14px;
}

.p-webEditSpecSelect::-ms-expand {
  display: none;
}

.p-webEditPriceDlist {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 16px 24px 16px 16px;
  margin: 24px 0;
  border-top: 2px solid #f28739;
  border-bottom: 2px solid #f28739;
}

.p-webEditPriceDlist__col {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.p-webEditPriceDlist__col:last-child {
  margin-left: auto;
}

.p-webEditPriceDlist__ttl {
  margin-right: 12px;
  font-weight: 500;
}

.p-webEditPriceDlist__data {
  min-width: 160px;
  padding: 10px 14px;
  margin-right: 24px;
  background-color: #fff;
}

.p-webEditPriceDlist__price {
  color: #cd201f;
  font-size: 2.4rem;
  font-weight: 700;
}

/* 編集ページへのリンク
---------------------------------------- */
.p-webEditTransBtnUnit {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 48px;
}

.p-webEditTransBtn {
  width: 185px;
}

.p-webEditTransBtn:first-child {
  margin-right: 16px;
}

/* 最終確認
---------------------------------------- */
.p-webEditCheckList {
  margin-bottom: 16px;
}

.p-webEditCheckList > li {
  margin-bottom: 10px;
  color: #000;
  font-size: 1.4rem;
}

.p-webEditCheckEntity {
  display: none;
}

.p-webEditCheckEntity:checked + label {
  font-weight: 700;
}

.p-webEditCheckEntity:checked + label::before {
  background-color: #f28739;
  border: 1px solid #f28739;
}

.p-webEditCheckEntity:checked + label::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 4px;
  width: 3px;
  height: 6px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.p-webEditCheck {
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.p-webEditCheck:hover {
  color: #f28739;
}

.p-webEditCheck::before {
  content: '';
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 8px;
  vertical-align: middle;
  border: 1px solid #000;
  border-radius: 2px;
}

.p-webEditWarn {
  color: #d0021b;
  font-size: 1.4rem;
  font-weight: 700;
}

.p-webEditCaut {
  color: #d0021b;
  font-size: 1.4rem;
}

/* 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;
}

/* closed login
========================================== */
#login-closed-content {
  border-top: 8px solid #3663B1;
  background-color: #FAFAFA;
}

#login-closed-main {
  width: 336px;
  margin: 0 auto;
  padding: 46px 0;
}

#login-closed-main h1 {
  text-align: center;
  margin-bottom: 50px;
}

#login-closed-main h2 {
  font-size: 18px;
  line-height: 22px;
  color: #333;
  padding-bottom: 10px;
  border-bottom: 2px solid #ccc;
  margin-bottom: 8px;
}

#login-closed-main .login-closed-mb1 {
  margin-bottom: 24px;
}

#login-closed-main .login-closed-form {
  margin-bottom: 12px;
}

#login-closed-main .login-closed-form input {
  width: 100%;
  border-radius: 0;
}

#login-closed-main .login-closed-form input::-webkit-input-placeholder {
  color: #ccc;
}

#login-closed-main .login-closed-form input::-moz-placeholder {
  color: #ccc;
}

#login-closed-main .login-closed-form input:-ms-input-placeholder {
  color: #ccc;
}

#login-closed-main .login-closed-form .login-input.text {
  margin-bottom: 15px;
}

#login-closed-main .login-btn {
  margin: 24px 0 0;
}

#login-closed-main .login-btn input {
  color: #FFF;
  font-size: 18px;
  text-align: center;
  background: #DB7644;
  padding: 8px 0;
  border-radius: 4px;
}

#login-closed-main .login-forget-ul {
  font-size: 12px;
}

#login-closed-main .login-forget-ul li {
  padding-bottom: 5px;
}

#login-closed-main a:link,
#login-closed-main a:visited {
  color: #3663B1;
  text-decoration: none;
}

#login-closed-main a:hover,
#login-closed-main a:active {
  color: #3663B1;
  text-decoration: underline;
}

#login-closed-content .login-footer {
  clear: both;
  color: #FFF;
  background: #3663B1;
  border: none;
  padding: 10px 0;
  margin: 0;
  text-align: center;
}

/* bo login
========================================== */
body#bo-login {
  background-color: #E4E5E6;
}

#bo-login-content {
  padding: 86px 0;
}

#bo-login-main {
  width: 400px;
  margin: 0 auto;
  padding: 25px;
  background-color: #FFF;
}

#bo-login-main h1 {
  text-align: center;
  margin-bottom: 5px;
}

#bo-login-main h2 {
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  margin-bottom: 30px;
}

#bo-login-main .bo-login-form {
  margin-bottom: 12px;
}

#bo-login-main .bo-login-form input {
  width: 100%;
  border-radius: 0;
}

#bo-login-main .bo-login-form input::-webkit-input-placeholder {
  color: #ccc;
}

#bo-login-main .bo-login-form input::-moz-placeholder {
  color: #ccc;
}

#bo-login-main .bo-login-form input:-ms-input-placeholder {
  color: #ccc;
}

#bo-login-main .bo-login-form .login-input.text {
  margin-bottom: 15px;
}

#bo-login-main .login-btn {
  margin: 24px 0 0;
}

#bo-login-main .login-btn input {
  color: #FFF;
  font-size: 18px;
  text-align: center;
  background: #4C4E6E;
  padding: 8px 0;
  border-radius: 4px;
}

.ui-widget-overlay {
  background: rgba(255, 255, 255, 0.8);
}

.ui-widget-content {
  padding: 6px;
  background: #fff;
  border: 2px solid #f28739;
  border-radius: 8px;
  box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.24);
}

.ui-dialog .ui-dialog-content {
  padding: 0;
  box-shadow: none;
}

.ui-widget-header a {
  display: none;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 14px;
  margin-bottom: 10px;
  color: #333;
  font-weight: 500;
  background: #fcefd8;
  border: none;
  border-radius: 4px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: default;
}

.ui-dialog .ui-dialog-buttonpane {
  border: none;
  border-top: 1px solid #bfbfbf;
  border-radius: 0;
  box-shadow: none;
}

.ui-dialog .ui-dialog-buttonpane button {
  cursor: pointer;
  display: inline-block;
  padding: 6px 12px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  background-color: #f28739;
  border: 1px solid #f28739;
  border-radius: 2em;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
  color: #f28739;
  background: #fff;
}

.cart.orderSetting.step3 #dialog table th,
.cart.orderSetting.step3 #dialog table td {
  padding: 4px 0;
}

.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;
  margin-left: 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: 4px solid #63b3ed;
  box-sizing: border-box;
  font-size: 16px;
  width: 780px;
  padding-top: 24px;
}
.p-compareLeadBlock .text01 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.p-compareLeadBlock .text01 strong {
  background: linear-gradient(180deg, #fff 0%, #fff 60%, #f0f7fc 60%, #f0f7fc 100%);
  color: #f28739;
  padding: 0 0 6px;
  margin-right: 10px;
}
.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;
}
.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: none;
}
.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: 28px auto 24px;
}
.p-compareLeadBlock div img {
  width: 220px;
  height: 104px;
}
.p-compareLeadBlock div ul {
  list-style-type: none;
  list-style-position: inside;
  margin-left: 36px;
}
.p-compareLeadBlock div li {
  margin: 7px 0;
}

/* Footer text area */
.l-mainFooterMenuSeo a {
  text-decoration: none;
  color: #333;
}

.l-mainFooterMenuSeo a:hover {
  text-decoration: underline;
  color: #333;
}

/* floating banner
========================================== */
.p-floatingOverlay {
  visibility: hidden; /* 初期状態で非表示にする */
}

.p-floatingBnr {
  position: fixed;
  bottom: 15px;
  right: 15px;
  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;
}

.btnList01__btn {
  text-decoration: none;
  cursor: pointer;
}

.btnList01__btn:hover {
  text-decoration: underline;
}