@charset "UTF-8";
/**
 * 変数
 */
/**
 * color
 * ---------------------------
 */
/**
 * コンテンツ幅
 * ---------------------------
 */
/**
 * font famiry
 * ---------------------------
 */
main {
  /*padding-top: 150px;*/
}
@media (min-width: 1400px) {
  main {
    padding-top: 80px;
  }
}

header {
  height: auto;
  /*.inner {
  	flex-wrap: wrap;
  	padding-bottom: 0;
  }*/
}
header .headerMenuParent {
  width: 100%;
  position: relative;
}
header .headerMenuParent .name {
  color: #fff;
  padding: 10px 0 0px;
}
header .headerMenuParent .name:hover + .headerMenuChild {
  display: block;
}
header .headerMenuChild {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  background-color: #fff;
  padding: 20px 25px 20px 20px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
header .headerMenuChild:hover {
  display: block;
}
header .headerMenuChild .link, header .headerMenuChild .logout {
  position: relative;
  white-space: nowrap;
  padding-left: 18px;
}
header .headerMenuChild .link:after, header .headerMenuChild .logout:after {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  content: "";
  display: block;
  margin: auto;
}
header .headerMenuChild .link:after {
  width: 8px;
  height: 8px;
  border: 1px solid;
  border-color: #000 #000 transparent transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
header .headerMenuChild .logout:after {
  width: 18px;
  height: 20px;
  background-image: url(../img/mypage/icon-logout.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}
header .headerMenuChild a, header .headerMenuChild span {
  display: block;
  padding: 0.5em 0;
}
header .iconLink {
  margin-right: 8px;
}
header .iconLink > div + div {
  margin-left: 10px;
}
header .iconLink .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 42px;
  height: 42px;
  background-color: #fff;
  color: #fff;
  border: 1px solid #E1E2E4;
  border-radius: 3px;
}
header .iconLink .btn img {
  width: 20px;
  height: auto;
}
header .iconLink img {
  width: 30px;
}
header .menuWrap .subLink {
  padding-top: 0;
  border-top: 0;
}
header .menuWrap .subLink ul li a, header .menuWrap .subLink ul li span {
  font-size: 14px;
}
header .menuWrap .subLink ul li a:before, header .menuWrap .subLink ul li span:before {
  top: 0;
  bottom: 0;
  margin: auto;
}
header .menuWrap .subLink ul li .logout {
  position: relative;
  padding-left: 16px;
}
header .menuWrap .subLink ul li .logout span {
  color: #08091B;
}
header .menuWrap .subLink ul li .logout:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 16px;
  height: 20px;
  background-image: url(../img/mypage/icon-logout.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  margin: auto;
}
@media (min-width: 769px) {
  header .inner {
    padding: 20px 21px 19px 20px;
  }
  header .menuBtnWrap {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  header .headerMenuParent {
    width: 200px;
    margin: 0 20px;
  }
  header .headerMenuParent .name {
    padding: 0.5em 0;
  }
  header .iconLink {
    width: auto;
    margin-right: 10px;
  }
  header .menuWrap {
    width: 50%;
  }
  header .menuWrap .subLink ul {
    display: block;
  }
  header .menuWrap .subLink ul li {
    margin-top: 16px;
  }
  header .menuWrap .subLink ul li a, header .menuWrap .subLink ul li span {
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  header {
    height: 80px;
  }
  header .menuBtnWrap {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (max-width: 768px) {
  header .headerMenuParent {
    display: none;
  }
  header .iconLink .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #fff;
    color: #fff;
    border: 1px solid #E1E2E4;
    border-radius: 3px;
  }
  header .iconLink .btn img {
    width: 16px;
    height: auto;
  }
}

.btnWrap {
  text-align: center;
  margin-top: 30px;
}
.btnWrap .btn {
  width: 100%;
  max-width: 250px;
  margin: auto;
}
.btnWrap .btn a, .btnWrap .btn input {
  display: block;
  width: 100%;
  padding: 8px 10px 9px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.1em;
  line-height: 2.2;
  text-align: center;
  color: #FFFFFF;
  background: #986D41;
  border-radius: 33px;
  cursor: pointer;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.btnWrap .btn a:hover, .btnWrap .btn input:hover {
  background: #7b4712;
}
@media (min-width: 769px) {
  .btnWrap {
    margin-top: 50px;
  }
  .btnWrap .btn {
    max-width: 300px;
  }
  .btnWrap .btn a, .btnWrap .btn input {
    padding: 10px 10px 11px;
    font-size: min(2vw, 18px);
    line-height: 1.8;
  }
}

#myPageWrap .wrap {
  padding: 20px 0 55px;
}
#myPageWrap .inner {
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
}
#myPageWrap hgroup {
  margin-bottom: 56px;
}
#myPageWrap hgroup h1 {
  font-size: min(14vw, 50px);
  font-weight: 400;
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.02em;
  color: #E1E2E4;
}
#myPageWrap hgroup p {
  margin-top: 22px;
  font-size: min(4vw, 15px);
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.1em;
  color: #08091B;
}
@media (min-width: 769px) {
  #myPageWrap .wrap {
    padding: 80px 0;
  }
  #myPageWrap hgroup {
    margin-bottom: 80px;
  }
  #myPageWrap hgroup h1 {
    font-size: min(8vw, 88px);
  }
  #myPageWrap hgroup p {
    font-size: 16px;
  }
  #myPageWrap .inner {
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
  }
}

