@charset "UTF-8";
@import url("");
/* wrap */
/* link */
a {
  color: #7E432C;
  text-decoration: none;
  transition: .4s;
  overflow: hidden; }
  a img {
    transition: .4s; }

a:hover {
  transition: .4s;
  opacity: 0.6; }
  @media screen and (max-width: 800px) {
    a:hover {
      opacity: 1; } }

a:active, a:focus {
  outline: none; }

/* element */
.image {
  display: inline; }
  @media (max-width: 800px) {
    .image {
      display: none; } }

.image_s {
  display: none; }
  @media (max-width: 800px) {
    .image_s {
      display: inline; } }

.cf::after {
  content: "";
  display: block;
  clear: both; }

/* adjust anchor */
.anc {
  margin-top: -150px;
  padding-top: 150px; }
  @media screen and (max-width: 800px) {
    .anc {
      margin-top: -95px;
      padding-top: 95px; } }

/* figure */
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

/*	clearfix
---------------------------------*/
.cl:before, .cl:after {
  content: " ";
  display: table; }

.cl:after {
  clear: both; }

.cl {
  *zoom: 1;
  display: block; }

.block_p {
  display: block; }
  @media screen and (max-width: 800px) {
    .block_p {
      display: none; } }

.block_s {
  display: none; }
  @media screen and (max-width: 800px) {
    .block_s {
      display: block; } }

.inline_p {
  display: inline; }
  @media screen and (max-width: 800px) {
    .inline_p {
      display: none; } }

.inline_s {
  display: none; }
  @media screen and (max-width: 800px) {
    .inline_s {
      display: inline; } }

.row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; }

.between {
  -webkit-justify-content: space-between;
  /* Safari etc. */
  -ms-justify-content: space-between;
  /* IE10        */
  justify-content: space-between; }

