@charset "UTF-8";
/*==========================================
  Common
==========================================*/
/* Noto Serif JP 用（明朝） */
/*cinzel*/
/* base
==================================*/
.sp {
  display: none !important;
}

.pc {
  display: block !important;
}

/***************************************
	1.base
***************************************/
/*元のスタイルをオーバーライド*/
h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 0;
  margin-bottom: 0;
  color: #011e33;
}

body {
  color: #011e33;
  font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  line-height: 1;
  letter-spacing: 0.03em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  font-size: 14px;
}

select {
  font-style: normal;
  font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  color: #011e33;
}

img {
  width: 100%;
}

/********************************************************************
	2.common
***************************************/
/*================================
	.ec-pageHeader
=================================*/
.ec-pageHeader {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
  margin-bottom: 60px;
  font-family: YakuHanMP, "Noto Serif JP", serif;
  color: #011e33;
  border-bottom: solid 1px #e4e9ee;
  width: 100%;
}

/*h1
-----------------------------*/
.ec-pageHeader h1 {
  font-size: 42px;
  text-align: center;
  border-top: none;
  border-bottom: none;
  margin: 0;
  padding: 0;
  font-weight: 500;
  line-height: 1;
  padding-bottom: 18px;
}

/*.en
-----------------------------*/
.ec-pageHeader .en {
  font-size: 16px;
  display: block;
  letter-spacing: 0.05em;
}

/*.add-size-text-container
-----------------------------*/
.ec-pageHeader .add-size-text-container {
  width: 156px;
  margin: 0 auto;
  margin-top: 24px;
  position: relative;
}

/*.add-size-text-container::after
-----------------------------*/
.ec-pageHeader .add-size-text-container::after {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  height: 1px;
  width: 156px;
  background-color: #000;
}

/*.add-size-text
-----------------------------*/
.ec-pageHeader .add-size-text-container .add-size-text {
  font-size: 16px;
  line-height: 1;
  display: block;
  display: inline-block;
  padding: 4px 16px;
  position: relative;
  z-index: 1;
  background-color: #fff;
}

/*================================
	.add-base-button-container
=================================*/
.add-base-button-container {
  margin-top: 40px;
  text-align: center;
}

/*.add-base-button-container.line-t
-----------------------------*/
.add-base-button-container.line-t {
  margin-top: 30px;
  padding-top: 72px;
  border-top: solid 1px #e4e9ee;
}

/*.add-base-button-wrap
-----------------------------*/
/*.add-text-button-container
-----------------------------*/
.add-base-button-container .add-text-button-container.pos-l .add-text-button {
  margin-top: 28px;
}

/*.add-base-button
-----------------------------*/
.add-base-button {
  background-color: #011e33;
  font-size: 16px;
  width: 330px;
  color: #fff;
  font-family: "YakuHanSerif", "Noto Serif JP";
  font-weight: 500;
  border: none;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 65px;
}

.add-base-button.js-button-off {
  opacity: 0.5;
  pointer-events: none;
}

/*.add-base-button
-----------------------------*/
.add-base-button.add-icon-arrow-r::after,
.add-base-button.add-icon-arrow-b::after {
  position: absolute;
  content: "";
  right: 28px;
  top: 24px;
  z-index: 1;
  width: 12px;
  height: 18px;
  background-image: url(/html/user_data/assets/img/morning/icon-arrow-b.svg);
  background-repeat: no-repeat;
  background-size: 12px 18px;
}

.add-base-button.add-icon-arrow-r::after {
  transform: rotate(-90deg);
}

.add-base-button.add-icon-arrow-b::after {
  transform: rotate(0);
}

.add-base-button.add-icon-arrow-l::after {
  position: absolute;
  content: "";
  left: 28px;
  top: 24px;
  z-index: 1;
  width: 12px;
  height: 18px;
  background-image: url(/html/user_data/assets/img/morning/icon-arrow-b.svg);
  background-repeat: no-repeat;
  background-size: 12px 18px;
}

.add-base-button.add-icon-arrow-l::after {
  transform: rotate(90deg);
}

/*.add-text-button
-----------------------------*/
.add-text-button {
  z-index: 1;
  display: inline-block;
  font-family: "YakuHanSerif", "Noto Serif JP";
  font-size: 14px;
  color: #011e33;
  padding-left: 16px;
  line-height: 1;
  border: none !important;
  background-color: transparent !important;
}

.add-text-button .add-icon-arrow {
  position: relative;
  display: inline-block;
  padding-left: 18px;
}

.add-text-button .add-icon-arrow::after {
  position: absolute;
  left: 0;
  top: 5px;
  content: "";
  width: 9px;
  height: 5px;
  background-image: url(/html/user_data/assets/img/common/icon-arrow-l.svg);
  background-repeat: no-repeat;
  background-size: 9px 5px;
}

/*================================
	.add-button
=================================*/
.add-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  font-family: YakuHanJP, "Noto Serif JP";
  font-weight: 700;
  width: 280px;
  height: 55px;
  font-size: 16px;
  color: #011e33;
  margin: 0 auto;
  position: relative;
}

/*.button::after
-----------------------------*/
.add-button::after {
  content: "";
  position: absolute;
  right: 16px;
  width: 18px;
  height: 9px;
  background-image: url(/html/user_data/assets/img/top/add-arrow-img.svg);
  background-repeat: no-repeat;
}

/*.ec-layoutRole__mainBottom
-----------------------------*/
.ec-layoutRole__mainBottom {
  display: none;
}

/*================================
	.breadcrumb-container
=================================*/
.breadcrumb-container {
  padding: 120px 100px 30px 100px;
  display: flex;
  justify-content: left;
  width: 100%;
  box-sizing: border-box;
}

/*.breadcrumb
---------------------------------*/
.breadcrumb-container .breadcrumb {
  display: flex;
  margin-bottom: 0;
}

/*li
---------------------------------*/
.breadcrumb-container .breadcrumb li {
  padding-right: 30px;
  font-size: 12px;
  position: relative;
  color: #011e33;
  font-family: YakuHanJP, "Noto Serif JP";
}

.breadcrumb-container .breadcrumb li::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 13px;
  width: 6px;
  height: 6px;
  border: 1px solid;
  border-color: #011e33 #011e33 transparent transparent;
  transform: rotate(45deg);
}

.breadcrumb-container .breadcrumb li:nth-last-child(1) {
  padding-right: 0;
}

.breadcrumb-container .breadcrumb li:nth-last-child(1)::after {
  content: none;
}

/*a
---------------------------------*/
.breadcrumb-container .breadcrumb li a {
  color: #011e33;
}

/*================================
.add-space
=================================*/
.add-space {
  height: 120px;
}

/*================================
	.ec-progress /shopping
	手続きの順番
=================================*/
.ec-progress {
  max-width: 572px;
  margin-bottom: 60px;
}

.ec-progress .ec-progress__label {
  font-size: 14px;
  font-weight: 500;
  color: #999;
}

.ec-progress .ec-progress__item:after {
  background-color: #E8E8E8;
  width: 100%;
  height: 2px;
  top: 25px;
}

.ec-progress .is-complete .ec-progress__label {
  color: #12365D;
}

.ec-progress .ec-progress__number {
  width: 52px;
  height: 52px;
  line-height: 52px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  background: #e4e9ee;
  margin-bottom: 5px;
  font-family: YakuHanJP, "Noto Serif JP";
}

.ec-progress .is-complete .ec-progress__number {
  background: #011e33;
  color: #fff;
}

.ec-cartNaviNull.is-active {
  display: none;
}

/***************************************************************/
/*.ec-layoutRole .ec-layoutRole__contents
---------------------------------*/
.ec-layoutRole .ec-layoutRole__contents {
  max-width: none;
}

/*.ec-layoutRole__mainWithColumn
---------------------------------*/
.ec-layoutRole .ec-layoutRole__mainWithColumn {
  width: 100%;
}

/********************************************************************
	3.ログイン
***************************************/
.ec-login {
  width: 100%;
  max-width: 570px;
  margin: 0 auto;
  padding: 0;
  background: none;
}

.ec-login .ec-login__icon {
  display: none;
}

.ec-login .ec-icon {
  margin-bottom: 20px;
  line-height: 1;
}

.ec-login .ec-icon img {
  width: 90px;
  height: 90px;
  max-width: 90px;
  max-height: 90px;
}

.ec-login .ec-login__input {
  margin-bottom: 60px;
}

.ec-login .ec-login__input .ec-input input {
  width: 100%;
  height: 60px;
  border: 1px solid #F5F5F5;
  background: #F5F5F5;
  padding: 0 20px;
  font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
  color: #000;
  border-radius: 0;
  margin-bottom: 20px;
}

.ec-login .ec-login__input .ec-checkbox {
  text-align: center;
  margin-top: 40px;
}

.ec-checkbox label {
  margin-bottom: 0;
}

.form-check {
  padding-left: 0;
  min-height: 30px;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}

.form-check input {
  float: none;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
}

.form-check label {
  padding-left: 50px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  position: relative;
  cursor: pointer;
}

.form-check label:before {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  content: "";
  background: #F5F5F5;
}

.form-check label:after {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  content: "";
  background: url(/html/user_data/assets/img/common/icon_checkbox_checked.svg) center center no-repeat #F5F5F5;
  background-size: 17.32px auto;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.form-check input[type=checkbox]:checked + label:after {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.form-check .ec-link {
  text-decoration: underline;
  color: #011e33;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}

.ec-login .ec-grid2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.ec-login .ec-grid2 .ec-grid2__cell {
  width: 100%;
  max-width: 355px;
}

.ec-login .ec-grid2 .ec-grid2__cell + .ec-grid2__cell {
  margin-top: 34px;
}

.ec-blockBtn--action {
  font-weight: normal;
  border: 0;
  font-size: 18px;
  letter-spacing: 0;
  border-radius: 0;
  background: url(/html/user_data/assets/img/common/icon_arrow_left_white.svg) right 20px center no-repeat #011e33;
  background-size: 10px auto;
  display: block;
  width: 100%;
  height: 64px;
  line-height: 62px;
  padding: 0;
  font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #fff;
  transition: all 0.3s ease;
  border: 0;
}

.ec-blockBtn--action:hover,
.ec-blockBtn--action:focus,
.ec-blockBtn--action:active {
  background: url(/html/user_data/assets/img/common/icon_arrow_left_white.svg) right 10px center no-repeat #011e33;
  background-size: 11px auto;
  transition: all 0.3s ease;
  color: #fff;
}

.ec-blockBtn--action:focus,
.ec-blockBtn--action.focus,
.ec-blockBtn--action:active:focus,
.ec-blockBtn--action:active.focus,
.ec-blockBtn--action.active:focus,
.ec-blockBtn--action.active.focus {
  outline: 0;
  outline-offset: 0;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.ec-login .ec-blockBtn--action {
  background: #011e33;
}

.ec-login .ec-blockBtn--action:hover {
  background: #011e33;
}

.ec-login .ec-login__link {
  margin: 0;
  text-align: center;
}

.ec-login .ec-login__link + .ec-login__link {
  margin-top: 15px;
}

.ec-login .ec-login__link a {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
  color: #011e33;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}

.add-header-space {
  width: 100%;
  height: 70px;
}

#page_mypage_login .password-text {
  padding-top: 40px;
  text-align: center;
}

#page_mypage_login .ec-off2Grid {
  display: block;
}

#page_mypage_login .ec-off2Grid__cell {
  width: auto !important;
}

#page_mypage_login .ec-off2Grid .ec-off2Grid__cell {
  position: inherit;
  min-height: 0;
  margin-left: 0;
}

#page_mypage_login .ec-login {
  width: 100%;
  max-width: 570px;
  margin: 0 auto;
  padding: 0;
  background: none;
}