/*
topic
---------------------------*/
#topic {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  margin: 10px;
}
#topic p {
  font-size: 14px;
}
#topic p + p {
  position: relative;
  padding-left: 18px;
  margin-left: 5px;
}
#topic p + p:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  border: 1px solid;
  border-color: #000 #000 transparent transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#topic p span + span:before {
  content: "／";
}
@media (min-width: 769px) {
  #topic {
    margin: 10px 20px;
  }
  #topic p {
    font-size: 16px;
  }
}

/*
#myPageContent
---------------------------*/
#myPageContent .contentBlock + .contentBlock {
  padding-top: 40px;
}
#myPageContent .contentTitle {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #986D41;
}
#myPageContent .contentTitle h2 {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
}
#myPageContent .contentTitle .date,
#myPageContent .contentTitle .number {
  display: block;
  font-size: 15px;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.02em;
  color: #817d7d;
  padding-bottom: 0.5em;
}
#myPageContent .contentTitle .new {
  font-size: 20px;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.02em;
  color: #986D41;
  padding-left: 0.25em;
}
#myPageContent .contentInnerTitle {
  position: relative;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.5;
  padding-left: 20px;
}
#myPageContent .contentInnerTitle:not(:last-child) {
  margin-bottom: 0.5em;
}
#myPageContent .contentInnerTitle > * {
  font-weight: 500;
  line-height: 1.5;
}
#myPageContent .contentInnerTitle:not(.importantNewsTitle):before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-color: #986D41;
  border-radius: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#myPageContent .importantNews .date {
  position: relative;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.4;
  padding-left: 26px;
}
#myPageContent .importantNews .date:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-color: #e4002f;
  border-radius: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#myPageContent .mypageDetail .memberNo p,
#myPageContent .mypageDetail .loginDate p {
  color: #817d7d;
}
#myPageContent .mypageDetail .memberNo .date,
#myPageContent .mypageDetail .memberNo .time,
#myPageContent .mypageDetail .loginDate .date,
#myPageContent .mypageDetail .loginDate .time {
  padding-left: 0.5em;
}
#myPageContent .mypageDetail .loginDate {
  font-size: 14px;
  text-align: right;
  padding-bottom: 10px;
}
#myPageContent .mypageDetail .welcomeMessage {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0 40px;
}
#myPageContent .mypageDetail .welcomeMessage .name {
  font-weight: 600;
  padding: 0 0.5em;
}
#myPageContent .mypageDetail .welcomeMessage .profile {
  font-size: 15px;
  text-decoration: underline;
}
#myPageContent .attentionBox {
  background-color: #ffeded;
  border: 1px solid #e4002f;
  padding: 20px;
}
#myPageContent .attentionBox:has(.event-not-found) {
  margin-bottom: 30px;
}
#myPageContent .attentionBox .contentInnerTitle:before {
  background-color: #e4002f;
}
#myPageContent .attentionBox dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#myPageContent .attentionBox dl dd + dd {
  padding-top: 5px;
}
#myPageContent .attentionBox dl + dl {
  padding-top: 15px;
}
#myPageContent .attentionBox p {
  color: #e4002f;
  text-align: center;
}
#myPageContent .attentionBox a {
  text-decoration: underline;
}
@media (min-width: 769px) {
  #myPageContent .contentBlock + .contentBlock {
    padding-top: 60px;
  }
  #myPageContent .contentTitle {
    font-size: 24px;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  #myPageContent .contentTitle h2 {
    font-size: 24px;
  }
  #myPageContent .contentTitle .new {
    font-size: 24px;
  }
  #myPageContent .contentInnerTitle {
    font-size: 20px;
  }
  #myPageContent .mypageDetail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  #myPageContent .mypageDetail .loginDate {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    font-size: 16px;
    padding-bottom: 0;
  }
  #myPageContent .mypageDetail .welcomeMessage {
    font-size: 24px;
    padding-bottom: 10px;
  }
  #myPageContent .mypageDetail .memberDetail {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

#mypageNews ul {
  border-bottom: 1px solid #E1E2E4;
}
#mypageNews ul li {
  position: relative;
  padding-right: 20px;
}
#mypageNews ul li:before {
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin: auto;
  border: 1px solid;
  border-color: #000 #000 transparent transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#mypageNews ul li:hover:before {
  right: 0;
}
#mypageNews ul li + li {
  border-top: 1px solid #E1E2E4;
}
#mypageNews ul li > a, #mypageNews ul li > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 25px 0;
}
#mypageNews ul li > a:has(.newsContent .labelClass), #mypageNews ul li > div:has(.newsContent .labelClass) {
  padding-top: 10px;
}
#mypageNews ul li > a .date, #mypageNews ul li > div .date {
  width: 75px;
  font-size: 15px;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.02em;
  color: #817d7d;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
#mypageNews ul li > a .new, #mypageNews ul li > div .new {
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.02em;
  margin-right: 20px;
}
#mypageNews ul li > a .text, #mypageNews ul li > div .text {
  width: 100%;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.1em;
  line-height: 1.3;
  color: #08091B;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
#mypageNews ul li > a .text a, #mypageNews ul li > div .text a {
  font-size: 14px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.1em;
  color: #08091B;
  text-decoration: underline;
}
#mypageNews ul li > a .label, #mypageNews ul li > div .label {
  display: inline-block;
  width: auto;
  padding: 1px 10px;
  font-size: 13px;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  text-align: center;
  background: #986D41;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
#mypageNews ul li > a .label + .label, #mypageNews ul li > div .label + .label {
  margin-left: 10px;
}
#mypageNews ul li > a .labelClass, #mypageNews ul li > div .labelClass {
  display: inline-block;
  width: auto;
  padding: 1px 10px;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  text-align: center;
  background: #e4002f;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
