@charset "utf-8";

/* =========================
 全ページ共通
========================= */
.member .headline {
  text-align: left;
}

.m-inputCustomerInfo.u-2cols-container .o-right input[type='text'],
.m-inputCustomerInfo.u-2cols-container .o-right input[type='password'] {
  line-height: normal;
}


/* =========================
 マイメニュー共通サブグロナビ
========================= */
.localnav {
  background-color: #d5d5d5;
}

.localnav .navlist {
  margin: 0 auto;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.localnav .navlist li {
  font-size: 1.4rem;
}

@media (orientation: landscape) and (max-width: 768px) {
  .section_wrp .localnav {
    padding: 5px 0 0;
    background-color: #d5d5d5;
  }

  .section_wrp .local_menu_btn {
    display: none;
  }

  .section_wrp .localnav .navlist {
    padding: 0;
  }

  .section_wrp .localnav .navlist li {
    width: 33%;
    float: left;
    background: transparent;
  }

  .section_wrp .localnav .navlist li:nth-child(3n) {
    border-right: none;
  }

  .section_wrp .localnav .navlist li:last-child::after {
    content: '';
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0px;
    width: 1px;
    height: 20px;
    background: rgba(0, 0, 0, 0.2);
  }
}

@media screen and (max-width: 768px) {
  .localnav {
    background-color: #fff;
    text-align: left;
    padding: 0;
  }

  .localnav .navlist {
    position: relative;
    padding: 40px 0 0 0;
    display: block;
  }

  .localnav .navlist ul {
    display: none;
  }

  .localnav .navlist li {
    display: block;
    position: relative;
    width: 100%;
    float: none;
    font-size: 14px;
    line-height: 1.5;
    padding: 0;
    margin: 0;
    background: #fff;
  }

  .localnav .navlist li a {
    display: block;
    border: 0;
    padding: 10px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  }

  .localnav .navlist li::after {
    display: none;
  }
}


/* =========================
 共通ボタン
========================= */
.btn_detail.btn_next a,
.btn_detail.btn_next button,
.btn_detail.btn_next input,
.btn_detail.regist a,
.btn_detail.print a {
  background-color: #cc0033;
  color: #fff;
}

.btn_detail.btn_next a:hover,
.btn_detail.btn_next button:hover,
.btn_detail.btn_next input:hover,
.btn_detail.regist a:hover,
.btn_detail.print a:hover,
.btn_detail.btn_pdf a:hover {
  background-color: #cc0033;
  opacity: 0.75;
}

.btn_detail.btn_next::after,
.btn_detail.regist::after {
  display: none;
}

.btn_detail.btn_next:hover::after,
.btn_detail.regist:hover::after {
  display: none;
}

.btn_detail.btn_next.delete a,
.btn_detail.btn_next.warning a {
  background-color: #cf1e1e;
  border: solid 1px #cf1e1e;
}

.btn_detail.btn_next.delete a:hover,
.btn_detail.btn_next.warning a:hover {
  background-color: #fff;
  color: #cf1e1e;
}

.btn_detail.btn_next.delete::before,
.btn_detail.btn_next.delete:after {
  display: none;
}

/* 『解約手続き』のみテキスト追加 */
.submit_btns.contract_modify_btns.btns_h65 .btn_detail.btn_next a {
  min-height: 65px;
  padding: 11px 20px 9px;
}

.btn_detail.btn_next a.btn_cancellation {
  flex-wrap: wrap;
}

.btn_detail.btn_next a.btn_cancellation::after {
  content: "※Microsoft 365のみ";
  width: 100%;
  font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
  .btn_detail {
    max-width: 100%;
  }
}


/* =========================
 共通STEPエリア
========================= */
.flowbox .popbox_right.active .popbox_body {
  background-color: #fff;
  border: none;
  border-bottom: solid 4px #cc0033;
}

.flowbox .popbox_right.active .popbox_body p {
  font-weight: bold;
}

.flowbox .popbox_right .popbox_arw::after {
  background: #cdcdcd;
}

.popbox .popbox_arw.js-popbox_arw_overWhite::after {
  background: #cdcdcd;
}

.popbox .popbox_inner {
  padding: 0px 20px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.flowbox .popbox.active .popbox_arw::after {
  background-color: #cc0033;
}

.flowbox .popbox .popbox_body {
  color: #333;
  border: none;
  border-bottom: 4px solid #f5f5f5;
}

.flowbox .popbox .popbox_body p {
  font-weight: normal;
  font-size: 1.7rem;
}

.flowbox .popbox_right .popbox_body h3 {
  color: #333;
  min-height: auto;
  background-color: transparent;
  padding: 0;
}

.flowbox .popbox_right.active .popbox_body h3 {
  color: #cc0033;
  min-height: auto;
}

.flowbox .popbox_right.active .popbox_body {
  color: #333;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .flowbox .popbox_right .popbox_body h3 {
    font-size: 1.4rem;
    margin: 0;
  }

  .flowbox .popbox .popbox_body h3,
  .flowbox .popbox .popbox_body p {
    font-size: 1.4rem;
  }

  .popbox .popbox_inner {
    flex-direction: row;
    text-align: left;
    padding: 0 0 5px;
  }

  .flowbox .popbox_right .popbox_arw {
    margin: 0 auto 15px;
  }

  .flowbox .popbox .popbox_body {
    padding-bottom: 5px;
  }

  .content_step .flowbox {
    margin-bottom: 25px;
  }
}


/* =========================
 共通フォーム入力エリア
========================= */
.form .m-inputCustomerInfo {
  border: none;
  padding: 0 0 40px;
}

.entries .o-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 0.5px solid #ccc;
}

.entries .o-row:last-of-type {
  border-bottom: 0.5px solid #ccc;
}

@media all and (-ms-high-contrast: none) {

  /* ie */
  .entries .o-row {
    border-top: 1px solid #ccc;
  }
}

.entries .o-row:last-child {
  border-bottom: 1px solid #ccc;
}

.m-inputCustomerInfo.u-2cols-container .o-left {
  width: 23em;
  background-color: #e0e0e0;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 40px;
}

.u-2cols-container.wide .o-right .caption {
  color: #737373;
}

.u-2cols-container.wide .o-right .caption a {
  color: #0000FF;
  text-decoration: none;
}

.u-2cols-container.wide .o-right .caption a:hover {
  text-decoration: underline;
}

.form input.txtinput {
  border-radius: 0;
  line-height: normal;
}

.m-inputCustomerInfo.u-2cols-container .o-require {
  background-color: #d9534f;
  color: #fff;
  height: 20px;
  top: calc(50% - 10px);
  right: 10px;
  border-radius: .25em;
}

