.l-container--user .l-contents{
  padding-bottom: 6rem;
}

@media screen and (max-width: 767px) {
  .l-container--user .l-contents .c-text--h-xxl{
  font: var(--text-h-xl);
  }
}

@media screen and (min-width: 768px) {
  .l-container--user .l-contents{
    padding-bottom: 10rem;
  }
}

.l-form__area:has(.c-form__table-contents) .c-lead{
  display: none;
}
.l-form__area:has(.c-form__table-contents) .c-lead--visible{
  display: block;
}
.c-form__table-content--has-button{
  display: flex;
  justify-content: space-between;
  gap: 0 0.8rem;
  align-items: center;
  word-break: break-all;
}


.c-form__table-content--has-button .button__group [class*="c-button"]{
  --padding-horizontal-button: 1rem;
  --padding-vertical-button: 1rem;
  min-width: 5.4rem;
  font-size: 1.2rem;
}

@media screen and (min-width: 768px) {
  .c-form__table-content--has-button .button__group{
    flex-direction: column-reverse;
    margin: 0;
  }
}

.c-form__table-content--has-button .button__group {
  margin-top: 0;
  margin-right: 0;
  margin-left: .8rem;
}

@media screen and (min-width: 768px) {
  .c-form__table-content--has-button .button__group{
    margin-left: 1.6rem;
  }
}

/* マイページメニュー */
.l-container--user .mypage-menu{
  width: var(--container--width);
	display: grid;
	row-gap: 2.8rem;
	padding: 2.8rem 2rem 4rem;
	background-color: var(--color-bg-secondary-1);
  margin-bottom: 6rem;
}


.l-container--user .mypage-menu .c-lead{
	margin: 0;
}

.l-container--user .mypage-menu__list{
	display: grid;
	gap: 0.8rem 0.4rem;
	grid-template-columns: repeat(3,1fr);
}

.l-container--user .mypage-menu__item{
	background-color: var(--color-primary);
	overflow: hidden;
	border-radius: 0.8rem;
}

.l-container--user .mypage-menu__item a{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 0.4rem;
	min-height: 8.6rem;
	color: var(--color-white);
	font-size: 1.4rem;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.l-container--user .mypage-menu{
		/* margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw); */
	}

  .l-container--user .mypage-menu .c-lead{
    font-size: 1.4rem;
  }

}

.l-container--user .mypage-menu .mypage-menu__logout{
	--padding-horizontal-button: 3.8rem;
	margin: 0 auto;
}


/* .l-container--user .mypage-menu--top .mypage-menu{
  width: 100vw;
} */

.mypage-menu__line-connect{
  display: grid;
  grid-template-columns: 2.6rem 1fr;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  /* width: 17.5rem; */
  border: solid 1px var(--color-border);
  border-radius: 0.7rem;
  padding: 0.9rem 1.2rem 0.9rem 1.2rem;
  background-color: var(--color-bg-secondary-2);
  font: var(--text-p-l);
  line-height: 1;
  text-decoration: none;
  margin: 0 auto;
  font-weight: var(--fw-regular);
  color: var(--color-primary);
}

@media screen and (min-width: 768px) {
	.l-container--user .mypage-menu{
    --container--width: min(90%, 768px);
    margin: 0 auto 10rem;
		padding: 4rem 2.8rem;
	}

	.l-container--user .mypage-menu__list{
		gap: 1.2rem;
	}

  .l-container--user .mypage-menu .c-text--h-l{
    margin-bottom: 0;
  }


  .l-container--user .mypage .mypage-menu{
    width: 100%;
  }

  .l-container--user .mypage-menu .mypage-menu__logout{
    --padding-horizontal-button: 5.8rem;
  }
  
}


/* マイページトップ */
.mypage-possession-point{
	display: flex;
	align-items: center;
	gap: 0.2rem
}

@media screen and (max-width: 767px) {
	.mypage .c-text--h-xxl{
		margin-bottom: 2.4rem;
	}
}


.l-contents.mypage{
  padding-bottom: 0;
  overflow: hidden;
}

.l-contents.mypage .c-text--h-xxl{
  margin-bottom: 0.7rem;
}