#mypageNews ul li > a .labelClass + .label, #mypageNews ul li > div .labelClass + .label {
  margin-left: 10px;
}
#mypageNews ul li > a .newsContent, #mypageNews ul li > div .newsContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
#mypageNews ul li > a .newsContent.detail, #mypageNews ul li > div .newsContent.detail {
  display: block;
}
#mypageNews ul li > a .newsContent.labelBox:has(p), #mypageNews ul li > div .newsContent.labelBox:has(p) {
  margin-bottom: 10px;
}
@media (min-width: 769px) {
  #mypageNews ul li > a, #mypageNews ul li > div {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 30px 0;
  }
  #mypageNews ul li > a:has(.newsContent .labelClass), #mypageNews ul li > div:has(.newsContent .labelClass) {
    padding-top: 10px;
  }
  #mypageNews ul li > a .text, #mypageNews ul li > div .text {
    width: calc(100% - 65px);
    font-size: 16px;
    margin-top: 0;
    padding-left: 40px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #mypageNews ul li > a .label, #mypageNews ul li > div .label {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  #mypageNews ul li > a .labelClass, #mypageNews ul li > div .labelClass {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  #mypageNews ul li > a .newsContent.detail, #mypageNews ul li > div .newsContent.detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

#mypageEvent li {
  padding: 15px;
  border: 1px solid #E1E2E4;
}
#mypageEvent li + li {
  margin-top: 15px;
}
#mypageEvent li .contentInnerTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#mypageEvent li .contentInnerTitle:before {
  top: 6px;
  bottom: auto;
}
#mypageEvent li .labelBox {
  margin-bottom: 5px;
}
#mypageEvent li .label {
  display: inline-block;
  width: 70px;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  text-align: center;
  background: #08091B;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
#mypageEvent li .label + .label {
  margin-left: 10px;
}
#mypageEvent li .date {
  font-weight: 600;
}
#mypageEvent li .cancel {
  text-align: center;
}
#mypageEvent li .cancelBtn {
  position: relative;
  width: 100%;
  max-width: 250px;
  margin: 24px auto 0;
  border-radius: 33px;
  z-index: 1;
  cursor: pointer;
}
#mypageEvent li .cancelBtn span {
  display: block;
  width: 100%;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.1em;
  line-height: 2.3;
  text-align: center;
  color: #08091B;
  border: 1px solid #08091B;
  border-radius: 33px;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  position: relative;
  z-index: 1;
}
#mypageEvent li .cancelBtn span:hover {
  background-color: #08091B;
  color: #fff;
}
#mypageEvent li .cancelBtn span:hover:after, #mypageEvent li .cancelBtn span:hover:before {
  background-color: #fff;
}
#mypageEvent li .cancelBtn span:after, #mypageEvent li .cancelBtn span:before {
  content: "";
  display: block;
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 1px;
  background-color: #000;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  margin: auto;
}
#mypageEvent li .cancelBtn span:after {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
#mypageEvent li .cancelBtn span:before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#mypageEvent li .cancelBtn span {
  padding-left: 25px;
}
@media (min-width: 769px) {
  #mypageEvent li {
    padding: 25px;
  }
  #mypageEvent li + li {
    margin-top: 20px;
  }
  #mypageEvent li .labelBox {
    margin-bottom: 10px;
  }
  #mypageEvent li .label {
    width: 80px;
  }
  #mypageEvent li .contentInnerTitle:before {
    top: 8px;
  }
}

#mypageHistory .printBtnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 20px;
}
#mypageHistory .printBtn {
  position: relative;
  width: 100%;
  max-width: 250px;
  border-radius: 33px;
  cursor: pointer;
  z-index: 1;
}
#mypageHistory .printBtn a, #mypageHistory .printBtn span {
  position: relative;
  display: block;
  width: 100%;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.1em;
  line-height: 2.3;
  text-align: center;
  color: #08091B;
  border: 1px solid #08091B;
  border-radius: 33px;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  z-index: 1;
}
#mypageHistory .printBtn a:hover, #mypageHistory .printBtn span:hover {
  background-color: #08091B;
  color: #fff;
}
#mypageHistory .printBtn a:hover span:after, #mypageHistory .printBtn a:hover span:before, #mypageHistory .printBtn span:hover span:after, #mypageHistory .printBtn span:hover span:before {
  background-color: #fff;
}
#mypageHistory .historyList {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #E1E2E4;
}
#mypageHistory .historyList li + li {
  border-top: 1px solid #E1E2E4;
}
#mypageHistory .historyList li > a, #mypageHistory .historyList li > div {
  display: block;
  padding: 25px 0;
}
#mypageHistory .historyList li .date {
  font-weight: 600;
}
#mypageHistory .historyList li .contentInnerTitle:before {
  top: 6px;
  bottom: auto;
}
#mypageHistory .historyList thead {
  display: none;
  text-align: left;
}
#mypageHistory .historyList tr td {
  border-top: 1px solid #E1E2E4;
}
#mypageHistory .historyList tr td > a, #mypageHistory .historyList tr td > div {
  display: block;
  padding: 25px 0;
}
#mypageHistory .historyList tr .date {
  font-weight: 600;
}
#mypageHistory .historyList tr .contentInnerTitle:before {
  top: 6px;
  bottom: auto;
}
@media (min-width: 769px) {
  #mypageHistory .printBtnWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 30px;
  }
  #mypageHistory .historyList li > a, #mypageHistory .historyList li > div {
    padding: 30px 0;
  }
  #mypageHistory .historyList li .contentInnerTitle:before {
    top: 8px;
  }
  #mypageHistory .historyList tr dt > a, #mypageHistory .historyList tr dt > div {
    padding: 30px 0;
  }
  #mypageHistory .historyList tr .contentInnerTitle:before {
    top: 8px;
  }
}
@media (max-width: 768px) {
  #mypageHistory .place {
    font-size: 15px;
  }
}

