@charset "UTF-8";

/* 上部調整 */
/*
.block-mypage--order-status .block-mypage-head,.block-mypage--coupon .block-mypage-head,.block-mypage--coupon .block-mypage-head{
	padding:0 10px!important;
}

.block-mypage-head {
  max-width:1180px!important;
  width:100%!important;
}

*/



.block-mypage-head {
  background:#f3f3f3;
  padding:5px!important;
}
.block-mypage-head .block-mypage--title {
  padding-top:5px;
  padding-bottom:5px;
}
.block-mypage-head h2 {
  color:#333;
  font-family:"Yu Gothic","Yu Gothic Medium","游ゴシック体","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
  font-weight:600;
}
.block-mypage--favorite,.block-mypage--restocking  {
	padding:0!important;
}
.block-mypage--coupon-content #tab-1 {
	display:none;
}

.block-mypage--favorite {
  position: relative;
}

.block-mypage--favorite .block-mypage-head,.block-mypage--restocking .block-mypage-head {
  padding:10px 5px!important;
}

.block-mypage--favorite .block-bookmarkslider--header {
  position:relative;
  padding-left:45px!important;
}

.block-bookmarklist-content .swiper-wrapper {
  font-family:"Yu Gothic","Yu Gothic Medium","游ゴシック体","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
}

.block-mypage--order-status .block-mypage--title {
  padding-left:45px!important;
}