.mypage-possession-point__num{
	font: var(--text-h-l);
	line-height: 1;
	color: var(--color-secondary-2);
	font-weight: bold;
}

.mypage-content{
	padding: 2.8rem 0;
}

.mypage-content + .mypage-content{
	border-top: 1px solid var(--color-text-secondary);
}

.mypage-content__inner{
	display: grid;
	row-gap: 2.8rem;
}

.mypage-content__heading{
	display: flex;
	align-items: center;
	gap: 0.8rem;
}

.mypage-content__heading .c-button--small{
	padding: 0;
	width: 2.2rem;
	height: 2.2rem;
}

.mypage-content__heading .c-button--small svg{
	width: 100%;
	height: 100%;
}

.mypage .mypage-content__heading{
  font: var(--text-h-m);
}

.mypage .mypage-content__heading h3{
  font-size: inherit;
}

.mypage-content__detail .c-button--regular{
	margin-left: auto;
}

.mypage-content--color-red{
	color: var(--color-secondary-2);
	font-weight: bold;
}

.mypage + .product-detail__sub-contents{
  width: var(--container--width);
  margin-top: 0;
  margin-bottom: 6rem;
}

.mypage-content__detail__item--list{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.2rem;
  margin-bottom: 2.8rem;
}

.mypage-content__detail__item--list li{
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font: var(--text-p-l);
}

.mypage-content__detail__item--list li .mypage-content--color-red{
  font-size: 1.8rem;
}

.mypage .message-list .message-list-item__link{
  color: var(--color-primary);
}

.mypage .message-list .message-detail .message-detail__subject{
  font: var(--text-a-m);
}

.mypage .message-list .message-detail {
  --message-detail-gap: 0.45rem;
  padding: 0.8rem 0;
}



@media screen and (min-width: 768px) {
	.mypage-content{
		padding: 4rem 0;
	}

	.mypage-content__inner{
		display: grid;
		gap: 0;
		grid-template-columns: 30% 70%;
	}

	.mypage-ticket .mypage-content__inner{
		grid-template-columns: auto;
	}

	.c-text--h-l{
		margin-bottom: 2.8rem;
	}

	.mypage-point .c-text--h-l{
		margin-bottom: 0;
	}

  .mypage + .product-detail__sub-contents{
    --container--width: min(90%, 768px);
    margin: 0 auto 6rem;
  }

  .l-container--user .mypage .mypage-menu{
    margin: 0 auto 4rem;
  }

  .mypage .mypage .mypage-content__heading{
    font: var(--text-h-l);
  }

  .l-contents.mypage .c-text--h-xxl{
    margin-bottom: 2.4rem;
  }
  
  .mypage .message-list .message-detail .message-detail__subject{
    font: var(--text-a-l);
  }

  .mypage .message-list .message-detail {
    --message-detail-gap: 0.8rem;
    padding: 1.2rem 0;
  }

}


/* マイページトップ メッセージ */
.mypage-message{
  display: grid;
  gap: 2.8rem;
  margin-top: 4rem;
  padding: 2.8rem 2rem 4rem;
  background-color: var(--color-bg-secondary-1);
}

.mypage-message .c-text--h-l{
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .mypage-message{
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }  
}

@media screen and (min-width: 768px) {
  .mypage-message{
    padding: 4rem 2rem;
  }
}

.mypage .message-list{
  gap: 1.6rem;
}

.mypage .message-list-item{
  padding: 0;
  padding-bottom: 0.8rem;
}

.mypage .message-list-item:nth-of-type(n+4){
  display: none;
}

.mypage .message-list-item__subject{
  margin: 0.4rem 0 0;
  font: var(--text-p-m);
  font-weight: var(--fw-bold);
}

.mypage .c-button--viewmore-bg{
  margin-inline: auto;
}

@media screen and (min-width: 768px) {
  .mypage .message-list-item__subject{
    font: var(--text-p-l);
    font-weight: var(--fw-bold);
  }
}

/* ポイント履歴, 所持チケット一覧 */
.c-text--h-l.user-points,
.c-text--h-l.user-tickets {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 0.8rem;
}