#mypageNewsDetail .labelClass {
  display: inline-block;
  width: auto;
  padding: 1px 10px;
  margin-left: 7px;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  text-align: center;
  background: #e4002f;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
#mypageNewsDetail .labelClass + .label {
  margin-left: 10px;
}
#mypageNewsDetail .newsDetail {
  padding: 10px 0 30px;
  border-bottom: 1px solid #E1E2E4;
}
#mypageNewsDetail .newsDetail p + p {
  padding-top: 1em;
}
#mypageNewsDetail .newsDetail .fileContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 30px;
}
#mypageNewsDetail .newsDetail .file {
  margin-right: 20px;
  padding-top: 0;
}
#mypageNewsDetail .newsDetail .fileContent a {
  color: #986D41;
  text-decoration: underline;
  line-height: 2;
}
#mypageNewsDetail .newsLabel .label {
  width: auto;
  font-size: 13px;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  text-align: center;
  background-color: #986D41;
  margin-top: 20px;
  margin-left: 5px;
  padding: 1px 10px;
  display: inline-block;
}
#mypageNewsDetail .detailNav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 30px 0;
}
#mypageNewsDetail .detailNav .prev,
#mypageNewsDetail .detailNav .next {
  position: relative;
  padding-right: 22px;
}
#mypageNewsDetail .detailNav .prev:before,
#mypageNewsDetail .detailNav .next:before {
  display: block;
  top: 0;
  bottom: 0;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  margin: auto;
  border: 1px solid;
  border-color: #000 #000 transparent transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: auto;
}
#mypageNewsDetail .detailNav .prev a,
#mypageNewsDetail .detailNav .next a {
  white-space: nowrap;
}
#mypageNewsDetail .detailNav .next:before {
  right: 5px;
}
#mypageNewsDetail .detailNav .next:hover:before {
  right: 0;
}
#mypageNewsDetail .detailNav .prev {
  padding: 0 0 0 22px;
}
#mypageNewsDetail .detailNav .prev:before {
  left: 5px;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
#mypageNewsDetail .detailNav .prev:hover:before {
  left: 0;
}
#mypageNewsDetail .detailNav .vhidden {
  visibility: hidden;
}
@media (min-width: 769px) {
  #mypageNewsDetail .newsDetail {
    padding: 20px 0 50px;
  }
  #mypageNewsDetail .newsDetail:has(.fileContent) {
    padding-bottom: 20px;
  }
  #mypageNewsDetail .detailNav {
    margin: 40px 0;
  }
}
@media (min-width: 900px) {
  #mypageNewsDetail .newsDetail .fileContent {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

#narrowDown {
  margin-bottom: 20px;
}
#narrowDown .selectWrap {
  position: relative;
}
#narrowDown .selectWrap .selectBox {
  width: 100%;
  font-size: 16px;
  line-height: 1.6;
  padding: 10px 10px;
  background-color: #F8F9FA;
  cursor: pointer;
}
#narrowDown .selectWrap select {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  line-height: 1.6;
  padding: 10px 10px;
  background-color: #F8F9FA;
  cursor: pointer;
}
#narrowDown .selectWrap:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
  height: 0;
  border-width: 8px 5px 0px 5px;
  border-color: #986D41 transparent transparent transparent;
  border-style: solid;
  pointer-events: none;
}
#narrowDown .selectWrap:hover + .selectBoxDetail {
  display: block;
}
#narrowDown .radioParts label {
  cursor: pointer;
  font-size: 16px;
  margin-bottom: 0;
}
#narrowDown input[type=radio] {
  display: none;
}
#narrowDown input[type=radio] + label {
  cursor: pointer;
}
#narrowDown input[type=radio] + label:before {
  content: "";
  background: #fff;
  border-radius: 100%;
  border: 1px solid #E1E2E4;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  top: -0.1em;
  margin-right: 1em;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