.m-inputCustomerInfo.u-2cols-container .o-right input[type='text']:focus,
.m-inputCustomerInfo.u-2cols-container .o-right input[type='password']:focus,
.m-inputCustomerInfo.u-2cols-container .o-right textarea:focus {
  border: 1px solid #666;
  box-shadow: none;
}

input.input_error[type='text'],
input.input_error[type='password'],
textarea.input_error {
  background-color: #f2dede;
}

.m-inputCustomerInfo.u-2cols-container .o-right textarea {
  border-radius: 0;
}

@media screen and (max-width: 768px) {
  .entries .o-row {
    display: block;
    border-top: none;
    margin-bottom: 5px;
  }

  .m-inputCustomerInfo.u-2cols-container .o-left {
    width: 100%;
    background-color: transparent;
    padding: 0;
  }

  .m-inputCustomerInfo.u-2cols-container .o-require {
    top: -1px;
    right: 2px;
  }

  .form .m-inputCustomerInfo {
    padding: 0;
  }
}


/* =========================
 共通エラーメッセージ
========================= */
.notice,
.caution,
.has-error,
.warning_msg {
  color: #a94442;
}


/* =========================
 ログイン
========================= */
.login_panel {
  width: 580px;
  padding: 0 0 40px;
  border: solid 1px #dcdcdc;
  box-shadow: none;
}

.login_panel .form {
  width: 498px;
}

.login_panel .headline {
  background-color: #4c4c4c;
  padding: 12px 0;
}

.login_panel .headline h2.title {
  color: #fff;
  font-size: 2rem;
  font-weight: normal;
  margin: 0 auto;
  padding-bottom: 0;
}

.login .login_panel .btn_detail .prevent_multi_click {
  width: 250px;
}

.login .login_panel .form p {
  margin-top: 10px;
}

.login .login_panel .form p a {
  color: #333;
}

.login .login_panel .message_container {
  background: #fff;
  width: 90%;
  margin: 20px auto 0;
  border-radius: 0;
  color: #a94442;
}

/*div.login_panel > div.form > form .btn_next + p > a {
	border-radius: 3px;
	background-color: #cf1e1e;
	border:solid 1px #cf1e1e;
	display: flex;
	padding: 10px 0px;
	font-weight: bold;
	color: #fff;
	width: 250px;
	margin: 30px auto 0;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}
div.login_panel > div.form > form .btn_next + p > a:hover {
	background-color: #fff;
	color: #cf1e1e;
	text-decoration: none;
}*/
div.login_panel>div.form>form p:last-child a {
  position: relative;
  border-radius: 3px;
  background-color: #fff;
  border: solid 1px #cc0033;
  display: flex;
  padding: 10px 0px;
  font-weight: bold;
  color: #cc0033;
  width: 250px;
  margin: 15px auto 0;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: .1s;
}

div.login_panel>div.form>form p:last-child a::before {
  position: absolute;
  top: 50%;
  right: 1em;
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #cc0033;
  border-right: 2px solid #cc0033;
  transform: translateY(-50%) rotate(45deg);
}

div.login_panel>div.form>form p:last-child a:hover {
  opacity: 0.6;
  text-decoration: none;
}

.login_panel .form p.mod-p a {
  font-size: 0;
  margin-top: 15px;
}

.login .login_panel .form p.mod-p a::before {
  font-size: 1.2rem;
  color: #333;
  content: 'パスワード再設定';
}

@media screen and (max-width: 768px) {
  .login .section_inner {
    padding: 20px 0;
  }

  .login .login_panel {
    width: 90%;
    padding: 0 0 20px;
    border: solid 1px #dcdcdc;
  }

  .login .login_panel .form {
    width: 90%;
  }

  .login .login_panel .headline h2.title {
    padding: 0;
    font-size: 1.7rem;
    font-weight: bold;
  }

  .login .login_panel .btn_detail .prevent_multi_click {
    width: 100%;
    height: auto;
    padding: 10px 0;
    margin: 0 auto;
  }

  .login .login_panel .section_login .boxshadow {
    border: solid 1px #dcdcdc;
  }

  div.login_panel>div.form>form .btn_next+p>a {
    width: 100%;
  }

  div.login_panel>div.form>form p:last-child a {
    width: 100%;
  }
}


/* =========================
 利用規約
========================= */
.entries .headline {
  text-align: left;
}

.entries .box .pankuzu {
  display: none;
}

.entries .box h1 {
  display: none;
}

.entries .box h4.page-tocs_ttl {
  border-bottom: none;
  margin: 0;
  padding-bottom: 0;
  border-bottom: none;
  font-size: 1.4rem;
  font-weight: normal;
}

.entries .box {
  height: 430px;
  overflow-y: scroll;
}

.entries .section_inner .content section a {
  text-decoration: underline;
}

input[type=checkbox]+.inputLabel::after {
  top: 1px;
}


/* =========================
 新規会員登録入力
========================= */
.caution_text {
  margin-top: 30px;
}

.btn_detail #postal_code {
  border: solid 1px #4c4c4c;
  background-color: #4c4c4c;
  color: #fff;
  transition: .3s ease-in-out;
}

.btn_detail #postal_code:hover {
  background-color: #fff;
  color: #4c4c4c;
  transition: .3s ease-in-out;
}

input[type=radio]+.inputLabel::after {
  background-color: #3879ff;
  top: 4px;
  left: 3px;
}

@media screen and (max-width: 768px) {
  .caution_text {
    margin-top: 10px;
  }
}


/* =========================
 新規会員登録確認
========================= */
.m-confirmCustomerInfo.u-2cols-container {
  border: none;
  padding: 0 0 40px;
}

.m-confirmCustomerInfo.u-2cols-container .o-left {
  width: 23em;
  background-color: #e0e0e0;
  font-weight: bold;
  padding-left: 20px;
}

@media screen and (max-width: 768px) {
  .page_entries_confirm .m-confirmCustomerInfo.u-2cols-container .o-left {
    width: 100%;
  }
}


/* =========================
 お問い合わせ
========================= */
.inquiries .headline {
  text-align: left;
}

.inquiries .section_inner .content section a {
  text-decoration: underline;
}

.inquiries .o-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 0.5px solid #ccc;
}

@media all and (-ms-high-contrast: none) {

  /* ie */
  .inquiries .o-row {
    border-top: 1px solid #ccc;
  }
}