/*================================
	.ec-layoutRole__header
=================================*/
.ec-layoutRole__header {
  position: fixed !important;
  z-index: 9998;
  left: 0;
  top: 0;
  height: 70px;
  width: 100%;
  background-color: #0c224a;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

/*.logo-container
---------------------------------*/
.ec-layoutRole__header .add-logo-container {
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  width: 148px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(-45deg, #0a0926, #0b2a55);
}

/*.logo-container
---------------------------------*/
.ec-layoutRole__header .add-logo-container img {
  left: 0;
  width: 100px;
  height: 69px;
}

/*.ec-headerNaviRole
---------------------------------*/
.ec-layoutRole__header .ec-headerNaviRole {
  padding-bottom: 0;
  max-width: none;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0;
}

@media screen and (min-width: 1100px) {
  .ec-layoutRole__header .ec-headerNaviRole {
    padding-left: 100px;
    padding-right: 100px;
  }
}
/*.ec-headerRole__navSP
---------------------------------*/
.ec-headerRole__navSP {
  display: none !important;
}

/*.ec-headerNaviRole__left
---------------------------------*/
.ec-headerNaviRole .ec-headerNaviRole__left {
  display: none;
}

/*.ec-headerNaviRole__searc
---------------------------------*/
.ec-layoutRole__header .ec-headerNaviRole__left .ec-headerNaviRole__search {
  display: none;
}

/*.ec-headerNaviRole__right
---------------------------------*/
.ec-layoutRole__header .ec-headerNaviRole__right {
  margin-left: auto;
  width: auto;
}

/*.ec-headerNav
---------------------------------*/
.ec-headerNav:nth-last-child(1) {
  margin-right: 0;
}

/*.ec-headerNav__item a
---------------------------------*/
.ec-headerNav .ec-headerNav__item a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/*.ec-headerNav__itemLink
---------------------------------*/
.ec-headerNav .ec-headerNav__item a .ec-headerNav__itemLink {
  color: #fff;
  font-size: 10px;
  width: 100%;
  text-align: center;
  margin-right: 0;
}

/*.ec-headerNav__itemIcon
---------------------------------*/
.ec-headerNav .ec-headerNav__itemIcon {
  display: inline-block;
  margin-right: 0 !important;
  margin-left: 0 !important;
  font-size: 22px;
  margin-bottom: 3px;
  color: #fff;
}

/*.ec-headerRole__cart
---------------------------------*/
/*.ec-blockTopBtn.pagetop
---------------------------------*/
.ec-blockTopBtn.pagetop {
  display: none !important;
}

.ec-headerRole__cart {
  margin-left: 10px;
}

.ec-cartNavi {
  display: inline-block;
  justify-content: space-between;
  border-radius: 0;
  box-sizing: border-box;
  padding: 0;
  width: auto;
  min-width: 0 !important;
  height: auto;
  white-space: nowrap;
  cursor: pointer;
  background: transparent;
}

.ec-cartNavi .ec-cartNavi__badg {
  display: none;
}

.ec-cartNavi .ec-cartNavi__icon {
  position: relative;
  top: -2px;
}

.ec-cartNavi__icon.fa-shopping-cart::before {
  color: #fff;
  position: relative;
  top: 7px;
  font-size: 1px;
}

.ec-cartNavi .ec-cartNavi__price {
  font-size: 10px !important;
  color: #fff !important;
  line-height: 1;
  position: relative;
  top: -4px;
}

.ec-headerNav__item {
  width: 60px;
}

.fa-user.fa-fw {
  width: 19px;
  height: 17px;
}

.fa-user:before {
  content: "";
  width: 19px;
  height: 17px;
  background-image: url(/html/user_data/assets/img/common/icon-member.svg);
  background-position: center;
  background-size: cover;
  font-size: 1px;
  display: block;
  position: relative;
  left: 4px;
}

.fa-lock.fa-fw {
  width: 19px;
  height: 17px;
}

.fa-lock:before {
  content: "";
  width: 19px;
  height: 17px;
  background-image: url(/html/user_data/assets/img/common/icon-login.svg);
  background-position: center;
  background-size: cover;
  font-size: 1px;
  display: block;
  position: relative;
  top: -1px;
}

.add-h-icon-logout {
  width: 19px;
  height: 17px;
}

.add-h-icon-logout:before {
  content: "";
  width: 19px;
  height: 17px;
  background-image: url(/html/user_data/assets/img/common/icon-logout.svg);
  background-position: center;
  background-size: cover;
  font-size: 1px;
  display: block;
  position: relative;
  top: -1px;
}

.add-h-icon-mypage {
  width: 19px;
  height: 17px;
}

.add-h-icon-mypage:before {
  content: "";
  width: 19px;
  height: 17px;
  background-image: url(/html/user_data/assets/img/common/icon-mypage.svg);
  background-position: center;
  background-size: cover;
  font-size: 1px;
  display: block;
  position: relative;
  top: -1px;
}

.ec-cartNavi {
  position: relative;
}

.ec-cartNavi.ec-cartNavi__icon {
  top: 6px;
  font-size: 1px;
}

.fa-shopping-cart:before {
  content: "";
  width: 22px;
  height: 21px;
  background-image: url(/html/user_data/assets/img/common/icon-cart.svg);
  background-position: center;
  background-size: cover;
  font-size: 1px;
  display: block;
  top: 15px;
}

.ec-cartNavi .ec-cartNavi__badge {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 17px !important;
  top: -1px !important;
  width: 17px;
  height: 17px;
}

.ec-cartNavi .ec-cartNavi__badge .add-pos {
  position: relative;
  left: 1px;
}

.ec-cartNaviIsset {
  display: none !important;
}

/*================================
	.add-header-nav-menu-container
=================================*/
/*.add-header-nav-menu-container
---------------------------------*/
/*.add-header-nav-menu-container{}*/
.add-header-nav-menu-container {
  margin-right: 12px;
}

@media screen and (min-width: 1280px) {
  .add-header-nav-menu-container {
    margin-right: 32px;
  }
}
/*.add-header-nav-menu
---------------------------------*/
.add-header-nav-menu-container .add-header-nav-menu {
  display: flex;
  margin-left: 8px;
}

/*.add-item a
---------------------------------*/
.add-header-nav-menu-container .add-header-nav-menu .add-item a {
  color: #fff;
  padding: 0 8px;
  border-right: solid 1px #59636f;
  line-height: 1;
  font-family: YakuHanJP, "Noto Serif JP";
  font-size: 12px;
}

.add-header-nav-menu-container .add-header-nav-menu .add-item:nth-last-child(1) a {
  border-right: none;
}

@media screen and (min-width: 980px) {
  .add-header-nav-menu-container .add-header-nav-menu .add-item a {
    font-size: 14px;
  }
}
@media screen and (min-width: 1280px) {
  .add-header-nav-menu-container .add-header-nav-menu .add-item a {
    font-size: 16px;
    padding: 0 16px;
  }
}
/*================================
	.ec-layoutRole__main
=================================*/
.ec-layoutRole__main {
  display: block; /*IE対策*/
}

/*=================================
	.ec-layoutRole__footer
=================================*/
.ec-layoutRole__footer {
  width: 100%;
  background-image: url(/html/user_data/assets/img/top/add-footer-img-bg.jpg);
  background-position: center;
  background-size: cover;
}

/*.add-inner
---------------------------------*/
.ec-layoutRole__footer .add-footer-inner {
  padding: 70px 40px 0 40px;
  margin: 0 auto;
}

@media screen and (min-width: 1280px) {
  .ec-layoutRole__footer .add-footer-inner {
    padding: 70px 100px 0 100px;
  }
}
/*.add-contact-container
---------------------------------*/
.ec-layoutRole__footer .add-contact-container {
  padding-bottom: 68px;
  margin-bottom: 72px;
  border-bottom: solid 1px #4d7592;
}

/*.add-title
---------------------------------*/
.ec-layoutRole__footer .add-contact-container .add-title {
  text-align: center;
  color: #fff;
  font-size: 28px;
  font-family: YakuHanJP, "Noto Serif JP";
  padding-bottom: 32px;
}

/*.add-content-wrap
---------------------------------*/
@media screen and (min-width: 980px) {
  .ec-layoutRole__footer .add-contact-container .add-content-wrap {
    display: flex;
    justify-content: center;
  }
}
/*.add-tel-area
---------------------------------------------------------------------*/
.ec-layoutRole__footer .add-contact-container .add-content-wrap .add-tel-area {
  padding-bottom: 38px;
}

@media screen and (min-width: 980px) {
  .ec-layoutRole__footer .add-contact-container .add-content-wrap .add-tel-area {
    width: 540px;
    padding-bottom: 0;
  }
}
/*.add-text
---------------------------------*/
.ec-layoutRole__footer .add-contact-container .add-content-wrap .add-tel-area .add-text {
  font-size: 16px;
  color: #fff;
  padding-bottom: 8px;
  text-align: center;
}

@media screen and (min-width: 980px) {
  .ec-layoutRole__footer .add-contact-container .add-content-wrap .add-tel-area .add-text {
    padding-bottom: 16px;
    padding-left: 87px;
    text-align: left;
  }
}
/*.add-tel-text
---------------------------------*/
.ec-layoutRole__footer .add-contact-container .add-content-wrap .add-tel-area .add-tel-text {
  font-size: 70px;
  font-family: YakuHanJP, "Noto Serif JP";
  color: #fff;
  position: relative;
  text-align: center;
}

/*.icon-tel
---------------------------------*/
.ec-layoutRole__footer .add-contact-container .add-content-wrap .add-tel-area .add-tel-text .icon-tel {
  display: inline-block;
  background-image: url(/html/user_data/assets/img/top/icon-tel.svg);
  background-repeat: no-repeat;
  background-size: 54px 54px;
  background-position: left calc(50% + 4px);
  padding-left: 64px;
  color: #fff;
}

/*.add-button-area
---------------------------------*/
.ec-layoutRole__footer .add-contact-container .add-content-wrap .add-button-area {
  display: flex;
  justify-items: end;
  align-items: flex-end;
}

@media screen and (min-width: 980px) {
  .ec-layoutRole__footer .add-contact-container .add-content-wrap .add-button-area {
    width: 300px;
  }
}
/*.add-button
---------------------------------*/
.ec-layoutRole__footer .add-contact-container .add-content-wrap .add-button-area .add-button {
  width: 300px;
  height: 66px;
}

/*======================================
	.add-footer-menu-container
=======================================*/
/*.add-footer-menu-container{}*/
/*.add-content-wrap
---------------------------------*/
@media screen and (min-width: 980px) {
  .add-footer-menu-container .add-content-wrap {
    display: flex;
  }
}
/*--------------------------------
	add-logo-container
---------------------------------*/
.add-footer-menu-container .add-content-wrap .add-logo-container {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 48px;
}

@media screen and (min-width: 980px) {
  .add-footer-menu-container .add-content-wrap .add-logo-container {
    width: 50%;
    justify-content: left;
    margin-bottom: 0;
  }
}
/*.add-logo-area
---------------------------------*/
.add-footer-menu-container .add-content-wrap .add-logo-container .add-logo-area {
  width: 126px;
  box-sizing: border-box;
  margin-right: 32px;
}

/*.add-address-container
---------------------------------*/
/*.add-footer-menu-container .add-content-wrap .add-logo-container .add-address-container{}*/
/*.add-text
---------------------------------*/
.add-footer-menu-container .add-content-wrap .add-logo-container .add-address-container .add-text {
  color: #fff;
  font-size: 14px;
  line-height: 1.7;
}

/*.add-text a
---------------------------------*/
.add-footer-menu-container .add-content-wrap .add-logo-container .add-address-container .add-text a {
  color: #fff;
}

/*--------------------------------
	.add-menu-container
---------------------------------*/
.add-footer-menu-container .add-content-wrap .add-menu-container {
  width: 100%;
  padding-bottom: 48px;
}

@media screen and (min-width: 980px) {
  .add-footer-menu-container .add-content-wrap .add-menu-container {
    width: 50%;
    padding-bottom: 0;
  }
}
/*.add-menu-lists
---------------------------------*/
.add-footer-menu-container .add-content-wrap .add-menu-container .add-menu-lists {
  display: flex;
  width: 100%;
  margin-bottom: 30px;
}

@media screen and (min-width: 980px) {
  .add-footer-menu-container .add-content-wrap .add-menu-container .add-menu-lists {
    margin-bottom: 0;
  }
}
/*.add-menu-lists:nth-last-child(1)
---------------------------------*/
.add-footer-menu-container .add-content-wrap .add-menu-container .add-menu-lists:nth-last-child(1) {
  margin-bottom: 0;
}

@media screen and (min-width: 980px) {
  .add-footer-menu-container .add-content-wrap .add-menu-container .add-menu-lists {
    display: flex;
    justify-content: right;
    margin-bottom: 30px;
  }
}
/*.add-item
---------------------------------*/
.add-footer-menu-container .add-content-wrap .add-menu-container .add-menu-lists .add-item {
  width: 33%;
  text-align: center;
}

@media screen and (min-width: 980px) {
  .add-footer-menu-container .add-content-wrap .add-menu-container .add-menu-lists .add-item {
    margin-left: 0;
    width: auto;
    text-align: right;
    margin-right: 20px;
  }
}
/*.add-item
---------------------------------*/
.add-footer-menu-container .add-content-wrap .add-menu-container .add-menu-lists .add-item a {
  font-size: 16px;
  color: #fff;
  line-height: 1;
}

/*--------------------------------
	.offer-text-container
---------------------------------*/
.ec-layoutRole__footer .add-offer-container {
  text-align: center;
  padding-bottom: 50px;
}

@media screen and (min-width: 980px) {
  .ec-layoutRole__footer .add-offer-container {
    font-size: 14px;
    text-align: right;
  }
}
/*.add-offer-text
---------------------------------*/
.ec-layoutRole__footer .add-offer-container .add-offer-text {
  color: #fff;
}

.ec-layoutRole__footer .add-offer-container .add-offer-text a {
  color: #fff;
  font-size: 12px;
  line-height: 1;
  opacity: 1;
}

/*--------------------------------
	offer-text-container
---------------------------------*/
.ec-layoutRole__footer .add-others-container {
  background-color: #011e33;
  padding: 24px 40px;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .ec-layoutRole__footer .add-others-container {
    padding: 24px 100px;
  }
}
/*.add-copy-area
---------------------------------*/
.ec-layoutRole__footer .add-others-container .add-copy-area {
  background-color: #011e33;
  width: 25%;
}

/*.add-copy-text
---------------------------------*/
.ec-layoutRole__footer .add-others-container .add-copy-area .add-copy-text {
  text-align: left;
  color: #fff;
  font-size: 12px;
  line-height: 1;
}

/*.add-menu-area
---------------------------------*/
.ec-layoutRole__footer .add-others-container .add-menu-area {
  width: 75%;
}

/*.add-others-lists
---------------------------------*/
.ec-layoutRole__footer .add-others-container .add-menu-area .add-others-lists {
  display: flex;
  justify-content: right;
  align-items: center;
}

/*.add-item
---------------------------------*/
.ec-layoutRole__footer .add-others-container .add-menu-area .add-others-lists .add-item {
  margin-left: 20px;
  color: #fff;
}

@media screen and (min-width: 980px) {
  .ec-layoutRole__footer .add-others-container .add-menu-area .add-others-lists .add-item {
    margin-left: 30px;
  }
}
/*.add-item a
---------------------------------*/
.ec-layoutRole__footer .add-others-container .add-menu-area .add-others-lists .add-item a {
  color: #fff;
  font-size: 12px;
  line-height: 1;
}

@media screen and (min-width: 940px) {
  .ec-layoutRole__footer .add-others-container .add-menu-area .add-others-lists .add-item a {
    font-size: 14px;
  }
}
/********************************************************************
	4.topページ
***************************************/
#page_homepage .ec-layoutRole__mainBottom {
  display: block !important;
}

/*======================================
	.add-visual-container
=======================================*/
.add-visual-container {
  width: 100%;
  height: 700px;
  background-image: url(/html/user_data/assets/img/top/add-visual-content-bg-tablet.jpg);
  background-size: 100%;
  background-size: contain;
  position: relative;
  background-position: center 40%;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (min-width: 940px) {
  .add-visual-container {
    background-image: url(/html/user_data/assets/img/top/add-visual-content-bg.jpg);
    background-size: cover;
    background-position: center;
    height: 440px;
  }
}
/*.add-visual-container::after{
---------------------------------*/
.add-visual-container::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 400px;
  background: #3A1C00;
  background: linear-gradient(0deg, rgb(58, 28, 0) 24%, rgba(58, 28, 0, 0) 89%);
}

@media screen and (min-width: 940px) {
  .add-visual-container::after {
    display: none;
  }
}
/*.add-inner
---------------------------------*/
@media screen and (min-width: 940px) {
  .add-visual-container .add-inner {
    padding: 70px 40px 0 0;
  }
}
@media screen and (min-width: 1280px) {
  .add-visual-container .add-inner {
    padding: 70px 80px 0 0;
  }
}
/*.add-text-container
---------------------------------*/
.add-visual-container .add-text-container {
  position: relative;
  z-index: 1;
  text-align: center;
  width: 90%;
  margin: 0 auto;
  padding-top: 370px;
}

@media screen and (min-width: 940px) {
  .add-visual-container .add-text-container {
    padding-top: 0;
    width: 672px;
    margin: 0;
    margin-left: auto;
  }
}
/*--------------------------------
	.add-title-area
---------------------------------*/
.add-visual-container .add-title-area {
  padding-bottom: 32px;
}

/*.add-title
---------------------------------*/
.add-visual-container .add-text-container .add-title {
  line-height: 1.5;
  color: #fff;
  padding-bottom: 18px;
  margin-bottom: 18px;
  position: relative;
}

.add-visual-container .add-text-container .add-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(90deg, transparent, #ffffff 50%, transparent);
}

/*.add-title-small
---------------------------------*/
.add-visual-container .add-title-area .add-title-small {
  display: block;
  font-size: 18px;
  line-height: 1;
  padding-bottom: 16px;
  color: #ddc176;
}

@media screen and (min-width: 1280px) {
  .add-visual-container .add-title-area .add-title-small {
    font-size: 22px;
  }
}
/*.add-title-big
---------------------------------*/
.add-visual-container .add-title-area .add-title-big {
  display: block;
  font-family: YakuHanJP, "Noto Serif JP";
  line-height: 1;
  letter-spacing: -0.03em;
  font-size: 48px;
}

@media screen and (min-width: 1280px) {
  .add-visual-container .add-title-area .add-title-big {
    font-size: 54px;
  }
}
/*.add-text
---------------------------------*/
.add-visual-container .add-title-area .add-text {
  font-size: 20px;
  font-family: YakuHanJP, "Noto Serif JP";
  color: #fff;
}

/*.add-lists-area
---------------------------------*/
.add-visual-container .add-text-container .add-lists-area {
  text-align: center;
  padding: 32px;
  background-color: rgba(235, 211, 147, 0.2);
}

/*.add-lists-top
---------------------------------*/
.add-visual-container .add-text-container .add-lists-top {
  display: inline-flex;
  gap: 20px;
  padding-bottom: 16px;
}

.add-visual-container .add-text-container .add-lists-top .add-item {
  font-size: 18px;
  font-family: YakuHanJP, "Noto Serif JP";
  color: #fff;
  position: relative;
}

/*.add-lists-bottom
---------------------------------*/
.add-visual-container .add-text-container .add-lists-bottom {
  display: inline-flex;
  gap: 20px;
}

.add-visual-container .add-text-container .add-lists-bottom .add-item {
  font-size: 18px;
  font-family: YakuHanJP, "Noto Serif JP";
  color: #fff;
}

/*.icon
---------------------------------*/
.add-visual-container .add-text-container .add-lists-area .icon {
  line-height: 1;
  padding-left: 18px;
  position: relative;
}

.add-visual-container .add-text-container .add-lists-area .icon::after {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 9px;
  height: 9px;
  background-image: linear-gradient(45deg, #fbfccf, #b59229 50%, #e3d29f);
  transform: rotate(45deg);
}

/*======================================
	.add-section-size-content
=======================================*/
.add-size-section {
  width: 100%;
  background-image: url(/html/user_data/assets/img/top/add-size-content-bg.jpg);
  background-position: center;
  background-size: cover;
  box-sizing: border-box;
  padding: 80px 0 90px 0;
  overflow: hidden;
}

/*.add-inner
-----------------------------*/
.add-size-section .add-inner {
  padding: 0 40px;
}

@media screen and (min-width: 980px) {
  .add-size-section .add-inner {
    padding: 0 40px 0 100px;
  }
}
/*.add-size-content-container
-----------------------------*/
/*----------------------------
.add-text-area
-----------------------------*/
.add-size-section .add-size-container .add-text-area {
  width: 66.3846153846%;
  box-sizing: border-box;
  position: relative;
}

@media screen and (min-width: 1280px) {
  .add-size-section .add-size-container .add-text-area {
    padding-right: 4.9230769231%;
  }
}
/*.add-text-title
----------------------*/
.add-size-section .add-size-container .add-title-area .add-title {
  position: relative;
  font-size: 60px;
  line-height: 1.3;
  font-family: YakuHanJP, "Noto Serif JP";
  font-weight: 500;
  padding-bottom: 20px;
}

@media screen and (min-width: 1280px) {
  .add-size-section .add-size-container .add-title-area .add-title {
    font-size: 70px;
  }
}
/*.f-color
----------------------*/
.add-size-section .add-size-container .add-title-area .add-f-color {
  color: #c4ab45;
}

/*.add-title-img
----------------------*/
.add-size-section .add-size-container .add-title-area .add-title-img {
  padding-bottom: 14px;
  display: block;
  width: 660px;
  line-height: 1;
}

@media screen and (min-width: 1280px) {
  .add-size-section .add-size-container .add-title-area .add-title-img {
    width: 768px;
  }
}
/*.add-title-area img
----------------------*/
.add-size-section .add-size-container .add-title-area .add-title-area img {
  width: 140px !important;
}

/*.add-size-content
----------------------*/
.add-size-section .add-size-container .add-size-content {
  display: flex;
}

/*.add-text
----------------------*/
.add-size-section .add-size-container .add-size-content .add-text-area .add-text {
  font-size: 16px;
  line-height: 2;
  color: #011e33;
  padding-bottom: 40px;
}

/*.add-figure
----------------------*/
.add-size-section .add-size-container .add-size-content .add-text-area .add-figure {
  font-size: 16px;
  line-height: 2;
  color: #011e33;
}

/*.add-photo-area
----------------------*/
.add-size-section .add-size-container .add-size-content .add-photo-area {
  width: 33.6153846154%;
  position: relative;
}

/*.add-photo
----------------------*/
.add-size-section .add-size-container .add-size-content .add-photo-area .add-photo {
  position: absolute;
  right: -40px;
  top: -70px;
  width: 100%;
}

@media screen and (min-width: 980px) {
  .add-size-section .add-size-container .add-size-content .add-photo-area .add-photo {
    top: -210px;
  }
}
@media screen and (min-width: 1280px) {
  .add-size-section .add-size-container .add-size-content .add-photo-area .add-photo {
    top: -280px;
  }
}
/*======================================
	.add-rentals-content
=======================================*/
.add-full-section {
  background-color: #f6f8fe;
}

/*----------------------------
.add-rentals-deco
-----------------------------*/
/*.add-full-section .add-rentals-deco{}*/
/*----------------------------
.add-inner
-----------------------------*/
.add-full-section .add-inner {
  padding: 0 40px 80px 40px;
}

/*----------------------------
.add-title-container
-----------------------------*/
.add-full-section .add-title-container {
  text-align: center;
  padding-bottom: 40px;
}

/*.add-title
-----------------------------*/
.add-full-section .add-title-container .add-title {
  font-family: YakuHanMP, "Noto Serif JP";
  color: #011e33;
  padding-bottom: 16px;
}

/*.add-title-small
-----------------------------*/
.add-full-section .add-title-container .add-title-small {
  font-size: 30px;
  display: block;
  font-weight: 400;
  line-height: 1;
}

@media screen and (min-width: 1280px) {
  .add-full-section .add-title-container .add-title-small {
    font-size: 34px;
  }
}
/*.add-title-big
-----------------------------*/
.add-full-section .add-title-container .add-title-big {
  display: block;
  font-size: 63px;
  font-weight: 500;
  line-height: 1.3;
}

@media screen and (min-width: 1280px) {
  .add-full-section .add-title-container .add-title-big {
    font-size: 70px;
  }
}
/*.add-f-color
-----------------------------*/
.add-full-section .add-title-container .add-f-color {
  color: #c4ab45;
}

/*.add-text
-----------------------------*/
.add-full-section .add-title-container .add-text {
  font-size: 16px;
  line-height: 2;
}

/*----------------------------
.add-title-container
-----------------------------*/
@media screen and (min-width: 980px) {
  .add-full-section .add-rentals-lists-container {
    display: flex;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  }
}
/*.add-rentals-lists
-----------------------------*/
.add-full-section .add-rentals-lists-container .add-rentals-lists {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px 0;
  margin-bottom: 16px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 980px) {
  .add-full-section .add-rentals-lists-container .add-rentals-lists {
    gap: 0;
    box-shadow: none;
    margin-bottom: 0;
  }
}
.add-full-section .add-rentals-lists-container .add-rentals-lists:nth-child(1) {
  border-right: solid 1px #d9d9d9;
}

/*.add-item
-----------------------------*/
.add-full-section .add-rentals-lists-container .add-rentals-lists .add-item {
  box-sizing: border-box;
}

.add-full-section .add-rentals-lists-container .add-rentals-lists .add-item:nth-child(1) {
  border-left: none;
}

@media screen and (min-width: 980px) {
  .add-full-section .add-rentals-lists-container .add-rentals-lists .add-item {
    box-shadow: none;
  }
}
.add-full-section .add-rentals-lists-container .add-rentals-lists .add-item .add-photo-area {
  border-left: solid 1px #d9d9d9;
}

/*.add-text-area
-----------------------------*/
.add-full-section .add-rentals-lists-container .add-rentals-lists .add-text-area {
  text-align: center;
  padding: 20px 0;
  background-color: #e6e6e6;
  box-sizing: border-box;
  border-left: solid 1px #d9d9d9;
}

/*.add-text
-----------------------------*/
.add-full-section .add-rentals-lists-container .add-rentals-lists .add-text {
  font-size: 18px;
  font-weight: 700;
  color: #011e33;
}

/*======================================
	.add-best-section
=======================================*/
.add-best-section {
  position: relative;
  background-image: url(/html/user_data/assets/img/top/add-best-content-bg.jpg);
  background-position: center;
  background-size: cover;
}

/*----------------------------
.add-inner
-----------------------------*/
.add-best-section .add-inner {
  padding: 80px 40px 50px 40px;
}

/*----------------------------
.add-title-container
-----------------------------*/
.add-best-section .add-title-container {
  padding-bottom: 40px;
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 880px) {
  .add-best-section .add-title-container {
    text-align: center;
  }
}
/*.add-title
-----------------------------*/
.add-best-section .add-title-container .add-title {
  font-family: YakuHanJP, "Noto Serif JP";
  color: #011e33;
  padding-bottom: 24px;
}

/*.add-title-small
-----------------------------*/
.add-best-section .add-title-container .add-title-small {
  font-size: 34px;
  display: block;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  margin-bottom: 12px;
}

/*.add-title-big
-----------------------------*/
.add-best-section .add-title-container .add-title-big {
  display: block;
  font-size: 70px;
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
}

/*.add-f-color
-----------------------------*/
.add-best-section .add-title-container .add-f-color {
  color: #c4ab45;
}

/*.add-text
-----------------------------*/
.add-best-section .add-title-container .add-text {
  font-size: 16px;
  line-height: 2;
  color: #fff;
}

/*.add-best-photo-left
-----------------------------*/
.add-best-section .add-best-photo-left {
  position: absolute;
  left: 15px;
  top: -30px;
  width: 20vw;
  height: 27.2727272727vw;
  justify-content: space-between;
  display: none;
}

@media screen and (min-width: 880px) {
  .add-best-section .add-best-photo-left {
    display: flex;
  }
}
@media screen and (min-width: 1280px) {
  .add-best-section .add-best-photo-left {
    left: 70px;
    width: 252px;
    height: 343px;
  }
}
/*.photo-left
-----------------------------*/
.add-best-section .add-best-photo-left .add-photo-left {
  width: 10vw;
  height: 18.2954545455vw;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}

@media screen and (min-width: 880px) {
  .add-best-section .add-best-photo-left .add-photo-left {
    display: block;
  }
}
@media screen and (min-width: 1280px) {
  .add-best-section .add-best-photo-left .add-photo-left {
    width: 126px;
    height: 230px;
  }
}
/*.add-photo-right
-----------------------------*/
.add-best-section .add-best-photo-left .add-photo-right {
  width: 10vw;
  height: 18.2954545455vw;
  margin-top: auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

@media screen and (min-width: 1280px) {
  .add-best-section .add-best-photo-left .add-photo-right {
    display: block;
    width: 126px;
    height: 230px;
  }
}
/*.add-best-photo-right
-----------------------------*/
.add-best-section .add-best-photo-right {
  position: absolute;
  right: 0;
  bottom: 0;
  overflow: hidden;
  width: 258px;
  height: 465px;
}

@media screen and (min-width: 1280px) {
  .add-best-section .add-best-photo-right {
    display: block;
    right: 100px;
  }
}
/*======================================
	.add-rental-section
=======================================*/
/*.add-rental-section{}*/
/*.add-rental-container
-----------------------------*/
@media screen and (min-width: 880px) {
  .add-rental-section .add-rental-container {
    display: flex;
  }
}
/*.add-title-area
-----------------------------*/
.add-rental-section .add-rental-container .add-title-area {
  text-align: center;
  margin-left: auto;
  width: 71%;
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 1280px) {
  .add-rental-section .add-rental-container .add-title-area {
    width: 372px;
  }
}
/*.add-title
-----------------------------*/
.add-rental-section .add-rental-container .add-title-area .add-title {
  padding: 30px 0 24px 0;
  margin-bottom: 16px;
  border-bottom: 1px solid #fff;
  background-image: url(/html/user_data/assets/img/top/add-title-deco.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 1200px 14px;
}

/*.jp
-----------------------------*/
.add-rental-section .add-rental-container .add-title-area .jp {
  display: block;
  font-size: 54px;
  line-height: 1;
  font-family: YakuHanJP, "Noto Serif JP";
  padding-bottom: 16px;
  letter-spacing: -0.05em;
  color: #fff;
}

@media screen and (min-width: 880px) {
  .add-rental-section .add-rental-container .add-title-area .jp {
    font-size: 48px;
  }
}
@media screen and (min-width: 1180px) {
  .add-rental-section .add-rental-container .add-title-area .jp {
    font-size: 70px;
  }
}
/*.en
-----------------------------*/
.add-rental-section .add-rental-container .add-title-area .en {
  display: block;
  font-size: 18px;
  color: #d1b25d;
  font-family: "Cinzel", serif;
  font-weight: 500;
}

.add-rental-section .add-rental-container .add-title-area .en.tome-color {
  color: #fbe1af;
}

/*.add-text
-----------------------------*/
.add-rental-section .add-rental-container .add-text {
  font-size: 20px;
  font-family: YakuHanJP, "Noto Serif JP";
  line-height: 1.5;
  color: #fff;
  padding-bottom: 30px;
}

@media screen and (min-width: 880px) {
  .add-rental-section .add-rental-container .add-text {
    font-size: 14px;
  }
}
@media screen and (min-width: 1180px) {
  .add-rental-section .add-rental-container .add-text {
    font-size: 20px;
  }
}
/*.add-rental-man
-----------------------------*/
.add-rental-section .add-rental-container .add-rental-man {
  width: 100%;
  box-sizing: border-box;
  padding: 40px;
  background-image: url(/html/user_data/assets/img/top/add-rental-bg-man.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 1280px) {
  .add-rental-section .add-rental-container .add-rental-man {
    padding: 74px 36px;
  }
}
/*.add-rental-man .add-man-img
-----------------------------*/
.add-rental-section .add-rental-container .add-rental-man .add-man-img {
  position: absolute;
  left: 60px;
  top: 24px;
  width: 170px;
}

@media screen and (min-width: 880px) {
  .add-rental-section .add-rental-container .add-rental-man .add-man-img {
    left: -20px;
  }
}
@media screen and (min-width: 1180px) {
  .add-rental-section .add-rental-container .add-rental-man .add-man-img {
    left: 20px;
  }
}
@media screen and (min-width: 1280px) {
  .add-rental-section .add-rental-container .add-rental-man .add-man-img {
    width: 226px;
  }
}
/*.add-rental-woman
-----------------------------*/
.add-rental-section .add-rental-container .add-rental-woman {
  width: 100%;
  box-sizing: border-box;
  padding: 40px;
  background-image: url(/html/user_data/assets/img/top/add-rental-bg-woman.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 1280px) {
  .add-rental-section .add-rental-container .add-rental-woman {
    padding: 74px 36px;
  }
}
/*.add-rental-woman .add-woman-img
-----------------------------*/
.add-rental-section .add-rental-container .add-rental-woman .add-woman-img {
  position: absolute;
  left: 60px;
  top: 24px;
  width: 180px;
}

@media screen and (min-width: 880px) {
  .add-rental-section .add-rental-container .add-rental-woman .add-woman-img {
    left: 15px;
  }
}
@media screen and (min-width: 1180px) {
  .add-rental-section .add-rental-container .add-rental-woman .add-woman-img {
    left: 30px;
  }
}
@media screen and (min-width: 1280px) {
  .add-rental-section .add-rental-container .add-rental-woman .add-woman-img {
    width: 226px;
  }
}
/*.add-rental-br
-----------------------------*/
.add-rental-section .add-rental-container .add-rental-text-br {
  display: none;
}

@media screen and (min-width: 880px) {
  .add-rental-section .add-rental-container .add-rental-text-br {
    display: block;
  }
}
/*======================================
	.add-service-section
=======================================*/
/*.add-service-lists
-----------------------------*/
.add-service-section .add-service-lists-container .add-service-lists {
  background-color: #f6f8fe;
  padding: 40px;
}

@media screen and (min-width: 880px) {
  .add-service-section .add-service-lists-container .add-service-lists {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 0;
  }
}
/*.add-service-lists
-----------------------------*/
.add-service-section .add-service-lists-container .add-item {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: solid 1px #d9d9d9;
}

@media screen and (min-width: 880px) {
  .add-service-section .add-service-lists-container .add-item {
    text-align: center;
    display: block;
    border-right: solid 1px #d9d9d9;
    border-bottom: none;
    padding: 60px 40px;
    margin-bottom: 0;
  }
}
/*.add-item:nth-last-child(1)
-----------------------------*/
.add-service-section .add-service-lists-container .add-item:nth-last-child(1) {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

@media screen and (min-width: 880px) {
  .add-service-section .add-service-lists-container .add-item:nth-last-child(1) {
    border-right: none;
  }
}
/*.add-photo-area
-----------------------------*/
@media screen and (min-width: 880px) {
  .add-service-section .add-service-lists-container .add-photo-area {
    padding-bottom: 20px;
  }
}
/*.add-photo
-----------------------------*/
.add-service-section .add-service-lists-container .add-photo {
  width: 120px;
}

@media screen and (min-width: 880px) {
  .add-service-section .add-service-lists-container .add-photo {
    margin: 0 auto;
    width: 100px;
  }
}
/*.add-text-area
-----------------------------*/
.add-service-section .add-service-lists-container .add-text-area {
  width: calc(100% - 120px);
  padding-left: 24px;
}

@media screen and (min-width: 880px) {
  .add-service-section .add-service-lists-container .add-text-area {
    width: auto;
    padding-left: 0;
  }
}
/*.add-title
-----------------------------*/
.add-service-section .add-service-lists-container .add-title {
  font-size: 26px;
  padding-bottom: 12px;
  font-family: YakuHanJP, "Noto Serif JP";
  color: #011e33;
  font-weight: 600;
}

@media screen and (min-width: 880px) {
  .add-service-section .add-service-lists-container .add-title {
    font-size: 24px;
    line-height: 1.4;
    padding-bottom: 24px;
  }
}
@media screen and (min-width: 1280px) {
  .add-service-section .add-service-lists-container .add-title {
    font-size: 30px;
  }
}
/*.add-title
-----------------------------*/
.add-service-section .add-service-lists-container .add-text {
  font-size: 16px;
  line-height: 1.8;
  color: #011e33;
  font-family: YakuHanJP, "Noto Serif JP";
  font-weight: 500;
}

/*.service-text-br
-----------------------------*/
.add-service-section .add-service-text-br {
  display: none;
}

@media screen and (min-width: 880px) {
  .add-service-section .add-service-text-br {
    display: block;
  }
}
/*======================================
	.add-news-section
=======================================*/
/*.add-inner
-----------------------------*/
.add-news-section .add-inner {
  padding: 90px 40px;
}

@media screen and (min-width: 1200px) {
  .add-news-section .add-inner {
    padding: 90px 250px;
  }
}
/*.news-title-container
-----------------------------*/
.add-news-section .news-title-container {
  text-align: center;
  padding-bottom: 50px;
}

/*.jp
-----------------------------*/
.add-news-section .news-title .jp {
  text-align: center;
  display: block;
  font-size: 36px;
  font-family: YakuHanJP, "Noto Serif JP";
}

/*.en
-----------------------------*/
.add-news-section .news-title .en {
  text-align: center;
  display: block;
  font-size: 16px;
  padding-top: 8px;
  font-family: YakuHanJP, "Noto Serif JP";
}

/*.ec-newsRole
-----------------------------*/
.ec-newsRole {
  padding: 0;
}

/*.ec-newsRole__news
-----------------------------*/
.ec-newsRole .ec-newsRole__news {
  border: none;
  padding: 0;
}

/*.ec-newsRole__newsItem
-----------------------------*/
.ec-newsRole .ec-newsRole__newsItem {
  margin: 0;
  padding: 0;
  line-height: 1;
  min-width: auto;
  border-bottom: solid 1px #e4e9ee;
}

/*.ec-newsRole__newsHeading
-----------------------------*/
.ec-newsRole .ec-newsRole__newsHeading {
  min-width: 0;
  padding: 32px 50px;
  border-top: none;
}

/*.ec-newsRole__newsDate
-----------------------------*/
.ec-newsRole .ec-newsRole__newsDate {
  min-width: auto;
  width: 120px;
  font-size: 16px;
  color: #011e33;
  font-weight: 500;
}

/*.ec-newsRole__newsDate
-----------------------------*/
.ec-newsRole .ec-newsRole__newsItem:not(:last-of-type) {
  border-top: solid 1px #e4e9ee;
  border-bottom: solid 1px #e4e9ee;
}

/*.ec-newsRole__newsColumn
-----------------------------*/
.ec-newsRole .ec-newsRole__newsColumn {
  width: calc(100% - 120px);
  min-width: 0;
}

/*.ec-newsRole__newsTitle
-----------------------------*/
.ec-newsRole .ec-newsRole__newsTitle {
  line-height: 1;
  font-size: 16px;
  color: #011e33;
  font-weight: 500;
}

/*.ec-newsRole__newsDescription
-----------------------------*/
.ec-newsRole .ec-newsRole__newsDescription {
  margin: 0 !important;
}

/*.add-newsRole__wrap
-----------------------------*/
.ec-newsRole .ec-newsRole__newsDescription .add-newsRole__wrap {
  font-size: 16px;
  padding: 0 50px 32px 50px !important;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/*.ec-newsRole .ec-newsRole__newsHeading
-----------------------------*/
.ec-newsRole .ec-newsRole__newsHeading {
  position: relative;
}

/*.ec-newsRole .ec-newsRole__newsHeading::before
-----------------------------*/
.ec-newsRole .ec-newsRole__newsHeading::before {
  content: "";
  position: absolute;
  top: calc(50% - 6px);
  right: 20px;
  width: 18px;
  height: 9px;
  background-image: url(/html/user_data/assets/img/top/add-arrow-img.svg);
  background-repeat: no-repeat;
}

/********************************************************************
	5.新規会員登録 /entry/
***************************************/
/*.ec-registerRole
-----------------------------*/
.ec-registerRole {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
}

/*.ec-registerRole__actions
-----------------------------*/
.ec-registerRole .ec-registerRole__actions {
  margin-top: 70px;
  padding-top: 0;
}

/*.ec-off4Grid
-----------------------------*/
.ec-registerRole__actions .ec-off4Grid {
  margin-top: 50px;
}

/*.ec-off4Grid__cell
-----------------------------*/
.ec-registerRole__actions .ec-off4Grid .ec-off4Grid__cell {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
  width: 100%;
  margin: 0;
}

/* .ec-blockBtn--action
	 .ec-blockBtn--cancel
-----------------------------*/
.ec-registerRole__actions .ec-blockBtn--action,
.ec-registerRole__actions .ec-blockBtn--cancel {
  max-width: 275px;
  margin: 0 5px;
}

/********************************************************************
	6.ご利用ガイド /guide
***************************************/
/*----------------------------
	.add-guide-title-container
-----------------------------*/
.add-guide-title-container {
  padding-bottom: 12px;
  margin-bottom: 34px;
  border-bottom: solid 1px #e4e9ee;
  position: relative;
}

/*.add-guide-title-container::after
-----------------------------*/
.add-guide-title-container::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  content: "";
  width: 100px;
  height: 1px;
  background-color: #011e33;
}

/*.add-guide-main-title
-----------------------------*/
.add-guide-main-title {
  font-size: 28px;
  font-family: YakuHanJP, "Noto Serif JP";
}

/*==============================
	.add-guide-anchor-section
==============================*/
/*.add-inner
-----------------------------*/
.add-guide-anchor-section .add-inner {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: content-box;
}

/*----------------------------
.add-guide-anchor-container
-----------------------------*/
.add-guide-anchor-container {
  padding-bottom: 110px;
}

/*.add-guide-anchor-lists
-----------------------------*/
.add-guide-anchor-container .add-guide-anchor-lists {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: 16px;
}

@media screen and (min-width: 1080px) {
  .add-guide-anchor-container .add-guide-anchor-lists {
    grid-template-columns: repeat(4, 1fr);
  }
}
/*.item
-----------------------------*/
.add-guide-anchor-container .add-guide-anchor-lists .item {
  background-color: #f2f2f2;
  text-align: center;
  position: relative;
  transition: all 0.3s ease;
}

/*.item::after{
-----------------------------*/
.add-guide-anchor-container .add-guide-anchor-lists .item::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 18px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #011e33;
  border-left: 1px solid #011e33;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

/*a
-----------------------------*/
.add-guide-anchor-container .add-guide-anchor-lists .item a {
  padding: 14px 0;
  display: block;
  color: #011e33;
  font-family: YakuHanJP, "Noto Serif JP";
  font-weight: 500;
}

.add-guide-anchor-container .add-guide-anchor-lists .item:hover {
  background-color: #f6f4e5;
}

/*==============================
	.anchor-mark
==============================*/
.anchor-mark {
  position: relative;
}

.set-anchor {
  position: absolute;
  left: 0;
  top: -20px;
  width: 1px;
  height: 1px;
}

/*==============================
	.add-guide-rental-section
==============================*/
.add-guide-rental-section {
  padding-bottom: 54px;
}

/*.add-inner
-----------------------------*/
.add-guide-rental-section .add-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: content-box;
}

/*----------------------------
.add-guide-rental-lists
-----------------------------*/
.add-guide-rental-section .add-guide-rental-lists {
  display: grid;
  gap: 16px;
}

@media screen and (min-width: 980px) {
  .add-guide-rental-section .add-guide-rental-lists {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
/*.add-item
-----------------------------*/
.add-guide-rental-section .add-guide-rental-lists .add-item {
  box-sizing: border-box;
  padding: 42px 30px;
  position: relative;
  border: solid 1px #e4e9ee;
  display: flex;
  position: relative;
}

/*----------------------------
	.add-photo-area
-----------------------------*/
.add-guide-rental-section .add-guide-rental-lists .add-photo-area {
  width: 145px;
}

/*.add-photo
-----------------------------*/
.add-guide-rental-section .add-guide-rental-lists .add-photo-area .add-photo {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*.add-photo
-----------------------------*/
.add-guide-rental-section .add-guide-rental-lists .add-photo-area .add-photo img {
  width: 110px;
}

/*----------------------------
	.add-text-area
-----------------------------*/
.add-guide-rental-section .add-guide-rental-lists .add-text-area {
  width: calc(100% - 145px);
  box-sizing: border-box;
  padding-left: 20px;
}

/*.add-add-title
-----------------------------*/
.add-guide-rental-section .add-guide-rental-lists .add-title {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 16px;
  color: #011e33;
}

/*.add-add-text
-----------------------------*/
.add-guide-rental-section .add-guide-rental-lists .add-text {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
  color: #011e33;
}

.add-guide-rental-section .add-guide-rental-lists .add-text a {
  color: #011e33;
  text-decoration: underline;
  text-underline-offset: 4px;
  display: inline;
}

/*.add-add-text
-----------------------------*/
.add-guide-rental-section .add-guide-rental-lists .add-icon-num {
  width: 40px;
  height: 40px;
  background-color: #f6f4e5;
  position: absolute;
  font-size: 18px;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*.add-lists
-----------------------------*/
.add-guide-rental-section .add-guide-rental-lists .add-lists {
  padding-left: 0;
  margin-bottom: 0;
  padding-top: 8px;
}

/*.add-lists li
-----------------------------*/
.add-guide-rental-section .add-guide-rental-lists .add-lists li {
  font-size: 14px;
  line-height: 1.6;
  color: #011e33;
  list-style: none;
  font-weight: 400;
  position: relative;
  padding-left: 22px;
}

.add-guide-rental-section .add-guide-rental-lists .add-lists li::after {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

/*==============================
	.add-guide-schedule-section
==============================*/
.add-guide-schedule-section {
  padding-bottom: 54px;
}

/*.add-inner
-----------------------------*/
.add-guide-schedule-section .add-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: content-box;
}

/*.add-guide-schedule-figure
-----------------------------*/
.add-guide-schedule-section .add-guide-figure-container {
  padding-bottom: 74px;
}

/*.add-guide-figure{
-----------------------------*/
.add-guide-schedule-section .add-guide-figure {
  max-width: 960px;
  margin: 0 auto;
}

/*.add-guide-schedule-frame
-----------------------------*/
.add-guide-schedule-section .add-guide-schedule-frame {
  border: solid 1px #e4e9ee;
  padding: 5px;
}

/*.add-frame-inner
-----------------------------*/
.add-guide-schedule-section .add-guide-schedule-frame .add-frame-inner {
  border: solid 1px #e4e9ee;
  padding: 40px;
}

@media screen and (min-width: 980px) {
  .add-guide-schedule-section .add-guide-schedule-frame .add-frame-inner {
    border: solid 1px #e4e9ee;
    padding: 50px 86px;
  }
}
/*.add-guide-frame-title
-----------------------------*/
.add-guide-schedule-section .add-guide-schedule-frame .add-guide-frame-title {
  text-align: center;
  padding-bottom: 28px;
  margin-left: -22px;
}

/*.add-guide-frame-title .title
-----------------------------*/
.add-guide-schedule-section .add-guide-schedule-frame .add-guide-frame-title .title {
  font-size: 28px;
  color: #011e33;
  font-family: YakuHanJP, "Noto Serif JP";
  font-weight: 500;
  padding-left: 14px;
}

/*.add-guide-frame-title .icon
-----------------------------*/
.add-guide-schedule-section .add-guide-schedule-frame .add-guide-frame-title .icon {
  font-size: 12px;
  background-color: #011e33;
  color: #fff;
  line-height: 1;
  border-radius: 80px;
  position: relative;
  top: -4px;
  width: 57px;
  height: 57px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/*.add-guide-frame-title .icon
-----------------------------*/
.add-guide-schedule-section .add-guide-schedule-frame .add-guide-frame-title .icon .add-pos {
  letter-spacing: -0.05em;
  display: inline-block;
}

/*.add-sub-text
-----------------------------*/
.add-guide-schedule-section .add-guide-schedule-frame .add-sub-text {
  font-size: 20px;
  color: #011e33;
  text-align: center;
  padding-bottom: 18px;
  font-weight: 500;
}

/*.add-text
-----------------------------*/
.add-guide-schedule-section .add-guide-schedule-frame .add-text {
  font-size: 16px;
  line-height: 1.8;
  color: #011e33;
  text-align: left;
  font-weight: 400;
  padding-bottom: 24px;
}

/*.add-price-lists
-----------------------------*/
.add-guide-schedule-section .add-price-lists {
  display: flex;
  width: 280px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  text-align: center;
  padding-left: 0;
}

/*.dt
-----------------------------*/
.add-guide-schedule-section .add-price-lists dt {
  width: 140px;
  background-color: #e4e9ee;
  padding: 10px 0;
  line-height: 1;
  font-size: 16px;
}

/*.dd
-----------------------------*/
.add-guide-schedule-section .add-price-lists dd {
  width: 140px;
  padding: 10px 0;
  line-height: 1;
  margin-bottom: 0;
  font-size: 16px;
}

/*==============================
	.add-guide-others-section
==============================*/
.add-guide-others-section {
  padding-bottom: 54px;
}

.add-guide-others-section:nth-last-of-type(1) {
  padding-bottom: 0;
}

/*.add-inner
-----------------------------*/
.add-guide-others-section .add-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: content-box;
}

/*.add-guide-sub-title
-----------------------------*/
.add-guide-others-section .add-guide-lists {
  padding-left: 0;
}

/*li
-----------------------------*/
.add-guide-others-section .add-guide-lists li {
  font-size: 16px;
  line-height: 1.8;
  color: #011e33;
  list-style-type: none;
  position: relative;
  padding-left: 14px;
  font-weight: 400;
}

.add-guide-others-section .add-guide-lists li a {
  display: inline-block;
  color: #011e33 !important;
  opacity: 1;
}

.add-guide-others-section .add-guide-lists li a:hover {
  color: #011e33 !important;
  opacity: 1;
}

/*li::after
-----------------------------*/
.add-guide-others-section .add-guide-lists li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  width: 4px;
  height: 4px;
  background-color: #011e33;
  border-radius: 8px;
}

/*.add-guide-sub-title
-----------------------------*/
.add-guide-others-section .add-guide-sub-title {
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 16px;
}

/*.add-guide-sub-title:nth-last-of-type(1)
-----------------------------*/
.add-guide-others-section .add-guide-sub-title:nth-last-of-type(1) {
  padding-top: 16px;
}

/*.add-guide-card-img
-----------------------------*/
.add-guide-others-section .add-guide-card-img {
  width: 375px;
  padding: 18px 0;
}

/********************************************************************
	7.フォームの設定
***************************************/
/*----------------------------
	.ec-halfInput
-----------------------------*/
.ec-halfInput {
  display: flex;
  gap: 10px;
}

/*.ec-halfInput__item
-----------------------------*/
.ec-halfInput .ec-halfInput__item {
  width: 50%;
}

/********************************************************************
	8.新規会員登録(pc)
***************************************/
.ec-input input,
.ec-birth input,
.ec-select input,
.ec-halfInput input,
.ec-numberInput input,
.ec-zipInput input,
.ec-telInput input {
  margin-bottom: 10px;
}

.ec-input input,
.ec-birth input,
.ec-select input,
.ec-halfInput input,
.ec-numberInput input,
.ec-zipInput input,
.ec-telInput input {
  display: block;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  background: #F5F5F5;
  border: 1px solid #F5F5F5;
  border-radius: 0;
  -webkit-appearance: none;
}

.ec-input textarea {
  display: block;
  width: 100%;
  resize: none;
  height: 200px;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  background: #F5F5F5;
  border: 1px solid #F5F5F5;
  border-radius: 0;
  -webkit-appearance: none;
}

.ec-select {
  margin-bottom: 10px;
}

.ec-input select,
.ec-birth select,
.ec-select select,
.ec-halfInput select,
.ec-numberInput select,
.ec-zipInput select,
.ec-telInput select {
  display: block;
  width: 100%;
  height: 60px;
  padding: 0 40px 0 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  background: url(/html/user_data/assets/img/common/icon_select.svg) right 20px center no-repeat #F5F5F5;
  background-size: 9.76px auto;
  border: 1px solid #F5F5F5;
  border-radius: 0;
  -webkit-appearance: none;
}

.ec-input .ec-errorMessage,
.ec-birth .ec-errorMessage,
.ec-select .ec-errorMessage,
.ec-halfInput .ec-errorMessage,
.ec-numberInput .ec-errorMessage,
.ec-zipInput .ec-errorMessage,
.ec-telInput .ec-errorMessage {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #cc0000;
  width: 100%;
}

.ec-checkbox .ec-errorMessage,
.ec-radio .ec-errorMessage {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #cc0000;
  width: 100%;
}

.ec-required {
  font-size: 14px;
  line-height: 1.5;
  color: #BB0000;
  display: inline-flex;
  align-items: center;
  margin-left: 1em;
}

.ec-required:before {
  content: "＊";
  font-size: 14px;
  line-height: 1.5;
  color: #BB0000;
  display: block;
}

.ec-off1Grid .ec-off1Grid__cell {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: border-box;
}

/*.border-none
-----------------------------*/
.ec-borderedDefs.border-none {
  border: none;
}

.ec-borderedDefs dl.border-none {
  border: none;
}

.ec-borderedDefs dt .ec-label {
  margin: 0;
  font-weight: 500;
}

/*.ec-borderedDefs dd 
-----------------------------*/
.ec-borderedDefs dd {
  margin-bottom: 0;
  line-height: 1.5;
  width: 75%;
  color: #000;
}

/*.ec-halfInput
-----------------------------*/
.ec-halfInput {
  display: flex;
  justify-content: space-between;
}

/*.ec-halfInput__item
-----------------------------*/
.ec-halfInput .ec-halfInput__item {
  width: 49.31%;
}

/*.ec-halfInput input[type=text]
-----------------------------*/
.ec-halfInput input[type=text] {
  margin-left: 0;
  width: 100%;
}

/*.ec-zipInput
-----------------------------*/
.ec-zipInput {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

/*.ec-zipInputHelp span
-----------------------------*/
.ec-zipInputHelp span {
  margin-left: 0;
  display: block;
  color: #fff;
  vertical-align: 0;
  font-family: YakuHanJP, "Noto Serif JP";
}

/*.ec-zipInput > span
--------------------------*/
.ec-zipInput > span {
  display: block;
  width: 28px;
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}

/*.ec-zipInput input
--------------------------*/
.ec-zipInput input {
  max-width: calc(49.31% - 28px);
  margin-bottom: 0;
}

/*.ec-zipInputHelp
--------------------------*/
.ec-zipInputHelp {
  display: block;
  margin-left: 1.74%;
  margin-bottom: 0;
  line-height: 0;
  width: 100%;
  max-width: 180px;
}

/*.ec-zipInputHelp .ec-zipInputHelp__icon
--------------------------*/
.ec-zipInputHelp .ec-zipInputHelp__icon {
  display: none;
}

/*.ec-zipInputHelp a
--------------------------*/
.ec-zipInputHelp a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  background: #011e33;
  border: 1px solid #011e33;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: normal;
}

/*.ec-zipInputHelp a:hover
--------------------------*/
.ec-zipInputHelp a:hover {
  background: #fff;
  color: #12365D;
}

/*.ec-zipInputHelp a:hover span
--------------------------*/
.ec-zipInputHelp a:hover span {
  color: #12365D;
}

/*.ec-select select
--------------------------*/
.ec-select select {
  max-width: 210px;
}

/*.ec-telInput input
--------------------------*/
.ec-telInput input {
  max-width: 100%;
  width: 49.13%;
}

/*.ec-notesList
--------------------------*/
.ec-notesList {
  padding: 0;
  list-style: none;
  margin-bottom: 16px;
}

/*.ec-notesList li 
--------------------------*/
.ec-notesList li {
  font-size: 14px;
  line-height: 1.5;
  color: #000;
  padding-left: 1.3em;
  text-indent: -1.3em;
  list-style: none;
  color: #808080;
}

/*.ec-colorRed
--------------------------*/
.ec-colorRed {
  color: #cc0000;
}

/*.ec-registerRole__actions
--------------------------*/
.ec-registerRole .ec-registerRole__actions {
  margin-top: 70px;
  padding-top: 0;
}

/*.ec-off4Grid
--------------------------*/
.ec-registerRole__actions .ec-off4Grid {
  margin-top: 50px;
}

/*.ec-off4Grid
--------------------------*/
.ec-registerRole__actions .ec-off4Grid .ec-off4Grid__cell {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
  width: 100%;
  margin: 0;
}

/*.ec-blockBtn--cancel
--------------------------*/
.ec-blockBtn--cancel {
  font-weight: normal;
  border: 0;
  font-size: 18px;
  letter-spacing: 0;
  border-radius: 0;
  color: #011e33;
  background: url(/html/user_data/assets/img/common/icon_arrow_right_black.svg) 20px center no-repeat #f2f2f2;
  background-size: 10px auto;
  display: block;
  width: 100%;
  height: 64px;
  line-height: 62px;
  padding: 0;
  transition: all 0.3s ease;
  border: 0;
}

/*.add-button-color-change
--------------------------*/
.ec-blockBtn--cancel.add-button-color-change {
  background-color: #12365D;
  color: #fff;
}

/*.hover
--------------------------*/
.ec-blockBtn--cancel:hover,
.ec-blockBtn--cancel:focus,
.ec-blockBtn--cancel:active {
  color: #000;
  background: url(/html/user_data/assets/img/common/icon_arrow_right_black.svg) 10px center no-repeat #e5e5e5;
  background-size: 11px auto;
  transition: all 0.3s ease;
  outline: 0;
}

/*.hover
--------------------------*/
.ec-blockBtn--cancel:focus,
.ec-blockBtn--cancel.focus,
.ec-blockBtn--cancel:active:focus,
.ec-blockBtn--cancel:active.focus,
.ec-blockBtn--cancel.active:focus,
.ec-blockBtn--cancel.active.focus {
  outline: 0;
  outline-offset: 0;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

/*.hover
--------------------------*/
.ec-registerRole__actions .ec-blockBtn--action,
.ec-registerRole__actions .ec-blockBtn--cancel {
  max-width: 275px;
  margin: 0 5px;
}

/*.ec-para-normal
--------------------------*/
/*.ec-borderedDefs.ec-confirm dt
--------------------------*/
.ec-borderedDefs.ec-confirm dt {
  padding: 17px 10px 17px 20px;
}

/*.ec-borderedDefs.ec-confirm dd
--------------------------*/
.ec-borderedDefs.ec-confirm dd {
  font-size: 18px;
  padding: 17px 10px 17px 20px;
}

/*.ec-registerCompleteRole
--------------------------*/
.ec-registerCompleteRole,
.ec-contactCompleteRole {
  font-size: 16px;
  line-height: 1.5;
  color: #000;
}

/*#page_shopping_complete .ec-reportHeading h2
--------------------------*/
#page_shopping_complete .ec-reportHeading h2 {
  font-size: 32px;
  font-weight: 700;
}

/*#page_shopping_complete .ec-off3Grid__cell
------------------------------------------------------------------*/
#page_shopping_complete .ec-off3Grid .ec-off3Grid__cell {
  margin-left: 0;
  width: 100%;
}

/*#page_entry_complete .ec-off3Grid .ec-off3Grid__cel
新規会員登録(仮登録完了)
--------------------------*/
#page_entry_complete .ec-off3Grid .ec-off3Grid__cell {
  width: 100%;
  margin-left: 0;
}

/*#page_entry_activate .ec-reportHeading h2
--------------------------*/
#page_entry_activate .ec-reportHeading h2 {
  font-weight: 500;
}

/*---------------------------------
	新規会員登録(確認)
---------------------------------*/
/*.ec-off1Grid__cell .add-text
--------------------------*/
.ec-off1Grid__cell .add-text {
  margin-bottom: 16px;
}

.ec-borderedDefs.add-line dl {
  padding: 30px 0;
}

.ec-borderedDefs.add-line dl dt {
  padding-top: 0 !important;
}

/*---------------------------------
	新規会員登録(完了)
---------------------------------*/
/*.ec-layoutRole__main .ec-role
--------------------------*/
.ec-layoutRole__main .ec-role {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
}

/*.ec-reportDescription
--------------------------*/
.ec-off3Grid__cell .ec-reportDescription {
  line-height: 2;
}

/********************************************************************
	9.マイページ(pc)
***************************************/
/*.ec-mypageRole
--------------------------*/
.ec-mypageRole {
  max-width: 1200px;
  padding: 0 20px;
  line-height: 1.5;
  color: #000;
}

/*.ec-pageHeader h1
--------------------------*/
/*.ec-navlistRole
--------------------------*/
.ec-navlistRole {
  max-width: 960px;
  margin: 0 auto;
}

/*.ec-para-normal
--------------------------*/
.ec-mypageRole .ec-para-normal {
  text-align: center;
  max-width: 960px;
  margin: 0 auto 24px auto;
}

/*.ec-navlistRole__navlist
--------------------------*/
.ec-navlistRole .ec-navlistRole__navlist {
  border-color: #D9D9D9;
  margin-bottom: 35px;
}

/*.ec-navlistRole__item
--------------------------*/
.ec-navlistRole .ec-navlistRole__item {
  width: 100%;
  border-color: #D9D9D9;
  font-weight: 500;
  margin: 0 auto;
}

/*.ec-navlistRole__item
--------------------------*/
.ec-navlistRole .ec-navlistRole__item a {
  margin: auto;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: #000;
  font-family: YakuHanSerif, "Noto Serif JP";
  transition: all 0.3s ease;
}

/*a:hover
--------------------------*/
.ec-navlistRole .ec-navlistRole__item a:hover {
  color: #011e33;
  background-color: #f6f4e5;
}

/*.ec-navlistRole .active a
--------------------------*/
.ec-navlistRole .active a {
  color: #011e33;
  background-color: #f6f4e5;
}

/*.ec-welcomeMsg
--------------------------*/
.ec-welcomeMsg {
  max-width: 1000px;
  padding: 0;
  margin: 0 auto;
  border: 0;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  letter-spacing: 0;
  margin-top: 60px;
  margin-bottom: 60px;
}

/*.ec-withdrawRole,
.ec-withdrawConfirmRole
--------------------------*/
.ec-withdrawRole,
.ec-withdrawConfirmRole {
  max-width: 1240px;
  padding: 0 20px;
  line-height: 1.5;
  letter-spacing: 0;
  color: #000;
  margin: 0 auto;
}

.ec-withdrawRole .ec-off3Grid .ec-off3Grid__cell,
.ec-withdrawConfirmRole .ec-off3Grid .ec-off3Grid__cell,
.ec-withdrawCompleteRole .ec-off3Grid .ec-off3Grid__cell {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}

.ec-withdrawRole .ec-withdrawRole__icon,
.ec-withdrawConfirmRole .ec-withdrawConfirmRole__icon {
  text-align: center;
  margin-bottom: 52px;
}

.ec-withdrawRole .ec-withdrawRole__title,
.ec-withdrawConfirmRole .ec-withdrawConfirmRole__title {
  margin-bottom: 40px;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
}

.ec-withdrawRole .ec-withdrawRole__description,
.ec-withdrawConfirmRole .ec-withdrawConfirmRole__description,
.ec-withdrawCompleteRole .ec-reportDescription {
  line-height: 1.8;
  font-size: 16px;
  margin-bottom: 35px;
  text-align: center;
}

.ec-withdrawRole .ec-off4Grid .ec-off4Grid__cell,
.ec-withdrawConfirmRole .ec-off4Grid .ec-off4Grid__cell,
.ec-withdrawCompleteRole .ec-off4Grid .ec-off4Grid__cell {
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.ec-withdrawRole .ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--cancel,
.ec-withdrawConfirmRole .ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--cancel,
.ec-withdrawCompleteRole .ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--cancel {
  background-image: none;
  max-width: 275px;
  margin: 0 5px;
}

.ec-withdrawConfirmRole .ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--action {
  background-image: none;
  max-width: 275px;
  margin: 0 5px;
}

/*.ec-favoriteRole .ec-favoriteRole__header
--------------------------*/
.ec-favoriteRole .ec-favoriteRole__header {
  max-width: 930px;
  margin: 0 auto;
  text-align: center;
}

/*.add-off3Grid__cell-image-container
--------------------------*/
.add-off3Grid__cell-image-container {
  margin-bottom: 12px;
  text-align: center;
}

/********************************************************************
	10.マイページ / ご注文履歴
***************************************/
.ec-historyRole {
  border-bottom: none;
}

.ec-historyRole .ec-historyRole__contents {
  padding: 40px;
  color: #011e33;
}

.ec-historyRole .ec-historyRole__header {
  width: 230px;
}

.ec-historyRole .ec-historyRole__detail {
  width: calc(100% - 230px);
  box-sizing: border-box;
}

.ec-historyRole .ec-imageGrid .ec-imageGrid__img {
  width: 230px;
  padding: 0 !important;
}

.ec-historyRole .ec-imageGrid .ec-imageGrid__img img {
  width: 100%;
}

.ec-imageGrid .ec-imageGrid__content {
  width: calc(100% - 230px);
  padding-left: 40px;
  box-sizing: border-box;
}

.ec-historyRole .ec-imageGrid + .ec-imageGrid {
  margin-top: 10px;
  padding-top: 10px;
}

/*******************************************************************************/
.add-historyRole-wrap {
  border-bottom: 1px solid #e4e9ee;
}

.ec-historyListHeader .ec-historyListHeader__date {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.6;
  font-weight: 500;
}

.ec-historyListHeader .ec-historyListHeader__action {
  margin: 0;
  margin-top: 15px;
}

.ec-historyListHeader .ec-historyListHeader__action .ec-inlineBtn {
  width: 130px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: #011e33;
  color: #fff;
  box-shadow: none;
  font-family: YakuHanJP, "Noto Serif JP";
  font-weight: 500 !important;
}

.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailTitle,
.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailPrice {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  margin-bottom: 0;
}

.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailPrice {
  margin-top: 10px;
}

.ec-imageGrid {
  border-top: 1px solid #E8E8E8;
}

.ec-historyRole .ec-historyRole__detail .ec-imageGrid:nth-of-type(1) {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}

.ec-mypageRole .ec-historyRole + .ec-pagerRole {
  margin-top: 115px;
}

/********************************************************************
	11.マイページ / お気に入り一覧
***************************************/
.ec-favoriteRole .ec-favoriteRole__header {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;
  color: #000;
  margin-bottom: 26px;
}

.ec-favoriteRole .ec-favoriteRole__itemList {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 50px 20px;
}

.ec-favoriteRole .ec-favoriteRole__item {
  padding: 0;
  margin-bottom: 0;
  width: 100%;
}

.ec-closeBtn--circle {
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000000;
}

.ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle {
  z-index: 10;
}

.ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle .ec-icon img {
  width: 15px;
  height: 15px;
  position: relative;
  left: 0;
  top: 0;
  margin: 0;
}

.ec-favoriteRole .ec-favoriteRole__itemList .ec-favoriteRole__itemThumb {
  margin-bottom: 13px;
}

.ec-favoriteRole .ec-favoriteRole__item-image {
  position: relative;
  overflow: hidden;
  border: solid 1px #e4e9ee;
}

.ec-favoriteRole .ec-favoriteRole__item-image:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  content: "";
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.ec-favoriteRole .ec-favoriteRole__itemList .ec-favoriteRole__itemThumb:hover .ec-favoriteRole__item-image:before {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.ec-favoriteRole .ec-favoriteRole__item-image img {
  transition: transform 0.3s ease;
}

.ec-favoriteRole .ec-favoriteRole__itemList .ec-favoriteRole__itemThumb:hover .ec-favoriteRole__item-image img {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}

.ec-favoriteRole .ec-favoriteRole__itemTitle {
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  color: #000;
  margin-bottom: 4px;
}

.ec-favoriteRole .ec-favoriteRole__itemPrice {
  font-weight: 500;
  font-weight: 20px;
  line-height: 1.5;
  color: #CC0000;
}

.ec-favoriteRole .ec-favoriteRole__detail + .ec-pagerRole {
  margin-top: 87px;
}

/********************************************************
	12.マイページ / ご注文履歴詳細
***************************************/
/********************************************************************
	13.マイページ / お届け先一覧
***************************************/
.ec-addressList__action .ec-inlineBtn {
  border: none;
  background: #011e33;
  color: #fff;
  font-family: YakuHanJP, "Noto Serif JP";
}

.ec-addressRole__actions .ec-inlineBtn {
  border: none;
  background: #011e33;
  color: #fff;
  font-weight: 500;
  font-family: YakuHanSerif, "Noto Serif JP";
}

.ec-addressList .ec-addressList__item .ec-addressList__action .ec-inlineBtn {
  font-weight: 500 !important;
}

#page_mypage_delivery_edit .add-name-area,
#page_mypage_delivery_new .add-name-area {
  display: flex;
  gap: 20px;
}

#page_mypage_delivery_edit .add-name-area .add-name01-area,
#page_mypage_delivery_edit .add-name-area .add-name02-area,
#page_mypage_delivery_new .add-name-area .add-name01-area,
#page_mypage_delivery_new .add-name-area .add-name02-area {
  width: 210px;
}

#page_mypage_delivery_new .ec-borderedDefs dl dd .ec-errorMessage {
  line-height: 1;
  margin: 0;
  margin-bottom: 12px;
}

#page_mypage_delivery_new textarea {
  font-size: 16px;
}

/********************************************************************
	14.マイページ / ご注文履歴詳細
***************************************/
/*.ec-role.ec-orderRole
--------------------------*/
.ec-role.ec-orderRole {
  text-align: center;
}

/*.ec-orderRole__detail
--------------------------*/
.ec-role.ec-orderRole .ec-orderRole__detail {
  width: 100%;
}

/*.ec-inlineBtn.ec-font-bold
--------------------------*/
.ec-role.ec-orderRole .ec-orderRole__detail .ec-inlineBtn.ec-font-bold {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #011e33;
  background-color: #f2f2f2;
  border: none;
  margin: 0 auto;
  width: 320px;
  height: 64px;
  font-size: 18px !important;
  font-weight: 500;
  box-sizing: border-box;
}

/*.ec-orderMail__link
--------------------------*/
.ec-orderMail__link a {
  color: #011e33 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}

/********************************************************
	マイページ/会員情報編集
***************************************/
#page_mypage_change .ec-borderedDefs dl dd .ec-telInput {
  display: flex;
  align-items: end;
}

#page_mypage_change .ec-borderedDefs dl dd .ec-telInput input[type=text] {
  display: inline-block;
}

#page_mypage_change .ec-borderedDefs dl dd .ec-telInput .add-size-text {
  display: inline-block;
  position: relative;
  top: -8px;
  left: 12px;
}

/********************************************************************
	15.モーニングレンタル/morning
***************************************/
/*.ec-categoryRol
--------------------------*/
.ec-categoryRole {
  padding: 0;
  background-color: #fff;
}

/*.add-morning-rental-section
--------------------------*/
.add-morning-rental-section {
  margin: 0 auto;
  max-width: 1200px;
}

/*.ec-categoryRole__list
--------------------------*/
.ec-categoryRole__listItem .ec-categoryRole__list {
  background-color: red;
}

/*.ec-categoryRole__listItem
--------------------------*/
.ec-categoryRole__listItem .ec-categoryRole__listItem {
  margin-bottom: 0;
  width: 100%;
}

.ec-categoryRole__listItem {
  width: 31.0833333333%;
}

.ec-categoryRole .ec-categoryRole__listItem:not(:last-of-type) {
  margin-right: 0;
}

/*.add-photo-area
--------------------------*/
.ec-categoryRole__listItem .add-photo-area {
  padding-bottom: 16px;
  aspect-ratio: 373/400;
  position: relative;
  overflow: hidden;
}

.ec-categoryRole__listItem .add-photo-area img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 373/400;
}

/*.add-title
--------------------------*/
.ec-categoryRole__listItem .add-text-area .add-title {
  font-size: 18px;
  margin-bottom: 6px;
  color: #011e33;
}

/*.add-text-01
--------------------------*/
.ec-categoryRole__listItem .add-text-area .add-text-01 {
  font-size: 16px;
  color: #011e33;
  font-weight: 400;
}

/*.add-text-02
--------------------------*/
.ec-categoryRole__listItem .add-text-area .add-text-02 {
  font-size: 16px;
  color: #011e33;
  font-weight: 400;
}

/*.add-tax-text
--------------------------*/
.ec-categoryRole__listItem .add-text-area .add-tax-text {
  font-size: 12px;
}

/*.form-control:focus
--------------------------*/
.form-control:focus {
  outline: 0;
  border-color: #e4e9ee;
  box-shadow: none;
}

/********************************************************************
	16.ベーシックスタイル/morning/select (step1)
***************************************/
#page_morning_select .add-inner {
  padding: 0 3.3333333333%;
}