.c-text--h-l.user-points img,
.c-text--h-l.user-tickets img {
  width: auto;
  height: 3.8rem;
}

@media screen and (min-width: 768px) {
  .l-contents:has(.user-points,.user-tickets) .c-text--h-xxl {
    margin-block-end: 4rem;
  }
}

/* ポイント履歴 */

.c-form__table.pointlist .pointlist__remarks{
  display: none;
}

.c-form__table.pointlist .c-form__table-head,
.c-form__table.pointlist .c-form__table-contents {
  gap: 3.425%;
  grid-template-columns: 23.4% 52.6% 17.15%;
}

@media screen and (min-width: 768px) {
  .c-form__table.pointlist .c-form__table-head,
  .c-form__table.pointlist .c-form__table-contents {
    gap: 16.1rem;
    grid-template-columns: 8.2rem 18.4rem 6rem;
  }
}

.c-form__table.pointlist .c-form__table-head .pointlist__num{
  text-align: right;
}


.c-form__table.pointlist .c-form__table-contents .pointlist__date{
  font: var(--text-p-s);
}

.c-form__table.pointlist .c-form__table-contents .pointlist__content{
  font: var(--text-p-m);
}

.c-form__table.pointlist .c-form__table-contents .pointlist__num{
  font: var(--text-p-s);
  text-align: right;
}

.point-top{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}

.point-top-inner{
  display: flex;
  justify-content: flex-end;
  text-align: right;
  gap: 2rem;
}

.point-top .point-top-inner.point-top__usable{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  justify-content: space-between;
}

.point-top dt,
.point-top dd{
  font: var(--text-p-m);
}

.point-top .point-top__usable dt{
  font: var(--text-p-l);
}

.point-top .point-top__usable dd{
  font: var(--text-h-m);
  color: var(--color-secondary-2);
  text-align: right;
}

.c-text--h-l + .c-form__table{
  margin-top: 2rem;
}

.point-kuji-button{
  --bg-button: var(--color-secondary-1);
  margin: 2rem auto 2.8rem;
}

/* 所持チケット一覧 */
.c-form__table.couponlist .c-form__table-head,
.c-form__table.couponlist .c-form__table-contents {
  gap: 3.6%;
  grid-template-columns: 57% 16% 16%;
  word-break: break-all;
}
.c-form__table.couponlist .couponlist__usage-limit {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-form__table.couponlist .c-form__table-head,
  .c-form__table.couponlist .c-form__table-contents {
    gap: 2.566rem;
    grid-template-columns: 32rem 8.4rem 16.7rem;
  }
}


/* Login */
.login-and-regist .login-and-regist__logo{
  width: 16rem;
  margin: 0 auto 4rem;
}

.login-and-regist .login-and-regist__logo img{
  width: 100%;
}

.login-and-regist .c-text--border + .c-lead{
  margin-top: 1.6rem;

}

.login-and-regist .c-text--h-l.c-text--border{
  margin-bottom: 1.6rem;
}

.login-and-regist .login-and-regist__logo + .c-lead{
  margin-top: 0;
}

.login-and-regist .c-button--regular{
  --padding-horizontal-button: 1rem;
  width: 26rem;
}

.login-and-regist__content:nth-child(n + 2){
  margin-top: 4rem;
}

@media screen and (min-width: 768px) {
  .login-and-regist .login-and-regist__logo{
    margin: 0 auto 6rem; 
  }
  .login-and-regist .c-button--regular{
    width: 30rem;
  }

  .login-and-regist__content:nth-child(n + 2){
    margin-top: 6rem;
  }

}

/* 登録クレジットカード */
.creditinput tr + tr{
  margin-block-start: 2.8rem;
  display: grid;
}
/* .c-form__table.creditlist .c-form__table-head,
.c-form__table.creditlist .c-form__table-contents {
  gap: 3.425%;
  grid-template-columns: 23.4% 52.6% 17.15%;
}

@media screen and (min-width: 768px) {
  .c-form__table.creditlist .c-form__table-head,
  .c-form__table.creditlist .c-form__table-contents {
    gap: 16.1rem;
    grid-template-columns: 8.2rem 18.4rem 6rem;
  }
  

} */