.inquiries .o-row:last-child {
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
  .inquiries .o-row {
    display: block;
    margin-bottom: 10px;
    border-top: 0;
  }

  .inquiries .o-row:last-child {
    border-bottom: 0;
  }

  .inquiries .m-confirmCustomerInfo.u-2cols-container .o-left {
    width: 100%;
  }
}


/* =========================
 ショッピングカート
========================= */
.carts .headline {
  text-align: left;
}

.carts .submit_btns .btn_order a {
  background-color: #cc0033;
  color: #fff;
  transition: .3s ease-in-out;
}

.carts .submit_btns .btn_order a:hover {
  opacity: 0.75 !important;
  transition: .3s ease-in-out;
}

.carts .submit_btns .btn_estimate a {
  border: solid 1px #cc0033;
  color: #cc0033;
  background-color: #fff;
  font-weight: normal;
  transition: .3s ease-in-out;
}

.carts .submit_btns .btn_estimate a:hover {
  opacity: 0.6;
  transition: .3s ease-in-out;
}

.l-cartItem {
  border-radius: 0;
}

.l-cartTotalBox-inner {
  border-radius: 0;
  border: 0.5px solid #c8c8c8;
}

@media all and (-ms-high-contrast: none) {

  /* ie */
  .l-cartTotalBox-inner {
    border-top: 1px solid #ccc;
  }
}

.l-cartTotalBox-inner .o-header {
  border-radius: 0;
  background-color: #4c4c4c;
}

.l-cartTotalBox-inner .o-row-total .o-text-right {
  color: #333;
}

.carts .o-row-subItem {
  position: relative;
}

.m-cartItemList .o-row-mainItem {
  margin: 15px 15px 5px 15px;
}

.m-cartItemList .o-row-mainItem .ui-spinner {
  display: flex !important;
  justify-content: space-between;
  align-items: flex-start;
}

.m-cartItemList .o-row-mainItem .set-center input[type='text'] {
  position: relative;
  top: auto;
  left: auto;
  order: 2;
  padding: 0;
}

.m-cartItemList .o-row-mainItem .ui-spinner a.ui-spinner-up {
  float: none;
  order: 3;
}

.m-cartItemList .o-row-mainItem .ui-spinner a.ui-spinner-down {
  float: none;
  order: 1;
}

.m-cartItemList .o-row-mainItem .ui-spinner a span.ui-button-text {
  vertical-align: top;
}

.m-product-detail .o-product-name {
  color: #333;
  border-bottom: 1px solid #ddd;
}

@media screen and (max-width: 768px) {
  .carts .content_step {
    display: none;
  }

  .carts .m-headline,
  .headline h2.title {
    font-size: 2.7rem;
  }

  .m-cartItemPhoto {
    width: 80%;
  }

  .m-cartItemPhoto img {
    width: 100%;
    margin: 0 auto;
  }
}


/* =========================
 マイページ配下共通
========================= */
.content_mypage .subject h3 {
  padding: 14px 24px;
}

@media only screen and (max-width: 767px) {
  .content_mypage .subject h3 {
    padding: 2.67vw;
    font-size: 20px;
    line-height: 1.5;
  }
}


/* =========================
 マイページ
========================= */
.my_page .headline {
  text-align: left;
}

.section_inner .mypage_menu li {
  border: 1px solid #c8c8c8;
}

.section_inner .mypage_menu .title {
  color: #333;
  font-weight: 400;
}

.mypage_menu>.linkarea:hover a {
  text-decoration: underline;
}


/* =========================
 会員情報変更
========================= */
.page_members .headline {
  text-align: left;
}

.page_members .o-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #ccc;
}

.page_members .m-confirmCustomerInfo.u-2cols-container {
  padding: 0;
}

@media all and (-ms-high-contrast: none) {

  /* ie */
  .page_members .m-confirmCustomerInfo.u-2cols-container {
    border-top: 1px solid #ccc;
  }
}

@media screen and (max-width: 768px) {
  .page_members .o-row {
    display: block;
  }

  .page_members .m-confirmCustomerInfo.u-2cols-container .o-left {
    width: 100%;
  }
}


/* =========================
 パスワード変更
========================= */
.page_password_edit .headline {
  text-align: left;
}

.page_password_edit .m-inputCustomerInfo.u-2cols-container .o-left {
  width: 17em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.page_password_edit .m-inputCustomerInfo {
  border: 0;
  padding: 0;
}

.page_password_edit .m-inputCustomerInfo.u-2cols-container .o-right input[type='text'],
.page_password_edit .m-inputCustomerInfo.u-2cols-container .o-right input[type='password'] {
  border-radius: 0;
}

.page_password_edit .o-row {
  border-top: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page_password_edit .u-2cols-container .o-right input[type='text'],
.page_password_edit .u-2cols-container .o-right input[type='password'],
.page_password_edit .u-2cols-container .o-right textarea,
.page_password_edit .u-2cols-container .o-right .selectWrap,
.page_password_edit .u-2cols-container .o-right label.fileupload {
  margin-top: 0;
}

#password_policy>dl>dt {
  padding: 15px 0;
  float: left;
  width: 30%;
  margin-right: 10px;
  font-weight: bold;
  font-size: 16px;
}

#password_policy>dl>dd {
  padding: 15px 0;
  float: right;
  width: 68%;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .page_password_edit .m-inputCustomerInfo {
    border-bottom: none;
  }

  .page_password_edit .o-row {
    display: block;
    border-top: none;
  }

  #password_policy>dl>dt {
    padding: 20px 0 0 0;
    float: none;
    width: 100%;
    font-size: 14px;
  }

  #password_policy>dl>dd {
    padding: 5px 0 20px 0;
    float: left;
    width: 100%;
    font-size: 14px;
  }
}


/* =========================
 ロール
========================= */
.page_store_roles .headline {
  text-align: left;
}

.page_store_roles .u-2cols-container .function .o-right .group label {
  cursor: auto;
}

.page_store_roles .section .mypageIndex table.basic {
  border-bottom: solid 1px #ddd;
}

.group .checkbox_text .checked:after {
  content: "";
  display: block;
  width: 8px !important;
  height: 12px !important;
  border-right: 3px solid #CF1E1E;
  border-bottom: 3px solid #CF1E1E;
  position: absolute;
  top: 2px !important;
  left: 4px !important;
  transform: rotate(45deg);
}

.m-confirmCustomerInfo .disable::after {
  content: '';
  position: absolute;
  width: 17px !important;
  height: 17px !important;
  left: 5px !important;
  top: 4px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 3px solid #ddd;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.m-confirmCustomerInfo .disable::before {
  left: -5px !important;
  top: 4px !important;
}