#page_morning_select .ec-productRole__code {
  border-bottom: none;
}

#page_morning_select .ec-productRole__code .ec-radio .add-ec-radio .add-ec-radio-label .RedioBtnSize {
  top: 4px;
}

#page_morning_select .add-base-button-container + #SectionSize {
  margin-top: 40px;
}

/*.form-control
--------------------------*/
#page_morning_select .add-body-data-lists .add-text .form-control {
  font-weight: 600;
}

.ec-productRole {
  width: 100%;
  max-width: 1200px;
}

/*.ec-grid2
--------------------------*/
.ec-grid2 {
  display: flex;
  justify-content: space-between;
}

/*.ec-sliderItemRole
--------------------------*/
.ec-sliderItemRole {
  margin-bottom: 52px;
}

/*.ec-sliderItemRole .item_visual
--------------------------*/
.ec-sliderItemRole .item_visual {
  height: 570px;
  margin-bottom: 13px;
}

.ec-sliderItemRole .slide-item img {
  height: 570px;
  object-fit: cover;
}

/*.ec-sliderItemRole .item_nav
--------------------------*/
.ec-sliderItemRole .item_nav {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 13px;
}

.ec-sliderItemRole .slideThumb {
  width: auto;
  margin-bottom: 0;
  aspect-ratio: 46/79;
}