#narrowDown input[type=radio]:checked + label:before {
  background-color: #986D41;
  -webkit-box-shadow: inset 0 0 0 3px #f4f4f4;
          box-shadow: inset 0 0 0 3px #f4f4f4;
}
#narrowDown .timeSort {
  margin-top: 10px;
}
#narrowDown .historyYear .historyYearList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#narrowDown .historyYear .historyYearList > li {
  width: 48%;
  margin-bottom: 15px;
}
#narrowDown .eventSort {
  position: relative;
}
#narrowDown .selectBoxContent.open .selectBoxChild {
  display: block;
}
#narrowDown .selectBoxContent.open .selectBoxParent:after {
  -webkit-transform: none;
          transform: none;
}
#narrowDown .selectBoxParent {
  position: relative;
  color: #986D41;
  font-weight: 600;
  margin-bottom: 0.5em;
}
#narrowDown .selectBoxParent:after, #narrowDown .selectBoxParent:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
  margin: auto;
  content: "";
  width: 16px;
  height: 1px;
  background-color: #08091B;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
}
#narrowDown .selectBoxParent:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#narrowDown .selectBoxChild {
  display: none;
  padding-bottom: 15px;
}
#narrowDown .selectBoxChild li + li {
  margin-top: 10px;
}
#narrowDown .selectBoxDetail {
  display: none;
  width: 100%;
  position: absolute;
  top: 45px;
  left: 0;
  background-color: rgba(255, 255, 255, 0.95);
  padding: 20px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  z-index: 5;
}
#narrowDown .selectBoxDetail:hover {
  display: block;
}
#narrowDown .selectBoxDetail .btnWrap {
  margin-top: 0;
}
#narrowDown .selectBoxDetailTitle {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  padding-left: 16px;
  margin-bottom: 0.75em;
}
#narrowDown .selectBoxDetailTitle > * {
  font-weight: 500;
  line-height: 1.5;
}
#narrowDown .selectBoxDetailTitle:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #986D41;
  border-radius: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#narrowDown .selectBoxContentWrap .selectBoxContent {
  margin-bottom: 15px;
}
@media (min-width: 1000px) {
  #narrowDown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 30px;
  }
  #narrowDown > div {
    width: calc(100% - 280px);
  }
  #narrowDown .timeSort {
    width: 250px;
    margin-top: 0;
  }
  #narrowDown .eventSort,
  #narrowDown .historyYear {
    width: calc(100% - 280px);
  }
  #narrowDown .eventSort .historyYearList,
  #narrowDown .historyYear .historyYearList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #narrowDown .eventSort .historyYearList > li,
  #narrowDown .historyYear .historyYearList > li {
    width: auto;
    margin-bottom: 0;
  }
  #narrowDown .eventSort .historyYearList > li + li,
  #narrowDown .historyYear .historyYearList > li + li {
    margin-left: 30px;
  }
  #narrowDown .selectBoxParent {
    position: relative;
    margin-bottom: 0.75em;
  }
  #narrowDown .selectBoxParent:after, #narrowDown .selectBoxParent:before {
    content: none;
  }
  #narrowDown .selectBoxDetail {
    padding: 30px;
  }
  #narrowDown .selectBoxChild {
    display: block !important;
  }
  #narrowDown .selectBoxContentWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #narrowDown .selectBoxContentWrap .selectBoxContent {
    width: calc((100% - 30px) / 4);
    margin-right: 10px;
    margin-bottom: 15px;
  }
  #narrowDown .selectBoxContentWrap .selectBoxContent + .selectBoxContent {
    margin-top: 0;
  }
  #narrowDown .selectBoxContentWrap .selectBoxContent + .selectBoxContent:nth-of-type(4n) {
    margin-right: 0;
  }
  #narrowDown .selectBoxDetailTitle {
    font-size: 18px;
  }
}

/*
.pager
---------------------------*/
.pager ul {
  text-align: center;
  font-family: "Oswald", sans-serif;
  padding-top: 20px;
}
.pager li,
.pager li:nth-child(-n+2),
.pager li + li,
.pager li:nth-child(even) {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #000;
  margin: 0 7px;
  padding: 0;
  float: none;
}
.pager li a,
.pager li:nth-child(-n+2) a,
.pager li + li a,
.pager li:nth-child(even) a {
  display: block;
  padding: 7px;
  text-decoration: none;
}
.pager li .current,
.pager li:nth-child(-n+2) .current,
.pager li + li .current,
.pager li:nth-child(even) .current {
  display: block;
  padding: 7px;
  font-weight: 600;
  color: #986D41;
  border-bottom: 1px solid #986D41;
}
@media (min-width: 769px) {
  .pager ul {
    padding-top: 50px;
  }
  .pager li,
  .pager li:nth-child(-n+2),
  .pager li + li,
  .pager li:nth-child(even) {
    font-size: 16px;
    margin: 0 8px;
  }
  .pager li a,
  .pager li .current,
  .pager li:nth-child(-n+2) a,
  .pager li:nth-child(-n+2) .current,
  .pager li + li a,
  .pager li + li .current,
  .pager li:nth-child(even) a,
  .pager li:nth-child(even) .current {
    padding: 8px;
  }
}

/*
.my-checkbox
---------------------------*/
.my-checkbox {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  line-height: 1.2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; /* テキストの選択を防ぐ */
}
.my-checkbox .checkbox-parts {
  padding-left: 0;
}
.my-checkbox .checkbox-parts::before {
  content: none;
}

/* inputは非表示にする */
.my-checkbox input {
  display: none;
}

/* □ */
.checkmark {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #fff;
  border: solid 1px #999;
  border-radius: 4px;
  margin: auto;
}

/* ✓ */
.checkmark:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 10px;
  height: 14px;
  border: solid #986D41;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0;
}

/* チェックが入ったときの□ */
.my-checkbox input:checked + .checkmark {
  border-color: #986D41;
}

/* チェックが入ったときの✓ */
.my-checkbox input:checked + .checkmark:after {
  opacity: 1;
}

/* 重要なお知らせタイトル✓ */
.importantNewsTitle {
  cursor: pointer;
  text-decoration: underline;
}

/*
お知らせモーダル
---------------------------*/
.popupBg,
.popupBgFav,
.popupBgEntry {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: rgba(8, 9, 27, 0.6);
  z-index: 110;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.4s;
}