.bgYellow {
  background: #FED81F; }

.bgYellowPale {
  background: #FFF8CC; }

.txtBold {
  font-weight: 600; }

.txtRed {
  color: #D22500; }

.txtUnderLine {
  text-decoration: underline !important; }

.txtCenter {
  text-align: center; }

.mypageBg {
  background: #FFF8CC; }
  .mypageBg .Header {
    border-bottom: 3px solid #FFF; }

.myPage {
  padding-top: 50px;
  padding-bottom: 100px;
  margin-top: -32px;
  position: relative;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px; }
  .myPage__wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }

.login {
  overflow-x: hidden;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: -35px;
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: -10px; }
  .login:before {
    content: "";
    position: fixed;
    left: 0;
    background: #FED81F;
    width: 300vw !important;
    height: 300vh !important;
    top: 0;
    z-index: -1; }
  @media screen and (max-width: 1290px) {
    .login {
      width: 100%;
      min-width: 1290px;
      margin-left: 0; } }
  .login__wrap {
    width: 1100px;
    margin: auto;
    box-sizing: border-box;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 1; }
  .login__detail {
    background: #FFF;
    width: 525px;
    border-radius: 20px;
    padding: 40px 0;
    box-shadow: 0px 3px 6px rgba(145, 130, 40, 0.25); }
  .login__detailInner {
    max-width: 390px;
    margin: auto; }
  .login__logo {
    width: 360px;
    display: block; }
  .login__leadTxt {
    margin-bottom: 20px;
    font-size: 16px; }
  .login__emailBox {
    margin-bottom: 20px; }
  .login__autoLoginBox {
    margin: 10px 0 40px; }
  .login__forgotTxt {
    text-align: center;
    margin: 10px 0 20px; }
  .login__forgotTxtLink {
    text-decoration: underline !important;
    color: #7E432C; }
  .login__otherTxt {
    font-size: 14px; }
    .login__otherTxt a {
      color: #4FB340;
      text-decoration: underline; }
  .login__entryBtnWrap {
    border-top: 1px solid #E1E1E1;
    padding-top: 40px;
    margin-top: 40px; }
  .login__toTop {
    text-align: center;
    margin: 20px 0 0; }
  .login__btn {
    margin-top: 30px; }

.myPageTtl {
  background: none;
  color: #7E432C;
  padding: 0;
  margin: 0; }

.myPageSubTtl,
.myPageSubTtlSm {
  background: none;
  color: #7E432C;
  padding: 0;
  margin: 0;
  font-size: 20px;
  font-weight: 600; }

.myPageSubTtlSm {
  font-size: 18px; }

.myPageSubTtlSm--space {
  margin-bottom: 30px; }

.myPageBtn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 600;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  border-radius: 10000px;
  font-size: 16px; }

.myPageBtn--gray {
  background: #E1E1E1 !important;
  color: #FFF !important; }
  .myPageBtn--gray:hover {
    color: #FFF !important; }

.myPageBtn--Cv {
  background: #4FB340;
  color: #FFF !important; }
  .myPageBtn--Cv:hover {
    color: #FFF !important; }

.myPageBtn--white {
  background: #FFF;
  color: #7E432C !important;
  border: 1px solid #7E432C;
  box-shadow: 0px 1px 3px rgba(145, 145, 145, 0.25); }

.myPageBtn--yellow {
  background: #FED81F;
  color: #7E432C !important;
  box-shadow: 0px 1px 3px rgba(145, 145, 145, 0.25); }

.shadowBox {
  /*border-radius: 20px;
  box-shadow: inset 0px 2px 6px rgba(145, 145, 145, 0.5);
  background: #FFF;*/ }

.myPageSide {
  width: 300px; }
  .myPageSide__inner {
    background: #FFF;
    border-radius: 20px;
    box-shadow: 0px 1px 3px rgba(151, 146, 116, 0.25);
    padding: 40px;
    box-sizing: border-box; }
  .myPageSide__btnInner {
    padding-top: 3px; }
  .myPageSide__btns {
    margin-top: 10px; }
  .myPageSide__btnsLi {
    margin-bottom: 15px; }
    .myPageSide__btnsLi:last-of-type {
      margin-bottom: 0; }
  .myPageSide__btn {
    background: #FFF;
    width: 100%;
    height: 45px;
    box-shadow: 0px 1px 3px rgba(151, 146, 116, 0.25);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 100px;
    font-weight: 600;
    color: #7E432C !important;
    box-sizing: border-box;
    padding-left: 30px; }
  .myPageSide__btnActive {
    background: #FED81F;
    box-shadow: inset 0 1px 3px rgba(151, 146, 116, 0.25); }
  .myPageSide__pointBox {
    padding: 20px;
    margin-top: 30px;
    border-radius: 10px; }
  .myPageSide__pointTtl {
    font-weight: 600;
    text-align: center; }
  .myPageSide__point {
    text-align: center;
    display: block;
    font-weight: 600;
    color: #D22500;
    font-size: 32px;
    margin: 10px 0; }
  .myPageSide__pointSub {
    display: inline-block;
    font-size: 20px;
    margin-left: 5px; }
  .myPageSide__pointTxt {
    font-size: 12px;
    line-height: 1.2; }
  .myPageSide__logOutTxt {
    text-align: center;
    margin-top: 20px; }
  .myPageSide__logOut {
    display: inline-block;
    text-decoration: underline !important; }
  .myPageSide__icon {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin: 0 5px 0 0;
    top: -1px; }
  .myPageSide__icon--home {
    top: -2px; }
  .myPageSide__listInner {
    padding-left: 55px;
    padding-top: 15px; }
  .myPageSide__listInnerItem {
    margin-bottom: 5px; }
    .myPageSide__listInnerItem:last-of-type {
      margin-bottom: 0; }

.myPageSide--sticky {
  position: sticky;
  align-self: flex-start;
  top: 75px; }

.myPageCont {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  margin-left: 30px;
  max-width: 820px; }
  .myPageCont__inner {
    margin-top: 30px;
    box-sizing: border-box;
    padding: 40px; }
  .myPageCont__inner--space {
    margin-top: 40px; }
  .myPageCont__wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap; }
  .myPageCont__wrap--space {
    margin-bottom: 30px; }
  .myPageCont__backBtn {
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px; }
    .myPageCont__backBtn:before {
      content: "";
      position: absolute;
      left: 15px;
      top: calc(50% - 7px);
      background: url("../img/mypage/icon_arrow_left.svg") no-repeat;
      background-size: 14.14px;
      width: 14.14px;
      height: 14.14px; }

.myPageHistory {
  border-bottom: 1px solid #E1E1E1;
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  /*&__eventName {
    line-height: 1.3;
    display: block;
    margin: 0 0 5px;
    position: relative;
    box-sizing: border-box;
    background: url("../img/mypage/icon_cracker.svg") left top 2px no-repeat;
    background-size: 12px;
    padding: 0 0 2px 17px;
    letter-spacing: -0.5px;
    &:after {
      left: 17px;
    }
    &:hover::before {
      transform: rotate(-12deg) scale(1.15);
    }
  }*/ }
  .myPageHistory__date {
    width: 110px;
    box-sizing: border-box; }
  .myPageHistory__dateTxt {
    font-size: 14px; }
  .myPageHistory__product {
    width: 380px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    padding-right: 20px; }
  .myPageHistory__product--wide {
    width: 440px;
    padding-right: 40px; }
  .myPageHistory__useEvent {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap; }
  .myPageHistory__useEventBox {
    width: 150px; }
  .myPageHistory__price {
    width: 110px; }
  .myPageHistory__quantity {
    width: 100px; }
  .myPageHistory__quantityNumber {
    padding-left: 10px; }
  .myPageHistory__subtotal {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%; }
  .myPageHistory__eventName {
    line-height: 1.3;
    display: block;
    margin: 0 0 5px;
    position: relative;
    box-sizing: border-box;
    padding: 0 0 2px 17px;
    letter-spacing: -0.5px;
    color: inherit; }
    .myPageHistory__eventName:before {
      content: "";
      position: absolute;
      left: 0;
      top: 2px;
      width: 12px;
      height: 12px;
      background: url("../img/mypage/icon_cracker.svg") center center no-repeat;
      background-size: 12px;
      transform-origin: center center;
      transition: transform 0.3s ease; }
    .myPageHistory__eventName:hover:before {
      transform: rotate(-15deg) scale(1.2); }
    .myPageHistory__eventName:after {
      left: 17px; }
  .myPageHistory__btn {
    max-width: 75px;
    height: 30px;
    font-size: 14px !important;
    margin-right: 0; }
  .myPageHistory__productImg {
    width: 100px; }
  .myPageHistory__productDetail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
    padding-left: 10px; }
  .myPageHistory__productTtl {
    font-size: 14px;
    margin: 0 0 5px; }
  .myPageHistory__tag {
    padding: 0 20px 0 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%; }
  .myPageHistory__tagInner {
    border: 1px solid #A7A7A7;
    border-radius: 3px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: #A7A7A7;
    box-sizing: border-box;
    padding: 2px 5px;
    background: #F8F8F8;
    line-height: 1.2; }
  .myPageHistory__moreBtn {
    margin-top: 30px; }
  .myPageHistory__dlBtnWrap {
    width: 100%;
    margin-top: 10px; }
  .myPageHistory__dlBtn {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .myPageHistory__dlBtnInner {
    font-size: 12px; }
    .myPageHistory__dlBtnInner:before {
      top: 2px !important; }

.myPageOrderSummary {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  margin-bottom: -30px; }
  .myPageOrderSummary__item {
    margin: 0 30px 30px 0; }

.summaryTable {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E1E1E1; }
  .summaryTable__dt {
    width: 240px; }
  .summaryTable__dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
    padding-right: 14px; }

.summaryTable--noBorder {
  border-bottom: none; }

.summaryTableList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  /* Safari etc. */
  -ms-justify-content: space-between;
  /* IE10        */
  justify-content: space-between;
  margin-bottom: 5px; }
  .summaryTableList__price {
    font-size: 24px; }

.myPageInfoGrid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  /* Safari etc. */
  -ms-justify-content: space-between;
  /* IE10        */
  justify-content: space-between;
  padding: 30px;
  border-radius: 10px; }
  .myPageInfoGrid__box {
    width: calc(100%/2 - 10px); }
  .myPageInfoGrid__boxInner {
    border-radius: 5px;
    padding: 20px;
    margin-top: 10px; }
  .myPageInfoGrid__pointDl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    /* Safari etc. */
    -ms-justify-content: space-between;
    /* IE10        */
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 5px; }
  .myPageInfoGrid__otodokeDl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    margin-bottom: 5px; }
  .myPageInfoGrid__otodokeDt {
    width: 110px; }
  .myPageInfoGrid__otodokeDd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%; }

.dlBtns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  justify-content: flex-end; }
  .dlBtns__item {
    margin-right: 15px; }
  .dlBtns__btn {
    width: auto;
    height: 30px;
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 14px !important; }
  .dlBtns__btnInner {
    position: relative;
    padding: 0 0 0 20px;
    display: inline-block;
    box-sizing: border-box; }
    .dlBtns__btnInner:before {
      content: "";
      background: url("../img/mypage/icon_dl.svg") no-repeat;
      background-size: 13.55px;
      height: 13.55px;
      width: 13.55px;
      position: absolute;
      top: 5px;
      left: 0; }