.ec-sliderItemRole .slideThumb img {
  background-size: cover;
  object-fit: cover;
  aspect-ratio: 46/79;
  width: auto;
}

/*.ec-sliderItemRole
--------------------------*/
.ec-productRole__code {
  padding: 14px 0;
}

.ec-productRole__code.border-none {
  border-bottom: none !important;
}

/*--------------------------
.ec-grid2__cell.add-width-resize-l
--------------------------*/
.ec-grid2__cell.add-width-resize-l {
  width: 340px;
}

/*.ec-sliderItemRole
--------------------------*/
.ec-sliderItemRole {
  padding-left: 0;
  padding-right: 0;
}

/*--------------------------
	.ec-grid2__cell.add-width-resize-r
--------------------------*/
.ec-grid2__cell.add-width-resize-r {
  width: 71.6666666667%;
  padding-left: 5.4166666667%;
  box-sizing: border-box;
  max-width: none;
}

/*.ec-productRole__title
--------------------------*/
.ec-productRole__title .ec-headingTitle {
  font-size: 20px;
  color: #011e33;
  font-weight: 700;
}

/*.add-price
--------------------------*/
.add-price {
  margin-bottom: 4px;
}

/*.add-productRole__priceRegularPrice
--------------------------*/
.add-price .add-productRole__priceRegularPrice {
  color: #011e33;
}