.page_store_roles .m-confirmCustomerInfo.u-2cols-container .o-left {
  width: 17em;
  background-color: transparent;
}


/* =========================
 アカウント確認
========================= */
.page_password_reminder .login_panel .headline {
  text-align: center;
}

.page_password_reminder .message_container {
  background: #fff;
  width: 580px;
  margin: 0 auto 30px;
  border-radius: 0;
  color: #a94442;
  border: solid 1px #666666;
}

@media screen and (max-width: 768px) {
  .page_password_reminder .message_container {
    width: 100%;
  }

  .page_password_reminder .login_panel {
    width: 100%;
    border: solid 1px #cdcdcd;
  }

  .page_password_reminder .login_panel .form {
    width: 100%;
    padding: 10px;
  }

  .page_password_reminder .login_panel .headline h2.title {
    padding: 0;
  }
}


/* =========================
 お気に入り
========================= */
.favorites .headline {
  text-align: left;
}

.favorites .l-productListItem {
  border-radius: 0;
}

.favorites .m-charges-model>ul>li:nth-child(odd) p.o-model-title {
  background-color: #4c4c4c;
  border-radius: 0;
}

.favorites .m-product-detail .o-product-name a {
  color: #333;
}

.favorites .l-productListItem .l-productListItem-inner {
  padding: 30px 30px 40px;
}

.favorites .m-charges-model .o-btn-modelDetail {
  transition: .3s ease-in-out;
}

.favorites .m-charges-model .o-btn-modelDetail:hover {
  opacity: .7;
  transition: .3s ease-in-out;
}

.favorites .m-charges-model>ul>li>ul>li {
  padding: 15px 5px 10px;
}

.favorites .btn_remove a {
  background-color: #fff;
  border-radius: 4px;
  color: #cc0033;
  border: solid 1px #cc0033;
  transition: .3s ease-in-out;
  padding: 5px 15px 5px 15px;
  font-size: 1.3rem;
}

.favorites .btn_remove a:hover {
  background-color: #cc0033;
  color: #fff;
  transition: .3s ease-in-out;
  text-decoration: none;
}

.favorites .btn_remove:before {
  content: "";
}

.favorites .l-productListItem .btn_remove {
  bottom: 20px;
  right: 20px;
}

.favorites .m-product-detail .o-product-photo {
  float: none;
  width: 100%;
  margin: 0 auto 20px;
}

.favorites .m-product-detail .o-product-photo+.o-product-text {
  float: none;
  width: 100%;
  padding-left: 0;
}

.favorites .m-product-detail .o-product-photo img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 200px;
  margin: 0 auto;
}

.favorites .m-charges-model.favMode {
  margin: 10px 0 70px 0;
}

.favorites .m-charges-model .o-btn-modelDetail>span {
  font-size: 0;
}

.favorites .m-charges-model .o-btn-modelDetail>span:before {
  content: 'お申込みはこちら';
  color: #fff;
  font-size: 15px;
}

.favorites .m-charges-model .submit_btns .o-btn-modelDetail {
  background-color: #cc0033;
  border: solid 1px #cc0033;
}

.favorites .m-charges-model .submit_btns .o-btn-modelDetail:hover {
  background-color: #fff;
  opacity: 1;
}

.favorites .m-charges-model .submit_btns .o-btn-modelDetail:hover>span::before {
  color: #cc0033;
}

.favorites .m-charges-model .o-btn-modelDetail:after {
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
}

.favorites .m-charges-model .submit_btns .o-btn-modelDetail:hover:after {
  border-right: solid 2px #cc0033;
  border-bottom: solid 2px #cc0033;
}

@media screen and (max-width: 768px) {
  .page_favorites .l-productListItem .l-productListItem-inner {
    padding: 30px 20px 40px;
  }

  .favorites .m-charges-model.favMode {
    margin: 10px 0 40px 0;
  }

  .page_favorites .m-product-detail .o-product-photo+.o-product-text {
    width: 100%;
  }
}


/* =========================
 ファイル管理
========================= */
.page_store_file_managements .m-headline,
.headline h3.title {
  font-size: 3.6rem;
  font-weight: 600;
  color: #000;
  border-bottom: none;
  background-color: transparent;
  margin: 0 0 5px;
  padding: 0;
  min-height: auto;
}

@media all and (-ms-high-contrast: none) {

  /* ie */
  .page_store_file_managements_confirm .m-confirmCustomerInfo {
    border-top: none;
  }

  .page_store_file_managements .m-confirmCustomerInfo {
    border-top: none;
  }

  .page_store_file_managements_confirm .m-confirmCustomerInfo .o-row {
    border-top: 0.5px solid #ccc;
  }
}

@media screen and (max-width: 768px) {

  .page_store_file_managements .m-headline,
  .headline h3.title {
    font-size: 2.7rem;
  }
}


/* =========================
 契約一覧
========================= */
.mypage_contract .btn_detail.btn_next.download::before,
.content_mypage .btn_detail.btn_next.download:before {
  background: transparent;
  content: "";
  position: absolute;
  margin: auto;
  bottom: 0;
  top: -2px;
  right: 24px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  transition: all .3s;
  background-image: none;
}

.mypage_contract .btn_detail.btn_next.download:hover::before,
.content_mypage .btn_detail.btn_next.download:hover::before {
  background: transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}


/* =========================
 契約詳細
========================= */
.contract_details table.col_7 .subtotal {
  vertical-align: middle;
}

.tabaccordionbody .content_mypage .m-confirmCustomerInfo .title h3 {
  margin: 0 0 12px 0 !important;
  padding: 14px 24px !important;
  border: none !important;
  font-size: 1.6rem !important;
  font-weight: bold !important;
}

.member .l-cartListBox *+.m-confirmCustomerInfo.u-2cols-container.form {
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  .tabaccordionbody .content_mypage .m-confirmCustomerInfo .title h3 {
    min-height: auto !important;
    padding: 2.67vw !important;
    font-size: 3.7vw !important;
    font-weight: 300 !important;
  }
}


/* =========================
 解約申込
========================= */
.member .l-cartListBox .m-headline h3.o-title {
  margin-bottom: 0;
  padding: 0;
}

/* .content_cart * + .l-cartItem {
	margin-top: 20px;
} */
.content_cart .m-inputCustomerInfo {
  border: none;
}

/* =========================
 注文一覧
========================= */
.m-topFilterBox .o-box-head {
  height: 60px;
  background: #4c4c4c;
  border-radius: 0;
  font-size: 2.0rem;
  font-weight: 600;
  line-height: 1.5;
  display: flex;
  justify-content: center;
  align-items: center;
}