/* LINE連携 */
.line-connect .c-lead{
  margin-bottom: 2.4rem;
}

.add-friend {
  margin: 4rem auto;
  text-align: center;
}

.add-friend a{
  display: block;
}

.add-friend .add-friend__text{
  text-align: center;
  margin: 1rem 0;
}

.account-connect__status{
  display: grid;
  width: 25.7rem;
  grid-template-columns: 6rem 1fr;
  gap: 1.2rem;
  align-items: center;
  justify-content: center;
  padding: 1.2rem 2rem;
  background-color: var(--color-bg-secondary-2);
  margin: 0 auto;
}

.add-friend img{
  width: 25.7rem;
  margin: 2rem auto 0;
}

.account-connect__status > span{
  display: flex;
  gap: 1.2rem;
}

.line-connect .button__group [class*="c-button"]{
  min-width: 10.4rem;
}

@media screen and (min-width: 768px) {
  .line-connect .c-lead{
    margin-bottom: 2.8rem;
  }

}



/* error  maintenance*/

.l-container--user .l-contents.maintenance {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  gap: 2.8rem;
  height: 100vh;
  margin-top: 0;
  padding: 0;
  padding-top: 6rem;
}

.l-container--user .l-contents.error {
  display: grid;
  gap: 2rem;
}

.l-contents.maintenance .maintenance__logo,
.l-contents.error .error__logo{
  width: 12rem;
  margin: 0 auto;
}

.l-contents.maintenance .maintenance__datebox{
  padding: 1.2rem 2rem;
  background-color: var(--color-secondary-2);
  font: var(--text-h-m);
  color: var(--color-white);
  text-align: center;
}


.l-contents.maintenance .maintenance__text,
.l-contents.error .error__text{
  text-align: center;
}

.l-contents.maintenance .maintenance__text,
.l-contents.maintenance .maintenance__message{
  padding: 0 2rem;
}

.l-contents.error .button__group{
  margin-top: 0;
}


@media screen and (min-width: 768px) {
  .l-container--user .l-contents.error{
    gap: 2.8rem;
    padding-bottom: 20vh;
  }
  
  .l-contents.error .error__logo{
    margin: 0 auto;
  }

  .l-contents.maintenance .maintenance__datebox{
    width: 390px;
    margin: 0 auto;
  }

  .l-contents.maintenance .maintenance__message{
    text-align: center;
  }

}


/* タブバー */

.m-tabbar {
  background-color: transparent !important;
  border-bottom: 1px solid var(--color-text-secondary);
}
.m-tabbar__inner {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .m-tabbar__inner {
    width: 100% !important;
    max-width: 98rem;
    margin-inline: auto;
  }
}
.m-tabbar__item {
  width: 100%;
  height: 3.8rem;
}
.m-tabbar__item:not(.active) {
  color: var(--color-text-secondary);
  cursor: pointer;
}
.m-tabbar__item.active {
  color: var(--color-text-primary);
  border-bottom: 0.4rem solid #F21B1B;
  font-weight: var(--fw-bold);
}
.m-tabbar__selector {
  padding-block: 0.8rem;
  display: grid;
  place-content: center;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  background-color: transparent;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration-line: none;
}

/* 購入履歴一覧 */

.orderhistorylist .orderhistorylist-content {
  padding: 0;
  display: grid;
}
.orderhistorylist .orderhistorylist-content .orderhistorylist-content__list {
  display: grid;
  grid-gap: 2rem;
  border-bottom: 1px solid var(--color-text-secondary);
  padding: 4rem 2rem;
}
.orderhistorylist__left-container {
  position: relative;
}
.orderhistorylist__left-container .orderhistorylist-content__status {
  position: absolute;
  top: 1.6rem;
  margin: auto;
  left: 0;
  right: 0;
  width: fit-content;
  padding: .6rem 4rem;
  border-radius: 1.8rem;
  background-color: var(--color-text-secondary);
  color: var(--color-white);
}
.orderhistorylist__image-container {
  background-color: var(--color-bg-secondary-1);
  padding: 6.5rem;
  border-radius: 2rem;
  background-repeat: no-repeat;
  background-size: contain;
}