/*.add-price__price
--------------------------*/
.add-price .add-price__price {
  font-size: 28px;
  color: #011e33;
}

/*.add-price__tax
--------------------------*/
.add-price .add-price__tax {
  font-size: 14px;
  margin-left: -6px;
  display: inline-block;
  color: #011e33;
}

/*.add-morning-labels
--------------------------*/
.add-morning-labels {
  display: inline-flex;
  padding-left: 0;
  gap: 5px;
  margin-top: 8px;
  margin-bottom: 32px;
}

/*li
--------------------------*/
.add-morning-labels li {
  font-size: 12px;
  color: #011e33;
  padding: 4px 16px;
  background-color: #e4e9ee;
  list-style: none;
  border-radius: 3px;
}

/*.fc-theme-standard
--------------------------*/
.fc.fc-media-screen.fc-direction-ltr.fc-theme-standard {
  margin-bottom: 10px;
}

/*.add-title-morning
--------------------------*/
.add-title-morning {
  background: #cadeef;
  padding: 18px 20px;
  margin-bottom: 40px;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 600;
  box-sizing: border-box;
}

/*.add-title-morning
--------------------------*/
.add-note-text {
  font-size: 14px;
  color: #011e33;
  margin-bottom: 18px;
  border: none;
}

/*.add-sub-title-morning
--------------------------*/
.add-sub-title-morning {
  font-size: 16px;
  font-weight: 600;
  padding: 12px 0;
  margin-bottom: 6px;
  text-align: center;
  color: #fff;
  background-color: #011e33;
}

/*.add-sub-title-morning
--------------------------*/
.add-sub-title-line-morning {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: solid 1px #e4e9ee;
  font-size: 16px;
  font-weight: 600;
  color: #011e33;
}

/*.add-frame-morning
--------------------------*/
.add-frame-morning {
  border: solid 1px #011e33;
}

@media screen and (min-width: 880px) {
  .add-frame-morning {
    display: flex;
  }
}
.add-frame-morning dt {
  background-color: #011e33;
  padding: 16px;
  font-size: 14px;
  color: #011e33;
  font-weight: 400;
  color: #fff;
}

@media screen and (min-width: 880px) {
  .add-frame-morning dt {
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
    font-size: 14px;
    font-weight: 400;
  }
}
.add-frame-morning dd {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 16px;
  margin-bottom: 0;
}

.add-frame-morning dd label {
  display: block;
  width: 100%;
  margin-bottom: 6px;
}

.add-frame-morning dd .label-checkbox {
  font-size: 16px;
  color: #0a0926;
  font-weight: 600;
  display: block;
}

.add-frame-morning dd .add-note-text {
  display: block;
  margin-bottom: 0;
  text-indent: -1em;
  padding-left: 1em;
  white-space: pre-wrap;
}

/*--------------------------
.add-product-clothes-data-table
--------------------------*/
.add-product-clothes-data-table th, .add-product-clothes-data-table td {
  font-size: 14px;
  text-align: left;
  vertical-align: top;
  color: #011e33;
  padding: 12px 14px;
  box-sizing: border-box;
}
.add-product-clothes-data-table thead tr th {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  background-color: #cadeef;
}
.add-product-clothes-data-table tbody tr td .lists {
  padding-left: 0;
  margin-bottom: 0;
}
.add-product-clothes-data-table tbody tr td .lists li {
  margin-bottom: 8px;
  list-style: none;
}
.add-product-clothes-data-table tbody tr td .lists li:nth-last-child(1) {
  margin-bottom: 0;
}
.add-product-clothes-data-table tbody tr td:nth-child(1) {
  width: 90px;
}
.add-product-clothes-data-table tbody tr td:nth-child(2) {
  width: calc(100% - 90px);
}

/*--------------------------
.add-tab-container
--------------------------*/
.add-tab-container {
  width: 100%;
  font-family: sans-serif;
  margin-bottom: 24px;
}

.add-tab-container .add-tab-labels {
  gap: 20px;
  margin-bottom: 24px;
}

.add-tab-container #add-tab1,
.add-tab-container #add-tab2 {
  display: none;
}

@media screen and (min-width: 880px) {
  .add-tab-container .add-tab-labels {
    display: flex;
  }
}
.add-tab-label {
  width: 100%;
  padding: 20px 10px 20px 48px;
  text-align: left;
  background: #f2f2f2;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  box-sizing: border-box;
  position: relative;
  color: #011e33;
  margin-bottom: 12px;
}

@media screen and (min-width: 880px) {
  .add-tab-label {
    width: 50%;
    margin-bottom: 0;
  }
}
/* カスタムラジオボタン */
.add-tab-label::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 1px solid #011e33;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
}

.add-tab-label.add-active::before {
  background: #011e33;
  box-shadow: inset 0 0 0 4px #fff;
}

/* アクティブなタブの背景色 */
#add-tab1:checked ~ .add-tab-labels label[for=add-tab1],
#add-tab2:checked ~ .add-tab-labels label[for=add-tab2] {
  background: #f6f4e5;
}

/* 表示切り替え */
#add-tab1:checked ~ .add-tabs .add-tab1-content,
#add-tab2:checked ~ .add-tabs .add-tab2-content {
  display: block;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* タブ中身共通 */
.add-tabs > div {
  display: none;
  padding-top: 16px;
  border-top: none;
  background: #fff;
}

/*.add-note-size-text
--------------------------*/
.add-note-size-text {
  font-size: 14px;
  font-weight: 500;
  color: #011e33;
}

.add-note-size-text .add-icon {
  color: #f70000;
}

/*.sticky-x
--------------------------*/
.add-sticky-x {
  --stripe-bg-color: #f5f5f8;
  --header-bg-color: #e7e7ec;
  overflow-x: auto; /* 必須！ */
  border: 1px solid var(--border-color);
  border-right: none;
}

.add-sticky-x {
  border-collapse: collapse;
  width: 100%;
}

.add-sticky-x .add-table {
  width: 100%;
}

.add-sticky-x .add-table tr:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}

.add-sticky-x .add-table tr:nth-of-type(odd) {
  background: var(--stripe-bg-color);
}

.add-sticky-x .add-table th, td {
  padding: 16px 8px;
  text-align: left;
}

.add-sticky-x .add-table th {
  position: sticky; /* 必須！ */
  left: 0; /* 必須！ */
  background: var(--header-bg-color);
}

.add-sticky-x .add-table td {
  white-space: nowrap; /* 任意 */
  border-right: 1px solid var(--border-color);
  padding: 10px 8px;
}

.add-sticky-x .add-table thead th {
  border-right: solid 1px #fff;
}

.add-sticky-x .add-table thead th:nth-child(1) {
  border-bottom: solid 1px #fff;
}

.add-sticky-x .add-table thead th:nth-last-child(1) {
  border-right: none;
}

.add-sticky-x .add-table tbody th {
  border-bottom: solid 1px #fff;
}

#page_morning_select .add-tab2-content .add-sticky-x {
  border: none;
}

#page_morning_select .add-tab2-content .add-sticky-x #tab2-nolist {
  margin-bottom: 14px;
  text-align: center;
  font-size: 16px;
  color: red;
}

/*--------------------------
.add-body-data-lists-container
--------------------------*/
.add-body-data-lists-container {
  display: flex;
  flex-wrap: wrap;
}

/*.add-body-data-lists
--------------------------*/
.add-body-data-lists {
  width: 100%;
}

@media screen and (min-width: 1040px) {
  .add-body-data-lists {
    display: grid;
    gap: 6px 36px;
    grid-template-columns: repeat(2, 1fr);
  }
}
/*.add-items
--------------------------*/
.add-body-data-lists .add-items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

.add-body-data-lists .add-items .form-control {
  height: 40px;
  width: 88%;
}

.add-body-data-lists .add-items:nth-last-child(1) {
  display: flex;
  justify-content: right;
  margin-top: 24px;
}

/*-------------------------
.size-guide-text
--------------------------*/
.add-size-guide-text-container.align-l {
  text-align: left;
  margin-top: 12px;
  margin-bottom: 25px;
}

.add-size-guide-text-container.align-r {
  text-align: right;
}

.add-size-guide-text-container .add-size-guide-text {
  font-weight: 600;
  width: 100%;
  padding-top: 6px;
  color: #011e33;
}

.add-size-guide-text-container .add-size-guide-text .add-icon-size {
  padding: 0 14px 0 20px;
  font-size: 14px;
  display: inline-block;
  position: relative;
}

.add-size-guide-text-container .add-size-guide-text .add-icon-size::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 15px;
  height: 15px;
  background-image: url(/html/user_data/assets/img/morning/icon-size.svg);
  background-size: 15px 15px;
  background-position: left center;
}

.add-size-guide-text-container .add-size-guide-text .add-icon-size::before {
  position: absolute;
  content: "";
  right: 0;
  top: 4px;
  display: block;
  width: 9px;
  height: 9px;
  border-top: 1px solid #011e33;
  border-right: 1px solid #011e33;
  transform: rotate(45deg);
}

/*.add-title
--------------------------*/
.add-body-data-lists .add-title {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 0;
  width: 75px;
}

/*.icon-required
--------------------------*/
.add-body-data-lists .add-title .icon-required {
  color: #f70000;
  font-size: 8px;
  padding-left: 4px;
  position: relative;
  left: -2px;
  top: -6px;
}

/*.add-text
--------------------------*/
.add-body-data-lists .add-text {
  width: calc(100% - 75px);
  font-weight: 600;
  overflow: hidden;
}

.add-body-data-lists .add-text .form-control {
  width: 84%;
  float: left;
  border-radius: 0;
}

@media screen and (min-width: 1280px) {
  .add-body-data-lists .add-text .form-control {
    width: 87%;
    float: left;
    border-radius: 0;
  }
}
.add-body-data-lists .add-text .cm-text {
  position: relative;
  z-index: 2;
  top: 6px;
  left: 6px;
  font-size: 14px;
}

/*.ec-productRole__profile
--------------------------*/
.ec-productRole .ec-productRole__profile {
  margin-left: 0;
}

/*--------------------------
.add-morning-clothes-size-container
--------------------------*/
/*.add-clothes-size-title
--------------------------*/
.add-morning-clothes-size-container .add-clothes-size-title {
  padding-top: 20px;
  margin-left: -14px;
}

/*.add-clothes-size-text
--------------------------*/
.add-morning-clothes-size-container .add-clothes-size-text {
  padding-bottom: 12px;
  display: block !important;
}

/*--------------------------
.add-size-selectbox-container
--------------------------*/
.add-size-selectbox-container:nth-last-child(1) {
  padding-top: 24px;
}

.add-size-selectbox-container .add-clothes-size-title {
  font-size: 14px;
  margin-bottom: 8px;
  color: #011e33;
}

.add-clothes-size-text {
  font-size: 14px;
  color: #011e33;
}

/*------------------------------------------------------------------------------*/
.add-size-selectbox-container .selectbox-1 {
  position: relative;
  display: inline-block !important;
}

.add-size-selectbox-container .selectbox-1 select {
  appearance: none;
  width: 330px;
  padding: 20px 32px 20px 16px;
  border: none;
  background-color: #f2f2f2;
  color: #333;
  font-size: 14px;
  cursor: pointer;
  position: relative;
}

.add-size-selectbox-container .selectbox-1 select:focus {
  outline: none;
}

#AreaJacket.add-after-arrow,
#AreaPants.add-after-arrow {
  position: relative;
}

#AreaJacket.add-after-arrow::after,
#AreaPants.add-after-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.4em;
  transform: translate(50%, -50%) rotate(45deg);
  width: 9px;
  height: 9px;
  border-bottom: 1px solid #011e33;
  border-right: 1px solid #011e33;
}

/*------------------------------------------------------------------------------*/
/*--------------------------
#add-ReserveCalendar
--------------------------*/
.fc-view-harness {
  margin-bottom: 14px;
}

.add-calendar {
  width: 100% !important;
  margin-bottom: 10px;
}

.add-calendar, th, td {
  border: 1px solid #e4e9ee;
  border-collapse: collapse;
  text-align: center;
  padding: 8px 0;
  color: #011e33;
  width: 14.2%;
  box-sizing: border-box;
  font-weight: 400;
}

.add-calendar thead th {
  background-color: #e4e9ee;
  border-right: solid 1px #fff;
  color: #011e33;
}

.add-calendar tbody td {
  font-size: 14px;
  position: relative;
}

.add-calendar tbody td .add-fc-highlight {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #7ecef4;
}

.add-calendar tbody td .add-icon-calendar-container {
  display: block;
  text-align: center;
  margin-top: 4px;
}

.add-calendar tbody td.add-fc-daygrid-day-bg {
  background-color: #d9d9d9;
  color: #b2b2b2;
}

.add-calendar tbody td.add-fc-daygrid-day-bg a {
  color: #b2b2b2;
}

.add-calendar tbody td .add-icon-calendar-container .add-icon-calendar {
  background-color: #011e33;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  padding: 2px 24px;
  border-radius: 2px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

.add-calendar tbody td .add-fc-daygrid-day-number {
  position: relative;
  z-index: 1;
  color: #011e33;
  font-weight: 400;
}

/*--------------------------
.add-clothes-table-container
--------------------------*/
.add-clothes-table {
  border: solid 1px #e4e9ee;
}

.add-clothes-table th,
.add-clothes-table td {
  font-size: 14px;
  text-align: left;
  padding: 12px 16px;
  box-sizing: border-box;
  font-weight: 400;
}

.add-clothes-table thead th {
  background-color: #cadeef;
  text-align: center;
  font-size: 14px;
  color: #011e33;
  font-weight: 500;
}

.add-clothes-table tbody td .add-title {
  padding: 8px 0;
  margin-bottom: 0;
  margin-left: -8px;
}

.add-clothes-table tbody td .add-lists {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

/*--------------------------
.add-calenda-nav-container
--------------------------*/
.add-calenda-nav-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}

/*.add-calenda-nav-prev
--------------------------*/
.add-calenda-nav-container .add-calenda-nav-prev {
  width: 40px;
}

/*.add-prev-button
--------------------------*/
.add-calenda-nav-container .add-calenda-nav-prev .add-prev-button {
  width: 40px;
  height: 40px;
  border: solid 1px #e4e9ee;
  background-color: #fff;
  position: relative;
}

/*.icon-arrow
--------------------------*/
.add-calenda-nav-container .add-calenda-nav-prev .add-prev-button .icon-arrow {
  position: absolute;
  top: 16px;
  left: 16px;
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0;
  border-top: 1px solid #011e33;
  border-left: 1px solid #011e33;
  transform: rotate(-45deg);
}

/*.add-calenda-day-text
--------------------------*/
.add-calenda-nav-container .add-calenda-day-text {
  width: calc(30% - 80px);
  text-align: center;
}

/*.add-calenda-day-text
--------------------------*/
.add-calenda-nav-container .add-calenda-day-text .add-day-text {
  font-size: 16px;
  color: #011e33;
  font-weight: 500;
}

/*.ec-productRole__profile
--------------------------*/
.add-calenda-nav-container .add-calenda-nav-next {
  width: 40px;
}

/*.ec-productRole__profile
--------------------------*/
.add-calenda-nav-container .add-calenda-nav-next .add-next-button {
  text-align: right;
  width: 40px;
  height: 40px;
  border: solid 1px #e4e9ee;
  background-color: #fff;
  position: relative;
}

.add-calenda-nav-container .add-calenda-nav-next .add-next-button .icon-arrow {
  position: absolute;
  top: 16px;
  right: 16px;
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0;
  border-top: 1px solid #011e33;
  border-left: 1px solid #011e33;
  transform: rotate(135deg);
}

/*.add-date-use-text
--------------------------*/
.add-date-use-text {
  font-size: 19px;
  font-weight: bold;
  text-align: center;
  color: #011e33;
  margin-bottom: 40px;
}

/*#page_tomesode_select
--------------------------*/
#page_tomesode_select .add-date-use-text br {
  display: block;
}

@media screen and (min-width: 800px) {
  #page_tomesode_select .add-date-use-text br {
    display: none !important;
  }
}
/*.size-guide-modal
--------------------------*/
.size-guide-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  overflow-y: auto;
  padding: 5vh 40px;
}

/*.modal-content
--------------------------*/
.modal-content {
  max-width: 1200px;
  border-radius: 8px;
  margin: 10% auto;
}

/*.add-modal-section-wrap
--------------------------*/
.add-modal-section-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.add-modal-section {
  width: calc((100% - 32px) / 3);
}

/*.modal-innre
--------------------------*/
.modal-innre {
  padding: 112px 40px;
  position: relative;
  background-color: #fff;
}

.modal-innre::-webkit-scrollbar {
  width: 8px;
}

.modal-innre::-webkit-scrollbar-track {
  background: transparent;
}

.modal-innre::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}

.modal-innre {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}

/*.modal-content
--------------------------*/
.closeModal {
  display: inline-block;
  width: 32px;
  height: 32px;
  cursor: pointer;
  position: absolute;
  top: 40px;
  right: 40px;
}

.closeModal span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 1px;
  background-color: #1a3447;
  transform-origin: center;
}

.closeModal span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}

.closeModal span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.closeModal span:nth-child(3) {
  display: none;
}

/*.add-modal-section-lists
--------------------------*/
@media screen and (min-width: 1080px) {
  .add-modal-section-lists {
    display: flex;
    gap: 24px;
  }
}

/*.item
--------------------------*/
.add-modal-section-lists .item {
  margin-bottom: 48px;
}
@media screen and (min-width: 1080px) {
  .add-modal-section-lists .item {
    width: calc((100% - 48px) / 3);
    margin-bottom: 0;
  }
}

/*.add-modal-title
--------------------------*/
.add-modal-section-lists .add-modal-title {
  font-size: 18px;
  text-align: center;
  margin-bottom: 22px;
  padding-bottom: 22px;
  line-height: 1;
  border-bottom: solid 1px #e4e9ee;
}

/*.add-photo img
--------------------------*/
.add-modal-section-lists .add-photo.num-01 img {
  height: 300px;
}

/*.add-photo.num-02
--------------------------*/
.add-modal-section-lists .add-photo.num-02 img {
  height: 300px;
}

/*.add-photo.num-03
--------------------------*/
.add-modal-section-lists .add-photo.num-03 {
  margin-left: 66px;
}