.block-mypage--order-status .block-mypage--title:after {
  content: "";
	width: 35px!important;
  height: 27px!important;
  display: block;
  background-image: url(../../img/usr/common/ico_order.png);
  background-size: 35px 27px!important;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.block-mypage--coupon .block-mypage--title {
  padding-left:45px!important;
}

.block-mypage--coupon .block-mypage--title:after {
	content: '';
	width: 35px!important;
  height: 27px!important;
	display: block;
	background-image: url(../../img/usr/common/ico_coupon.png);
  background-size: 35px 27px!important;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.block-mypage--favorite .block-bookmarkslider--header:after {
  content: "";
	width: 35px!important;
  height: 27px!important;
  display: block;
  background-image: url(../../img/usr/common/ico_fav.png);
  background-size: 35px 27px!important;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.block-mypage--restocking {
  position: relative;
}
.block-mypage--restocking .block-bookmarkslider--header {
  position: relative;
  padding-left: 45px!important;
}
.block-mypage--restocking .block-bookmarkslider--header:after {
  content: "";
	width: 35px!important;
  height: 27px!important;
  display: block;
  background-image: url(../../img/usr/common/ico_chek.png?123);
  background-size: 35px 27px!important;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}


@media screen and (max-width: 767px) {
	.block-mypage--order-status,.block-mypage--coupon {
		padding-left:5px!important;
 		padding-right:5px!important;
	}
	.block-bookmarkslider,.block-bookmarkslider {
		padding-left:5px!important;
		padding-right:5px!important;
	}

  .block-mypage--favorite .block-mypage-head,.block-mypage--restocking .block-mypage-head {
    padding:10px 5px!important;
  }

  .block-mypage--restocking .block-mypage-head:after {
    left: 10px;
  }

  .block-mypage-head .text-link[href="/shop/customer/backorder.aspx"]{
    font-size:0!important;
  }
  .block-mypage-head .text-link[href="/shop/customer/backorder.aspx"]::before{
    content:"申し込み商品";
    font-size:14px;
  }

}


/* 下部（タブ）調整 */
.block-mypage-footermenu--nav-list li.block-mypage-footermenu--nav-item {
  border:solid 2px #e7e7e7;
  border-radius:3px;
  padding:1% 2%;
}
.block-mypage-sidemenu--nav-link {
  padding:0 20px 5px 0;
  font-size:16px;
  font-weight:600;
}
.block-mypage-footermenu--nav-item a {
  border-bottom:solid 2px #e7e7e7;
  color:#333;
  padding:0 20px 5px 0;
  font-weight:600!important;
  font-family:"Yu Gothic","Yu Gothic Medium","游ゴシック体","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
}
.block-mypage-footermenu--nav-item .block-mypage-sidemenu--nav-link-explain {
  display: block;
  padding-top: 5px;
  font-family:"Yu Gothic","Yu Gothic Medium","游ゴシック体","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
}

.block-mypage-footermenu--nav-item {
	padding: 2.67vw 12.67vw 2.4vw 8vw;
	position: relative;
  margin-bottom:15px;
}

.block-mypage-footermenu--nav-item::after {
	content: '';
	width: 8px;
	height: 8px;
	display: block;
	border-top: 1px solid #111;
	border-right: 1px solid #111;
	position: absolute;
	top: 22px;
	right: 5%;
	transform: translateY(-50%) rotate(45deg);
}


.line-login-unlinked {
  padding:2px 4px;
}

.block-mypage a.text-link {
  font-size:15px!important;
}


.block-mypage-footermenu--nav-title{
  position: relative;
  border:none!important;
  padding:9px 0 5px 45px!important;
  background: url("../../img/usr/common/ico_cart.png") no-repeat left center;
  background-size: 29px 22px;
  background-position: 10px 11px;
  background-color:#f3f3f3;
  margin-top:29px;
  margin-bottom:22px;
  font-family:"Yu Gothic","Yu Gothic Medium","游ゴシック体","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
  font-weight:bold;
  color:#333!important;
}

.block-mypage-head .text-link {
  font-family:"Yu Gothic","Yu Gothic Medium","游ゴシック体","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
}

.block-mypage-footermenu--nav-tree:nth-of-type(2) .block-mypage-footermenu--nav-title {
  background-image: url("../../img/usr/common/ico_coupon.png")!important;
}
.block-mypage-footermenu--nav-tree:nth-of-type(3) .block-mypage-footermenu--nav-title {
  background-image: url("../../img/usr/common/ico_chek.png?123")!important;
}
.block-mypage-footermenu--nav-tree:nth-of-type(4) .block-mypage-footermenu--nav-title {
  background-image: url("../../img/usr/common/ico_account.png")!important;
}
.block-mypage-footermenu--nav-tree:nth-of-type(5) .block-mypage-footermenu--nav-title {
  background-image: url("../../img/usr/common/ico_link.png")!important;
}
.block-mypage-footermenu--nav-tree:nth-of-type(6) .block-mypage-footermenu--nav-title {
  background-image: url("../../img/usr/common/ico_mail.png")!important;
}




.block-mypage-footermenu {
  padding-left:0;
  padding-right:0;
}

.block-mypage-footermenu--btn-area {
  margin:10px auto!important;
  text-align:center!important;
}
a.base-btn {
  margin-top:10px!important;
  max-width:300px;
  border:none!important;
  background-color:#f3f3f3;
  font-size:14px;
  padding:10px 20px;
  font-weight:normal!important;
}



/* 会員情報変更 */
.block-member-info--form .block-member-info--message-password a {
  font-weight:bold;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}


@media screen and (max-width: 767px) {
  .block-mypage-footermenu--nav-title{
    background-position: 10px 9px;
    margin-bottom:15px;
    font-size:18px;
  }

  .block-mypage-footermenu--nav {
    padding:10px 5px!important;
  }

  .block-mypage-footermenu--nav-item {
    padding: 10px!important;
  }

  .block-mypage-footermenu--nav-item a {
    width:100%!important;
  }
  .block-mypage-footermenu--nav-item .block-mypage-sidemenu--nav-link{
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }

  .block-mypage-sidemenu--nav-link.nav-link--line-login{
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
  }

  .block-mypage-sidemenu--nav-link.nav-link--line-login p{
    margin: 0 !important;
    display: inline-block;
  }

  .block-mypage-sidemenu--nav-link.nav-link--line-login .line-login-unlinked{
    display: inline-block !important;
    margin: 0 !important;
    flex-shrink: 0;
  }

  .block-mypage-footermenu--nav-title::after,
  .block-mypage-footermenu--nav-title::before{
    right:16px;
  }

  .block-mypage-footermenu--nav-item .block-mypage-sidemenu--nav-link-explain {
    font-size:16px!important;
  }

  a.base-btn {
    max-width:300px;
    border:none!important;
    background-color:#f3f3f3;
    font-size:16px;
    padding:10px;
  }





  /*  頒布会契約情報  */
  .block-regular-purcharse-list--head-info-regular-create-dt {
    font-size: 16px;
  }
  .block-regular-purcharse-list .block-regular-purcharse-list--info ul>li {
    font-size: 16px;
  }
  .block-regular-purcharse-list--regular-list .block-regular-purcharse-list--detail-item-list-list span {
    font-size: 16px!important;
  }


  /* 購入履歴 */
  .page-history table th,.page-history table td {
      font-size:16px;
  }


  /* お気に入り */
  .block-favorite--items .block-favorite--name a {
      font-size:16px;
  }




  /* 会員情報変更 */
  .form-control > span{
    display:flex;
    align-items:center;
    gap:8px;
  }

  .form-control > span + br{
    display:block;
  }

  .form-control .block-member-info--value-label{
    white-space:nowrap;
  }

  .form-control input{
    flex:1;
    min-width:0;
  }


  .fieldset-vertical {
    width:90%;
    margin:0 auto;
    font-size:16px;
  }

  .fieldset-vertical .form-group {
    margin-top:30px;
  }


  .fieldset-vertical .form-label {
    margin-bottom:10px;
  }
  .fieldset-vertical .required,.constraint {
    font-size:16px;
    margin:0!important;
  }

  .fieldset-vertical .form-control br {
    display:none;
  }
  .fieldset-vertical .checktype_name,.fieldset-vertical .checktype_kana {
    margin-bottom:10px;
  }
  .fieldset-vertical .help-block {
    font-size:16px;
  }

  .block-member-info--form .block-member-info--message-password {
    margin-top:30px;
    margin-left:20px;
    font-size:16px;
  }
  .block-member-info--form .block-member-info--message-password a {
    font-weight:bold;
    text-decoration: underline;
    text-underline-offset: 0.2em;
  }


  .block-favorite--items .block-favorite--name a {
      font-size:16px;
  }

  .block-member-info--form .legend {
    margin-top:30px;
  }

  form .btn-primary {
    font-size:16px;
    font-weight:bold;
  }


  .page-mag .block-order-estimate--agreebody {
    font-size:14px;
  }


}


@media screen and (min-width: 768px) {
  .block-mypage-footermenu--nav-list{
    display:flex;
    flex-wrap:wrap;
    gap:2%!important;
  }
  .block-mypage-footermenu--nav-item{
    width:32%!important;
  }
}