.m-topFilterBox .o-box-head.open {
  border-radius: 0;
}

.m-topFilterBox .o-box-head::after {
  content: "";
  position: absolute;
  margin: auto;
  bottom: 0;
  top: -2px;
  right: 24px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  transition: all .3s;
  background-image: none;
}

.m-topFilterBox .o-box-head.open::after {
  transform: rotate(-135deg);
  transition: all .3s;
  background-image: none;
}

.m-topFilterBox .o-box-body {
  padding: 20px;
  border-radius: 0;
  border: 1px solid #c8c8c8;
}

.m-topFilterBox .o-box-body ul.conditions li .label {
  margin-bottom: 3px;
  font-size: 1.4rem;
}

.m-topFilterBox .o-box-body .btn_container .searchBtn .baseBtn,
.m-topFilterBox .o-box-body .btn_container span a.baseBtn {
  background: #fff;
  color: #cc0033;
  border: 1px solid #cc0033;
  border-radius: 4px;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.m-topFilterBox .o-box-body .btn_container .searchBtn .baseBtn:hover,
.m-topFilterBox .o-box-body .btn_container span a.baseBtn:hover {
  background: #cc0033;
  color: #fff;
  opacity: 1;
  text-decoration: none;
}

.member table.basic thead tr {
  border-top: 0.5px solid #ccc;
}

.member table.basic thead tr th {
  background: #e0e0e0;
  color: #333;
}

.member table.basic thead tr th,
.member table.basic tr td {
  border-left: 0.5px solid #ccc;
  border-right: none;
}

.member table.basic thead tr th:last-child,
.member table.basic tr td:last-child {
  border-right: 0.5px solid #ccc;
}

.member table.basic tbody tr {
  border-top: 0.5px solid #ccc;
}

.member table.basic tbody tr:last-child {
  border-bottom: 0.5px solid #ccc;
}

.member table.basic td.detail a {
  color: #fff;
  background: #cc0033;
  border: 1px solid #cc0033;
}

.member table.basic td.detail a:hover {
  color: #cc0033;
  background: #fff;
}

@media only screen and (max-width: 768px) {
  .m-topFilterBox .o-box-body {
    padding: 2.67vw 2.67vw 5vw;
  }

  .member table.basic thead tr th,
  .member table.basic tr td {
    border-left: none;
  }

  .member table.basic thead tr th:last-child,
  .member table.basic tr td:last-child {
    border-right: none;
  }

  .member table.basic tbody tr:last-child {
    border-bottom: 0.5px solid #ddd;
  }
}

@media only screen and (max-width: 480px) {
  .m-topFilterBox .o-box-body .btn_container span {
    display: inline-block;
    max-width: 130px;
    margin: 0 5px;
  }

  .m-topFilterBox .o-box-body .btn_container span a,
  .m-topFilterBox .o-box-body .btn_container span button {
    font-size: 1.2rem;
  }
}


/* =========================
 注文詳細・注文詳細確認
========================= */
.member .l-cartListBox .content_mypage .subject {
  margin-bottom: 0;
}

.member .l-cartListBox h3,
.member .l-cartListBox .content_mypage .subject h3,
.member .mypageConf h3 {
  float: none;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: auto;
  margin: 0 0 20px 0;
  padding: 10px 20px;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
  background-color: #4c4c4c;
  display: flex;
  align-items: center;
}

.member .l-cartListBox *+h3,
.member .mypageConf *+h3 {
  margin-top: 50px;
}

.member .l-cartListBox .content_mypage .order tr {
  border-top: 0.5px solid #c8c8c8;
}

.member .l-cartListBox .content_mypage th,
.member .l-cartListBox .content_mypage td {
  position: static;
}

.m-cartItemList .o-row-head {
  padding: 0 15px;
}

.m-cartItemList .o-row-head>span:nth-child(2) {
  width: 110px;
  right: 15px;
}

.member .l-cartListBox .content_mypage .order tr:last-child {
  border-bottom: 0.5px solid #c8c8c8;
}

.member .l-cartListBox .content_cart .o-row-subItem {
  position: relative;
}

.member .l-cartListBox .tabaccordionbody .btn_detail.btn_next .custom_items_button {
  background: #cc0033;
}

.member .l-cartListBox .tabaccordionbody .btn_detail.btn_next .custom_items_button:hover {}

.member .l-cartListBox .tabaccordionbody .content_mypage .m-confirmCustomerInfo .title {
  padding: 0;
}

.member .l-cartListBox .tabaccordionbody .content_mypage .m-confirmCustomerInfo .title h3 {
  min-height: 56px;
  margin: 0 0 12px 0;
  padding: 14px 24px;
  background-color: #f5f5f5;
  font-size: 1.6rem;
  color: #333;
  font-weight: bold;
  border-bottom: 0;
  border-radius: 0;
  text-align: left;
}

@media only screen and (max-width: 768px) {

  .member .l-cartListBox h3,
  .member .l-cartListBox .content_mypage .subject h3,
  .member .mypageConf h3 {
    padding: 2.67vw;
    font-size: 4.27vw;
    font-weight: 300;
  }

  .member .l-cartListBox *+h3,
  .member .mypageConf *+h3 {
    margin-top: 30px;
  }

  .member .l-cartListBox .content_mypage .order tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    border-top: none;
  }

  .member .l-cartListBox .content_mypage .order tr th {
    width: 100%;
    border-top: 1px solid #c8c8c8;
    display: block;
  }

  .member .l-cartListBox .content_mypage .order tr td {
    width: 100%;
  }

  .l-cartItem {
    padding: 4vw 2.67vw 2.67vw;
  }

  .m-tabaccordion {
    padding: 2.67vw;
    border: 1px solid #dcdcdc;
    border-radius: 0;
  }

  .m-tabaccordion .tabaccordionbody .accordion_header a {
    min-height: auto;
    margin: 0 0 12px 0;
    padding: 2.67vw 6vw 2.67vw 2.67vw;
    background-color: #4c4c4c;
    font-size: 4.27vw;
    color: #fff;
    font-weight: 300;
    border-radius: 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .m-tabaccordion .tabaccordionbody .accordion_header a::before,
  .m-tabaccordion .tabaccordionbody .accordion_header a::after {
    content: '';
    margin: auto;
    position: absolute;
    bottom: auto;
    background-image: none;
    background-repeat: unset;
    background-position: 0 0;
    background-color: #fff;
  }

  .m-tabaccordion .tabaccordionbody .accordion_header a::before {
    width: 3.73vw;
    height: 0.53vw;
    top: 50%;
    right: auto;
    bottom: auto;
    left: calc(50% + 36vw);
    display: block;
    transform: translate(-50%, -50%);
  }

  .m-tabaccordion .tabaccordionbody .accordion_header a::after {
    width: 0.53vw;
    height: 3.73vw;
    top: 50%;
    right: auto;
    bottom: auto;
    left: calc(50% + 36vw);
    display: block;
    transform: translate(-50%, -50%);
  }

  .m-tabaccordion .tabaccordionbody .accordion_header.active a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .m-tabaccordion .tabaccordionbody .accordion_header.active a:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    display: none;
  }
}