/* status出し分け */
.orderhistorylist__left-container[data-status="before-shipping"] .orderhistorylist__image-container {
  background-image: url(../Contents/ThemeImage/user/orderhistory/oader_status_01.png);
}
.orderhistorylist__left-container[data-status="shipping-arranged"] .orderhistorylist__image-container {
  background-image: url(../Contents/ThemeImage/user/orderhistory/oader_status_02.png);
}
.orderhistorylist__left-container[data-status="shipping-completed"] .orderhistorylist__image-container {
  background-image: url(../Contents/ThemeImage/user/orderhistory/oader_status_03.png);
}
.orderhistorylist__left-container[data-status="delivery-completed"] .orderhistorylist__image-container {
  background-image: url(../Contents/ThemeImage/user/orderhistory/oader_status_04.png);
}
.orderhistorylist__left-container[data-status="take-back"] .orderhistorylist__image-container {
  background-image: url(../Contents/ThemeImage/user/orderhistory/oader_status_05.png);
}

.orderhistorylist__left-container[data-status="before-shipping"] .orderhistorylist-content__status {
  background-color: #46C4FF;
}
.orderhistorylist__left-container[data-status="shipping-arranged"] .orderhistorylist-content__status {
  background-color: #A5CA4D;
}
.orderhistorylist__left-container[data-status="shipping-completed"] .orderhistorylist-content__status {
  background-color: #62C4AF;
}
.orderhistorylist__left-container[data-status="delivery-completed"] .orderhistorylist-content__status {
  background-color: #F25C72;
}
.orderhistorylist__left-container[data-status="take-back"] .orderhistorylist-content__status {
  background-color: #FF8025;
}
@media (min-width: 768px) {
  .orderHistoryList  {
    width: 100%;
  }
}

.orderhistorylist__image-list > .itemImage {
  background-color: var(--color-white);
  padding: 1rem;
  border-radius: .8rem;
}
.orderhistorylist__image-list + .orderhistorylist__image-list {
  margin-top: 1rem;
  display: block;
}
.orderhistorylist-content-name {
  display: grid;
  grid-gap: 2rem;
}
.orderhistorylist-content__list .note {
  padding: 2rem;
  border: 1px solid var(--color-secondary-2);
  color: var(--color-secondary-2);
}
.orderhistorylist .c-lead {
  color: var(--color-secondary-2);
}

@media (max-width: 767px) {
  .l-contents.orderhistorylist {
    padding: 0;
  }
  .orderhistorylist .c-text--h-xxl {
    padding: 0 2rem;
    width: var(--container--width);
  }
  .orderhistorylist .c-lead {
    padding: 0 2rem;
    width: var(--container--width);
  }
}

@media (min-width: 768px) {
.orderhistorylist .orderhistorylist-content {
  background-color: #fff;
  padding: 0;
  display: grid;
}
.orderhistorylist .orderhistorylist-content .orderhistorylist-content__list {
  grid-template-columns: 35rem 1fr;
  grid-gap: 2.4rem;
}

.orderhistorylist .orderhistorylist__code,.orderNum {
  padding-top: 4rem
}
.orderhistorylist-content__list .note {
  grid-column: 1/3;
  padding-block: 2.4rem;
}

}

/* __ 購入履歴詳細ボタン */
.orderhistorylist .change-button a {
  margin-inline: auto 0;
}
.orderhistorylist td:has(.change-button),
.orderhistorylist td .change-button {
  padding-block-end: 0;
}