.applicationPopupWrap,
.applicationPopupWrapFav,
.applicationPopupWrapEntry {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 120;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.4s;
}
.applicationPopupWrap .applicationPopup,
.applicationPopupWrap .applicationPopupFav,
.applicationPopupWrap .applicationPopupEntry,
.applicationPopupWrapFav .applicationPopup,
.applicationPopupWrapFav .applicationPopupFav,
.applicationPopupWrapFav .applicationPopupEntry,
.applicationPopupWrapEntry .applicationPopup,
.applicationPopupWrapEntry .applicationPopupFav,
.applicationPopupWrapEntry .applicationPopupEntry {
  position: relative;
  width: 90%;
  max-width: 1000px;
  max-height: 60vh;
  text-align: center;
  background-color: #fff;
  margin: auto;
  padding: 30px;
  border: 20px solid rgba(255, 80, 80, 0.35);
  overflow: hidden;
  overflow-y: auto;
  padding-right: 10px;
}
.applicationPopupWrap .applicationPopup::-webkit-scrollbar,
.applicationPopupWrap .applicationPopupFav::-webkit-scrollbar,
.applicationPopupWrap .applicationPopupEntry::-webkit-scrollbar,
.applicationPopupWrapFav .applicationPopup::-webkit-scrollbar,
.applicationPopupWrapFav .applicationPopupFav::-webkit-scrollbar,
.applicationPopupWrapFav .applicationPopupEntry::-webkit-scrollbar,
.applicationPopupWrapEntry .applicationPopup::-webkit-scrollbar,
.applicationPopupWrapEntry .applicationPopupFav::-webkit-scrollbar,
.applicationPopupWrapEntry .applicationPopupEntry::-webkit-scrollbar {
  width: 6px;
}
.applicationPopupWrap .applicationPopup::-webkit-scrollbar-thumb,
.applicationPopupWrap .applicationPopupFav::-webkit-scrollbar-thumb,
.applicationPopupWrap .applicationPopupEntry::-webkit-scrollbar-thumb,
.applicationPopupWrapFav .applicationPopup::-webkit-scrollbar-thumb,
.applicationPopupWrapFav .applicationPopupFav::-webkit-scrollbar-thumb,
.applicationPopupWrapFav .applicationPopupEntry::-webkit-scrollbar-thumb,
.applicationPopupWrapEntry .applicationPopup::-webkit-scrollbar-thumb,
.applicationPopupWrapEntry .applicationPopupFav::-webkit-scrollbar-thumb,
.applicationPopupWrapEntry .applicationPopupEntry::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
.applicationPopupWrap .applicationPopup,
.applicationPopupWrap .applicationPopupFav,
.applicationPopupWrap .applicationPopupEntry,
.applicationPopupWrapFav .applicationPopup,
.applicationPopupWrapFav .applicationPopupFav,
.applicationPopupWrapFav .applicationPopupEntry,
.applicationPopupWrapEntry .applicationPopup,
.applicationPopupWrapEntry .applicationPopupFav,
.applicationPopupWrapEntry .applicationPopupEntry {
  /* タイトル・日時・本文の余白調整 */
}
.applicationPopupWrap .applicationPopup .modalInner h3.modalTitle,
.applicationPopupWrap .applicationPopupFav .modalInner h3.modalTitle,
.applicationPopupWrap .applicationPopupEntry .modalInner h3.modalTitle,
.applicationPopupWrapFav .applicationPopup .modalInner h3.modalTitle,
.applicationPopupWrapFav .applicationPopupFav .modalInner h3.modalTitle,
.applicationPopupWrapFav .applicationPopupEntry .modalInner h3.modalTitle,
.applicationPopupWrapEntry .applicationPopup .modalInner h3.modalTitle,
.applicationPopupWrapEntry .applicationPopupFav .modalInner h3.modalTitle,
.applicationPopupWrapEntry .applicationPopupEntry .modalInner h3.modalTitle {
  font-weight: bold;
  margin-bottom: 10px;
}
.applicationPopupWrap .applicationPopup .modalInner p.modalDate,
.applicationPopupWrap .applicationPopupFav .modalInner p.modalDate,
.applicationPopupWrap .applicationPopupEntry .modalInner p.modalDate,
.applicationPopupWrapFav .applicationPopup .modalInner p.modalDate,
.applicationPopupWrapFav .applicationPopupFav .modalInner p.modalDate,
.applicationPopupWrapFav .applicationPopupEntry .modalInner p.modalDate,
.applicationPopupWrapEntry .applicationPopup .modalInner p.modalDate,
.applicationPopupWrapEntry .applicationPopupFav .modalInner p.modalDate,
.applicationPopupWrapEntry .applicationPopupEntry .modalInner p.modalDate {
  font-size: 14px;
  color: #666;
  margin-bottom: 15px;
}
.applicationPopupWrap .applicationPopup .modalInner div.modalBody,
.applicationPopupWrap .applicationPopupFav .modalInner div.modalBody,
.applicationPopupWrap .applicationPopupEntry .modalInner div.modalBody,
.applicationPopupWrapFav .applicationPopup .modalInner div.modalBody,
.applicationPopupWrapFav .applicationPopupFav .modalInner div.modalBody,
.applicationPopupWrapFav .applicationPopupEntry .modalInner div.modalBody,
.applicationPopupWrapEntry .applicationPopup .modalInner div.modalBody,
.applicationPopupWrapEntry .applicationPopupFav .modalInner div.modalBody,
.applicationPopupWrapEntry .applicationPopupEntry .modalInner div.modalBody {
  line-height: 1.6;
  text-align: left;
}
.applicationPopupWrap .applicationPopup .modalInner div.fileContent,
.applicationPopupWrap .applicationPopupFav .modalInner div.fileContent,
.applicationPopupWrap .applicationPopupEntry .modalInner div.fileContent,
.applicationPopupWrapFav .applicationPopup .modalInner div.fileContent,
.applicationPopupWrapFav .applicationPopupFav .modalInner div.fileContent,
.applicationPopupWrapFav .applicationPopupEntry .modalInner div.fileContent,
.applicationPopupWrapEntry .applicationPopup .modalInner div.fileContent,
.applicationPopupWrapEntry .applicationPopupFav .modalInner div.fileContent,
.applicationPopupWrapEntry .applicationPopupEntry .modalInner div.fileContent {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}
.applicationPopupWrap .applicationPopup .modalInner .file,
.applicationPopupWrap .applicationPopupFav .modalInner .file,
.applicationPopupWrap .applicationPopupEntry .modalInner .file,
.applicationPopupWrapFav .applicationPopup .modalInner .file,
.applicationPopupWrapFav .applicationPopupFav .modalInner .file,
.applicationPopupWrapFav .applicationPopupEntry .modalInner .file,
.applicationPopupWrapEntry .applicationPopup .modalInner .file,
.applicationPopupWrapEntry .applicationPopupFav .modalInner .file,
.applicationPopupWrapEntry .applicationPopupEntry .modalInner .file {
  margin-right: 20px;
}
.applicationPopupWrap .applicationPopup .modalInner .fileContent a,
.applicationPopupWrap .applicationPopupFav .modalInner .fileContent a,
.applicationPopupWrap .applicationPopupEntry .modalInner .fileContent a,
.applicationPopupWrapFav .applicationPopup .modalInner .fileContent a,
.applicationPopupWrapFav .applicationPopupFav .modalInner .fileContent a,
.applicationPopupWrapFav .applicationPopupEntry .modalInner .fileContent a,
.applicationPopupWrapEntry .applicationPopup .modalInner .fileContent a,
.applicationPopupWrapEntry .applicationPopupFav .modalInner .fileContent a,
.applicationPopupWrapEntry .applicationPopupEntry .modalInner .fileContent a {
  text-decoration: underline;
  line-height: 2;
}
.applicationPopupWrap .applicationPopupFav,
.applicationPopupWrap .applicationPopupEntry,
.applicationPopupWrapFav .applicationPopupFav,
.applicationPopupWrapFav .applicationPopupEntry,
.applicationPopupWrapEntry .applicationPopupFav,
.applicationPopupWrapEntry .applicationPopupEntry {
  border: none;
}
.applicationPopupWrap .modalClose,
.applicationPopupWrapFav .modalClose,
.applicationPopupWrapEntry .modalClose {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  font-size: 2rem;
  cursor: pointer;
}
.applicationPopupWrap .modalClose > div,
.applicationPopupWrapFav .modalClose > div,
.applicationPopupWrapEntry .modalClose > div {
  position: relative;
}
.applicationPopupWrap .modalClose > div:after, .applicationPopupWrap .modalClose > div:before,
.applicationPopupWrapFav .modalClose > div:after,
.applicationPopupWrapFav .modalClose > div:before,
.applicationPopupWrapEntry .modalClose > div:after,
.applicationPopupWrapEntry .modalClose > div:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 1px;
  background-color: #000;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  margin: auto;
}
.applicationPopupWrap .modalClose > div:after,
.applicationPopupWrapFav .modalClose > div:after,
.applicationPopupWrapEntry .modalClose > div:after {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.applicationPopupWrap .modalClose > div:before,
.applicationPopupWrapFav .modalClose > div:before,
.applicationPopupWrapEntry .modalClose > div:before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.applicationPopupWrap .btnWrap,
.applicationPopupWrapFav .btnWrap,
.applicationPopupWrapEntry .btnWrap {
  text-align: center;
  margin-top: 30px;
}
.applicationPopupWrap .btnWrap .btn,
.applicationPopupWrapFav .btnWrap .btn,
.applicationPopupWrapEntry .btnWrap .btn {
  width: 100%;
  max-width: 250px;
  margin: auto;
}
.applicationPopupWrap .btnWrap .btn a,
.applicationPopupWrap .btnWrap .btn button,
.applicationPopupWrap .btnWrap .btn input,
.applicationPopupWrapFav .btnWrap .btn a,
.applicationPopupWrapFav .btnWrap .btn button,
.applicationPopupWrapFav .btnWrap .btn input,
.applicationPopupWrapEntry .btnWrap .btn a,
.applicationPopupWrapEntry .btnWrap .btn button,
.applicationPopupWrapEntry .btnWrap .btn input {
  display: block;
  width: 100%;
  padding: 8px 10px 9px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.1em;
  line-height: 2.2;
  text-align: center;
  color: #FFFFFF;
  background: #986D41;
  border-radius: 33px;
  cursor: pointer;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.applicationPopupWrap .btnWrap .btn a:hover,
.applicationPopupWrap .btnWrap .btn button:hover,
.applicationPopupWrap .btnWrap .btn input:hover,
.applicationPopupWrapFav .btnWrap .btn a:hover,
.applicationPopupWrapFav .btnWrap .btn button:hover,
.applicationPopupWrapFav .btnWrap .btn input:hover,
.applicationPopupWrapEntry .btnWrap .btn a:hover,
.applicationPopupWrapEntry .btnWrap .btn button:hover,
.applicationPopupWrapEntry .btnWrap .btn input:hover {
  background: #7b4712;
}
.applicationPopupWrap .btnWrap .btn button,
.applicationPopupWrapFav .btnWrap .btn button,
.applicationPopupWrapEntry .btnWrap .btn button {
  font-size: clamp(14px, 2vw, 17px);
}
@media (min-width: 769px) {
  .applicationPopupWrap .btnWrap,
  .applicationPopupWrapFav .btnWrap,
  .applicationPopupWrapEntry .btnWrap {
    margin-top: 50px;
  }
  .applicationPopupWrap .btnWrap .btn,
  .applicationPopupWrapFav .btnWrap .btn,
  .applicationPopupWrapEntry .btnWrap .btn {
    max-width: 300px;
  }
  .applicationPopupWrap .btnWrap .btn a,
  .applicationPopupWrap .btnWrap .btn input,
  .applicationPopupWrapFav .btnWrap .btn a,
  .applicationPopupWrapFav .btnWrap .btn input,
  .applicationPopupWrapEntry .btnWrap .btn a,
  .applicationPopupWrapEntry .btnWrap .btn input {
    padding: 10px 10px 11px;
    font-size: min(2vw, 18px);
    line-height: 1.8;
  }
}
@media (min-width: 769px) {
  .applicationPopupWrap .applicationPopup,
  .applicationPopupWrap .applicationPopupFav,
  .applicationPopupWrapFav .applicationPopup,
  .applicationPopupWrapFav .applicationPopupFav,
  .applicationPopupWrapEntry .applicationPopup,
  .applicationPopupWrapEntry .applicationPopupFav {
    padding: 50px;
  }
  .applicationPopupWrap .modalClose > div,
  .applicationPopupWrapFav .modalClose > div,
  .applicationPopupWrapEntry .modalClose > div {
    position: relative;
  }
  .applicationPopupWrap .modalClose > div:after, .applicationPopupWrap .modalClose > div:before,
  .applicationPopupWrapFav .modalClose > div:after,
  .applicationPopupWrapFav .modalClose > div:before,
  .applicationPopupWrapEntry .modalClose > div:after,
  .applicationPopupWrapEntry .modalClose > div:before {
    width: 30px;
  }
}
@media (max-width: 768px) {
  .applicationPopupWrap .modalClose,
  .applicationPopupWrapFav .modalClose,
  .applicationPopupWrapEntry .modalClose {
    top: 0.05rem;
    right: 0.05rem;
  }
}

.popupBg.active,
.applicationPopupWrap.active,
.popupBgFav.active,
.applicationPopupWrapFav.active,
.popupBgEntry.active,
.applicationPopupWrapEntry.active {
  opacity: 1;
  visibility: visible;
}

.memberEdit {
  padding-top: 60px;
}
.memberEdit .editContent + .editContent {
  padding-top: 10px;
}
.memberEdit .editContent dt {
  color: #fff;
  background: #08091B;
  padding: 10px;
}
.memberEdit .editContent dd {
  padding: 10px 0;
}
.memberEdit .editContent .note {
  font-size: 12px;
}
.memberEdit .editInner > div + div {
  margin-top: 10px;
}
.memberEdit .editBtnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.memberEdit .editBtn {
  position: relative;
  width: 100%;
  max-width: 200px;
  border-radius: 33px;
  z-index: 1;
}
.memberEdit .editBtn a,
.memberEdit .editBtn span,
.memberEdit .editBtn input {
  position: relative;
  display: block;
  width: 100%;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.1em;
  line-height: 2.3;
  text-align: center;
  color: #08091B;
  border: 1px solid #08091B;
  border-radius: 33px;
  cursor: pointer;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  z-index: 1;
}
.memberEdit .editBtn a:hover,
.memberEdit .editBtn span:hover,
.memberEdit .editBtn input:hover {
  background-color: #08091B;
  color: #fff;
}
.memberEdit .editBtn a:hover span:after, .memberEdit .editBtn a:hover span:before,
.memberEdit .editBtn span:hover span:after,
.memberEdit .editBtn span:hover span:before,
.memberEdit .editBtn input:hover span:after,
.memberEdit .editBtn input:hover span:before {
  background-color: #fff;
}
.memberEdit .passwordForm {
  display: none;
  margin-top: 20px;
  padding: 30px;
  background: #f8f8f8;
  border-radius: 12px;
}
.memberEdit .passwordForm .formRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 20px;
}
.memberEdit .passwordForm .formRow label {
  width: 180px;
  font-size: 14px;
  font-weight: 500;
  line-height: 2.5;
}
.memberEdit .passwordForm .formRow .passWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.memberEdit .passwordForm .formRow .passField {
  position: relative;
}
.memberEdit .passwordForm .formRow .passField input {
  width: 100%;
  height: 40px;
  padding: 0 45px 0 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.memberEdit .passwordForm .formRow .passField input:focus {
  border-color: #000;
  outline: none;
}
.memberEdit .passwordForm .formRow .passField input.is-error {
  border-color: #e60023;
  background: #fff5f5;
}
@media (max-width: 768px) {
  .memberEdit .passwordForm {
    padding: 20px;
  }
  .memberEdit .passwordForm .formRow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .memberEdit .passwordForm .formRow label {
    width: 100%;
    margin-bottom: 8px;
  }
  .memberEdit .passwordForm .formRow .passWrap {
    width: 100%;
  }
  .memberEdit .passwordForm .formRow .passField input {
    width: 100%;
  }
}
@media (min-width: 769px) {
  .memberEdit {
    padding-top: 80px;
  }
  .memberEdit .editContent dt {
    padding: 15px;
  }
  .memberEdit .editContent dd {
    padding: 15px 0;
  }
  .memberEdit .editContent .note {
    font-size: 14px;
  }
  .memberEdit .editInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .memberEdit .editInner > div {
    width: 50%;
  }
  .memberEdit .editInner > div + div {
    margin-top: 0;
  }
}

.withdrawalTitle {
  font-weight: bold;
  margin-bottom: 40px;
}

body.modal-open .headerMenuParent,
body.modal-open .iconLink {
  pointer-events: none;
  visibility: hidden;
}/*# sourceMappingURL=mypage.css.map */