.add-modal-section-lists .add-photo.num-03 img {
  height: 400px;
}

/*==============================
#tab2-onlist.add-table tbody tr td
==============================*/
#tab2-onlist tbody tr td {
  box-sizing: border-box;
}

#tab2-onlist tbody tr td {
  height: 100%;
  padding: 0 !important;
  position: relative;
}

#tab2-onlist tbody tr td label {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#tab2-onlist.add-table tbody tr:nth-last-child(1) th {
  border-bottom: solid 1px #e5e9ee;
}

/********************************************************************
	17.モーニングレンタル/morning/step2/
***************************************/
.add-option-content-container {
  max-width: 1044px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: content-box;
}

/*--------------------------
.add-option-detail-container
--------------------------*/
.add-option-detail-container {
  border: solid 1px #e4e9ee;
  padding: 36px;
  display: flex;
  margin-bottom: 50px;
}

/*.add-photo-area
--------------------------*/
.add-option-detail-container .add-photo-area {
  width: 130px;
}

/*.add-photo
--------------------------*/
.add-option-detail-container .add-photo-area .add-photo {
  width: 130px;
  height: 100%;
}

/*img
--------------------------*/
.add-option-detail-container .add-photo-area .add-photo .slide-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*.add-detail-area
--------------------------*/
.add-option-detail-container .add-detail-area {
  width: calc(100% - 130px);
  padding-left: 24px;
  box-sizing: border-box;
}

/*.add-product-name
--------------------------*/
.add-option-detail-container .add-detail-area .add-product-name {
  font-size: 16px;
  margin-bottom: 3px;
}

/*.add-product-price
--------------------------*/
.add-option-detail-container .add-detail-area .add-product-price {
  font-size: 16px;
  margin-bottom: 14px;
}

/*.add-product-price
--------------------------*/
.add-option-detail-container .add-detail-area .add-product-price .add-price {
  font-size: 10px;
  display: inline-block;
  font-weight: 400;
}

/*.add-price
--------------------------*/
.add-option-detail-container .add-detail-area .add-price-text {
  font-size: 14px;
  margin-bottom: 20px;
}

/*.add-tax-text
--------------------------*/
.add-option-detail-container .add-detail-area .add-price-text .add-tax-text {
  font-size: 10px !important;
}

/*.add-tax-text
--------------------------*/
.add-option-detail-container .add-detail-area .add-size-title {
  font-size: 12px;
  background-color: #e4e9ee;
  padding: 7px 20px;
  display: inline-block;
  margin-bottom: 5px;
  width: 130px;
  text-align: center;
  box-sizing: border-box;
}

/*.add-item
--------------------------*/
.add-option-detail-container .add-detail-area .add-detail-lists .add-item {
  display: flex;
  padding: 6px 0;
}

/*.add-item-name
--------------------------*/
.add-option-detail-container .add-detail-area .add-detail-lists .add-item .add-item-name {
  color: #011e33;
  width: 160px;
}

/*.add-item-text
--------------------------*/
.add-option-detail-container .add-detail-area .add-detail-lists .add-item .add-item-text {
  color: #011e33;
  width: calc(100% - 160px);
}

/*--------------------------
.add-option-item-container
--------------------------*/
#page_morning_step2 .add-option-item-container .add-option-content:nth-child(1) {
  margin-bottom: 24px;
}

@media screen and (min-width: 880px) {
  .add-option-item-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
  #page_morning_step2 .add-option-item-container .add-option-content:nth-child(1) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 980px) {
  .add-option-item-container {
    gap: 65px;
  }
}
/*.add-option-content
--------------------------*/
/*.add-normal-title
--------------------------*/
.add-option-item-container .add-option-content .add-normal-title {
  background-color: #cadeef;
  font-size: 16px;
  color: #011e33;
  line-height: 1;
  padding: 20px 18px;
  font-weight: 700;
  margin-bottom: 20px;
}

/*.add-icon-text
--------------------------*/
.add-option-item-container .add-option-content .add-normal-title .add-icon-text {
  display: inline-block;
  background-color: #011e33;
  color: #fff;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 99px;
  position: relative;
  top: 1px;
  margin-right: 10px;
  letter-spacing: -0.01em;
  font-weight: 400;
}

/*.icon-text
--------------------------*/
.add-option-item-container .add-option-content .add-normal-title .text {
  position: relative;
  top: 2px;
  display: inline-block;
  line-height: 1;
}

/*.icon-text
--------------------------*/
.add-option-item-container .add-option-content .add-normal-title .add-icon-text .add-pos {
  position: relative;
  top: -1px;
}

/*.add-item-check-area-01
--------------------------*/
.add-option-item-container .add-item-check-area-01 {
  display: flex;
}

/*.photo-area
--------------------------*/
.add-option-item-container .add-item-check-area-01 .photo-area {
  width: 138px;
  height: 160px;
}

/*.photo
--------------------------*/
/*.check-area
--------------------------*/
.add-option-item-container .add-item-check-area-01 .check-area {
  width: calc(100% - 138px);
  padding-left: 26px;
}

/*.ec-radio
--------------------------*/
.add-option-item-container .add-item-check-area-01 .ec-orderDelivery .ec-productRole__code,
.add-option-item-container .add-item-check-area-01 .ec-orderDelivery .ec-radio {
  padding: 0;
  font-size: 14px;
  font-weight: 400;
}

.add-option-item-container .add-item-check-area-01 .add-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  padding-top: 8px;
}

/*.add-item-check-area-02
--------------------------*/
.add-option-item-container .add-item-check-area-02 .add-text {
  font-size: 14px;
  line-height: 1.8;
  font-weight: 400;
  margin-bottom: 16px;
}

/*.ec-orderDelivery
--------------------------*/
.add-option-item-container .add-item-check-area-02 .ec-orderDelivery {
  margin-bottom: 0;
}

/*.ec-productRole__code
--------------------------*/
.add-option-item-container .add-item-check-area-02 .ec-productRole__code {
  padding: 0;
}

/*.ec-radio
--------------------------*/
.add-option-item-container .add-item-check-area-02 .ec-radio {
  padding: 0;
}

/*.add-use-text
--------------------------*/
.add-option-item-container .add-item-check-area-02 .add-use-text {
  margin-bottom: 18px;
}

/*.use-label
--------------------------*/
.add-option-item-container .add-item-check-area-02 .add-use-text .use-label {
  display: inline-block;
  background-color: #e4e9ee;
  padding: 8px 0;
  width: 150px;
  margin-right: 14px;
  text-align: center;
  font-weight: 400;
}

/*.ec-radio
--------------------------*/
.add-option-item-container .add-item-check-area-02 .ec-orderDelivery .ec-productRole__code,
.add-option-item-container .add-item-check-area-02 .ec-orderDelivery .ec-radio {
  padding: 0;
  font-size: 14px;
  font-weight: 400;
}

#page_morning_step2 .add-product-price {
  margin-bottom: 12px;
}

#page_morning_step2 .add-product-name {
  margin-bottom: 10px;
}

#page_morning_step2 .SuitList dd {
  margin-bottom: 0;
}

#page_morning_step2 .SuitList:nth-last-child(1) dt {
  margin-bottom: 0;
}

#page_morning_step2 .ec-radio .add-ec-radio .add-ec-radio-label {
  font-size: 14px;
}

#page_morning_step2 .ec-radio input {
  top: 11px;
}

/********************************************************************
	18.留袖レンタル/tomesode
***************************************/
#page_tomesode_select .add-inner {
  padding: 0 40px;
}
#page_tomesode_select .ec-productRole__code {
  border-bottom: none;
}

/*.ec-productRole__title
--------------------------*/
.ec-productRole__profile .ec-productRole__title .ec-headingTitle {
  font-size: 30px;
  color: #011e33;
  background-color: white;
}

/*.ec-productRole__tag
--------------------------*/
.ec-productRole .ec-productRole__tags {
  margin-top: 0;
  padding: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.ec-productRole .ec-productRole__price {
  padding: 0 0;
  border-bottom: none;
  margin-bottom: 4px;
}

/*.ec-productRole .ec-productRole__code
--------------------------*/
.ec-productRole .ec-productRole__code {
  padding: 0;
  font-size: 14px;
  margin-bottom: 32px;
}

/*.ec-productRole__priceRegularPrice
--------------------------*/
.ec-productRole__priceRegularPrice {
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1;
}

.ec-productRole .ec-productRole__priceRegularTax {
  margin-left: -6px;
  font-size: 10px;
}

/*.ec-price
--------------------------*/
.ec-productRole__profile .ec-price {
  margin-bottom: 0;
  font-size: 28px;
  color: #011e33;
}

/*.ec-price__price
--------------------------*/
.ec-productRole__profile .ec-price .ec-price__price {
  font-size: 28px;
  font-weight: 400;
  padding: 0;
}

/*.ec-price__tax
--------------------------*/
.ec-productRole__profile .ec-price .ec-price__tax {
  font-size: 14px;
  margin-left: -6px;
  display: inline-block;
  color: #011e33;
}

/*.ec-categoryRol
--------------------------*/
.ec-categoryRole {
  padding: 0;
  background-color: #fff;
}

/*.add-tomesode-rental-section
--------------------------*/
.add-tomesode-rental-section {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 40px;
  box-sizing: content-box;
}

/*.ec-categoryRole__list(確認)どこか崩れる可能性がある
------------------------------------------------------------------------------------*/
/*.ec-categoryRole__listItem{
--------------------------*/
.ec-categoryRole__list .ec-categoryRole__listItem {
  width: 100%;
}

/*.add-photo-area
--------------------------*/
.ec-categoryRole__listItem .add-photo-area {
  padding-bottom: 16px;
}

/*.add-photo-area
--------------------------*/
.ec-categoryRole__listItem .add-photo-area .add-photo {
  padding-bottom: 16px;
}

/*.add-text-area
--------------------------*/
/*.add-text-area
--------------------------*/
.ec-categoryRole__listItem .add-text-area .add-title {
  font-size: 18px;
  margin-bottom: 6px;
  color: #011e33;
}

/*.add-text-area
--------------------------*/
.ec-categoryRole__listItem .add-text-area .add-title .add-label-num {
  font-size: 13px;
  color: #011e33;
  background-color: #cadeef;
  display: inline-block;
  padding: 4px 8px;
  line-height: 1;
  position: relative;
  top: -2px;
  margin-right: 8px;
}

/*.add-text
--------------------------*/
.ec-categoryRole__listItem .add-text-area .add-text {
  font-size: 16px;
  color: #011e33;
  font-weight: 400;
}

.ec-categoryRole__listItem .add-text-area .add-text .add-tax-text {
  font-size: 12px;
}

/*-------------------------------------------------------------------------------------------*/
/*.ec-shelfGrid
--------------------------*/
.ec-shelfGrid {
  margin-left: 0;
  margin-right: 0;
  gap: 2%;
  width: 100%;
}

/*.ec-shelfGrid__item
--------------------------*/
.ec-shelfGrid .ec-shelfGrid__item {
  width: 32%;
}

/*.ec-shelfGrid__item-image
--------------------------*/
.ec-shelfGrid .ec-shelfGrid__item-image {
  margin-bottom: 14px;
}

/*.ec-shelfGrid__item-imag img
--------------------------*/
.ec-shelfGrid .ec-shelfGrid__item-image img {
  width: 100%;
}

/*.odd,even
--------------------------*/
.ec-shelfGrid .ec-shelfGrid__item:nth-child(odd),
.ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {
  padding: 0;
}

/*.ec-shelfGrid__item
--------------------------*/
.ec-shelfGrid .ec-shelfGrid__item p:nth-child(2) {
  display: inline-block;
  font-weight: 500;
  margin-bottom: 4px;
}

.ec-shelfGrid .ec-shelfGrid__item p:nth-child(2) .add-product-number {
  display: inline-block;
  background-color: #cadeef;
  padding: 4px 10px;
  font-size: 13px;
  line-height: 1;
  color: #011e33;
  margin-right: 8px;
  position: relative;
  top: -1px;
}

.ec-shelfGrid .ec-shelfGrid__item p.price02-default .add-tax-text {
  font-size: 12px;
  color: #011e33;
}

/*--------------------------------------------------------------------------------*/
/*--------------------------
.add-tomesode-search-container
--------------------------*/
.add-tomesode-rental-section .add-tomesode-search-container {
  max-width: 1200px;
  margin: 0 auto 78px auto;
}

/*.add-search-title
--------------------------*/
.add-tomesode-search-container .add-search-title {
  font-size: 18px;
  color: #011e33;
  padding: 15px 0;
  background-color: #f2f2f2;
  text-align: center;
  cursor: pointer;
  position: relative;
  font-family: YakuHanJP, "Noto Serif JP";
  font-weight: 700;
}

.add-tomesode-search-container .add-search-title .add-icon-plus {
  position: absolute;
  right: 25px;
  top: 24px;
  width: 11px;
  height: 11px;
}

.add-tomesode-search-container .add-search-title .add-icon-plus .add-icon-plus-wrap {
  position: relative;
}

.add-tomesode-search-container .add-search-title .add-icon-plus span {
  position: absolute;
  width: 11px;
  height: 1px;
  background-color: #011e33;
  left: 0;
  top: 6px;
}

.add-tomesode-search-container .add-search-title .add-icon-plus span:nth-child(2) {
  transform: rotate(0);
  transition: all 0.2s ease;
}

.add-tomesode-search-container .add-search-title .add-icon-plus.js-search-open span:nth-child(2) {
  transform: rotate(90deg);
}

/*.add-search-table
--------------------------*/
.add-tomesode-search-container .add-search-table {
  padding: 40px 40px;
  background-color: #fafafa;
}

@media screen and (min-width: 1200px) {
  .add-tomesode-search-container .add-search-table {
    padding: 40px 80px;
  }
}
/*.add-item
--------------------------*/
.add-tomesode-search-container .add-item {
  display: flex;
  align-items: center;
  padding: 8px 0;
}

/*.add-item.bodywidth
--------------------------*/
/*.add-search-lists
------------------------------*/
.add-tomesode-search-container .add-item.bodywidth .add-search .add-search-lists {
  display: block;
}

@media screen and (min-width: 920px) {
  .add-tomesode-search-container .add-item.bodywidth .add-search .add-search-lists {
    display: flex;
  }
}
/*.add-search-lists.bodywidth
------------------------------*/
.add-tomesode-search-container .add-item.bodywidth .add-search .add-search-lists li {
  margin-bottom: 16px;
}

.add-tomesode-search-container .add-item.add-icon-calendar .add-search {
  position: relative;
  width: 420px;
}

.add-tomesode-search-container .add-item.add-icon-calendar .add-search::after {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background-image: url(/html/user_data/assets/img/tomesode/icon-calendar.svg);
  pointer-events: none;
}

.add-tomesode-search-container .add-button-container {
  padding-top: 46px;
}

.add-tomesode-search-container .add-button-container .add-button {
  border: none;
  background-color: #011e33;
  color: #fff;
}

/*--------------------------
.add-search-icon-container
--------------------------*/
.add-search-icon-container {
  padding-bottom: 8px;
  margin-bottom: 24px;
  border-bottom: solid 1px #e4e9ee;
}

/*.add-search-icon-lists
--------------------------*/
.add-search-icon-container .add-search-icon-lists {
  display: flex;
  padding-left: 0;
}

/*li
--------------------------*/
.add-search-icon-container .add-search-icon-lists li {
  font-size: 14px;
  list-style-type: none;
  margin-right: 10px;
  padding: 6px 20px;
  background-color: #f2f2f2;
  cursor: pointer;
  font-family: YakuHanJP, "Noto Serif JP";
  font-weight: 600;
}

.add-search-icon-container .add-search-icon-lists li a {
  color: #011e33 !important;
}

.add-search-icon-container .add-search-icon-lists li:hover {
  background-color: #f6f4e5 !important;
}

.add-search-icon-container .add-search-icon-lists li.add-is-active {
  background-color: #f6f4e5 !important;
}

/*.add-text-data-area
--------------------------*/
.add-search-icon-container .add-text-data-area {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}

/*.add-data-lists
--------------------------*/
.add-search-icon-container .add-text-data-area .add-data-type-a .add-data-lists {
  display: flex;
  padding-left: 0;
}

/*.add-data-lists li
--------------------------*/
.add-search-icon-container .add-text-data-area .add-data-type-a .add-data-lists li {
  list-style: none;
  margin-right: 18px;
  color: #011e33;
}

/*.add-data-type-b
--------------------------*/
.add-search-icon-container .add-text-data-area .add-data-type-b {
  font-size: 12px;
}

/*.add-search-text
--------------------------*/
.add-tomesode-rental-section .add-search-text {
  display: flex;
  font-size: 16px;
  font-weight: 500;
  width: 120px;
  font-family: YakuHanJP, "Noto Serif JP";
  color: #011e33;
}

/*.add-search
--------------------------*/
.add-tomesode-rental-section .add-search {
  margin-top: 0.5em;
  width: calc(100% - 120px);
}

/*----------------------------------------------------------------------------------------------*/
/*.add-search-lists
--------------------------*/
.add-tomesode-rental-section .add-search-lists {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 16px;
}

/*----------------------------------------------------------------------------------------------*/
/*.add-search-lists li
--------------------------*/
.add-tomesode-rental-section .add-search-lists li {
  list-style: none;
  font-family: YakuHanJP, "Noto Serif JP";
  color: #011e33;
}

/*input[type="text"] 
--------------------------*/
.add-tomesode-rental-section .add-search input[type=text] {
  padding: 0.4em;
  width: 100%;
  font-size: 16px;
  max-width: 420px;
  height: 50px;
  border: 1px solid #e4e9ee;
  padding: 16px;
  box-sizing: border-box;
  font-family: YakuHanJP, "Noto Serif JP";
  color: #011e33;
}

.add-tomesode-rental-section .add-search input[type=text]::placeholder {
  font-size: 18px;
  color: #999;
  font-family: YakuHanJP, "Noto Serif JP";
}

#date_picker,
.add-search .flatpickr-input {
  padding: 0.4em;
  width: 100%;
  max-width: 420px;
  height: 50px;
  border: 1px solid #e4e9ee;
  padding: 16px;
  box-sizing: border-box;
  font-family: YakuHanJP, "Noto Serif JP";
  color: #011e33;
  background-color: #fff;
}

/*---------------------------------
チェックボックス風ラジオボタンスタイル
---------------------------------*/
/* input を非表示 */
.add-tomesode-rental-section .add-search-lists input[type=checkbox] {
  display: none;
}

/* ラベル全体 */
.add-tomesode-rental-section .add-search-lists label {
  position: relative;
  display: inline-block;
  padding-left: 38px;
  font-size: 16px;
  line-height: 1.5;
  cursor: pointer;
  user-select: none;
}

/* チェック枠 */
.add-tomesode-rental-section .add-search-lists label::before {
  content: "";
  position: absolute;
  left: 0;
  top: -3px;
  width: 30px;
  height: 30px;
  border: 1px solid #e4e9ee;
  background: #fff;
}

/* チェックマーク */
.add-tomesode-rental-section .add-search-lists input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 10px;
  width: 13px;
  height: 11px;
  background-image: url(/html/user_data/assets/img/tomesode/icon-check.svg);
  background-size: 13px 11px;
}

/* 元のチェックボックスを非表示に */
.add-checkbox-custom input[type=checkbox] {
  display: none;
}

/* チェック用の枠 */
.add-checkbox-custom .custom-checkbox {
  display: inline-block;
  width: 19px;
  height: 19px;
  position: relative;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #f2f2f2;
  position: relative;
  top: -2px;
  margin-right: 6px;
}

.add-checkbox-custom input[type=checkbox]:checked + .custom-checkbox::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 6px;
  height: 10px;
  border: solid #011e33;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/********************************************************************
	19.ショッピングカート/cart
***************************************/
/*.ec-cartRow__delColumn
--------------------------*/
.ec-cartRow__delColumn {
  width: 100px;
}

/*.ec-cartRow__contentColumn
--------------------------*/
.ec-cartRow__contentColumn {
  width: 700px;
}

/*.ec-cartRow__amountColumn
--------------------------*/
.ec-cartRow__amountColumn {
  width: 200px;
}

/*.ec-cartRow__subtotalColumn
--------------------------*/
.ec-cartRow__subtotalColumn {
  width: 126px;
}

/*.ec-cartTable
--------------------------*/
.ec-cartTable {
  border-bottom: 1px solid #e4e9ee;
}

/*.ec-cartRole
--------------------------*/
.ec-cartRole {
  font-size: 16px;
  color: #000;
  line-height: 1.5;
  max-width: 1200px;
}

form.ec-cartRole {
  padding: 0;
}

.ec-cartRole .ec-cartRole__totalText {
  letter-spacing: 0;
}

.ec-cartRole .ec-cartRole__totalText p small {
  font-size: 10px;
  display: inline-block;
  margin-right: -5px;
}

.ec-cartRole .ec-cartRole__totalText strong {
  font-weight: 500;
}

.ec-cartRole .ec-cartRole__cart {
  margin: 0 auto;
}

.ec-cartHeader {
  margin-bottom: 0;
}

.ec-cartHeader .ec-cartHeader__label {
  padding: 18px 0;
  font-weight: 500;
  background-color: #cadeef;
  border-right: solid 1px #fff;
}