/* __ ダブルチャンスボタン */
.orderhistorylist .c-button--doublechance {
  grid-template-columns: 7em;
  justify-content: start;
  width: 100%;
  min-width: 0;
  height: 100%;
  border-radius: 8px;
  position: relative;
  padding: 12px 12px 12px calc(12px + 1.6em + 8px);
  font: var(--text-h-m);  
}
.c-button--doublechance::before {
  content: "";
  background-color: currentColor;
  mask-image: url(../Contents/ThemeImage/common/star.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 1.6em;
  height: 1.6em;
  position: absolute;
  left: 12px;
  top: 50%;
  translate: 0 -50%;
  font: var(--text-h-m);
  display: block;
}
/* __ ダブルチャンスボタン（デフォルト以外） */
.orderhistorylist .c-button--regular-disabled {
  grid-template-columns: 7.6em;
  padding-block: 7px;
  font-size: 1.4rem;
  line-height: 1.28;
}
.orderhistorylist .c-button--red {
  background-color: var(--color-secondary-1);
  color: var(--color-white);
}
.orderhistorylist .c-button--doublechance-end {
  grid-template-columns: 8em;
  line-break: strict;
}

/* __ アンケートボタン */
.orderhistorylist .c-button--questionnaire {
  grid-template-columns: 6em;
  justify-content: start;
  width: 100%;
  min-width: 0;
  height: 100%;
  background: #fff;
  color: #0E0B71;
  border: 2px solid #B7B6D4;
  border-radius: 8px;
  position: relative;
  padding: 12px 12px 12px calc(12px + 2em + 8px);
  font: var(--text-h-m);
}
.orderhistorylist .c-button--questionnaire::before {
  content: "";
  background: url(../Contents/ThemeImage/common/questionnaire.svg) no-repeat;
  width: 2em;
  height: 2.3em;
  background-size: contain;
  position: absolute;
  left: 12px;
  top: 50%;
  translate: 0 -50%;
  display: block;
}

/* __ ダブルチャンス無, アンケート無 */
.orderhistorylist tr.button__group--container:not(:has(li)) {
  display: none;
}

/* __ ダブルチャンス有, アンケート有 */
.orderhistorylist tr.button__group--container td {
  padding: 20px 0 0;
}
.orderhistorylist .button__group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  width: 100%;
  min-height: calc(5.4rem + 14px);
  margin: 0;
  list-style: none;
}

/* __ ダブルチャンス無, アンケート有 */
/* __ ダブルチャンス有, アンケート無 */
.orderhistorylist .button__group:has(li:only-child) {
  grid-template-columns: 1fr;
  justify-items: end;
}
/* __ ダブルチャンス（デフォルト以外）有, アンケート無 */
.orderhistorylist .button__group:has(li:only-child) .c-button--regular-disabled {
  width: 175px;
  max-width: 14em;
}

@media (max-width: 389px) {
  .orderhistorylist .c-button--doublechance {
    padding-inline-start: 36px;
    font-size: 1.2rem;
  }
  .orderhistorylist .c-button--doublechance::before {
    font-size: inherit;
  }
  .orderhistorylist .c-button--questionnaire {
    padding-inline-start: 40px;
    font-size: 1.2rem;
  }
  .orderhistorylist .button__group:has(li:only-child) .c-button--regular-disabled {
    width: auto;
  }
}


/* 購入履歴詳細 */
.hidden-content {
  display: none;
}

.orderhistorydetail .double-chance-moodal {

}
.orderhistorydetail double-chance-moodal .c-modal__content-wrapper {
  padding: 2.8rem 4rem;
}

.orderhistorydetail .c-modal__text--modal-title {
  text-align: center;
}

.orderhistorydetail .c-modal__heading-wrapper {
  text-align: center;
}
.orderhistorydetail .c-modal__text--challenge-count {

}
.orderhistorydetail .c-modal__text--challenge-count b {
  color: var(--color-secondary-2);
  
}