/* =========================
 お客様情報の入力（ご注文手続き）、最終確認（ご注文手続き）
========================= */
.m-headline {
  margin-bottom: 10px;
  padding: 10px 20px;
  background-color: #4c4c4c;
  height: auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.m-headline .o-title {
  width: 100%;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  border: 0;
  display: block;
}

.m-headline .o-title+.notice.tos-agreement-notice {
  margin-top: 5px;
}

.m-headline .notice.tos-agreement-notice {
  width: 100%;
  padding: 5px;
  color: #cf1e1e;
  line-height: 1.3;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.9);
}

.m-cartItemList .o-row-subItem .m-treeMenu .o-treeMenu .o-menuitem .o-plan-box>.o-plan-row,
.m-cartItemList .o-row-mainItem .m-treeMenu .o-treeMenu .o-menuitem .o-plan-box>.o-plan-row {
  padding: 3px 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.2;
}

.m-cartItemList .o-row-subItem .m-treeMenu .o-treeMenu .o-menuitem .o-plan-box>.o-plan-row span,
.m-cartItemList .o-row-mainItem .m-treeMenu .o-treeMenu .o-menuitem .o-plan-box>.o-plan-row span {
  font-size: 1.4rem;
}

.m-payment-method,
.m-customer-subinfo {
  padding: 20px;
  border: 1px solid #dcdcdc;
  border-radius: 0;
}

.m-payment-method .o-title,
.m-customer-subinfo .o-title {
  min-height: 56px;
  margin: 0 0 12px 0;
  padding: 14px 24px;
  background-color: #f5f5f5;
  font-size: 1.6rem;
  color: #333;
  font-weight: bold;
  border-radius: 0;
  text-align: left;
}

.m-payment-method .o-inner {
  padding: 0;
  background: transparent;
}

.m-payment-method .o-inner .o-plusminus-checkbox+.form.js-accordion__body {
  margin-top: 10px;
}

.member .m-inputCustomerInfo.u-2cols-container,
.member .m-confirmCustomerInfo.u-2cols-container {
  margin: 0;
  padding: 0;
}

div.u-2cols-container.m-inputCustomerInfo>div.o-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 0.5px solid #ccc;
}

div.u-2cols-container.m-inputCustomerInfo>div.o-row:last-of-type {
  border-bottom: 0.5px solid #ccc;
}

.member .m-inputCustomerInfo.u-2cols-container .o-row,
.member .m-confirmCustomerInfo.u-2cols-container .o-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 0.5px solid #ccc;
}

.member .m-inputCustomerInfo.u-2cols-container .o-row:last-of-type,
.member .m-confirmCustomerInfo.u-2cols-container .o-row:last-of-type {
  border-bottom: 0.5px solid #ccc;
}

@media all and (-ms-high-contrast: none) {

  /* ie */
  .member .m-inputCustomerInfo.u-2cols-container .o-row,
  .member .m-confirmCustomerInfo.u-2cols-container .o-row {
    border-top: 1px solid #ccc;
  }
}

.member .m-inputCustomerInfo.u-2cols-container .o-row:last-child,
.member .m-confirmCustomerInfo.u-2cols-container .o-row:last-child {
  border-bottom: 0.5px solid #ccc;
}

@media all and (-ms-high-contrast: none) {

  /* ie */
  .member .m-inputCustomerInfo.u-2cols-container .o-row:last-child,
  .member .m-confirmCustomerInfo.u-2cols-container .o-row:last-child {
    border-top: 1px solid #ccc;
  }
}

.member .m-inputCustomerInfo.u-2cols-container .o-left,
.member .m-confirmCustomerInfo.u-2cols-container .o-left {
  width: 18em;
  background-color: #e0e0e0;
  font-weight: bold;
  padding-left: 20px;
}

.m-inputCustomerInfo .btn_detail #user_postal_code,
.m-inputCustomerInfo .btn_detail #billing_postal_code {
  border: solid 1px #4c4c4c;
  background-color: #4c4c4c;
  color: #fff;
  transition: .3s ease-in-out;
}

.m-inputCustomerInfo .btn_detail #user_postal_code:hover,
.m-inputCustomerInfo .btn_detail #billing_postal_code:hover {
  background-color: #fff;
  color: #4c4c4c;
  transition: .3s ease-in-out;
}

/* .confirm .submit_btns .btn_detail.btn_next a {
	background-color: #cf1e1e;
	color: #fff;
	border: solid 1px #cf1e1e;
	transition: .3s ease-in-out;
}
.confirm .submit_btns .btn_detail.btn_next a:hover,
.confirm .submit_btns .btn_detail.btn_next a:focus {
	background-color: #fff;
	color: #cf1e1e;
	transition: .3s ease-in-out;
	text-decoration: none;
} */