.ec-cartHeader .ec-cartHeader__label:nth-last-child(1) {
  border-right: none;
}

.ec-cartRow {
  margin-bottom: 0;
}

.ec-cartRow .ec-cartRow__summary {
  font-weight: 400;
}

.ec-cartRow .ec-cartRow__delColumn,
.ec-cartRow .ec-cartRow__amountColumn,
.ec-cartRow .ec-cartRow__subtotalColumn {
  border-bottom: none;
}

.ec-cartRow .ec-cartRow__contentColumn {
  padding: 20px 0;
  border-bottom: none;
}

.ec-cartRow .ec-cartRow__img {
  max-width: 130px;
  vertical-align: top;
}

.ec-cartRow .ec-cartRow__img a {
  display: block;
  position: relative;
  overflow: hidden;
}

.ec-cartRow .ec-cartRow__img a:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  content: "";
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.ec-cartRow .ec-cartRow__img a:hover:before {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.ec-cartRow .ec-cartRow__img a img {
  transition: transform 0.3s ease;
}

.ec-cartRow .ec-cartRow__img a:hover img {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}

.ec-cartRow .ec-cartRow__summary {
  width: calc(100% - 170px);
  margin-left: 20px;
}

.ec-cartRow .ec-cartRow__summary .add-price-text {
  margin-left: 14px;
}

.ec-cartRow .ec-cartRow__summary .add-price-text .add-tax-text {
  font-size: 10px;
}

.ec-cartRow .ec-cartRow__summary .ec-cartRow__name a {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #011e33;
}

.ec-cartRow .ec-cartRow__summary .ec-cartRow__name a:hover {
  color: #12365d;
}

.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amount {
  font-size: 14px;
  margin-bottom: 7px;
}

.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton,
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled,
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton {
  margin: 0 2.5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #CECECE;
  width: 35px;
  min-width: 35px;
  max-width: 35px;
  height: 35px;
  line-height: 1;
}

.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton .ec-cartRow__amountDownButton__icon img,
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled .ec-cartRow__amountDownButton__icon img,
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton .ec-cartRow__amountUpButton__icon img {
  margin-left: 0;
  width: 11px;
  height: auto;
  position: relative;
  top: 0;
  left: 0;
}

.ec-cartRow .ec-cartRow__subtotalColumn {
  text-align: center;
}

.ec-cartRole .ec-cartRole__actions {
  width: 100%;
  margin: 0 auto;
}

.ec-cartRole .ec-cartRole__total {
  padding: 18px 0;
  font-weight: 400;
  border-bottom: solid 1px #e4e9ee;
  font-size: 14px;
}

.ec-cartRole .ec-cartRole__totalAmount {
  color: #f70000;
  font-size: 32px;
  font-weight: 500;
  margin-left: 8px;
}

.ec-cartRole .ec-cartRole__totalAmount .ec-price__tax {
  font-size: 14px;
  background-color: red;
}

/*.ec-cartRole .ec-cartRole__button
------------------------------*/
.ec-cartRole .ec-cartRole__button {
  max-width: 570px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
}

.ec-cartRole .ec-blockBtn--action {
  margin-bottom: 0;
}

.ec-cartRole .ec-cartRole__button a + a {
  margin: 0 5px;
}

.ec-alert-warning {
  background: #011e33;
}

/*.add-two-button-container
--------------------------------*/
.add-two-button-container {
  display: flex;
  flex-direction: row-reverse;
  padding: 0 220px;
  gap: 10px;
}

/*.ec-shelfRole
--------------------------------*/
.ec-shelfRole {
  display: none;
}

/*.add-suitList
--------------------------------*/
.ec-cartNaviIsset__cartContent a {
  font-size: 14px;
  display: block;
  margin-bottom: 12px;
}

.ec-cartNaviIsset__cartContent .add-suitList dt {
  background-color: #e4e9ee;
  padding: 6px 12px;
  font-size: 14px;
  margin-bottom: 8px;
  color: #011e33;
}

.ec-cartNaviIsset__cartContent .add-suitList dd {
  font-size: 14px;
  color: #011e33;
}

.ec-cartNaviIsset__cartContent .ec-cartNaviIsset__cartContentPrice {
  font-size: 24px;
  color: #f70000;
  text-align: right;
  margin-top: -4px;
  margin-bottom: 3px;
}

.ec-cartNaviIsset__cartContent .ec-cartNaviIsset__cartContentNumber {
  font-size: 16px;
  text-align: right;
  color: #011e33;
}

/********************************************************************
	ショッピングカート
***************************************/
#page_cart .ec-cartRow__sutbtotal .tax-text {
  font-size: 12px;
}

#page_cart .ec-cartRow__name {
  font-size: 16px;
}

#page_cart .ec-cartRow__name .add-price-text {
  font-size: 16px;
}

/********************************************************************
	20.ご注文手続き
***************************************/
/*.SuitList
--------------------------------*/
.SuitList {
  display: flex;
  margin-left: 0;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 0;
}

/*.SuitList dt
--------------------------------*/
.SuitList dt {
  width: 130px;
  box-sizing: border-box;
  line-height: 1;
  text-align: center;
  margin-bottom: 8px;
  box-sizing: border-box;
}

.SuitList dt .dt-bg {
  padding: 9px 0;
  font-size: 12px;
  font-weight: 400;
  display: block;
  background-color: #e4e9ee;
  color: #011e33;
}

/*.SuitList dd
--------------------------------*/
.SuitList dd {
  padding: 9px 0;
  width: calc(100% - 130px);
  font-size: 14px;
  line-height: 1;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 10px;
  box-sizing: border-box;
  margin-bottom: 8px;
}

.SuitList dd.add-address-area {
  padding-top: 0;
  position: relative;
  top: -2px;
  line-height: 1.5;
}

/*------------------------------------------------------------------------------
	#page_shopping(ご注文手続き)
-------------------------------*/
#page_shopping .ec-orderAccount__account {
  padding: 0 20px;
}

#page_shopping .ec-borderedList {
  padding: 0 10px;
}

#page_shopping .SuitList {
  display: block;
  margin-left: 0;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 0;
}

#page_shopping .SuitList dt {
  width: 100%;
  text-align: left;
}

#page_shopping .SuitList dt .dt-bg {
  display: block;
  padding: 8px 16px;
}

#page_shopping .SuitList dd {
  width: 100%;
}

@media screen and (min-width: 980px) {
  #page_shopping .SuitList {
    display: flex;
  }
  #page_shopping .SuitList dt {
    width: 130px;
  }
  #page_shopping .SuitList dd {
    width: calc(100% - 130px);
  }
}
/*------------------------------
	#page_shopping_confirm(ご注文内容のご確認)
-------------------------------*/
#page_shopping_confirm .ec-orderAccount__account {
  padding: 0 20px;
}

#page_shopping_confirm .ec-borderedList {
  padding: 0 10px;
}

#page_shopping_confirm .SuitList {
  display: block;
  margin-left: 0;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 0;
}

#page_shopping_confirm .SuitList dt {
  width: 100%;
  text-align: left;
}

#page_shopping_confirm .SuitList dt .dt-bg {
  display: block;
  padding: 8px 16px;
}

#page_shopping_confirm .SuitList dd {
  width: 100%;
}

@media screen and (min-width: 980px) {
  #page_shopping_confirm .SuitList {
    display: flex;
  }
  #page_shopping_confirm .SuitList dt {
    width: 130px;
  }
  #page_shopping_confirm .SuitList dd {
    width: calc(100% - 130px);
  }
}
/*.SuitList-type-a
--------------------------------*/
/*.ec-orderRole
--------------------------------*/
.ec-orderRole {
  max-width: 1240px;
  color: #011e33;
  line-height: 1.5;
  margin-top: 0;
}

.ec-orderRole .ec-orderRole__detail {
  padding: 0 45px 0 0;
  width: 68.75%;
}

.ec-orderRole .ec-orderRole__summary {
  width: 31.25%;
  padding: 0;
  color: #011e33;
}

.ec-rectHeading h2 {
  background: #cadeef;
  padding: 18px 20px;
  margin-bottom: 23px;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 600;
  box-sizing: border-box;
}

.ec-orderAccount .ec-orderAccount__account {
  padding: 0 40px;
  margin-bottom: 10px;
}

.ec-orderAccount .ec-orderAccount__account .ec-halfInput {
  display: block;
}

/*.ec-orderDelivery__title
--------------------------------*/
.ec-orderDelivery .ec-orderDelivery__title {
  padding: 16px 20px 26px 20px;
}

.ec-orderAccount p,
.ec-orderDelivery .ec-orderDelivery__address p {
  line-height: 1.8;
  letter-spacing: 0;
}

.mypage .ec-orderRole .ec-inlineBtn {
  font-weight: normal;
  border: 0;
}

.ec-orderDelivery__title .ec-inlineBtn,
.ec-orderAccount__change .ec-inlineBtn {
  width: 80px;
  height: 40px;
}

.ec-orderDelivery .ec-orderDelivery__address {
  margin: 0 0 24px;
  padding: 0 40px;
}

.ec-orderRole .ec-borderedList {
  margin-bottom: 30px;
  padding: 0 20px;
}

.ec-borderedList li {
  margin-top: -1px;
  border-bottom: none;
}

/*.ec-imageGrid 
---------------------------------------------------------------------------------------------------------------*/
.ec-imageGrid {
  display: block;
  border-top: none;
  border-bottom: none;
  margin-top: 0;
}

/*.ec-imageGrid .ec-imageGrid__content
--------------------------------*/
.ec-imageGrid .ec-imageGrid__content p {
  margin: 7px 0;
  line-height: 1.5;
}

/*.add-item-name-text
--------------------------------*/
.ec-imageGrid .ec-imageGrid__content .add-item-name-text {
  padding-bottom: 8px;
  color: #011e33;
}

.ec-imageGrid .ec-imageGrid__content .add-item-name-text .add-price-text .add-tax-text {
  font-size: 10px;
}

/*.ec-orderDelivery__edit
--------------------------------*/
.ec-orderDelivery__edit {
  margin-bottom: 30px;
  padding: 0 20px;
}

.ec-orderDelivery__edit .ec-inlineBtn {
  background-color: #f2f2f2;
  color: #fff;
  border: none;
  width: 400px;
  height: 66px;
  position: relative;
  background-color: #011e33;
  font-size: 14px;
  text-align: left;
  padding: 0 24px;
  box-sizing: border-box;
  line-height: 1;
  font-family: YakuHanMP, "Noto Serif JP", serif;
}

.ec-orderDelivery__edit .ec-inlineBtn::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 24px;
  width: 12px;
  height: 18px;
  background-image: url(/html/user_data/assets/img/morning/icon-arrow-b.svg);
  background-repeat: no-repeat;
  transform: scale(-1, 1);
  transform: rotate(-90deg);
}

.ec-orderDelivery__edit .ec-inlineBtn:focus,
.ec-orderDelivery__edit .ec-inlineBtn:focus-visible,
.ec-orderDelivery__edit .ec-inlineBtn:active {
  outline: none;
  box-shadow: none;
}

/*.ec-orderDelivery__actions
--------------------------------*/
.ec-orderDelivery__actions {
  padding: 20px 20px;
}

.ec-orderDelivery__actions .ec-select label {
  margin-right: 15px;
  font-weight: normal;
}

.ec-orderDelivery__actions .ec-select {
  display: flex;
  align-items: center;
  width: 100%;
}

.ec-orderDelivery__actions .ec-select__delivery,
.ec-orderDelivery__actions .ec-select__time {
  display: inline-flex;
  width: auto;
}

.ec-orderDelivery__actions .ec-select__delivery {
  margin-right: 35px;
}

.ec-select__delivery .ec-select {
  margin-bottom: 0;
}

.ec-orderDelivery__actions .ec-selects {
  padding-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
}

.ec-orderDelivery__actions .ec-select select {
  width: 210px;
}

#add_shopping_noshi_area .ec-rectHeading h2 {
  margin: 0 -20px 15px;
}

.shopping_noshi_area .noshi label {
  padding-bottom: 6px;
}

.shopping_noshi_area .form-control {
  padding: 0 40px 0 20px;
  height: 60px;
  border: 0;
  border-radius: 0;
  background: url(/html/user_data/assets/img/common/icon_select.svg) right 20px center no-repeat #F5F5F5;
  font-size: 16px;
}

.shopping_noshi_area select.form-control {
  max-width: 310px;
}

.text-danger {
  padding: 5px 0 20px;
  font-weight: 500;
  line-height: 1.5;
  font-size: 18px;
  margin-bottom: 0;
}

.ec-orderPayment {
  margin-bottom: 40px;
}

.ec-radio {
  padding: 0 20px;
  line-height: 2;
}

.ec-radio.pd-none {
  padding: 0;
}

.ec-radio input {
  appearance: none;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: -2px;
  width: 18px;
  height: 18px;
  border: 1px solid #12365d;
  border-radius: 100%;
  position: absolute;
  left: 16px;
  top: 12px;
  background-color: #fff;
}

/* 新規会員登録  スタイル変更
--------------------------------*/
#page_entry .ec-radio input {
  appearance: auto !important;
  position: static;
  background-color: #fff !important;
}

#page_entry .ec-radio input:checked:after {
  content: "";
  display: block;
  position: relative;
  left: 4px;
  top: 4px;
  width: 8px;
  height: 8px;
  background: #12365d;
  border-radius: 100%;
}

/*------------------------------*/
.ec-radio .ec-halfInput input {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  background: #F5F5F5;
  border: 1px solid #F5F5F5;
  border-radius: 0;
  -webkit-appearance: none;
}

#zeus_input_cvv .ec-input input {
  display: block;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  background: #F5F5F5;
  border: 1px solid #F5F5F5;
  border-radius: 0;
  -webkit-appearance: none;
}

.ec-radio #zeus_input_cardno .ec-input input {
  display: block;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  background: #F5F5F5;
  border: 1px solid #F5F5F5;
  border-radius: 0;
  -webkit-appearance: none;
}

.ec-radio input:checked:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 8px;
  height: 8px;
  background: #12365d;
  border-radius: 100%;
}

.ec-radio #zeus_input_expire .ec-select {
  display: flex;
  align-items: center;
  gap: 0 15px;
}

.ec-orderConfirm .ec-input {
  padding: 0 20px;
}

.ec-orderConfirm .ec-input textarea,
.ec-orderConfirm .ec-halfInput textarea,
.ec-orderConfirm .ec-numberInput textarea,
.ec-orderConfirm .ec-zipInput textarea,
.ec-orderConfirm .ec-telInput textarea,
.ec-orderConfirm .ec-select textarea,
.ec-orderConfirm .ec-birth textarea {
  height: 200px;
}

.ec-totalBox {
  background: #f2f0eb;
  padding: 24px 16px;
  margin-bottom: 16px;
  text-align: center;
}

@media screen and (min-width: 980px) {
  .ec-totalBox {
    background: #f2f0eb;
    padding: 30px 28px;
    margin-bottom: 16px;
    text-align: center;
  }
}
.ec-totalBox .ec-totalBox__spec {
  font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.ec-totalBox .ec-totalBox__spec dt,
.ec-totalBox .ec-totalBox__spec dd {
  font-size: 14px;
}

.ec-totalBox .ec-totalBox__total,
.ec-totalBox .ec-totalBox__paymentTotal {
  border-top: 1px solid #cecece;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 0 8px 0;
}

/*.ec-totalBox .ec-totalBox__price
--------------------------------*/
.ec-totalBox .ec-totalBox__price {
  font-size: 20px;
  font-weight: 500;
  margin-left: 6px;
}

@media screen and (min-width: 980px) {
  .ec-totalBox .ec-totalBox__price {
    font-size: 26px;
  }
}
.ec-totalBox .ec-totalBox__taxLabel {
  color: #011e33 !important;
}

.ec-totalBox .ec-totalBox__taxRate {
  font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 13px;
}

.ec-totalBox .ec-totalBox__taxRate dt {
  margin-right: 4px;
}

.ec-totalBox .ec-totalBox__btn .ec-blockBtn--action {
  border: 0;
  font-weight: normal;
  font-size: 18px;
}

.ec-totalBox .ec-totalBox__btn a {
  background-image: url(/html/user_data/assets/img/common/icon_arrow_right_black.svg);
  background-color: #fff;
  border: 0;
  color: #000;
}

.ec-totalBox .add-base-button.add-icon-arrow-r {
  width: 100%;
  margin-bottom: 10px;
}

.ec-totalBox .add-base-button.add-icon-arrow-r::after {
  display: none;
}

@media screen and (min-width: 1020px) {
  .ec-totalBox .add-base-button.add-icon-arrow-r::after {
    display: block;
  }
}
/*.ec-totalBox .ec-totalBox__taxRate
--------------------------------*/
.ec-totalBox .ec-totalBox__taxRate {
  display: block;
  margin-bottom: 8px;
}

.ec-totalBox .ec-totalBox__taxRate dt {
  text-align: right;
}

.ec-totalBox .ec-totalBox__taxRate dd {
  text-align: right;
}

.ec-totalBox .ec-totalBox__taxLabel {
  white-space: nowrap;
}

.ec-totalBox .ec-totalBox__taxRate dt::before {
  content: "";
}

.ec-totalBox .ec-totalBox__taxRate dd::after {
  content: "";
}

/*.ec-blockRadio
--------------------------------*/
.ec-blockRadio {
  padding: 0 20px;
}

/*.ec-orderCoupon
--------------------------------*/
.ec-orderCoupon {
  padding-bottom: 40px;
}

/*.add-coupon-text
--------------------------------*/
.add-coupon-text {
  padding-bottom: 15px;
}

/*#customer_detail_box.column p
--------------------------------*/
#customer_detail_box.column p {
  padding-bottom: 15px;
  display: block;
  margin-top: 15px;
}

#customer_detail_box.column .ec-inlineBtn {
  font-size: 16px;
  background-color: #12365D;
  border: none;
  color: #fff;
}

/*.ec-radio .add-ec-radio label
--------------------------------*/
.ec-radio .add-ec-radio {
  display: block;
}

/*.add-ec-radio-label
--------------------------------*/
.ec-radio .add-ec-radio .add-ec-radio-label {
  background-color: #f2f2f2;
  display: block;
  padding: 12px 50px;
  margin-bottom: 8px;
  width: 100%;
  transition: background-color 0.3s;
  padding-left: 40px;
  position: relative;
  color: #011e33;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  line-height: 1;
}

/*.add-ec-radio-label.checked
--------------------------------*/
.ec-radio .add-ec-radio .add-ec-radio-label.checked {
  background-color: #f6f4e5 !important;
}

/*.ec-inlineBtn
--------------------------------*/
.ec-orderDelivery__change .ec-inlineBtn {
  font-size: 16px;
  height: auto;
  background-color: #011e33;
  border: none;
  color: #fff;
  position: relative;
  top: 6px;
  right: 20px;
}

/*.ec-totalBox
--------------------------------*/
.ec-totalBox {
  background-color: #fff;
  border: solid 1px #e4e9ee;
}

/*.add-totalBox__paymentTotal-text
--------------------------------*/
.add-totalBox__paymentTotal-text {
  display: block;
}

@media screen and (min-width: 1200px) {
  .add-totalBox__paymentTotal-text {
    display: inline-block;
  }
}
/*.ec-totalBox__price
--------------------------------*/
.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__price {
  color: #f70000;
  font-size: 28px;
}

@media screen and (min-width: 980px) {
  .ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__price {
    font-size: 32px;
  }
}
/*.ec-blockBtn--action
--------------------------------*/
.ec-totalBox__btn .ec-blockBtn--cancel {
  font-size: 16px;
  background-color: #D9D9D9 !important;
  font-family: YakuHanJP, "Noto Serif JP";
}

/*.ec-orderCoupon
--------------------------------*/
.ec-shelfRole {
  display: none;
}

/********************************************************************
	21.ご注文完了/complete
***************************************/
/*.add-order-number-container
--------------------------------*/
.add-order-number-container {
  width: 154px;
  margin: 0 auto;
}

/*dt
--------------------------------*/
.add-order-number-container dt {
  background-color: #e4e9ee;
  font-size: 20px;
  color: #011e33;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  padding: 16px 20px;
}

/*dd
--------------------------------*/
.add-order-number-container dd {
  font-size: 60px;
  color: #011e33;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  padding: 16px 20px;
}

/********************************************************************
	1-1.留袖レンタル /tomesode
***************************************/
.ec-productRole__description {
  font-weight: 400;
  line-height: 1.8;
}

/******************************************************************************************************
	22.マイページ/ご注文履歴詳細
***************************************/
/*.ec-definitions
--------------------------------*/
.ec-orderOrder .ec-definitions {
  display: flex;
  margin: 0;
  margin-bottom: 8px;
}

/*dt
--------------------------------*/
.ec-orderOrder .ec-definitions dt {
  width: 130px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 1;
  background-color: #e4e9ee;
  text-align: center;
  color: #011e33;
  padding: 8px 0;
  font-weight: 400;
}

/*dd
--------------------------------*/
.ec-orderOrder .ec-definitions dd {
  padding: 8px 0;
  width: calc(100% - 130px);
  font-size: 14px;
  line-height: 1;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 10px;
  box-sizing: border-box;
}