.orderhistorydetail .c-modal__image-wrapper--product {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.orderhistorydetail .double-chance-moodal .c-button--regular {
  margin: 0 auto 5rem;
}

.orderhistorydetail .double-chance-moodal__annotation .c-modal__text--annotation {
  color: #9D9D9D;
  line-height: 2;
}

.orderhistory .lottery-order__cart-wrapper {
  grid-area: order-cart;

  display: grid;
  row-gap: 2.8rem;
  align-content: flex-start;

  width: 100%;
  margin-bottom: 2.8rem;
}

@media (min-width: 768px) {
  .orderhistory .lottery-order__cart-wrapper {
    margin-bottom: 0;
  }
}

.orderhistory .lottery-order__cart-price-wrapper {
  display: grid;
  gap: 1rem 2.4rem;
}

.orderhistory .lottery-order__text--cart-title {
  padding-bottom: 1rem;
  border-bottom: solid 1px var(--color-border);

  font: var(--text-h-m);
}

.orderhistory .lottery-order__cart-information-wrapper {
  display: grid;
  gap: .5em;
  grid-template-columns: 35% 1fr;
  padding: 0;
}
.orderhistorylist .lottery-order__cart-information-wrapper {
  display: grid;
  gap: .5em;
  grid-template-columns: 32% 1fr;
  padding: 1rem 0;
}
.orderhistory .lottery-order__cart-information-dl {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;

  font: var(--text-p-l);
}

.orderhistory .lottery-order__cart-information-dl dd{
  display: grid;
  grid-gap: 1rem;
}

[class*="lottery-order__text--cart-attention-"] {
  color: var(--color-secondary-2);
}

.orderhistory .lottery-order__text--cart-attention-primary {
  font: var(--text-p-l);
}

.orderhistory .lottery-order__text--cart-attention-secondary {
  font: var(--text-p-s);
}
.orderhistory .double_chance_button {
  width: fit-content;
  margin-inline: auto;
}
.orderhistory .change-button {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.orderhistory .change-button a[disabled="disabled"] {
  --bg-button: var(--color-bg-disable);
  --color-text-button: var(--color-text-secondary);
  pointer-events: none;
} 

.orderhistory .lottery-order__cart-price-wrapper .note {
  padding: 2rem;
  border: 1px solid var(--color-secondary-2);
  color: var(--color-secondary-2);
}
@media (min-width: 768px) {
  .orderhistory .lottery-order__cart-price-wrapper .note {
    padding-block: 2.4rem;
  }
}


/* 購入履歴詳細　購入商品一覧 */
.orderhistorydetail .c-form__table.orderhistory-productlist .c-form__table-head,
.orderhistorydetail .c-form__table.orderhistory-productlist .c-form__table-contents {
  gap: 10%;
  grid-template-columns: 1fr 18%;
  word-break: break-all;
}
.orderhistorydetail .productName.orderhistory-productlist__name {
  display: grid;
  grid-template-columns: 7rem 1fr;
  grid-gap: 1rem;
}

@media screen and (min-width: 768px) {
  .orderhistorylist .lottery-order__cart-information-wrapper {
    display: grid;
    gap: .5em;
    grid-template-columns: 27% 1fr;
    padding: 1rem 0;
  }
  .orderhistorydetail .c-form__table.orderhistory-productlist .c-form__table-head,
  .orderhistorydetail .c-form__table.orderhistory-productlist .c-form__table-contents {
    gap: 3rem;
    grid-template-columns: 1fr 10rem;
  }
  .orderhistorydetail .c-form__table.orderhistory-productlist .c-form__table-contents td {
    font: var(--text-p-l);
  }
  .orderhistorydetail .productName.orderhistory-productlist__name {
    display: grid;
    grid-template-columns: 14rem 1fr;
    grid-gap: 2rem;
  }
}


/* お気に入りページ */

.favorite-list .button__group{
  margin-top: 1rem;
}

.favorite-list .c-product-list__contents{
  margin-top: 0;
}

.l-container--user .l-contents.favorite-list .favorite-delete{
  color: var(--color-text-secondary);
  font-weight: var(--fw-bold);
}
.l-contents.favorite-list [data-layout="common-product-list"] .m-product-item__name a{
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .favorite-list .c-text--h-xxl{
    padding: 0 2rem;
  }

  .favorite-list .button__group{
    flex-direction: column;
  }

  .favorite-list .button__group [class*="c-button"]{
    width: 100%;
  }

  .l-container--user .l-contents.favorite-list{
    padding: 0;
  }
  .l-contents.favorite-list [data-layout="common-product-list"] .m-product-item__name{
    padding-block: 0.8rem 0;
  }
}

@media screen and (min-width: 768px) {
	.l-container .l-contents.favorite-list .c-text--h-xxl{
		margin-bottom: 4.8rem;
	}

  .favorite-list .button__group{
    flex-direction: column;
  }

  .l-contents.favorite-list [data-layout="common-product-list"] .m-product-item__name{
    padding-block: 0.8rem 0;
  }

}