@media screen and (max-width: 1280px) {

  .m-cartItemList .o-row-subItem .m-treeMenu .o-treeMenu .o-menuitem .o-plan-box>.o-plan-row span,
  .m-cartItemList .o-row-mainItem .m-treeMenu .o-treeMenu .o-menuitem .o-plan-box>.o-plan-row span {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 999px) {

  .m-cartItemList .o-row-subItem .m-treeMenu .o-treeMenu .o-menuitem .o-plan-box>.o-plan-row span,
  .m-cartItemList .o-row-mainItem .m-treeMenu .o-treeMenu .o-menuitem .o-plan-box>.o-plan-row span {
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 768px) {
  .m-headline {
    padding: 2.67vw;
  }

  .m-headline .o-title {
    font-size: 4.27vw;
    font-weight: 300;
  }

  .m-payment-method,
  .content_form,
  .m-customer-subinfo {
    padding: 2.67vw;
  }

  .m-payment-method .o-title,
  .m-customer-subinfo .o-title {
    min-height: auto;
    padding: 2.67vw;
    font-size: 3.7vw;
    font-weight: 300;
  }

  .m-headline .notice.tos-agreement-notice {
    font-size: 3.2vw;
  }

  .m-cartItemList .o-row-subItem .m-treeMenu .o-treeMenu .o-menuitem .o-plan-box>.o-plan-row span,
  .m-cartItemList .o-row-mainItem .m-treeMenu .o-treeMenu .o-menuitem .o-plan-box>.o-plan-row span {
    font-size: 1.2rem;
  }

  div.u-2cols-container.m-inputCustomerInfo>div.o-row {
    display: block;
    border-top: none;
  }

  .member .m-inputCustomerInfo.u-2cols-container .o-row,
  .member .m-confirmCustomerInfo.u-2cols-container .o-row {
    display: block;
    border-top: none;
  }

  .member .m-inputCustomerInfo.u-2cols-container .o-left,
  .member .m-confirmCustomerInfo.u-2cols-container .o-left {
    width: 100%;
    background-color: transparent;
    padding: 0;
  }

  div.u-2cols-container.m-inputCustomerInfo>div.o-row:last-of-type {
    border-bottom: none;
  }

  .member .m-inputCustomerInfo.u-2cols-container .o-row:last-child,
  .member .m-confirmCustomerInfo.u-2cols-container .o-row:last-child {
    border-bottom: none;
  }
}

@media screen and (max-width: 480px) {

  .m-cartItemList .o-row-subItem .m-treeMenu .o-treeMenu .o-menuitem .o-plan-box>.o-plan-row span,
  .m-cartItemList .o-row-mainItem .m-treeMenu .o-treeMenu .o-menuitem .o-plan-box>.o-plan-row span {
    font-size: 1.2rem;
  }
}

.member .cart_display_description .cart-caution {
  padding: 15px;
  background: rgba(207, 30, 30, 0.2);
  font-weight: 900;
}


/* =========================
 追加情報
========================= */
.member .l-cartListBox>div.content_form {
  border: 1px solid #dcdcdc;
}

.member .m-inputCustomerInfo.u-2cols-container.dispform {
  padding: 20px;
  border: 1px solid #dcdcdc;
  border-radius: 0;
}

.member .m-inputCustomerInfo.u-2cols-container.dispform h3,
.member .m-confirmCustomerInfo.u-2cols-container.dispform h3 {
  min-height: 56px;
  margin: 0 0 12px 0;
  padding: 14px 24px;
  background-color: #f5f5f5;
  font-size: 1.6rem;
  color: #333;
  font-weight: bold;
  border-radius: 0;
  text-align: left;
  display: none;
}

.member .m-inputCustomerInfo.u-2cols-container.dispform .o-row,
.member .m-confirmCustomerInfo.u-2cols-container.dispform .o-row {
  flex-wrap: wrap;
}

.member .m-inputCustomerInfo.u-2cols-container.dispform .o-row.mb10,
.member .m-confirmCustomerInfo.u-2cols-container.dispform .o-row.mb10 {
  border-top: none;
}

.member .m-inputCustomerInfo.u-2cols-container.dispform .o-row h4,
.member .m-confirmCustomerInfo.u-2cols-container.dispform .o-row h4 {
  width: 100%;
  margin: 0 0 8px;
  padding-bottom: 8px;
  font-size: 1.8rem;
}

.notmember input[type=radio]+.inputLabel:after,
.member input[type=radio]+.inputLabel:after {
  background-color: #cf1e1e;
}

@media only screen and (max-width: 768px) {
  .member .m-inputCustomerInfo.u-2cols-container.dispform {
    padding: 2.67vw;
  }

  .member .m-inputCustomerInfo.u-2cols-container.dispform h3,
  .member .m-confirmCustomerInfo.u-2cols-container.dispform h3 {
    min-height: auto;
    padding: 2.67vw;
    font-size: 3.7vw;
    font-weight: 300;
    display: none;
  }

  .member .m-inputCustomerInfo.u-2cols-container.dispform .o-row h4,
  .member .m-confirmCustomerInfo.u-2cols-container.dispform .o-row h4 {
    font-size: 4.27vw;
  }
}


/* =========================
 カレンダー
========================= */
.ui-widget-header {
  border: none;
  background: #193775;
  color: #fff;
}

.ui-widget-header .ui-icon {
  background-image: none;
  content: '';
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 10px;
  border-right: solid 1px #fff;
  border-bottom: solid 1px #fff;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: all .3s;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  border-right: solid 1px #fff;
  border-bottom: solid 1px #fff;
}

/* =========================
 注文完了
========================= */
.complete-number {
  margin: 30px auto;
  max-width: 100%;
  padding: 80px 10px;
  text-align: center;
  border: 1px solid #c8c8c8;
  font-size: 2.4rem;
  font-weight: 600;
}

@media screen and (max-width: 1280px) {
  .complete-number {
    padding: 40px 10px;
  }
}

@media screen and (max-width: 999px) {
  .complete-number {
    font-size: 2.1rem;
  }
}

@media screen and (max-width: 768px) {
  .complete-number {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 480px) {
  .complete-number {
    padding: 20px 10px;
    font-size: 1.6rem;
  }
}


/* =========================
 見積詳細
========================= */
.member .btn_detail.pdf,
.btn_detail.csv {
  max-width: 400px;
  width: 100%;
  height: 56px;
  margin: 0 0 20px 10px;
}

.member .btn_detail.pdf a,
.btn_detail.csv a {
  padding: 10px 30px 10px 50px;
  box-sizing: border-box;
  font-weight: 600;
  background: #fdd000 url(/image/icon-pdf-blue.svg) no-repeat 90px center;
  background-size: 32px 32px;
  color: #193775;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid #fdd000;
  transition: .3s ease-in-out;
  position: relative;
}

.member .btn_detail.pdf a:hover,
.btn_detail.csv a:hover {
  padding: 10px 30px 10px 50px;
  box-sizing: border-box;
  font-weight: 600;
  background-color: #fff;
  color: #193775;
  border: 1px solid #193775;
  transition: .3s ease-in-out;
}

.member .l-cartListBox .content_mypage .quote tr {
  border-top: 1px solid #c8c8c8;
}

.member .l-cartListBox .content_mypage .quote tr:last-child {
  border-bottom: 1px solid #c8c8c8;
}

.member .l-cartListBox .btn_detail.btn_next.btn_estimate_order a {
  background-color: #cf1e1e;
  color: #fff;
  border: solid 1px #cf1e1e;
  transition: .3s ease-in-out;
}

.member .l-cartListBox .btn_detail.btn_next.btn_estimate_order a:hover,
.member .l-cartListBox .btn_detail.btn_next.btn_estimate_order a:focus {
  background-color: #fff;
  color: #cf1e1e;
  transition: .3s ease-in-out;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {

  .member .btn_detail.pdf,
  .btn_detail.csv {
    height: auto;
    margin: 0 auto 20px;
    float: none;
  }

  .member .l-cartListBox .content_mypage .quote tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    border-top: none;
  }

  .member .l-cartListBox .content_mypage .quote tr th {
    width: 100%;
    border-top: 1px solid #c8c8c8;
    display: block;
  }

  .member .l-cartListBox .content_mypage .quote tr td {
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {

  .member .btn_detail.pdf,
  .btn_detail.csv {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }

  .member .btn_detail.pdf a,
  .btn_detail.csv a {
    max-width: 100%;
    margin: 0 auto 20px;
    background: #fdd000 url(/image/icon-pdf-blue.svg) no-repeat 20% center;
    background-size: 28px 28px;
  }

  .member .btn_detail.pdf a:hover,
  .btn_detail.csv a:hover {
    background: #fdd000 url(/image/icon-pdf-blue.svg) no-repeat 20% center;
    background-size: 28px 28px;
    border: 1px solid #fdd000;
  }
}

@media only screen and (max-width: 320px) {

  .member .btn_detail.pdf a,
  .btn_detail.csv a {
    background: #fdd000 url(/image/icon-pdf-blue.svg) no-repeat 17% center;
    background-size: 25px 25px;
  }

  .member .btn_detail.pdf a:hover,
  .btn_detail.csv a:hover {
    background: #fff url(/image/icon-pdf-blue.svg) no-repeat 17% center;
    background-size: 25px 25px;
  }
}


/* =========================
 見積完了
========================= */
.member .btn_detail.btn_pdf a {
  background: #fdd000 url(/image/icon-pdf-blue.svg) no-repeat 25px center;
  background-size: 32px;
  color: #193775;
  border: 1px solid #fdd000;
  text-decoration: none;
  transition: .3s ease-in-out;
}

.member .btn_detail.btn_pdf a:hover {
  background: #fff url(/image/icon-pdf-blue.svg) no-repeat 25px center;
  background-size: 32px;
  color: #193775;
  border: 1px solid #193775;
  text-decoration: none;
  transition: .3s ease-in-out;
}

.member.page_store_estimates_complete .btn_detail.btn_next.txts a {
  background-color: #cf1e1e;
  color: #fff;
  border: solid 1px #cf1e1e;
  transition: .3s ease-in-out;
}

.member.page_store_estimates_complete .btn_detail.btn_next.txts a:hover,
.member.page_store_estimates_complete .btn_detail.btn_next.txts a:focus {
  background-color: #fff;
  color: #cf1e1e;
  transition: .3s ease-in-out;
  text-decoration: none;
}


/* =========================
 追加情報の入力
========================= */
.member .l-cartListBox *+.form {
  margin-top: 20px;
}


/* =========================
 最終確認（ご注文手続き）
========================= */
.member .l-cartListBox .content_form .form {
  margin-bottom: 20px;
}

.member .l-cartListBox .content_form .form td {
  padding: 10px;
  background-color: #e0e0e0;
}

.member .l-cartListBox .content_form .form div {
  font-weight: bold;
}

@media only screen and (max-width: 480px) {
  .member .l-cartListBox .content_form .form td {
    display: list-item;
    list-style: none;
    width: 100%;
    font-size: 12px;
    color: #666;
  }
}


/* =========================
 最終確認（ご注文手続き）・利用規約
========================= */
.final_terms .terms-content {
  background: #fff;
  padding: 10px;
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
  border: 1px solid #ddd;
}

.member .l-cartListBox .terms-content h2 {
  padding-bottom: 5px;
  font-size: 1.8rem;
  font-weight: 600;
  border-bottom: 2px solid #e3e3e3;
}

.member .l-cartListBox .terms-content h3 {
  min-height: auto;
  font-size: 1.6rem;
  padding: 10px 10px 8px 10px;
  background: #f5f5f5;
  color: #333;
  font-weight: normal;
}

.member .l-cartListBox .terms-content h4 {
  padding-bottom: 5px;
  font-size: 1.6rem;
  font-weight: 400;
  border-bottom: 1px solid #e3e3e3;
}

.member .l-cartListBox .terms-content .table-of-contents {
  margin-bottom: 25px;
}

.member .l-cartListBox .terms-content .table-of-contents li+li {
  margin-top: 8px;
}

.member .l-cartListBox .terms-content .table-of-contents li>ul {
  margin: 5px 0 0 1em;
}

.member .l-cartListBox .terms-content .block-terms li {
  line-height: 1.5;
}

.member .l-cartListBox .terms-content .block-terms li+li {
  margin-top: 8px;
}

.member .l-cartListBox .terms-content .block-terms li>ul {
  margin: 5px 0 0 1em;
}

.member .l-cartListBox .terms-content .block-terms-table table tr {
  border-bottom: 1px solid #e3e3e3;
}

.member .l-cartListBox .terms-content .block-terms-table table {
  margin-bottom: 15px;
}

.member .l-cartListBox .terms-content .block-terms-table table tr:first-of-type td {
  background: #ddd;
}

.member .l-cartListBox .terms-content .block-terms-table table td {
  min-width: 200px;
}

@media only screen and (max-width: 768px) {

  .member .l-cartListBox .terms-content *+h2,
  .member .l-cartListBox .terms-content *+h3,
  .member .l-cartListBox .terms-content *+h4,
  .member .l-cartListBox .terms-content *+h5 {
    margin-top: 3vw;
  }

  .member .l-cartListBox .terms-content h2 {
    font-size: 1.6rem;
    line-height: 1.4;
  }

  .member .l-cartListBox .terms-content h3 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .member .l-cartListBox .terms-content h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .member .l-cartListBox .terms-content .block-terms li {
    font-size: 1.25rem;
  }

  .member .l-cartListBox .terms-content .block-terms-table {
    overflow: auto;
    overflow-y: hidden;
    border: 2px solid #eee;
  }

  .member .l-cartListBox .terms-content .block-terms-table table {
    width: 800px;
  }

  .member .l-cartListBox .terms-content .block-terms-table table td {
    font-size: 1.25rem;
  }
}


/*--------------------------------------------------------------
	会員登録申し込み完了画面・メール認証後登録完了画面のトップページに戻るを非表示にするようcss
--------------------------------------------------------------*/
.entries>.wrapper>.section_inner>.content.form>.submit_btns>.btn_prev {
  display: none;
}