/*.ec-orderDelivery__title
--------------------------------*/
/*.ec-definitions--soft
--------------------------------*/
.ec-definitions--soft {
  display: none;
}

/*.ec-orderDelivery__item
--------------------------------*/
#page_mypage_history .ec-orderDelivery__item {
  margin-bottom: 16px;
}

#page_mypage_history .ec-imageGrid .ec-imageGrid__img {
  padding: 0;
}

/*.ec-orderPayment
--------------------------------*/
.ec-orderPayment .add-inner {
  padding: 0 40px;
}

.ec-orderPayment .add-inner p {
  font-size: 14px;
}

/*.ec-orderOrder
--------------------------------*/
.ec-orderOrder {
  padding: 0 40px;
}

/*.ec-orderConfirm
--------------------------------*/
.ec-orderConfirm .add-inner {
  padding: 0 40px;
}

.ec-orderConfirm .add-inner p {
  font-size: 14px;
}

/*.ec-orderMails
--------------------------------*/
.ec-orderMails .add-inner {
  padding: 0 40px;
}

.ec-orderMails .add-inner p,
.ec-orderMails .ec-orderMail__time,
.ec-orderMails .ec-orderMail__body {
  font-size: 14px;
}

/*.ec-orderDelivery__title
--------------------------------*/
.ec-orderDelivery__title {
  font-size: 16px;
  font-weight: 600;
  padding: 0;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: solid 1px #e4e9ee;
  font-weight: 600;
}

/*.ec-orderDelivery__item
--------------------------------*/
.ec-orderDelivery__item .ec-imageGrid__img {
  height: auto;
  width: 25%;
}

.ec-orderDelivery__item .ec-imageGrid__img img {
  width: 100%;
}

.ec-orderDelivery__item .ec-imageGrid__content {
  width: 53%;
  padding-left: 2%;
}

.ec-orderDelivery__item .ec-imageGrid .ec-imageGrid__content span {
  margin-left: 0;
}

@media screen and (min-width: 1080px) {
  .ec-orderDelivery__item .ec-imageGrid__img {
    width: 200px;
    height: auto;
  }
  .ec-orderDelivery__item .ec-imageGrid__img img {
    width: 100%;
  }
  .ec-orderDelivery__item .ec-imageGrid__content {
    width: calc(100% - 200px);
    box-sizing: border-box;
    padding-left: 40px;
  }
  .ec-orderDelivery__item .ec-imageGrid .ec-imageGrid__content span {
    margin-left: 0;
  }
}
/********************************************************************
	22.特定商取引法に基づく表記/complete
***************************************/
#page_help_tradelaw .add-borderedDefs dl {
  display: flex;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 0;
}

#page_help_tradelaw .add-borderedDefs dt {
  width: 30%;
  font-weight: 500;
  padding: 15px 0;
}

#page_help_tradelaw .add-borderedDefs dd {
  width: 70%;
  padding: 15px 0;
  margin-bottom: 0;
}

#page_help_tradelaw .add-borderedDefs .title {
  margin-bottom: 8px;
}

#page_help_tradelaw .add-guide-lists li .tel {
  color: #011e33;
  pointer-events: none;
}

/********************************************************************
	23.プライバシーポリシー
***************************************/
.add-privacy-table {
  margin-bottom: 24px;
}

.add-privacy-table dt {
  margin-bottom: 12px;
  line-height: 1.6;
}

.add-privacy-table dd .add-privacy-lists {
  list-style-type: none;
  padding-left: 0;
  margin-top: 8px;
}

.add-privacy-table dd .add-privacy-lists li {
  padding-left: 1em;
  text-indent: -1em;
}

.add-privacy-table .tel {
  display: inline-block;
  color: #011e33;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}

/********************************************************************
	24.カレンダー
***************************************/
/* === カレンダーの全体構造 === */
#ReserveCalendar {
  max-width: 700px;
  margin: 0 auto;
  font-family: sans-serif;
  font-size: 14px;
}

/* === テーブル全体 === */
.fc table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.fc-scrollgrid-sync-table {
  width: 100% !important;
  height: auto !important;
}

.fc-scroller-liquid-absolute {
  overflow: auto !important;
  position: static !important;
}

.fc-view-harness {
  height: auto !important;
}

.fc .fc-view-harness-active > .fc-view {
  position: static !important;
}

/* === 曜日ヘッダー === */
.fc-col-header-cell {
  background: #f0f0f0;
  color: #333;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  padding: 8px 0;
  border: 1px solid #ddd;
}

/* === 曜日のラベルテキストを中央に === */
.fc-col-header-cell-cushion {
  display: inline-block;
  width: 100%;
  text-align: center;
}

/* === 日付マス === */
.fc-daygrid-day {
  border: 1px solid #ddd;
  height: 40px;
  padding: 0;
  position: relative;
  box-sizing: border-box;
  vertical-align: top;
}

/* === 日付のフレームをflexで中央寄せにする === */
.fc-daygrid-day-frame {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  cursor: pointer;
}

/* === 日付の数字を中央に === */
.fc-daygrid-day-number {
  font-size: 14px;
  color: #333;
  text-decoration: none;
  margin-top: 0 !important;
}

.fc .fc-daygrid-day-number {
  margin-top: 0;
}

/* === 選択（ブルー）より数字を手前に出す === */
.fc-daygrid-day-number,
.fc-daygrid-day-top {
  position: relative;
  z-index: 99;
}

.fc-daygrid-day-top a {
  font-size: 16px;
  font-weight: 700;
}

/* === ヘッダーのナビゲーションボタン表示 === */
.fc-header-toolbar,
.fc-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.fc .fc-button:hover {
  background: #e0e0e0;
}

.fc .fc-daygrid-day-bg .fc-highlight {
  background-color: #7ecef4;
}

.fc-event-title.fc-sticky {
  height: 0;
  width: 0;
  overflow: hidden;
  display: block;
}

.fc-daygrid-day-events {
  height: 0;
  width: 0;
  overflow: hidden;
  display: block;
}

.fc-col-header-cell-cushion {
  padding: 10px 0 !important;
  color: #011e33;
  background-color: #e4e9ee;
  border-right: solid 1px #fff !important;
}

.fc-prev-button.fc-button.fc-button-primary,
.fc-next-button.fc-button.fc-button-primary {
  display: inline-block;
  padding: 10px 10px;
  background: #fff;
  border: 1px solid #e4e9ee;
  color: #011e33;
  font-size: 14px;
  border-radius: 0;
  opacity: 1;
  transition: all 0.3s, color 0.3s;
}

.fc-prev-button.fc-button.fc-button-primary:hover,
.fc-next-button.fc-button.fc-button-primary:hover {
  background: #011e33;
  color: #fff;
  opacity: 1;
}

.fc-today-button.fc-button.fc-button-primary {
  display: none;
}

#ReserveCalendar .fc table,
#ReserveCalendar .fc-daygrid-day,
#ReserveCalendar .fc-col-header-cell {
  border-color: #e4e9ee;
}

.fc-day-future:hover {
  cursor: pointer !important;
  background-color: #9dcfea !important;
  opacity: 1 !important;
}

/********************************************************************
	24.ゲスト購入
***************************************/
.ec-grid3 {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 40px;
}

.ec-grid3 .ec-grid3__cell2 {
  width: 60%;
  padding-right: 40px;
}

.ec-grid3 .ec-login {
  padding: 0;
}

.ec-grid3 .ec-grid3__cell {
  width: 40%;
}

.ec-grid3__cell .ec-guest {
  margin: 0;
}

.ec-grid3__cell .ec-guest .add-base-button.add-icon-arrow-r {
  width: 100%;
}

/********************************************************************
	25.お届け先の指定
***************************************/
#page_shopping_shipping_multiple .ec-AddAddress .ec-AddAddress__item {
  background-color: #fff;
  border: solid 1px #e4e9ee;
  margin-bottom: 32px;
}

#page_shopping_shipping_multiple .ec-select label {
  display: block;
  margin-bottom: 24px;
}

#page_shopping_shipping_multiple .ec-AddAddress__info {
  margin-bottom: 32px;
  text-align: center;
  font-size: 16px;
}

#page_shopping_shipping_multiple .ec-AddAddress__new .ec-inlineBtn {
  border: none;
  line-height: 1;
  padding: 20px;
  color: #fff;
  background-color: #011e33;
  font-family: YakuHanSerif, "Noto Serif JP";
  font-weight: 400;
}

#page_shopping_shipping_multiple .ec-AddAddress__itemtTitle {
  font-size: 18px;
  margin-bottom: 16px;
}

#page_shopping_shipping_multiple .ec-AddAddress__selectAddress {
  width: 100%;
}

#page_shopping_shipping_multiple .ec-AddAddress__selectAddress .shipping.form-select {
  width: 100% !important;
  max-width: none;
  font-size: 14px;
}

#page_shopping_shipping_multiple .ec-AddAddress__itemtPrice {
  margin-top: 8px;
  font-size: 16px;
  line-height: 1;
  text-align: right;
}

#page_shopping_shipping_multiple .ec-AddAddress__item {
  padding: 32px !important;
}

#page_shopping_shipping_multiple .ec-AddAddress__itemtTitle {
  display: block;
  font-size: 14px;
  color: #12365d;
  font-weight: normal;
}

#page_shopping_shipping_multiple .ec-AddAddress__itemtPrice .add-tax-text {
  font-size: 12px;
  margin-left: -2px;
  display: inline-block;
}

/********************************************************************
	26.パスワードの再発行
***************************************/
/********************************************************************
	27.会社概要
***************************************/
.add-company-inner {
  max-width: 780px;
  margin: 0 auto;
  padding: 0 40px;
}

.add-company-table {
  width: 100%;
  margin-bottom: 28px;
}

.add-company-table,
.add-company-table th,
.add-company-table td {
  font-size: 16px;
  padding: 16px 30px;
  text-align: left;
  border: 1px solid #e4e9ee;
  border-collapse: collapse;
}

.add-company-table th {
  width: 180px;
  background-color: #cadeef;
  color: #011e33;
}

.add-company-table td {
  width: calc(100% - 180px);
  text-align: left;
}

.add-company-table td .tel {
  pointer-events: none;
  color: #011e33;
}

/* サイズ表：ベーススタイル */
.sizeSpec__content {
  overflow-x: auto;
  overflow: hidden;
}

.complicate_data_table {
  border-collapse: collapse;
  table-layout: fixed; /* 列幅を均等に */
  min-width: 1300px;
  width: 100%;
  font-size: 14px; /* テーブル内も14pxに統一 */
}

/* セル共通：均等幅・細線・文字中央・背景白 */
.complicate_data_table th,
.complicate_data_table td {
  width: auto;
  text-align: center;
  padding: 6px;
  border: 1px solid #ddd;
  background-color: #fff;
  word-break: break-word;
  font-size: 14px; /* 明示的に指定 */
}

/* 偶数行（4号・6号…）だけ背景を #f4f4f4 に */
.complicate_data_table tr:nth-of-type(even) td,
.complicate_data_table tr:nth-of-type(even) th {
  background-color: #f4f4f4;
}

/* ヘッダー行 */
.complicate_data_table th {
  font-weight: bold;
  background-color: #f4f4f4;
}

/* 太字にしたいセル */
.sizeSpec__data--bold {
  font-weight: bold;
}

/* 固定列（体型・号数）も太字 */
.sizeSpec__data--fixed {
  font-weight: bold;
}

/* カテゴリの切替見出し（A体 / AB体など） */
.sizeSpec_tableTitle th {
  background-color: #f4f4f4 !important;
  font-size: 14px;
  border-top: 2px solid #ddd;
}

/* 股下カラムの強調はしない */
.inseam {
  background-color: inherit;
}

/*.swipe-text-container
--------------------------------*/
.swipe-text-container {
  padding-bottom: 9px;
}
@media screen and (min-width: 1600px) {
  .swipe-text-container {
    display: none;
  }
}
.swipe-text-container .swipe-text {
  font-size: 14px;
  padding-top: 4px;
  padding-left: 24px;
  text-align: center;
  position: relative;
  display: inline-block;
  line-height: 1;
}
.swipe-text-container .swipe-text .icon-swipe {
  position: absolute;
  display: inline-block;
  top: 8px;
  left: 0;
  width: 16px;
  font-size: 1px;
}
.swipe-text-container .swipe-text .icon-swipe img {
  width: 100%;
}

/********************************************************************
	28.スライド
***************************************/
.main-slider {
  width: 100%;
  max-width: 800px;
  height: 500px;
  margin: 0 auto 10px;
}

.thumb-slider {
  width: 100%;
  max-width: 800px;
  height: 100px;
  margin: 0 auto;
}

.swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
}

.main-slider .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
}

/*.thumb-slider .swiper-slide img
--------------------------------*/
.thumb-slider .swiper-slide img {
  opacity: 1;
  transition: opacity 0.3s;
}

.thumb-slider .swiper-slide-thumb-active img {
  opacity: 0.4;
}

/*.custom-prev, .custom-next
--------------------------------*/
.custom-prev,
.custom-next {
  display: none;
}

/********************************************************************
	ご注文内容のご確認
***************************************/
#page_shopping_confirm.other_page .ec-orderConfirm .ec-input {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

#page_shopping_confirm .cancel-policy-text-container {
  margin-top: 20px;
  margin-bottom: 20px;
}

#page_shopping_confirm .cancel-policy-text-container .cancel-policy-text {
  margin-top: 20px;
  margin-bottom: 20px;
}

#page_shopping_confirm .cancel-policy-text-container .cancel-policy-text label {
  position: relative;
  padding-left: 28px;
  font-size: 15px;
}

@media screen and (min-width: 980px) {
  #page_shopping_confirm .cancel-policy-text-container .cancel-policy-text label {
    font-size: 18px;
    padding-left: 30px;
  }
}
@media screen and (min-width: 1180px) {
  #page_shopping_confirm .cancel-policy-text-container .cancel-policy-text label .br {
    display: none;
  }
}
@media screen and (min-width: 980px) {
  #page_shopping_confirm .cancel-policy-text-container .cancel-policy-text label::before {
    content: "";
    top: 2px;
  }
}
#page_shopping_confirm .cancel-policy-text-container .cancel-policy-text label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 23px;
  height: 23px;
  border: 1px solid #e4e9ee;
  background: #fff;
}

#page_shopping_confirm .cancel-policy-text-container .cancel-policy-text input[type=checkbox] {
  display: none;
}

#page_shopping_confirm .cancel-policy-text-container .cancel-policy-text input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 6px;
  width: 12px;
  height: 10px;
  background-image: url(/html/user_data/assets/img/tomesode/icon-check.svg);
  background-size: 12px 10px;
}

/********************************************************************
	ページネーション
***************************************/
.ec-pagerRole .ec-pager ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ec-pagerRole .ec-pager .ec-pager__item.ec-pager__prev .prev-arrow,
.ec-pagerRole .ec-pager .ec-pager__item.ec-pager__next .next-arrow {
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 16px 8px;
}

.ec-pagerRole .ec-pager .ec-pager__item.ec-pager__prev .prev-arrow {
  padding-left: 32px;
  background-position: left center;
  background-image: url(/html/user_data/assets/img/common/add-prev-arrow.svg);
}

.ec-pagerRole .ec-pager .ec-pager__item.ec-pager__next .next-arrow {
  padding-right: 32px;
  background-position: right center;
  background-image: url(/html/user_data/assets/img/common/add-next-arrow.svg);
}

.ec-pagerRole .ec-pager .ec-pager__item--active {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f6f4e5;
  width: 50px;
  height: 50px;
  margin: 0 20px;
}

.ec-pagerRole .ec-pager .ec-pager__item a {
  color: #011e33;
}

.ec-pagerRole .ec-pager .ec-pager__item {
  transition: all 0.3s ease;
}

.ec-pager__item.is-disabled {
  display: none !important;
}

.ec-pagerRole .ec-pager .ec-pager__item:hover,
.ec-pagerRole .ec-pager .ec-pager__item a:hover {
  background-color: transparent;
  opacity: 0.7;
}

/********************************************************************
	お問い合わせ
***************************************/
#page_contact .ec-borderedDefs dl:nth-last-child(1) {
  border-bottom: none;
}

#page_contact .ec-para-normal {
  line-height: 1.8;
  margin-bottom: 16px;
}

#page_contact input[type=text],
#page_contact input[type=tel],
#page_contact input[type=email],
#page_contact select,
#page_contact textarea {
  border-color: #e4e9ee;
}

#page_contact input[type=text]:focus,
#page_contact input[type=tel]:focus,
#page_contact input[type=email]:focus,
#page_contact select:focus,
#page_contact textarea:focus {
  box-shadow: none;
  border-color: #e4e9ee;
  outline: none;
}

#page_contact .ec-borderedDefs dl dd {
  padding-left: 16px;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

#page_contact .add-name-area {
  display: flex;
  gap: 20px;
}

#page_contact .add-name-area .add-name01-area,
#page_contact .add-name-area .add-name02-area {
  width: 210px;
}

#page_contact .ec-borderedDefs dl dd .ec-errorMessage {
  line-height: 1;
  margin: 0;
  margin-bottom: 12px;
}

#page_contact textarea {
  font-size: 16px;
}

/********************************************************************
	マイページ/会員情報編集
***************************************/
#page_mypage_change .ec-borderedDefs dl:nth-last-child(1) {
  border-bottom: none;
}

#page_mypage_change .ec-para-normal {
  line-height: 1.8;
  margin-bottom: 16px;
}

#page_mypage_change input[type=text],
#page_mypage_change input[type=tel],
#page_mypage_change input[type=email],
#page_mypage_change select,
#page_mypage_change textarea {
  border-color: #e4e9ee;
}

#page_mypage_change input[type=text]:focus,
#page_mypage_change input[type=tel]:focus,
#page_mypage_change input[type=email]:focus,
#page_mypage_change select:focus,
#page_mypage_change textarea:focus {
  box-shadow: none;
  border-color: #e4e9ee;
  outline: none;
}

#page_mypage_change .ec-borderedDefs dl dd {
  padding-left: 16px;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

#page_mypage_change .add-name-area {
  display: flex;
  gap: 20px;
}

#page_mypage_change .add-name-area .add-name01-area,
#page_mypage_change .add-name-area .add-name02-area {
  width: 210px;
}

#page_mypage_change .ec-borderedDefs dl dd .ec-errorMessage {
  line-height: 1;
  margin: 0;
  margin-bottom: 12px;
}

#page_mypage_change textarea {
  font-size: 16px;
}

/********************************************************************
	ご利用規約
***************************************/
#page_help_agreement .agreement {
  margin-bottom: 40px;
}

#page_help_agreement .agreement dt {
  font-size: 18px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: solid 1px #999;
}

#page_help_agreement .agreement dd .sub-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
}

#page_help_agreement .agreement dd .sub-title.indent {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
  padding-left: 0.9em;
  text-indent: -0.9em;
}

#page_help_agreement .agreement dd .text {
  font-size: 16px;
  margin-bottom: 12px;
}

#page_help_agreement .agreement dd .lists-type-a {
  padding-left: 0;
}

#page_help_agreement .agreement dd .lists-type-a li {
  line-height: 1.6;
  margin-bottom: 8px;
  list-style: none;
  padding-left: 0.8em;
  text-indent: -0.8em;
}

#page_help_agreement .agreement dd .lists-type-b {
  padding-left: 0;
}

#page_help_agreement .agreement dd .lists-type-b li {
  line-height: 1.6;
  margin-bottom: 8px;
  list-style: none;
  padding-left: 1.2em;
  text-indent: -1.2em;
}

/********************************************************************
	パスワード再発行(再設定)
***************************************/
#page_forgot_reset .ec-off4Grid__cell {
  margin-bottom: 80px;
}

.c_policy {
  height: 300px;
  background-color: #e4e9ee;
  padding: 20px;
  overflow: scroll;
}

.c_polic p {
  padding: 0 0 1.2em;
}

/********************************************************************
	ゲスト購入
***************************************/
#page_shopping .ec-borderedDefs dd .ec-halfInput .customer-form {
  width: 50%;
}

#page_shopping .ec-borderedDefs dd .ec-halfInput .customer-company_name {
  width: 100%;
}

#page_shopping .ec-borderedDefs dd .ec-halfInput .customer-postal_code {
  width: 100%;
}

#page_shopping .ec-borderedDefs dd .customer-postal_code #edit5 {
  width: 130px !important;
  max-width: none;
  padding: 0 0 !important;
  text-align: center;
}

#page_shopping .ec-zipInput .ec-zipInputHelp a {
  margin-left: 220px;
  width: 130px;
  max-width: none;
}

#page_shopping #customer-ok .ec-inlineBtn {
  background-color: #011e33;
  color: #fff;
  border: none;
}

#page_shopping #customer-cancel .ec-inlineBtn {
  background-color: #011e33;
  color: #fff;
  border: none;
}

#page_shopping #customer.ec-inlineBtn {
  width: 130px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: #011e33;
  color: #fff;
  box-shadow: none;
  font-family: YakuHanJP, "Noto Serif JP";
  font-weight: 500 !important;
}

/*==========================================
  Layout
==========================================*/