.mypageBg .frame_outer {
  position: relative; }
  .mypageBg .frame_outer:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    height: 63px;
    width: 100%;
    background: #FFF;
    z-index: -1; }

.footerMypage {
  background: #FFF8CC;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px; }
  @media screen and (max-width: 1290px) {
    .footerMypage {
      width: 100% !important;
      min-width: 1290px !important;
      margin-left: 0 !important; } }
  .footerMypage > p:last-of-type {
    background: #FFF;
    width: 100%;
    margin-top: 20px;
    padding: 20px 0;
    position: relative;
    margin-bottom: -10px; }
    .footerMypage > p:last-of-type:before {
      /*content: "";
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 0;
      height: 15px;
      background: #CCC;*/ }

.mypageInput,
.mypageSelect,
.mypageTextarea {
  background: #FFF !important;
  border: none !important;
  outline: none;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: 5px;
  font-size: 16px;
  padding: 8px !important;
  height: auto !important;
  box-shadow: inset 0px 1px 3px rgba(145, 145, 145, 0.25);
  min-height: 40px; }

.mypageInput::placeholder,
.mypageSelect::placeholder,
.mypageTextarea::placeholder {
  color: #A7A7A7 !important; }

.mypageSelect {
  background: url("../img/mypage/icon_arrow_select.svg") right 15px top 15px no-repeat #F2F2F2 !important;
  background-size: 6px; }

.mypageTextarea {
  min-height: 120px; }

.mypageInput--wide {
  width: 100% !important; }

.checkLabel {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #8B4513;
  font-size: 16px;
  cursor: pointer; }
  .checkLabel__input {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #7E432C;
    background-color: #fff;
    cursor: pointer;
    flex-shrink: 0;
    position: relative; }
    .checkLabel__input:checked {
      background-color: #D22500;
      border: none; }
      .checkLabel__input:checked::after {
        content: '';
        position: absolute;
        top: 2px;
        left: 5px;
        width: 4px;
        height: 8px;
        border: 2px solid #fff;
        border-top: none;
        border-left: none;
        transform: rotate(45deg); }
  .checkLabel__text {
    color: #7E432C; }

.curtomerList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 30px 0;
  border-top: 1px solid #E1E1E1; }
  .curtomerList__dt {
    width: 290px; }
  .curtomerList__dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%; }
  .curtomerList:first-of-type {
    margin-top: 40px; }
  .curtomerList:last-of-type {
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: 40px; }
  .curtomerList__hissu {
    display: inline-block;
    box-sizing: border-box;
    background: #D22500;
    color: #FFF;
    margin: 0 10px 0 0;
    font-size: 14px;
    padding: 0 5px;
    border-radius: 3px; }
  .curtomerList__box {
    margin-bottom: 20px;
    position: relative; }
  .curtomerList__post {
    margin-top: 5px; }
  .curtomerList__postLink {
    color: #7E432C;
    text-decoration: underline !important; }
  .curtomerList__subTtl {
    margin-bottom: 5px; }
  .curtomerList__cautionTxt {
    font-size: 14px;
    margin-top: 5px; }

.curtomerListBtns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .curtomerListBtns__li {
    margin: 0 10px;
    width: 230px; }
    .curtomerListBtns__li a,
    .curtomerListBtns__li button {
      width: 100% !important; }

.myPageTaikai__inner {
  margin: auto;
  width: 940px;
  background: #FFF;
  padding: 60px 20px;
  text-align: center; }
.myPageTaikai__txt {
  margin-bottom: 30px;
  line-height: 1.4; }

.myPageTaikaiList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .myPageTaikaiList__li {
    margin: 0 5px;
    width: 230px; }
    .myPageTaikaiList__li a,
    .myPageTaikaiList__li button {
      width: 100% !important; }

/*.formError {
  background: #FDF4F2!important;
  border: 1px solid #D22701!important;
  &::placeholder {
    color: #EB9C8D!important;
  }
}*/
/*.attention_msg {
  color: $赤色;
  margin-top: 10px;
  position: relative;
  box-sizing: border-box;
  padding-left: 20px;
  &:before {
    content: "";
    background: url("../img/mypage/icon_error.svg") no-repeat;
    background-size: 15.19px;
    width: 15.19px;
    height: 13.29px;
    position: absolute;
    left: 0;
    top: 4px;
  }
}*/
.Header .Nav #topnav .-Flex .-link a > img {
  vertical-align: inherit; }

/* -----------------------------------
▼イベント
 -----------------------------------*/
.myPageEventNew {
  margin-top: 0;
  padding: 45px 60px 30px;
  position: relative;
  z-index: 2; }
  .myPageEventNew__ttl {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 24px;
    margin-bottom: 5px; }
  .myPageEventNew__ttlIcon {
    font-size: 22px; }
  .myPageEventNew__lead {
    font-size: 16px;
    line-height: 24px;
    color: #7E432C;
    padding-bottom: 16px;
    border-bottom: 1px solid #EFECEA;
    font-weight: 400 !important; }
  .myPageEventNew__form {
    display: flex;
    gap: 60px;
    padding: 24px 0 30px;
    border-bottom: 1px solid #EFECEA; }
  .myPageEventNew__label {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #7E432C;
    margin-bottom: 8px; }
  .myPageEventNew__input {
    width: 375px; }
    .myPageEventNew__input--date {
      width: 220px;
      padding-right: 36px !important; }
  .myPageEventNew__dateWrap {
    position: relative; }
  .myPageEventNew__calIcon {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 16px;
    height: 15px;
    pointer-events: none; }
  .myPageEventNew__btnWrap {
    padding-top: 25px; }

.myPageEvent__filter {
  display: flex;
  justify-content: flex-end;
  margin: 35px 0 15px; }
.myPageEvent__item, .myPageEvent__item--switchBox {
  display: flex;
  align-items: flex-start;
  position: relative;
  background: #FFF;
  border-radius: 20px;
  box-shadow: 0 1px 3px rgba(151, 146, 116, 0.25), inset 0 0 0 rgba(145, 145, 145, 0);
  box-sizing: border-box;
  padding: 20px;
  margin-bottom: 15px;
  transition: box-shadow 0.3s; }
  .myPageEvent__item:hover, .myPageEvent__item--switchBox:hover {
    box-shadow: 0 1px 3px rgba(151, 146, 116, 0), inset 0 1px 3px rgba(145, 145, 145, 0.5); }
.myPageEvent__item--switchBox {
  box-shadow: 0 1px 3px 0 rgba(145, 145, 145, 0.25);
  border-radius: 10px;
  align-items: center; }
  .myPageEvent__item--switchBox:hover {
    box-shadow: 0 1px 3px 0 rgba(145, 145, 145, 0.25); }
  .myPageEvent__item--switchBox .myPageEvent__main {
    padding-right: 10px; }
.myPageEvent__item--switchBox--on {
  background: #FED81F; }
  .myPageEvent__item--switchBox--on .myPageEvent__otherList {
    color: #A28730 !important; }
    .myPageEvent__item--switchBox--on .myPageEvent__otherList .myPageEvent__dateTxt,
    .myPageEvent__item--switchBox--on .myPageEvent__otherList .myPageEvent__priceTxt,
    .myPageEvent__item--switchBox--on .myPageEvent__otherList .myPageEvent__codeNumber {
      color: #A28730 !important; }
.myPageEvent__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 20px; }
  .myPageEvent__link:hover {
    opacity: 1; }
.myPageEvent__main {
  flex: 1;
  min-width: 0; }
.myPageEvent__head {
  display: flex;
  align-items: flex-start;
  gap: 8px; }
.myPageEvent__crackerIcon {
  width: 21px;
  height: 21px;
  flex-shrink: 0;
  margin-top: 2px; }
.myPageEvent__name {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
  color: #7E432C;
  max-width: 320px;
  width: fit-content; }
.myPageEvent__share {
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 4px;
  position: relative;
  z-index: 2; }
.myPageEvent__shareIcon {
  width: 14px;
  height: 16px; }
.myPageEvent__noDate {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: 4px;
  margin-top: 3px;
  font-size: 14px;
  color: #A89E98;
  white-space: nowrap;
  flex-shrink: 0; }
.myPageEvent__noDateIcon {
  width: 15px;
  height: 14px; }
.myPageEvent__tags {
  display: flex;
  gap: 7px;
  margin-top: 10px; }
  .myPageEvent__tags + .myPageEvent__tags {
    margin-top: 7px; }
.myPageEvent__tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 21px;
  box-sizing: border-box;
  border: 1px solid #D3CECB;
  border-radius: 3px;
  padding: 0 10px 0 5px;
  background: #FFF;
  font-size: 12px;
  color: #A89E98;
  white-space: nowrap;
  position: relative;
  z-index: 2;
  text-decoration: none;
  cursor: pointer;
  flex-shrink: 0; }
  .myPageEvent__tag--done {
    background: #EEF8EC;
    border-color: #EEF8EC;
    color: #4FB340; }
    .myPageEvent__tag--done:hover {
      opacity: 1;
      border: 1px solid #4FB340 !important; }
  .myPageEvent__tag:hover {
    opacity: 1;
    color: #7E432C !important;
    border-color: #7E432C !important; }
    .myPageEvent__tag:hover .myPageEvent__tagIcon {
      border-color: #7E432C !important; }
.myPageEvent__tagIcon {
  width: 13px;
  height: 13px;
  box-sizing: border-box;
  flex-shrink: 0;
  border-radius: 50%;
  background: #FFF;
  border: 1px solid #D3CECB;
  position: relative; }
  .myPageEvent__tagIcon:hover {
    opacity: 1;
    border-color: #7E432C !important; }
.myPageEvent__tag--done .myPageEvent__tagIcon {
  background: #4FB340;
  border-color: #4FB340;
  transition: .4s; }
  .myPageEvent__tag--done .myPageEvent__tagIcon:after {
    content: "";
    position: absolute;
    left: 3.4px;
    top: 1.5px;
    width: 3px;
    height: 5px;
    border: solid #FFF;
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(45deg); }
.myPageEvent__tag--done:hover {
  transition: .4s;
  border-color: #4FB340 !important;
  color: #4FB340 !important; }
  .myPageEvent__tag--done:hover .myPageEvent__tagIcon {
    border-color: #4FB340 !important; }
.myPageEvent__meta {
  display: flex;
  align-items: baseline;
  flex-shrink: 0;
  margin-left: auto;
  padding-top: 2px;
  box-sizing: border-box; }
.myPageEvent__date {
  min-width: 110px;
  font-size: 16px;
  font-weight: 600;
  color: #7E432C;
  margin-right: 5px; }
.myPageEvent__dateIcon {
  width: 15px;
  height: 14px;
  margin-right: 5px;
  position: relative;
  top: -4px; }
.myPageEvent__limit {
  font-size: 12px;
  color: #7E432C; }
.myPageEvent__limitNum {
  font-size: 20px;
  font-weight: 600;
  color: #D22600;
  margin: 0 3px; }
.myPageEvent__dupBtn {
  width: 73px;
  height: 31px;
  font-size: 14px;
  font-weight: 400;
  flex-shrink: 0;
  align-self: center;
  margin: 0 0 0 40px;
  position: relative;
  z-index: 2; }
.myPageEvent__next {
  position: relative;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  align-self: center;
  margin-left: 17px; }
  .myPageEvent__next:before {
    content: "";
    position: absolute;
    left: 9px;
    top: 12px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #7E432C;
    border-right: 2px solid #7E432C;
    border-radius: 1px;
    transform: rotate(45deg); }
.myPageEvent__moreBtn {
  margin-top: 50px; }
.myPageEvent__linkBtnWrap {
  width: 110px;
  text-align: center; }
.myPageEvent__linkBtn {
  height: 30px;
  max-width: 100%;
  margin: auto;
  font-size: 14px;
  border: 1px solid #4FB340; }
  .myPageEvent__linkBtn:hover, .myPageEvent__linkBtn img {
    opacity: 1 !important; }
.myPageEvent__linkBtn--off {
  max-width: 75px;
  border: 1px solid #7E432C;
  background: #FFF;
  color: #7E432C !important; }
  .myPageEvent__linkBtn--off:hover,
  .myPageEvent__linkBtn--off img {
    opacity: 1 !important; }
.myPageEvent__linkIcon {
  display: inline-block;
  width: 12px;
  position: relative;
  margin: 0 5px 0 0; }
.myPageEvent__otherList {
  display: flex;
  font-size: 12px; }
.myPageEvent__dateTxt, .myPageEvent__priceTxt, .myPageEvent__codeNumber {
  margin-right: 10px;
  color: #A89E98 !important;
  font-size: 12px !important; }
.myPageEvent__setName {
  font-weight: 600; }
.myPageEvent__addName {
  text-align: right;
  font-size: 12px;
  color: #A89E98;
  font-weight: 400;
  max-width: 250px;
  line-height: 1.4;
  margin-top: 2px; }
.myPageEvent__giftIcon {
  width: 19px;
  display: inline-block;
  margin: 0px 2px 0 0;
  position: relative;
  top: -5px; }
.myPageEvent__shopTag {
  display: inline-block;
  box-sizing: border-box;
  padding: 1px 7px 0px;
  border-radius: 5px;
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  position: relative;
  margin: 0 5px 0 0; }
.myPageEvent__shopTag--kking {
  background: #FED81F !important;
  color: #7E432C !important; }
.myPageEvent__shopTag--rakuten {
  background: #D22500;
  color: #FFF; }
.myPageEvent__shopTag--amazon {
  background: #EFECEA;
  color: #FF8D28; }
.myPageEvent__shopTag--yahoo {
  background: #08F;
  color: #FFF; }
.myPageEvent__main--wrap {
  display: flex;
  justify-content: space-between;
  align-content: center; }
.myPageEvent__mainInner {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  padding-right: 10px; }

.eventEdit__card.eventEdit__headBox--result {
  margin-top: 0 !important; }

.eventEdit {
  /* イベントカスタム */
  /* アクティブ時の黄色枠（outlineなのでカクつかない） */
  /* サムネイル枠。どんな比率の画像でも切れずに中央に収まる */
  /* アクティブ時の黄色枠（outlineなのでカクつかない） */
  /* アクティブ時のチェックバッジ（丸はCSS・チェックのみ画像） */ }
  .eventEdit__back {
    display: inline-block;
    margin-bottom: 15px;
    color: #7E432C !important;
    font-size: 16px;
    text-decoration: underline !important; }
  .eventEdit__card {
    padding: 60px;
    margin-top: 30px; }
  .eventEdit__headBox {
    padding: 22px 50px 22px 36px; }
  .eventEdit__ttl {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #7E432C;
    font-size: 28px;
    font-weight: 700; }
  .eventEdit__ttlInner {
    line-height: 1.4; }
  .eventEdit__date {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
    color: #7E432C;
    font-size: 20px;
    font-weight: 700; }
  .eventEdit__headIcon {
    width: 34px;
    height: 34px; }
    .eventEdit__headIcon--sm {
      width: 24px;
      height: 24px;
      margin-right: 10px; }
  .eventEdit__editIcon {
    width: 18px;
    height: 17px;
    margin-left: 6px; }
  .eventEdit__step {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    position: relative; }
    .eventEdit__step .myPageSubTtl {
      line-height: 1.2; }
  .eventEdit__badge {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 5px;
    background: #7E432C;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    position: relative;
    top: -2px; }
  .eventEdit__leadTxt {
    font-weight: 500 !important;
    font-size: 16px;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    margin-top: -10px; }
  .eventEdit__formDt {
    max-width: 170px; }
  .eventEdit__main--wrap {
    display: flex;
    justify-content: space-between; }
  .eventEdit__tabRadio {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none; }
  .eventEdit__tabSwitch {
    display: flex;
    background: #FFF;
    border-radius: 999px;
    padding: 4px;
    box-shadow: 0 1px 3px 0 rgba(145, 145, 145, 0.25) inset;
    margin-bottom: 20px; }
  .eventEdit__tabLabel {
    flex: 1;
    text-align: center;
    padding: 6px 16px;
    border-radius: 999px;
    color: #7E432C;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background .2s, color .2s; }
  .eventEdit__tabPanels {
    margin-top: 10px; }
  .eventEdit__tabPanel {
    display: none; }
  .eventEdit__subTtl {
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EFECEA;
    margin-bottom: 20px;
    font-weight: 600; }
  .eventEdit__box {
    margin-top: 60px; }
  .eventEdit__box--noSpae {
    margin-top: 0px; }
  .eventEdit__products {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px; }
  .eventEdit__products--sm {
    margin-top: 10px; }
  .eventEdit__productsItem {
    width: 118px;
    /*margin-right: 37px;
    margin-bottom: 35px;*/
    margin-right: 25px;
    margin-bottom: 25px; }
    .eventEdit__productsItem:nth-child(5n) {
      margin-right: 0px; }
    .eventEdit__productsItem:nth-child(6n) ~ .eventEdit__productsItem {
      margin-bottom: 0; }
  .eventEdit__productsItem--sm {
    width: 108px;
    /*margin-right: 37px;
    margin-bottom: 35px;*/
    margin-right: 10px;
    margin-bottom: 10px; }
    .eventEdit__productsItem--sm:nth-child(5n) {
      margin-right: 10px !important; }
    .eventEdit__productsItem--sm:nth-child(6n) {
      margin-right: 0px; }
    .eventEdit__productsItem--sm:nth-child(7n) ~ .eventEdit__productsItem {
      margin-bottom: 0; }
  .eventEdit__productsCaption {
    font-size: 12px; }
  .eventEdit__productsItem--add {
    max-height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #7E432C;
    border-radius: 5px;
    background-color: #fff; }
  .eventEdit__addButton {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 24px 12px;
    background-color: transparent;
    border: none;
    cursor: pointer; }
  .eventEdit__addButtonIcon {
    width: 32px;
    height: 32px;
    margin: 0 auto 10px; }
    .eventEdit__addButtonIcon img {
      display: block;
      width: 100%; }
  .eventEdit__addButtonText {
    font-size: 12px;
    color: #7A4A2C;
    line-height: 1; }
  .eventEdit__addProducts {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap; }
  .eventEdit__addProductsSelectWrap {
    width: 190px; }
    .eventEdit__addProductsSelectWrap select {
      width: 100% !important;
      min-width: 100% !important;
      min-height: 42px; }
  .eventEdit__addProductsInputWrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
    padding: 0 10px; }
  .eventEdit__addProductsBtnWrap {
    width: 110px; }
    .eventEdit__addProductsBtnWrap .commonBtn {
      height: 40px; }
  .eventEdit__blankLink {
    display: inline-block;
    color: #7E432C !important;
    top: 5px;
    position: relative;
    margin-left: 5px;
    font-weight: 300 !important; }
  .eventEdit__blankLinkInner {
    font-weight: 300 !important; }
  .eventEdit__blankIcon {
    display: inline-block;
    position: relative;
    width: 11px;
    margin-left: 5px;
    vertical-align: middle; }
  .eventEdit__custom {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px; }
  .eventEdit__customPreview {
    width: 300px; }
  .eventEdit__customPreview--sm {
    width: 220px; }
  .eventEdit__customPreviewBox {
    position: relative; }
  .eventEdit__customMask {
    position: absolute;
    left: 0;
    top: 0; }
  .eventEdit__customImg--panel {
    border-radius: 10px;
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    overflow: hidden; }
  .eventEdit__customImg--panelImg {
    display: block;
    width: 100%; }
  .eventEdit__customBox {
    margin-bottom: 30px; }
  .eventEdit__customDetail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
    padding-right: 60px; }
  .eventEdit__customDetail--right {
    padding-right: 0;
    padding-left: 40px; }
  .eventEdit__customSubttl {
    margin-bottom: 10px; }
  .eventEdit__customFileUp {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 106px;
    background: #FFF;
    border: 1px dashed #A89E98;
    border-radius: 10px;
    cursor: pointer; }
  .eventEdit__customFileUpInput {
    display: none; }
  .eventEdit__customFileUpIcon {
    width: 27px;
    height: 26px; }
  .eventEdit__customFileUpText {
    color: #A89E98;
    font-size: 12px;
    line-height: 24px; }
  .eventEdit__customPreviewCaption {
    display: block;
    width: 100%;
    text-align: center;
    color: #A89E98;
    font-size: 12px;
    margin: 5px 0; }
  .eventEdit__customColors {
    display: flex; }
  .eventEdit__customColor {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    cursor: pointer;
    margin-right: 3px; }
    .eventEdit__customColor:last-of-type {
      margin-right: 0; }
  .eventEdit__customColorInput {
    display: none; }
  .eventEdit__customColorChip {
    box-sizing: border-box;
    width: 29px;
    height: 29px;
    border: 2px solid #FFF;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(145, 145, 145, 0.25); }
  .eventEdit__customColorInput:checked + .eventEdit__customColorChip {
    outline: 2px solid #FED81F;
    outline-offset: 1px; }
  .eventEdit__customColorChip--yellow {
    background: #FED81E; }
  .eventEdit__customColorChip--white {
    background: #FFF;
    box-shadow: 0 1px 3px rgba(145, 145, 145, 0.25), inset 0 0 0 2px #EFECEA; }
  .eventEdit__customColorChip--gray {
    background: #DBDBDB; }
  .eventEdit__customColorChip--black {
    background: #000; }
  .eventEdit__customColorChip--green {
    background: #4FB340; }
  .eventEdit__customColorChip--blue {
    background: #2E6EB9; }
  .eventEdit__customColorChip--orange {
    background: #FF6D4D; }
  .eventEdit__customColorChip--pink {
    background: #FFB5D2; }
  .eventEdit__customColorChip--purple {
    background: #B888E2; }
  .eventEdit__customTxt {
    text-align: right;
    margin-top: 5px; }
  .eventEdit__customTxtLink {
    color: #7E432C !important;
    text-decoration: underline !important;
    font-size: 12px; }
  .eventEdit__customRadioList {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    /* Safari etc. */
    -ms-justify-content: space-between;
    /* IE10        */
    justify-content: space-between; }
  .eventEdit__customRadioItem {
    width: calc(100%/2 - 5px);
    max-width: 100%; }
  .eventEdit__customRadio {
    width: 100%;
    max-width: 100%;
    min-width: 0 !important; }
  .eventEdit__customTextarea {
    max-height: 100000px !important;
    min-height: 0 !important;
    height: 125px !important; }
  .eventEdit__customLogos {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    flex-wrap: wrap; }
  .eventEdit__customLogos + .eventEdit__customLogos {
    margin-top: 60px; }
  .eventEdit__customLogo {
    position: relative;
    display: block;
    width: 75px;
    height: 75px;
    margin-right: 12px;
    margin-bottom: 12px;
    cursor: pointer; }
  .eventEdit__customLogo:nth-child(4n) {
    margin-right: 0; }
  .eventEdit__customLogoInput {
    display: none; }
  .eventEdit__customLogoThumb {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 75px;
    height: 75px;
    padding: 4px;
    background: #FFF;
    border: 1px solid #EFECEA;
    border-radius: 5px; }
  .eventEdit__customLogoImg {
    max-width: 100%;
    max-height: 100%; }
  .eventEdit__customLogoInput:checked + .eventEdit__customLogoThumb {
    outline: 2px solid #FED81F;
    outline-offset: 2px;
    box-shadow: 0 1px 3px rgba(145, 145, 145, 0.25); }
  .eventEdit__customLogoCheck {
    display: none;
    position: absolute;
    top: -8px;
    right: -8px;
    width: 16px;
    height: 16px;
    background: #FED81F;
    border-radius: 50%; }
  .eventEdit__customLogoInput:checked ~ .eventEdit__customLogoCheck {
    display: block; }
  .eventEdit__customLogoCheckIcon {
    display: block;
    width: 10px;
    margin: auto;
    position: relative;
    top: 5px;
    left: 1px; }
  .eventEdit__customLogoAdd {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 75px;
    height: 75px;
    padding-top: 16px;
    background: #FFF;
    border: 1px dashed #7E432C;
    border-radius: 5px; }
  .eventEdit__customLogoAdd--noBorder {
    border: none !important; }
  .eventEdit__customLogoAddIcon {
    width: 24px;
    height: 24px; }
  .eventEdit__customLogoAddText {
    margin-top: 9px;
    color: #7E432C;
    font-size: 12px;
    line-height: 16px; }
  .eventEdit__result {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px; }
  .eventEdit__resultCheck {
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 100000000px;
    margin: 0 10px 0 0;
    position: relative;
    top: 2px; }
    .eventEdit__resultCheck img {
      display: block;
      width: 12px;
      margin: auto; }
  .eventEdit__resultCheck--on {
    background: #4FB340; }
  .eventEdit__resultCheck--off {
    background: #D3CECB; }
  .eventEdit__resultTtl {
    background: none;
    padding: 0;
    margin: 0;
    font-size: 24px;
    color: #7E432C !important;
    font-weight: 600;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap; }
  .eventEdit__copyIcon, .eventEdit__qrIcon {
    display: inline-block;
    position: relative;
    width: 14px;
    margin: 0 5px 0 0; }
  .eventEdit__qrIcon {
    width: 18px; }
  .eventEdit__copyLinkWrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap; }
  .eventEdit__copyLink {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
    padding-right: 20px; }
  .eventEdit__copyBtn {
    max-width: 110px;
    max-height: 40px; }
  .eventEdit__copyInput {
    background: #EFECEA !important;
    box-shadow: 0 1px 3px 0 rgba(145, 145, 145, 0.25) inset !important;
    border: none !important; }
  .eventEdit__qrBtn {
    max-width: 270px;
    max-height: 40px;
    margin-top: 30px;
    margin-left: 0; }
  .eventEdit__dl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #D3CECB;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 16px; }
    .eventEdit__dl:last-of-type {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0; }
  .eventEdit__dt {
    width: 100px;
    word-break: break-all; }
  .eventEdit__dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
    padding-left: 40px;
    word-break: break-all; }

#eventEditTab1:checked ~ .eventEdit__tabSwitch .eventEdit__tabLabel[for="eventEditTab1"],
#eventEditTab2:checked ~ .eventEdit__tabSwitch .eventEdit__tabLabel[for="eventEditTab2"] {
  background: #7E432C;
  color: #FFF; }

#eventEditTab1:checked ~ .eventEdit__tabPanels .eventEdit__tabPanel--1, #eventEditTab2:checked ~ .eventEdit__tabPanels .eventEdit__tabPanel--2 {
  display: block; }

.eventStep {
  display: flex;
  max-width: 800px;
  margin: 30px auto 0px; }
  .eventStep__item {
    flex: 1;
    text-align: center; }
    .eventStep__item:not(:last-child) .eventStep__numWrap::after {
      content: "";
      position: absolute;
      top: 25px;
      left: 50%;
      width: 100%;
      height: 3px;
      background: #7E432C;
      z-index: 0; }
    .eventStep__item--active .eventStep__num {
      width: 50px;
      height: 50px;
      border-color: #4FB340;
      color: #4FB340;
      font-size: 22px; }
    .eventStep__item--active .eventStep__label {
      color: #4FB340;
      font-weight: 700; }
  .eventStep__numWrap {
    position: relative;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .eventStep__numWrap--finish:after {
      background: #4FB340 !important; }
  .eventStep__num {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 2px solid #7E432C;
    border-radius: 50%;
    background: #FFF;
    color: #7E432C;
    font-size: 16px;
    font-weight: 700; }
    .eventStep__num--finish {
      border: 2px solid #4FB340;
      background: url("../img/mypage/icon_check_w.svg") center no-repeat #4FB340;
      background-size: 20px; }
  .eventStep__label {
    margin-top: 6px;
    color: #7E432C;
    font-size: 12px;
    white-space: nowrap; }