@charset "utf-8";
/* CSS Document */
/*モーダル*/
.register_page_hnb #pointModal ,
.register_page_hnb #pointModal2{ 
	display: none;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	overflow: auto;
  }
.register_page_hnb #pointModal.active ,
.register_page_hnb #pointModal2.active{ 
	display: block;
  }
.register_page_hnb #pointModal .modalBox ,
.register_page_hnb #pointModal2 .modalBox {
	background: #fff;
	padding: 31px 10px 14px;
	position: relative;
	top: 50%;
	left: 50%;
	width: 45%;
	height: auto;
	transform: translate(-50%, -50%);
  }
@media (max-width: 767px) { 
.register_page_hnb #pointModal .modalBox,
.register_page_hnb #pointModal2 .modalBox {

	width: 90%;
	height: auto;
  }
}  
  
.register_page_hnb #pointModal .closeBtn ,
.register_page_hnb #pointModal2 .closeBtn {
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 1;
  }
.register_page_hnb #pointModal .modalInner,
.register_page_hnb #pointModal2 .modalInner{
	overflow-y: scroll;
	height: 100%;
  }



/* MYページ */
.fs-c-accountService *,
.relogout_custom a,
.delete_custom span,
.register_page_hnb *{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif" !important}
.register_page_hnb a:hover{opacity: 0.8;text-decoration: none}
.register_page_hnb p{margin: 0}
.register_page_hnb{margin-top: 40px;color: #40220B}
.register_page_hnb .pc_flex{display: flex;justify-content: space-between;margin-bottom: 40px}
.register_page_hnb .pc_flex .pc_box{width: 48%}
.register_page_hnb .pc_flex .coupon_area{width: 48%;margin-left: 2%;padding-left: 2%;border-left: 1px dotted #ccc}
@media (max-width: 767px) { 
.register_page_hnb{margin-top: 20px}
.register_page_hnb .pc_flex{display: block;}
.register_page_hnb .pc_flex .pc_box{width: 100%;}
.register_page_hnb .pc_flex .coupon_area{width: 100%;margin-left: 0;padding-left: 0;border-left: none;margin-top: 30px; padding-top: 30px;border-top: 1px dotted #ccc}
}

.register_page_hnb .member_rank{text-align: center;}
.register_page_hnb .member_rank .name{font-size: 17px; margin-bottom: 10px}

.register_page_hnb .member_rank .stage_flex{display: flex;justify-content: center;column-gap: 1em;align-items: center;margin-bottom: 20px}
.register_page_hnb .member_rank .stage_flex .text{font-size: 17px}
.register_page_hnb .member_rank .stage_flex .text b{font-size: 20px}
.register_page_hnb .member_rank .stage_flex .rank_img img{width: 30px}
/*
プラチナ 1
ゴールド 2
レギュラー 3
*/
.register_page_hnb .member_rank .stage_flex.rank,
.register_page_hnb .member_rank .rank1 .rank_img2,
.register_page_hnb .member_rank .rank1 .rank_img3,
.register_page_hnb .member_rank .rank2 .rank_img1,
.register_page_hnb .member_rank .rank2 .rank_img3,
.register_page_hnb .member_rank .rank3 .rank_img1,
.register_page_hnb .member_rank .rank3 .rank_img2{display: none}

.register_page_hnb .btn_modal{display: block;color: #40220B;font-size: 18px; text-align: center;padding: 10px;margin-bottom: 20px;text-decoration: none;cursor: pointer;
background: url(https://sakuraebi.itembox.design/item/img/rank/link_icon1.png) no-repeat 97% center;border-radius: 5px;background-size: 10px;border: 1px solid #40220B}
.register_page_hnb .btn_modal:hover{opacity: 0.8;text-decoration: none}

.register_page_hnb .birth_flex{display: flex;justify-content: space-between;column-gap: 2em}
.register_page_hnb .birth_flex .text{font-size: 14px;color: #DD411B;width: 45%}
.register_page_hnb .btn_birth{width: 50%}
.register_page_hnb .btn_birth a{display: block;color: #DD411B;font-size: 15px; text-align: center;padding:6px 10px;margin-bottom: 20px;text-decoration: none;cursor: pointer;
background: url(https://sakuraebi.itembox.design/item/img/rank/link_icon2.png) no-repeat 94% center;background-size: 10px;border: 1px solid #DD411B;}
@media (max-width: 767px) { 
.register_page_hnb .birth_flex{column-gap: 1em}


.register_page_hnb .birth_flex .text{font-size: 12px;color: #DD411B;width: 50%}
.register_page_hnb .btn_birth{width: 45%}
}


.register_page_hnb .coupon_area{text-align: center;}
.register_page_hnb .coupon_area .box{margin-bottom: 30px}

.register_page_hnb .coupon_area .box .slash{font-weight: bold;font-size: 16px;color: #40220B;margin-bottom: 10px}
.register_page_hnb .coupon_area .box .f13{font-size: 13px;margin-bottom: 10px}
.register_page_hnb .coupon_area .box .red{font-size: 14px;color: #DD411B;}
@media (max-width: 767px) { 
.register_page_hnb .coupon_area .box .red{text-align: left}
}

.register_page_hnb .coupon_area .btn_coupon1 a,
.register_page_hnb .coupon_area .btn_coupon2 a,
.register_page_hnb .coupon_area .btn_coupon3 a{display: block;text-align: center;color: #fff;font-size: 18px; font-weight: bold;margin-bottom: 10px}
.register_page_hnb .coupon_area .btn_coupon1 a,
.register_page_hnb .coupon_area .btn_coupon2 a{background: url(https://sakuraebi.itembox.design/item/img/rank/link_icon3.png) no-repeat 94% center #DD411B;
border-radius: 5px;background-size: 10px;padding: 10px}
.register_page_hnb .coupon_area .btn_coupon3 a{background: url(https://sakuraebi.itembox.design/item/img/rank/link_icon3.png) no-repeat 94% center #14AA43;
border-radius: 5px;background-size: 10px;padding: 10px}
.register_page_hnb .coupon_area .btn_coupon1 span{background: url(https://sakuraebi.itembox.design/item/img/rank/icon1.png) no-repeat left center;background-size: contain;padding-left: 45px}
.register_page_hnb .coupon_area .btn_coupon2 span{background: url(https://sakuraebi.itembox.design/item/img/rank/icon2.png) no-repeat left center;background-size: contain;padding-left: 35px}
.register_page_hnb .coupon_area .btn_coupon3 span{background: url(https://sakuraebi.itembox.design/item/img/rank/icon3.png) no-repeat left center;background-size: contain;padding-left: 35px}

.register_page_hnb .coupon_area .line_flex{display: flex;justify-content:space-between;column-gap: 2%;margin-bottom: 10px}
.register_page_hnb .coupon_area .line_flex .line_box{width: 32%;background-color: #D4F7DE;padding: 10px;font-size: 18px; font-weight: bold;border-radius: 5px}
.register_page_hnb .coupon_area .line_flex .line_box span{color:#14AA43; }
.register_page_hnb .coupon_area .line_flex .pt22{padding-top: 22px}
@media (max-width: 767px) { 
.register_page_hnb .coupon_area .line_flex .line_box{font-size: 14px}
}

.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink__label::before{font-size: 40px !important;height: 40px !important;}
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink__label {font-size: 15px !important;}
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink{padding: 15px 0 !important;}
.fs-c-accountService__page{height: auto !important;}
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink{border-radius: 5px}
.relogout_custom{font-size: 16px}

@media (max-width: 767px) { 
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink{padding: 10px 0 !important;}
}


/*会員登録*/
.entry_page_hnb * {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif" !important;color: #333}

.entry_page_hnb{font-size: 14px;text-align: center;}
.entry_page_hnb .red{color: #DD411B;}
.entry_page_hnb .f10{font-size: 11px}
.entry_page_hnb .f14{font-size: 14px}
.entry_page_hnb .f15{font-size: 15px}
.entry_page_hnb .f16{font-size: 16px}
.entry_page_hnb .f22{font-size: 22px}
.entry_page_hnb .mb5{margin-bottom: 5px !important}
.entry_page_hnb .mb40{margin-bottom: 40px}
.entry_page_hnb .mb60{margin-bottom: 60px !important}
.entry_page_hnb p{margin: 0}

.entry_page_hnb h2{font-weight: bold}
.entry_page_hnb h2,.entry_page_hnb h3{margin-top: 0;}
.entry_page_hnb h2.slash{font-size: 20px;vertical-align: middle;position: relative;}
.entry_page_hnb h2.slash:before {
	content: "＼";
	font-size: 3.0rem;
	vertical-align: middle;
	padding-right: 0.5em;position: absolute;left: 1em;bottom: 0;font-weight: normal;
}
.entry_page_hnb h2.slash:after {
	content: "／";
	font-size: 3.0rem;
	vertical-align: middle;
	padding-left: 0.5em;position: absolute;right: 1em;bottom: 0;font-weight: normal;
}

.entry_page_hnb .coupon_flex{background-color: #F5F0E2; display: flex;align-items: center; padding: 10px 0px 10px 30px;text-align: left;font-weight: bold;column-gap: 5%;margin-bottom: 30px}
.entry_page_hnb .coupon_flex .img{width: 15%;line-height: 0}

.entry_page_hnb h3.line_ttl {
  position: relative;
  display: block;
  padding: 0 50px;
  font-size: 14px;
  margin-bottom: 20px
}
.entry_page_hnb h3.line_ttl:before, .entry_page_hnb h3.line_ttl:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 40px;
  height: 1px;
  background-color: #ccc;
}
.entry_page_hnb h3.line_ttl:before {
  left:0;
}
.entry_page_hnb h3.line_ttl:after {
  right: 0;
}
.entry_page_hnb .flex{display: flex;justify-content: space-between;column-gap: 2%;margin-bottom: 20px;}
.entry_page_hnb .flex .box{background-color: #F5F0E2;padding: 10px 10px;font-weight: bold;width: 33%}
.entry_page_hnb .flex .box .img{width: 50%; margin: 0 auto}
.entry_page_hnb .btn_jump a{display: block;color: #fff;font-size: 15px; text-align: center;padding: 10px;font-weight: bold;margin-bottom: 40px;text-decoration: none;
background: url(https://sakuraebi.itembox.design/item/img/rank/acd_icon1.png?1) no-repeat 94% center #DD411B;border-radius: 10px;background-size: 14px;}
.entry_page_hnb .frame{border: 1px solid #ccc;text-align: center;margin: 20px 0; font-weight: bold;padding: 10px}
.entry_page_hnb .slash2{color: #40220B;font-size: 16px; font-weight: bold;margin-bottom: 10px}

@media (min-width: 767px) { 

.entry_page_hnb .entry_page_flex{display: flex; margin-bottom: 40px}
.entry_page_hnb .entry_page_flex .pc_box{width: 48%;}
.entry_page_hnb .entry_page_flex .pc_box.right{margin-left: 2%;padding-left: 2%;border-left: 1px dotted #ccc}
.entry_page_hnb .btn_jump a{width: 30%; margin: 0 auto 60px}
.entry_page_hnb .flex{margin-bottom: 40px}
}