@charset "UTF-8";

/*20221207 added*/

.mypage-box__header-ttl {
  font-size: 24px;
  font-weight: 700;
}

.mypage-box__header-comment {
  margin-top: 16px;
  color: #5CC0BD;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.786;
}

.block-mypage-search--search {
  margin-top: 30px;
  padding: 29px 42px 26px 34px;
  border: 1px solid #D4D4D4;
  font-weight: 300;
  box-sizing: border-box;
}

.block-mypage-search--search *,
.block-mypage-search--search *::before,
.block-mypage-search--search *::after {
  box-sizing: border-box;
}

.block-mypage-search--search-1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.block-mypage-search--search-2 {
  margin-top: 20px;
}

.block-mypage-search--search dl,
.block-mypage-search--search dd {
  display: flex;
  align-items: center;
}

.block-mypage-search--search dt {
  padding-right: 20px;
  font-size: 15px;
  text-align: right;
}

.block-mypage-search--search-name dt,
.block-mypage-search--search-word dt {
  width: 112px;
}

.block-mypage-search--search-word dd {
  width: calc(100% - 112px);
}

.block-mypage-search--search input[type='text'] {
  height: 43px;
  padding: 0 13px;
  border: 1px solid #707070;
  border-radius: 2px;
  font-weight: 300;
}

.block-mypage-search--search input[type='text']::placeholder {
  color: #C4C4C4;
}

.block-mypage-search--search-name input[type='text'] {
  width: 200px;
}

.block-mypage-search--search-name input[type='text'] + input {
  margin-left: 20px;
}

.block-mypage-search--search-affiliation input[type='text'] {
  width: 377px;
}

.block-mypage-search--search-word input[type='text'] {
  width: 100%;
}

.block-mypage-search--search-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.block-mypage-search--search-btns input[type='button'] {
  width: 128px;
  height: 32px;
  background-color: #8B8B8B;
  border: none;
  border-radius: 4px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 300;
  cursor: pointer;
  transition: background-color .15s;
}

.block-mypage-search--search-btns input[type='button']:hover {
  background-color: #B2B2B2;
}

.block-mypage-search--search-btns button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 158px;
  height: 42px;
  margin-left: 20px;
  border: none;
  border-radius: 4px;
  background: rgb(89, 191, 191);
  background: -moz-linear-gradient(45deg, rgba(89, 191, 191, 1) 0%, rgba(68, 184, 217, 1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(89, 191, 191, 1) 0%, rgba(68, 184, 217, 1) 100%);
  background: linear-gradient(45deg, rgba(89, 191, 191, 1) 0%, rgba(68, 184, 217, 1) 100%);
  color: #ffffff;
  font-size: 13px;
  font-weight: 300;
  cursor: pointer;
  transition: background .15s;
}

.block-mypage-search--search-btns button::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: rgb(57, 152, 152);
  background: -moz-linear-gradient(45deg, rgba(57, 152, 152, 1) 0%, rgba(0, 148, 190, 1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(57, 152, 152, 1) 0%, rgba(0, 148, 190, 1) 100%);
  background: linear-gradient(45deg, rgba(57, 152, 152, 1) 0%, rgba(0, 148, 190, 1) 100%);
  opacity: 0;
  transition: opacity .15s;
}

.block-mypage-search--search-btns button:hover::before {
  opacity: 1;
}

.block-mypage-search--search-btns button span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: 300;
}

.block-mypage-search--search-btns button span::before {
  content: '';
  display: inline-block;
  position: relative;
  width: 19px;
  height: 19px;
  margin-right: 7px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC42NzYiIGhlaWdodD0iMTguNzM3Ij48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiI+PGVsbGlwc2UgY3g9IjcuODQ3IiBjeT0iNy43OTYiIHJ4PSI3Ljg0NyIgcnk9IjcuNzk2IiBzdHJva2U9Im5vbmUiLz48ZWxsaXBzZSBjeD0iNy44NDciIGN5PSI3Ljc5NiIgcng9IjYuODQ3IiByeT0iNi43OTYiLz48L2c+PHBhdGggZD0iTTEyLjQyNCAxMi44ODkgMTggMTgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.block-mypage-search--nav {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 26px;
  margin-top: 86px;
  box-sizing: border-box;
}

.block-mypage-search--nav *,
.block-mypage-search--nav *::before,
.block-mypage-search--nav *::after {
  box-sizing: border-box;
}

.block-mypage-search--nav .navipage-number {
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 200px;
}

.block-mypage-search--nav .navipage-number {
  display: flex;
  font-size: 15px;
  font-weight: 300;
}

.block-mypage-search--nav .navipage-number strong {
  margin-right: 4px;
  font-size: 17px;
}

.block-mypage-search--nav .number-now {
  margin-left: 4px;
}

.block-mypage-search--nav .selectbox-container {
  position: relative;
}

.block-mypage-search--nav .selectbox-display {
  display: flex;
  align-items: center;
  position: relative;
  /*width: 164px;*/
  width: 206px;
  height: 32px;
  padding: 0 8px;
  border: 1px solid #000000;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS44MDIiIGhlaWdodD0iNy4zNDYiPjxwYXRoIGQ9Im0uNzA3LjcwNyA1LjIyIDUuMjIgNS4xNjQtNS4yMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=');
  background-position: center right 8px;
  background-repeat: no-repeat;
  background-size: 12px 7px;
  font-size: 13px;
  cursor: pointer;
  transition: border-color .15s, box-shadow .15s;
}

.block-mypage-search--nav .selectbox-display.is-open {
  border-color: #008AE8;
  box-shadow: 0 2px 10px 0 rgba(0, 138, 232, 0.56);
}

.block-mypage-search--nav .selectbox-list {
  display: none;
  position: absolute;
  /*width: 164px;*/
  width: 206px;
  padding: 8px 0;
  border-radius: 4px;
  background-color: #ffffff;
  font-size: 13px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
  z-index: 9;
}

.block-mypage-search--nav .selectbox-list li {
  display: flex;
  align-items: center;
  width: 100%;
  height: 24px;
  padding: 0 9px;
  cursor: pointer;
  transition: background-color .15s, color .15s;
}

.block-mypage-search--nav .selectbox-list li:hover {
  background-color: #008AE8;
  color: #ffffff;
}

.block-mypage-search--nav select {
  /*display: none;*/
}

.block-mypage-search--nav .navipage_ {
  margin: 0;
}

/**test**/
.block-mypage-search--nav .block-goods-list--display-style-items-selectbox {
  height: 27px;
  width: 120px;
  border: none;
  border-bottom: 1px solid #202020;
  border-radius: 0px;
  padding: 2px 25px 2px 0;
  background: url(../img/usr/icon_arrow_btm.svg) calc(100% - 10px) 50% no-repeat;
  background-size: 10px 6px;
  color: #202020;
  font-size: 12px;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none !important;
}

.block-mypage-search--nav .block-goods-list--display-style-items-selectbox::-ms-expand {
  display: none;
}

/**test**/


.block-mypage-search--list {
  margin-top: 17px;
  border: 1px solid #D4D4D4;
  border-bottom: none;
  box-sizing: border-box;
}

.block-mypage-search--list *,
.block-mypage-search--list *::before,
.block-mypage-search--list *::after {
  box-sizing: border-box;
}

.block-mypage-search--list img {
  display: block;
  max-width: 100%;
}

.block-mypage-search--list table {
  width: 100%;
  font-size: 15px;
  font-weight: 300;
  word-break: break-all;
}

.block-mypage-search--list table th,
.block-mypage-search--list table td {
  padding: 5px 20px 5px 0;
  border-bottom: 1px solid #D4D4D4;
  text-align: left;
  vertical-align: middle;
}

.block-mypage-search--list table td {
  padding: 43px 20px 43px 0;
}

.block-mypage-search--list table th:first-child,
.block-mypage-search--list table td:first-child {
  padding-left: 10px;
}

.block-mypage-search--list table th:last-child,
.block-mypage-search--list table td:last-child {
  padding-right: 10px;
}

.block-mypage-search--list table th {
  background-color: #F9F9F9;
  font-weight: 700;
  white-space: nowrap;
}

.block-mypage-search--list table th:nth-child(1),
.block-mypage-search--list table td:nth-child(1) {
  width: 94px;
}

.block-mypage-search--list table th:nth-child(2),
.block-mypage-search--list table th:nth-child(2) {
  width: 172px;
}

.block-mypage-search--list table th:nth-child(3),
.block-mypage-search--list table td:nth-child(3) {
  width: 128px;
}

.block-mypage-search--list table th:nth-child(4),
.block-mypage-search--list table td:nth-child(4) {
  width: 107px;
}

.block-mypage-search--list table th:nth-child(5),
.block-mypage-search--list table td:nth-child(5) {
  width: 200px;
}

.block-mypage-search--list table th:nth-child(6),
.block-mypage-search--list table td:nth-child(6) {
  width: 280px;
}

.block-mypage-search--list table th:nth-child(7),
.block-mypage-search--list table td:nth-child(7) {
  width: 107px;
}

.block-mypage-search--list .btn-mypage a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 32px;
  border-radius: 4px;
  background-color: #0277C7;
  color: #ffffff;
  font-size: 13px;
  font-weight: 300;
  transition: background-color .15s;
}

.block-mypage-search--list .btn-mypage a:hover {
  background-color: #0062A5;
  text-decoration: none;
}

.block-mypage-search--list .img-card img {
  width: 152px;
  /* add */
  box-shadow: 0 0px 8px rgb(0 0 0 / 40%);
  /* add */
}

.block-mypage-search--list .img-face {
  padding-left: 8px;
}

.block-mypage-search--list .img-face img {
  width: 92px;
  height: 92px;
  border: 1px solid #5CC0BD;
  border-radius: 92px;
  object-fit: cover;
}

.block-mypage-search--list .img-qr {
  width: 92px;
}

/* add */
/********************************/
/*
.block-mypage_exchange-main-right-exchabge_area-content button:disabled {
  color: #D6D6D6;
  pointer-events: none;
}

.block-mypage_exchange-main-right-exchabge_area-conten button:disabled:hover {
  text-decoration: none;
}
*/
/* add */
/********************************/

/*マイページ確認/変更*/

.block-digitalcard-history-main {
  font-weight: 300;
}

.block-digitalcard-history-main *,
.block-digitalcard-history-main *::before,
.block-digitalcard-history-main *::after {
  box-sizing: border-box;
}

.block-digitalcard-history-left {
  width: 516px;
}

.block-digitalcard-history-left .block-mypageedit-detail-nav-inner {
  width: 100%;
}

.block-digitalcard-history-base_info {
  margin-top: 24px;
}

.block-digitalcard-history-base_info h2 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
}

.block-digitalcard-history-base_info-content {
  margin-top: 20px;
  padding: 20px 24px;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
}

.block-digitalcard-history-info-name_stock .info-name {
  font-size: 25px;
  font-weight: 700;
}

.block-digitalcard-history-info-company {
  margin-top: 10px;
  font-size: 18px;
}

.block-digitalcard-history-info-affiliation {
  margin-top: 5px;
  font-size: 14px;
}

.block-digitalcard-history-info-email,
.block-digitalcard-history-info-address,
.block-digitalcard-history-info-tel,
.block-digitalcard-history-info-web {
  position: relative;
  margin-top: 10px;
  padding-left: 40px;
  color: #000000;
  font-size: 14px;
}

.block-digitalcard-history-info-email::before,
.block-digitalcard-history-info-address::before,
.block-digitalcard-history-info-tel::before,
.block-digitalcard-history-info-web::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 26px;
  margin-top: -13px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.block-digitalcard-history-info-email::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIGQ9Ik0xMDE1IDQxOWgyNHYyNmgtMjR6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMTUgLTQxOSkiIGNsaXAtcGF0aD0idXJsKCNhKSI+PGcgZmlsbD0iIzVjYzBiZCI+PHBhdGggZD0iTTEwMTguNzM2IDQyNS45ODRoMTcuMXYxMC45NTdoLTE3LjFabS0xLjMzMiAxMi4yODloMTkuNzY2di0xMy42MjFoLTE5Ljc2NloiLz48cGF0aCBkPSJtMTAyNy4yODcgNDMyLjMzMi04Ljc4NC03LjUyLS44NjYgMS4wMTEgOS42NSA4LjI2MyA5LjY1LTguMjYzLS44NjYtMS4wMTFaIi8+PC9nPjwvZz48L3N2Zz4=');
}

.block-digitalcard-history-info-address::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIGQ9Ik0xMDE1IDQ0NGgyNHYyNmgtMjR6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiPjxwYXRoIGZpbGw9IiM1Y2MwYmQiIGQ9Ik0wIDBoMTYuMjYydjIzLjU2MUgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDE1IC00NDQpIiBjbGlwLXBhdGg9InVybCgjYSkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMTkuMTU1IDQ0NS43MjYpIiBjbGlwLXBhdGg9InVybCgjYikiIGZpbGw9IiM1Y2MwYmQiPjxwYXRoIGQ9Ik0xMy44ODIgMi40YTguMDkgOC4wOSAwIDAgMC0xMS41IDAgOC4zMjIgOC4zMjIgMCAwIDAtMS45NzcgOC40MjhjLjYxNiAxLjk1NyAxLjY0OCA1LjIzMiA3LjA4NSAxMi40MjZhLjgxNi44MTYgMCAwIDAgLjU2My4zbC4wODkuMDA5LjA3Ni0uMDFhLjgzMi44MzIgMCAwIDAgLjU3MS0uMzE5YzUuNDIxLTcuMTcyIDYuNDUxLTEwLjQ0NyA3LjA2Ny0xMi40QTguMzIxIDguMzIxIDAgMCAwIDEzLjg4MiAyLjRtLjkyNSA4LjFjLS41ODcgMS44NjUtMS41NjQgNC45NjktNi42NzYgMTEuNzgtNS4xMTQtNi44MTYtNi4wOS05LjkxOC02LjY3Ny0xMS43OGE3LjIyNiA3LjIyNiAwIDAgMSAxLjctNy4zMiA2Ljk5MSA2Ljk5MSAwIDAgMSA5Ljk0NyAwIDcuMjI0IDcuMjI0IDAgMCAxIDEuNyA3LjMyIi8+PHBhdGggZD0iTTguMTMxIDQuMjk4YTMuODg2IDMuODg2IDAgMSAwIDMuODg2IDMuODg2IDMuODkgMy44OSAwIDAgMC0zLjg4Ni0zLjg4Nm0wIDYuNjcyYTIuNzg2IDIuNzg2IDAgMSAxIDIuNzg2LTIuNzg2IDIuNzg5IDIuNzg5IDAgMCAxLTIuNzg2IDIuNzg2Ii8+PC9nPjwvZz48L3N2Zz4=');
}

.block-digitalcard-history-info-tel::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIGQ9Ik0xMDE1IDQ3NmgyNHYyNmgtMjR6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiPjxwYXRoIGZpbGw9IiM1Y2MwYmQiIGQ9Ik0wIDBoMjAuMTY5djE5LjY0SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMTUgLTQ3NikiIGNsaXAtcGF0aD0idXJsKCNhKSI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMTEgLTE5NjkuNDYyIDU1MzEuNDI1KSIgY2xpcC1wYXRoPSJ1cmwoI2IpIiBmaWxsPSIjNWNjMGJkIj48cGF0aCBkPSJNMTkuMjk2IDE2Ljg0OWEzLjkyMyAzLjkyMyAwIDAgMCAuMzU4LTIuMzRjLS4xLS4xODgtLjMzMS0uMzA5LS42NzUtLjQ5MWwtLjI1NS0uMTM3Yy0uNTM4LS4zLTIuNzg4LTEuNTA3LTMuMjE4LTEuNjgzLS4zNzMtLjE1MS0uOC0uMzI0LTEuMi4yMzItLjM4NC41MzMtMS41NjEgMS43OTMtMS41NzMgMS44MDUtLjIzMy4yNDUtLjQ0OC4zMjgtLjkzLjA2NC0uMDc2LS4wNDMtLjE4Mi0uMDkzLS4zMTItLjE1NWExMi4yIDEyLjIgMCAwIDEtMy40MjItMi4zNDdBMTQuMjMxIDE0LjIzMSAwIDAgMSA1LjU1NCA4LjQxYy0uMjMxLS40My0uMDA4LS42MzYuMjI4LS44NTQuMTUtLjE0LjMyNC0uMzM2LjQ5My0uNTI3LjA5Mi0uMS4xNzctLjIuMjYxLS4yOWEyLjgxMyAyLjgxMyAwIDAgMCAuNDQ1LS42NmwuMDc0LS4xM2EuOTgzLjk4MyAwIDAgMCAwLS45MjNjLS4wNy0uMTUzLS40MzctMS4xNTEtLjg3NC0yLjM0LS4xNzgtLjQ4Ny0uMzQ3LS45NDUtLjQ2My0xLjI1OC0uMzQ3LS45Mi0uNzQyLS45MTQtMS4wMzYtLjkwNGgtLjFBNi4wNDIgNi4wNDIgMCAwIDEgNC4xNDkuNDlhOS4xODUgOS4xODUgMCAwIDAtLjQ4MS0uMDQxSDMuNmExLjgzIDEuODMgMCAwIDAtMS4zLjU3OWwtLjA5Mi4wOTVBNS40MiA1LjQyIDAgMCAwIC40NDkgNS4wMTVhOS4xNzUgOS4xNzUgMCAwIDAgMS43ODYgNS4wNzJjLjAxOC4wMjYuMDQ3LjA3My4wODkuMTQxYTE4LjYzNCAxOC42MzQgMCAwIDAgNy44NDMgNy40MTRjMy4xMzYgMS4zNzMgNC4xODMgMS41NDkgNC43NDQgMS41NDlhMi43NjMgMi43NjMgMCAwIDAgLjYtLjA3MyAyLjUzNyAyLjUzNyAwIDAgMSAuMzkxLS4wNTdjLjg1NS0uMDQ2IDIuOTIyLTEuMDM0IDMuMzk0LTIuMjExbS0zLjgxNSAyLjA4M2EyLjUzIDIuNTMgMCAwIDEtLjU0Ni4wNjVjLS42MzkgMC0xLjc5Mi0uMjU3LTQuNjkzLTEuNTI3YTE4LjQzMyAxOC40MzMgMCAwIDEtNy43NTQtNy4zMzVjLS4wNDgtLjA3Ny0uMDgxLS4xMy0uMS0uMTU4QTkuMTgyIDkuMTgyIDAgMCAxIC42MzkgNS4wMjJhNS4xNzUgNS4xNzUgMCAwIDEgMS43LTMuNzY1bC4xLS4xQTEuNjQ4IDEuNjQ4IDAgMCAxIDMuNjE2LjYzOGguMDQ2Yy4xNDcuMDA2LjI5NC4wMjEuNDM3LjAzNS4xOS4wMTkuMzM4LjAzNS40NzYuMDM5aC4xMWMuMzc2IDAgLjYuMTExLjg1My43NzcuMS4yOC4yNTEuNjc4LjQwOSAxLjEwOGwuMDU1LjE0OWMuNDU0IDEuMjM4LjgwOCAyLjIuODc5IDIuMzU0YS43NzQuNzc0IDAgMCAxIC4wMTIuNzU0bC0uMDc0LjEzNmEyLjYzNiAyLjYzNiAwIDAgMS0uNDIuNjI0Yy0uMDg1LjA5My0uMTczLjE5MS0uMjYxLjI5MS0uMTc0LjItLjM0Mi4zODUtLjQ4Mi41MTUtLjMuMjc2LS41NDIuNTY1LS4yNjYgMS4wOGExNC40IDE0LjQgMCAwIDAgMi41NTMgMy40MzMgMTIuNSAxMi41IDAgMCAwIDMuNDY1IDIuMzc4Yy4xMzcuMDY2LjIzNS4xMTMuMzA4LjE1M2EuODI3LjgyNyAwIDAgMCAxLjE1Ni0uMWMuNDQ3LS40NzggMS4yODMtMS40IDEuNTg5LTEuODI0cy41NTItLjM0Ljk3NC0uMTY4Yy40NDguMTgyIDIuODY5IDEuNDkyIDMuMiAxLjY3MmwuMjYuMTRhMi43MTcgMi43MTcgMCAwIDEgLjUyNC4zMTguMzYuMzYgMCAwIDEgLjA2Ni4wODMgNC4wOTQgNC4wOTQgMCAwIDEtLjM2MSAyLjIgNC43NjUgNC43NjUgMCAwIDEtMy4yMyAyLjA5MyAyLjggMi44IDAgMCAwLS40MS4wNiIvPjxwYXRoIGQ9Ik0yMC4wNDggMTQuMjkyYTEuODczIDEuODczIDAgMCAwLS44NTgtLjY3MWwtLjI1Mi0uMTM2Yy0uMDI2LS4wMTQtMi43MzEtMS40ODctMy4yNjUtMS43YTEuMjc0IDEuMjc0IDAgMCAwLTEuNzI5LjM4NmMtLjMwNi40MjQtMS4yMTMgMS40MTUtMS41MzYgMS43Ni0uMS4xMDYtLjExNy4xMjUtLjM4Ni0uMDIyYTcuMDg5IDcuMDg5IDAgMCAwLS4zMzktLjE2OSAxMS43OCAxMS43OCAwIDAgMS0zLjMtMi4yNjNBMTMuNzc3IDEzLjc3NyAwIDAgMSA1Ljk1IDguMmMtLjA2Ni0uMTI0LS4wNjYtLjEyNC4xMzgtLjMxMy4xNjYtLjE1NS4zNDgtLjM2LjUyOS0uNTY0LjA4NC0uMDk1LjE2Ny0uMTg5LjI0OS0uMjc4YTMuMjY1IDMuMjY1IDAgMCAwIC41MTQtLjc1NWwuMDctLjEzYTEuNDExIDEuNDExIDAgMCAwIC4wMS0xLjMyNGMtLjA2OC0uMTUtLjU0Ni0xLjQ1LS44NjEtMi4zMWwtLjQ2NC0xLjI1OUM1LjczNC4yIDUuMTkxLjA1MSA0LjY2Ny4wNzZoLS4wNjhjLS4xMjYgMC0uMjYxLS4wMTgtLjQxOC0uMDM1UzMuODU0LjAwOCAzLjY5IDBhMi4yNiAyLjI2IDAgMCAwLTEuNzA1LjcxMkwxLjg5Mi44QTUuODM1IDUuODM1IDAgMCAwIDAgNWE5LjYxNSA5LjYxNSAwIDAgMCAxLjg2IDUuMzQxbC4wODMuMTMyYTE5LjA2NyAxOS4wNjcgMCAwIDAgOC4wNCA3LjU4MmMzLjE5NCAxLjQgNC4yODEgMS41ODcgNC45MjQgMS41ODdhMy4yMjIgMy4yMjIgMCAwIDAgLjctLjA4NCAyLjA4MSAyLjA4MSAwIDAgMSAuMzE2LS4wNDhjMS0uMDUzIDMuMjM2LTEuMTE3IDMuNzg3LTIuNDkyYTQuMTEyIDQuMTEyIDAgMCAwIC4zMzUtMi43MjRtLTUuMTM2IDQuOWMtLjU2MiAwLTEuNjA4LS4xNzYtNC43NDQtMS41NDlhMTguNjM0IDE4LjYzNCAwIDAgMS03Ljg0My03LjQxNGMtLjA0Mi0uMDY4LS4wNzEtLjExNS0uMDg5LS4xNDFhOS4xNzEgOS4xNzEgMCAwIDEtMS43OC01LjA3NSA1LjQxNyA1LjQxNyAwIDAgMSAxLjc1NS0zLjg5M2wuMDkyLS4wOTRBMS44MjcgMS44MjcgMCAwIDEgMy42LjQ0OWguMDY5Yy4xNTguMDA2LjMxNS4wMjIuNDg1LjAzOS4xNDkuMDE2LjI5NC4wMy40MzEuMDM1aC4xYy4yOTQtLjAxLjY4OS0uMDE2IDEuMDMxLjlsLjQ2MyAxLjI1N2MuNDM3IDEuMTkuOCAyLjE4Ny44NzQgMi4zNDFhLjk4Mi45ODIgMCAwIDEgMCAuOTIzbC0uMDczLjEzNmEyLjggMi44IDAgMCAxLS40NDUuNjU5Yy0uMDg0LjA5MS0uMTY5LjE4Ny0uMjYxLjI5LS4xNjkuMTktLjM0NC4zODctLjQ5My41MjctLjIzNi4yMTgtLjQ1OS40MjMtLjIyOS44NTRhMTQuMjM2IDE0LjIzNiAwIDAgMCAyLjUyIDMuMzkgMTIuMiAxMi4yIDAgMCAwIDMuNDIyIDIuMzQ3Yy4xMy4wNjIuMjM1LjExMy4zMTIuMTU1LjQ4MS4yNjQuNy4xODEuOTI5LS4wNjMuMDEyLS4wMTMgMS4xODktMS4yNzIgMS41NzMtMS44MDYuNC0uNTU1LjgyNC0uMzgzIDEuMi0uMjMyLjQzLjE3NSAyLjY4IDEuMzg4IDMuMjE4IDEuNjgzbC4yNTYuMTM3Yy4zNDQuMTgyLjU3Mi4zLjY3NS40OTFhMy45MjcgMy45MjcgMCAwIDEtLjM1OCAyLjM0Yy0uNDcyIDEuMTc3LTIuNTQgMi4xNjUtMy4zOTQgMi4yMTFhMi41NCAyLjU0IDAgMCAwLS4zOTEuMDU3IDIuNzY3IDIuNzY3IDAgMCAxLS42LjA3MyIvPjxwYXRoIGQ9Ik0xOS4xMjIgMTYuNzhhNC4xIDQuMSAwIDAgMCAuMzYxLTIuMi4zNTEuMzUxIDAgMCAwLS4wNjYtLjA4MyAyLjY3OSAyLjY3OSAwIDAgMC0uNTI0LS4zMThsLS4yNi0uMTRjLS4zMjktLjE4LTIuNzUtMS40OS0zLjItMS42NzItLjQyMi0uMTcyLS42NzQtLjI0Ny0uOTc0LjE2OHMtMS4xNDIgMS4zNDYtMS41ODkgMS44MjRhLjgyOC44MjggMCAwIDEtMS4xNTYuMSA2LjMzNCA2LjMzNCAwIDAgMC0uMzA4LS4xNTMgMTIuNTEzIDEyLjUxMyAwIDAgMS0zLjQ2NS0yLjM3OEExNC40IDE0LjQgMCAwIDEgNS4zOSA4LjQ5OWMtLjI3Ny0uNTE1LS4wMzItLjguMjY2LTEuMDguMTQtLjEzLjMwOC0uMzIuNDgyLS41MTUuMDg4LS4xLjE3Ni0uMi4yNjEtLjI5MWEyLjY2MyAyLjY2MyAwIDAgMCAuNDItLjYyNGwuMDc0LS4xMzZhLjc3My43NzMgMCAwIDAtLjAxMy0uNzU0Yy0uMDcxLS4xNTctLjQyNC0xLjExNi0uODc5LTIuMzU0bC0uMDU1LS4xNDljLS4xNTgtLjQzLS4zLS44MjgtLjQwOC0xLjEwOC0uMjQ5LS42NjUtLjQ3Ni0uNzc5LS44NTMtLjc3NmgtLjExQTYuNDMzIDYuNDMzIDAgMCAxIDQuMS42NzNDMy45NTcuNjU5IDMuODEuNjQ0IDMuNjYzLjYzOGgtLjA0NmExLjY0OCAxLjY0OCAwIDAgMC0xLjE4LjUyMWwtLjEuMWE1LjE3NSA1LjE3NSAwIDAgMC0xLjcgMy43NjQgOS4xNzggOS4xNzggMCAwIDAgMS43NTEgNC45NTVjLjAxOS4wMjguMDUzLjA4MS4xLjE1OGExOC40MyAxOC40MyAwIDAgMCA3Ljc1NSA3LjMzNGMyLjkgMS4yNyA0LjA1MyAxLjUyNyA0LjY5MyAxLjUyN2EyLjUzMyAyLjUzMyAwIDAgMCAuNTQ2LS4wNjQgMi44IDIuOCAwIDAgMSAuNDEtLjA2IDQuNzY4IDQuNzY4IDAgMCAwIDMuMjMtMi4wOTNtLTguNy4yNzlhMTcuOTk0IDE3Ljk5NCAwIDAgMS03LjU1My03LjE2IDQuODU3IDQuODU3IDAgMCAwLS4xMTItLjE3NiA4LjcyNiA4LjcyNiAwIDAgMS0xLjY2OC00LjY4NSA0Ljc2MyA0Ljc2MyAwIDAgMSAxLjU2Ny0zLjQ2MmwuMS0uMWExLjIxMyAxLjIxMyAwIDAgMSAuODg3LS4zODhjLjEzOCAwIC4yNzYuMDE5LjQ0Ni4wMzZzLjMyMi4wMzIuNDY1LjAzN2ExLjQxOSAxLjQxOSAwIDAgMCAuMTQ1IDBjLjE0MyAwIC4yMzQgMCAuNDE3LjQ4NS4xLjI3OS4yNS42NzYuNDA4IDEuMTA2bC4wNTQuMTQ5Yy40ODkgMS4zMjguODE0IDIuMjEyLjg5MiAyLjM4NC4wOTMuMi4wNjkuMjc4LjAyNy4zNTNsLS4wNzUuMTM3YTIuMjUxIDIuMjUxIDAgMCAxLS4zNTUuNTMzYy0uMDg3LjA5NC0uMTc3LjItLjI3OC4zMWE3Ljg1IDcuODUgMCAwIDEtLjQ0MS40NzIgMS4yMjUgMS4yMjUgMCAwIDAtLjM1NyAxLjYyMSAxNC44NTggMTQuODU4IDAgMCAwIDIuNjM3IDMuNTQ1IDEyLjk3NiAxMi45NzYgMCAwIDAgMy42IDIuNDY4Yy4xMTEuMDUzLjIuMS4yNjkuMTMzYTEuMjk0IDEuMjk0IDAgMCAwIDEuNy0uMTg3Yy4xMjUtLjEzNCAxLjIzMi0xLjMyMyAxLjYyNC0xLjg2Ny4xMDktLjE1LjExLS4xNS40NDEtLjAxNS4zNzQuMTUyIDIuNTIgMS4zMDUgMy4xNTMgMS42NTFsLjI2My4xNDFjLjEzMi4wNzEuMzIyLjE3MS40LjIyN2E0LjUxNiA0LjUxNiAwIDAgMS0uMzc3IDEuODA3IDQuMzUxIDQuMzUxIDAgMCAxLTIuODM4IDEuODExIDMuMjU4IDMuMjU4IDAgMCAwLS40ODMuMDY5Yy0uNDg2LjEtMS4xNTIuMjMzLTQuOTYyLTEuNDM1Ii8+PC9nPjwvZz48L3N2Zz4=');
}

.block-digitalcard-history-info-web::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIGQ9Ik0xMDE1IDUzNWgyNHYyNmgtMjR6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiPjxwYXRoIGQ9Ik0wIDBoMjEuMjE5djE4LjA4NEgwWiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMTUgLTUzNSkiIGNsaXAtcGF0aD0idXJsKCNhKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAxNi42NzcgNTM5LjA5MikiIGNsaXAtcGF0aD0idXJsKCNiKSI+PHBhdGggZD0iTTE4LjY4IDE3LjU3NkgyLjUzN2EyLjAzIDIuMDMgMCAwIDEtMi4wMy0yLjAzVjIuNTM3YTIuMDMgMi4wMyAwIDAgMSAyLjAzLTIuMDNIMTguNjhhMi4wMyAyLjAzIDAgMCAxIDIuMDMgMi4wM3YxMy4wMDlhMi4wMyAyLjAzIDAgMCAxLTIuMDMgMi4wMyIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xOC42ODEgMTguMDg1SDIuNTM4QTIuNTQxIDIuNTQxIDAgMCAxIDAgMTUuNTQ3VjIuNTM4QTIuNTQxIDIuNTQxIDAgMCAxIDIuNTM4LjAwMWgxNi4xNDNhMi41NDEgMi41NDEgMCAwIDEgMi41MzggMi41Mzh2MTMuMDA4YTIuNTQxIDIuNTQxIDAgMCAxLTIuNTM4IDIuNTM4TTIuNTM4IDEuMDE1YTEuNTI0IDEuNTI0IDAgMCAwLTEuNTIzIDEuNTIzdjEzLjAwOWExLjUyNCAxLjUyNCAwIDAgMCAxLjUyMiAxLjUyM2gxNi4xNDRhMS41MjQgMS41MjQgMCAwIDAgMS41MTktMS41MjNWMi41MzhhMS41MjQgMS41MjQgMCAwIDAtMS41MjMtMS41MjNaIiBmaWxsPSIjNWNjMGJkIi8+PHBhdGggZD0iTS41MDggNi4zNzFoMjAuMnYxLjAxNUguNTA4Wk0zLjMxMiA0Ljk5MmExLjYxNSAxLjYxNSAwIDEgMSAxLjYxNi0xLjYxNSAxLjYxNyAxLjYxNyAwIDAgMS0xLjYxNiAxLjYxNW0wLTIuMzE5YS43LjcgMCAxIDAgLjcuNy43LjcgMCAwIDAtLjctLjdNNi44ODMgNC45OTJhMS42MTUgMS42MTUgMCAxIDEgMS42MTUtMS42MTUgMS42MTcgMS42MTcgMCAwIDEtMS42MTUgMS42MTVtMC0yLjMxOWEuNy43IDAgMSAwIC43LjcuNy43IDAgMCAwLS43LS43TTEwLjQ1MiA0Ljk5MmExLjYxNSAxLjYxNSAwIDEgMSAxLjYxNS0xLjYxNSAxLjYxNyAxLjYxNyAwIDAgMS0xLjYxNSAxLjYxNW0wLTIuMzE5YS43LjcgMCAxIDAgLjcuNy43LjcgMCAwIDAtLjctLjciIGZpbGw9IiM1Y2MwYmQiLz48L2c+PC9nPjwvc3ZnPg==');
}

.block-digitalcard-history-info-mypagecreate {
  display: flex;
  justify-content: flex-end;
  margin: 20px 0 32px;
}

.block-digitalcard-history-info-mypagecreate button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 184px;
  height: 32px;
  border: 1px solid #000000;
  border-radius: 4px;
  background-color: #ffffff;
  font-size: 13px;
  font-weight: 300;
  cursor: pointer;
  transition: background-color .15s;
}

.block-digitalcard-history-info-mypagecreate button:hover {
  background-color: #F5F5F5;
}

.block-digitalcard-history-tips {
  position: relative;
  padding-left: 26px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.571;
}

.block-digitalcard-history-tips::before {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNC43NSI+PHBhdGggZD0iTTcuNSAxNC4yNWMtMy44NiAwLTctMy4wODQtNy02Ljg3NUMuNSAzLjU4NSAzLjY0LjUgNy41LjVzNyAzLjA4NCA3IDYuODc1YzAgMy43OS0zLjE0IDYuODc1LTcgNi44NzVaIi8+PHBhdGggZD0iTTcuNSAxQzMuOTE2IDEgMSAzLjg2IDEgNy4zNzVzMi45MTYgNi4zNzUgNi41IDYuMzc1UzE0IDEwLjg5IDE0IDcuMzc1IDExLjA4NCAxIDcuNSAxbTAtMUMxMS42NDIgMCAxNSAzLjMwMiAxNSA3LjM3NXMtMy4zNTggNy4zNzUtNy41IDcuMzc1Yy00LjE0MiAwLTcuNS0zLjMwMi03LjUtNy4zNzVTMy4zNTggMCA3LjUgMFoiLz48cGF0aCBkPSJNNy41MTggOC4yMTR2MS4wMjhoLS43MzRWNy45MDZBNC42MjUgNC42MjUgMCAwIDAgOC4yMTcgNi44NmExLjQ4NCAxLjQ4NCAwIDAgMCAuMjktLjg2Ni45NTYuOTU2IDAgMCAwLS4zMzItLjc4IDEuNDEgMS40MSAwIDAgMC0uOTI1LS4yNzQgMy4yNDYgMy4yNDYgMCAwIDAtMS41NjQuNDZoLS4wNDl2LS44MzlhNC44NjYgNC44NjYgMCAwIDEgMS42NzQtLjMxNkEyLjI1MiAyLjI1MiAwIDAgMSA4LjggNC43YTEuNTE3IDEuNTE3IDAgMCAxIC41NTIgMS4yMjggMS45NiAxLjk2IDAgMCAxLS4zMjcgMS4wOTQgNC43IDQuNyAwIDAgMS0xLjUwNyAxLjE5MlpNNy42MTUgMTFoLS45di0uOTI3aC45WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.block-digitalcard-history-right {
  width: 520px;
  margin-left: auto;
}

.block-digitalcard-view {
  width: 100%;
}

.block-digitalcard-view-copy_qr {
  width: 100%;
}

.block-digitalcard-history-photo {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 8px;
}

.block-digitalcard-history-photo-img {
  width: 150px;
}

.block-digitalcard-history-photo-img img {
  width: 150px;
  height: 150px;
  border-radius: 150px;
}

.block-digitalcard-history-photo-form {
  width: calc(100% - 150px);
  margin: 0;
  padding-left: 30px;
}

.block-digitalcard-history-photo-form .form-file {
  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: flex-start;
  justify-content: flex-start;
}

.block-digitalcard-history-photo-form .form-file-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 137px;
  height: 39px;
  border: 2px solid #0277C7;
  border-radius: 4px;
  background: none;
  background-color: #ffffff;
  color: #0277C7;
  font-size: 13px;
  font-weight: 300;
  cursor: pointer;
  transition: background-color .15s;
}

.block-digitalcard-history-photo-form .form-file-btn:hover {
  background-color: #F5F5F5;
}

.block-digitalcard-history-photo-form .form-file input[type='text'] {
  margin-left: 20px;
  border: none;
  font-size: 15px;
  font-weight: 300;
}

.block-digitalcard-history-photo-form .form-file input[type='text']:focus {
  outline: none;
}

.block-digitalcard-history-photo-form .form-file input[type='text']::placeholder {
  color: #000000;
}

.block-digitalcard-history-photo-form .form-btns {
  display: flex;
  margin-top: 20px;
}

.block-digitalcard-history-photo-form .form-file-submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 158px;
  height: 42px;
  border: none;
  border-radius: 4px;
  background: rgb(89, 191, 191);
  background: -moz-linear-gradient(45deg, rgba(89, 191, 191, 1) 0%, rgba(68, 184, 217, 1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(89, 191, 191, 1) 0%, rgba(68, 184, 217, 1) 100%);
  background: linear-gradient(45deg, rgba(89, 191, 191, 1) 0%, rgba(68, 184, 217, 1) 100%);
  color: #ffffff;
  font-size: 13px;
  font-weight: 300;
  cursor: pointer;
  transition: background .15s;
}

.block-digitalcard-history-photo-form .form-file-submit-btn::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: rgb(57, 152, 152);
  background: -moz-linear-gradient(45deg, rgba(57, 152, 152, 1) 0%, rgba(0, 148, 190, 1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(57, 152, 152, 1) 0%, rgba(0, 148, 190, 1) 100%);
  background: linear-gradient(45deg, rgba(57, 152, 152, 1) 0%, rgba(0, 148, 190, 1) 100%);
  opacity: 0;
  transition: opacity .15s;
}

.block-digitalcard-history-photo-form .form-file-submit-btn:hover::before {
  opacity: 1;
}

.block-digitalcard-history-photo-form .form-file-submit-btn span {
  position: relative;
}

.block-digitalcard-history-photo-form .form-file-delete-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 76px;
  height: 42px;
  margin-left: 15px;
  border: none;
  border-radius: 4px;
  background-color: #8B8B8B;
  color: #ffffff;
  font-size: 13px;
  font-weight: 300;
  cursor: pointer;
  transition: background-color .15s;
}

.block-digitalcard-history-photo-form .form-file-delete-btn:hover {
  background-color: #B2B2B2;
}

.block-digitalcard-view-content {
  position: relative;
  margin-top: 34px;
}

.block-digitalcard-view-tab ul li {
  width: 46px;
  height: 39px;
  color: #9D9D9F;
  font-size: 17px;
  font-weight: 300;
  transition: background-color .15s;
}

.block-digitalcard-view-tab ul li.is-active {
  background-color: #0277C7;
}

.block-digitalcard-view-tab ul li:hover {
  background-color: #0062A5;
  color: #ffffff;
}

.block-digitalcard-view-form {
  top: 3px;
}

.block-digitalcard-view-form > span {
  margin-right: 10px;
}

.block-digitalcard-view-form button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 62px;
  height: 32px;
  border: none;
  border-radius: 4px;
  background: rgb(89, 191, 191);
  background: -moz-linear-gradient(45deg, rgba(89, 191, 191, 1) 0%, rgba(68, 184, 217, 1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(89, 191, 191, 1) 0%, rgba(68, 184, 217, 1) 100%);
  background: linear-gradient(45deg, rgba(89, 191, 191, 1) 0%, rgba(68, 184, 217, 1) 100%);
  color: #ffffff;
  font-size: 13px;
  font-weight: 300;
  cursor: pointer;
  transition: background .15s;
}

.block-digitalcard-view-form button::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: rgb(57, 152, 152);
  background: -moz-linear-gradient(45deg, rgba(57, 152, 152, 1) 0%, rgba(0, 148, 190, 1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(57, 152, 152, 1) 0%, rgba(0, 148, 190, 1) 100%);
  background: linear-gradient(45deg, rgba(57, 152, 152, 1) 0%, rgba(0, 148, 190, 1) 100%);
  opacity: 0;
  transition: opacity .15s;
}

.block-digitalcard-view-form button:hover::before {
  opacity: 1;
}

.block-digitalcard-view-form button span {
  position: relative;
}

.block-digitalcard-view-card img {
  width: 450px;
  max-width: 450px;
}

.block-digitalcard-history-bg {
  margin-top: 56px;
}

.block-digitalcard-history-bg *,
.block-digitalcard-history-bg *::before,
.block-digitalcard-history-bg *::after {
  box-sizing: border-box;
}

.block-digitalcard-history-bg h2 {
  margin: 0 0 10px;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
}

.block-digitalcard-history-bg-content {
  display: flex;
  align-items: center;
  margin-top: 20px;
  font-weight: 300;
}

.block-digitalcard-history-bg-content-select_personalcolor {
  display: flex;
  align-items: center;
}

.block-digitalcard-history-bg-content-select_personalcolor-ttl {
  display: flex;
  align-items: center;
  font-size: 15px;
}

.block-digitalcard-history-bg-content-select_personalcolor-ttl .edit-tooltip_2-content {
  left: -110px;
}

.block-digitalcard-history-bg-content-select_personalcolor-select {
  margin-left: 20px;
}

.block-digitalcard-history-bg-content-select_personalcolor-select .selectbox-container {
  position: relative;
}

.block-digitalcard-history-bg-content-select_personalcolor-select .selectbox-display {
  display: flex;
  align-items: center;
  position: relative;
  width: 240px;
  height: 32px;
  padding: 0 8px;
  border: 1px solid #000000;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS44MDIiIGhlaWdodD0iNy4zNDYiPjxwYXRoIGQ9Im0uNzA3LjcwNyA1LjIyIDUuMjIgNS4xNjQtNS4yMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=');
  background-position: center right 8px;
  background-repeat: no-repeat;
  background-size: 12px 7px;
  font-size: 13px;
  cursor: pointer;
  transition: border-color .15s, box-shadow .15s;
}

.block-digitalcard-history-bg-content-select_personalcolor-select .selectbox-display.is-open {
  border-color: #008AE8;
  box-shadow: 0 2px 10px 0 rgba(0, 138, 232, 0.56);
}

.block-digitalcard-history-bg-content-select_personalcolor-select .selectbox-list {
  display: none;
  position: absolute;
  width: 240px;
  padding: 8px 0;
  border-radius: 4px;
  background-color: #ffffff;
  font-size: 13px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
  z-index: 9;
}

.block-digitalcard-history-bg-content-select_personalcolor-select .selectbox-list li {
  display: flex;
  align-items: center;
  width: 100%;
  height: 24px;
  padding: 0 9px;
  cursor: pointer;
  transition: background-color .15s, color .15s;
}

.block-digitalcard-history-bg-content-select_personalcolor-select .selectbox-list li:hover {
  background-color: #008AE8;
  color: #ffffff;
}

.block-digitalcard-history-bg-content-select_personalcolor-select select {
  display: none;
}

.block-digitalcard-history-bg-content-select_bgcolor {
  display: flex;
  align-items: center;
  margin-left: 50px;
}

.block-digitalcard-history-bg-content-select_bgcolor-ttl {
  font-size: 15px;
}

.block-digitalcard-history-bg-content-select_bgcolor-radio {
  margin-left: 20px;
}

.block-digitalcard-history-bg-content-select_bgcolor-radio div:not(:first-child) {
  display: none;
}

.block-digitalcard-history-bg-content-select_bgcolor-radio ul {
  display: flex;
  align-items: center;
}

.block-digitalcard-history-bg-content-select_bgcolor-radio li + li {
  margin-left: 17px;
}

.block-digitalcard-history-bg-content-select_bgcolor-radio input {
  display: none;
}

.block-digitalcard-history-bg-content-select_bgcolor-radio input + label {
  display: block;
  position: relative;
  width: 26px;
  height: 26px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.block-digitalcard-history-bg-content-select_bgcolor-radio input + label::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #0277C7;
  opacity: 0;
  transition: opacity .1s;
}

.block-digitalcard-history-bg-content-select_bgcolor-radio input + label:hover::after,
.block-digitalcard-history-bg-content-select_bgcolor-radio input:checked + label::after {
  opacity: 1;
}

.block-digitalcard-history-bg-content-select_bgcolor-selected {
  margin-left: 30px;
}

.block-digitalcard-history-bg-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}

.block-digitalcard-history-bg-submit button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 325px;
  height: 42px;
  border: none;
  border-radius: 4px;
  background: rgb(89, 191, 191);
  background: -moz-linear-gradient(45deg, rgba(89, 191, 191, 1) 0%, rgba(68, 184, 217, 1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(89, 191, 191, 1) 0%, rgba(68, 184, 217, 1) 100%);
  background: linear-gradient(45deg, rgba(89, 191, 191, 1) 0%, rgba(68, 184, 217, 1) 100%);
  color: #ffffff;
  font-size: 13px;
  font-weight: 300;
  cursor: pointer;
  transition: background .15s;
}

.block-digitalcard-history-bg-submit button::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: rgb(57, 152, 152);
  background: -moz-linear-gradient(45deg, rgba(57, 152, 152, 1) 0%, rgba(0, 148, 190, 1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(57, 152, 152, 1) 0%, rgba(0, 148, 190, 1) 100%);
  background: linear-gradient(45deg, rgba(57, 152, 152, 1) 0%, rgba(0, 148, 190, 1) 100%);
  opacity: 0;
  transition: opacity .15s;
}

.block-digitalcard-history-bg-submit button:hover::before {
  opacity: 1;
}

.block-digitalcard-history-bg-submit button span {
  position: relative;
}

/* add */
.block-digitalcard-history-bg-submit a {
  text-decoration: none;
}

/* add */

.block-digitalcard-history-bottom {
  margin-top: 90px;
}

/* add */
.block-digitalcard-history-bottom h2 {
  margin: 0 0 10px;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
}

/* add */


/*MyPage*/

.block-mypage_exchange {
  min-width: 1100px;
  font-weight: 300;
  text-align: left;
  line-height: 1.5;
  overflow: hidden;
}

.block-mypage_exchange img {
  max-width: 100%;
}

.block-mypage_exchange *,
.block-mypage_exchange *::before,
.block-mypage_exchange *::after {
  box-sizing: border-box;
}

.block-mypage_exchange-main {
  display: flex;
  justify-content: center;
  color: #000000;
}

.block-mypage_exchange-main-left,
.block-mypage_exchange-main-right {
  display: flex;
  flex-direction: column;
  width: 50%;
}

.block-mypage_exchange-main-left {
  align-items: flex-end;
  padding-right: 25px;
}

.block-mypage_exchange-main-right {
  position: relative;
  padding-left: 25px;
}

.block-mypage_exchange-main-left-profile {
  width: 517px;
  height: 203px;
  padding-top: 40px;
  letter-spacing: .05em;
}

.block-mypage_exchange-main-left-profile .item-name {
  font-size: 36px;
}

.block-mypage_exchange-main-left-profile .item-company {
  margin-top: 18px;
  font-size: 18px;
}

.block-mypage_exchange-main-left-profile .item-affiliation {
  margin-top: 4px;
  font-size: 14px;
}

.block-mypage_exchange-main-left-card {
  display: flex;
  justify-content: flex-end;
  position: relative;
  left: -50vw;
  width: 100%;
  background-color: #F6F6F6;
  box-shadow: 8px 8px 5px 0 rgba(0, 0, 0, 0.16);
  transition: left .5s ease-in-out;
}

.is-load .block-mypage_exchange-main-left-card {
  left: 0
}

.block-mypage_exchange-main-left-card-body {
  width: 517px;
}

.block-mypage_exchange-main-left-card-content {
  display: flex;
  align-items: center;
  position: relative;
  padding: 70px 0 36px;
}

.block-mypage_exchange-main-left-card-content .item-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 21px;
  right: 39px;
}

.is-back .block-mypage_exchange-main-left-card-content .item-ttl .card-front,
.is-front .block-mypage_exchange-main-left-card-content .item-ttl .card-back {
  display: none;
}

.mypage_exchange-h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 38px;
  text-align: center;
  /* add */
  /*margin-top:10px;*/
  /* add */
}

.mypage_exchange-h2 .txt-en {
  /* mod */
  /*display: block;*/
  display: flex;
  /* mod */
  width: 1000px;
  color: rgba(70, 186, 217, 0.2);
  font-size: 50px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .03em;
  word-break: break-all;
  /* add */
  text-align: left;
  align-items: center;
  justify-content: center;
  /* add */
}

.mypage_exchange-h2 .txt-ja {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 50%;
  width: 460px;
  height: 100%;
  margin-left: -230px;
  padding-bottom: 2px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  /* add */
  text-align: left;
  word-break: break-all;
  /* add */
}

.block-mypage_exchange-main-right-profile .mypage_exchange-h2 .txt-ja {
  width: 280px;
  margin-left: -140px;
  /* add */
  text-align: left;
  /* add */
}

.block-mypage_exchange-main-left-card-content .item-card {
  width: 406px;
}

/*
.block-mypage_exchange-main-left-card-content .item-card-back {
  display: none;
}
*/

.block-mypage_exchange-main-left-card-content .item-btn {
  display: flex;
  position: relative;
  margin-left: 40px;
  width: 35px;
  height: 56px;
  cursor: pointer;
}

.block-mypage_exchange-main-left-card-content .item-btn::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 35px;
  border: 1px solid #000000;
  border-radius: 35px;
  background-color: #ffffff;
  transition: background-color .15s;
}

.block-mypage_exchange-main-left-card-content .item-btn:hover::before {
  background-color: #000000;
}

.block-mypage_exchange-main-left-card-content .item-btn::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 19px 9px;
  transition: background .15s;
}

.is-front .block-mypage_exchange-main-left-card-content .item-btn::after {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS4wMDYiIGhlaWdodD0iOC41ODMiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgZD0iTTAgNC4yOTJoMTMuNDg4Ii8+PHBhdGggZD0ibTE5LjAwNiA0LjI5Mi02LjEzMSA0LjI5MVYwWiIvPjwvc3ZnPg==');
  background-position: center;
}

.is-front .block-mypage_exchange-main-left-card-content .item-btn:hover::after {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS4wMDYiIGhlaWdodD0iOC41ODMiPjxwYXRoIGQ9Ik0wIDQuMjkyaDEzLjQ4OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIi8+PHBhdGggZD0ibTE5LjAwNiA0LjI5Mi02LjEzMSA0LjI5MVYwWiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
  background-position: center right 2px;
}

.is-back .block-mypage_exchange-main-left-card-content .item-btn::after {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS4wMDYiIGhlaWdodD0iOC41ODMiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgZD0iTTE5LjAwNiA0LjI5Mkg1LjUxOCIvPjxwYXRoIGQ9Ik0wIDQuMjkxIDYuMTMxIDB2OC41ODNaIi8+PC9zdmc+');
  background-position: center;
}

.is-back .block-mypage_exchange-main-left-card-content .item-btn:hover::after {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS4wMDYiIGhlaWdodD0iOC41ODMiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgZD0iTTE5LjAwNiA0LjI5Mkg1LjUxOCIvPjxwYXRoIGQ9Ik0wIDQuMjkxIDYuMTMxIDB2OC41ODNaIiBmaWxsPSIjZmZmIi8+PC9zdmc+');
  background-position: center left 2px;
}

.block-mypage_exchange-main-left-card-content .item-btn span {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.is-front .block-mypage_exchange-main-left-card-content .item-btn span::after {
  content: 'BACK';
}

.is-back .block-mypage_exchange-main-left-card-content .item-btn span::after {
  content: 'FRONT';
}

.block-mypage_exchange-main-left-address {
  width: 517px;
  padding-top: 52px;
}

.block-mypage_exchange-main-left-address h2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.block-mypage_exchange-main-left-address-content {
  margin-top: 18px;
  padding: 30px 34px;
  border: 1px solid #DDDDDD;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #ffffff;
  font-size: 14px;
}

.block-mypage_exchange-main-left-address-content a {
  color: #5CC0BD;
}

.block-mypage_exchange-main-left-address-content > div + div {
  margin-top: 15px;
}

/* add */
.block-mypage_exchange-main-left-address-content > div.item-email {
  margin-top: 0;
}

/* add */

.block-mypage_exchange-main-left-address-content > div {
  position: relative;
  padding-left: 43px;
}

.block-mypage_exchange-main-left-address-content > div::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 21px;
  height: 24px;
  margin-top: -12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.block-mypage_exchange-main-left-address-content > div.item-email::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyNCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIG9wYWNpdHk9Ii4yNzkiIGQ9Ik00MzQgNjkwaDIxdjI0aC0yMXoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDM0IC02OTApIiBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik00MzYuMzQ4IDY5Ni4zNjloMTcuM3YxMS4yNjJoLTE3LjNaTTQzNSA3MDloMjB2LTE0aC0yMFoiLz48cGF0aCBkPSJtNDQ1IDcwMi42OC04Ljg5LTcuNTItLjg3NyAxLjAxMSA5Ljc2NyA4LjI2MyA5Ljc2Ny04LjI2My0uODc4LTEuMDExWiIvPjwvZz48L3N2Zz4=');
}

.block-mypage_exchange-main-left-address-content > div.item-map::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyNCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIG9wYWNpdHk9Ii4yNzkiIGQ9Ik00MzQgNzI4aDIxdjI0aC0yMXoiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iYiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxNnYyM0gweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MzQgLTcyOCkiIGNsaXAtcGF0aD0idXJsKCNhKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDM3IDcyOCkiIGNsaXAtcGF0aD0idXJsKCNiKSIgZmlsbD0iIzFhMTMxMSI+PHBhdGggZD0iTTEzLjY1OSAyLjM0M2E4IDggMCAwIDAtMTEuMzE3IDBBOC4wNzkgOC4wNzkgMCAwIDAgLjQgMTAuNTdjLjYgMS45MTEgMS42MiA1LjEwOCA2Ljk3IDEyLjEzYS44LjggMCAwIDAgLjU1NC4yOTFsLjA4OC4wMDkuMDc1LS4wMWEuODIxLjgyMSAwIDAgMCAuNTYyLS4zMTFjNS4zMzMtNyA2LjM0Ny0xMC4yIDYuOTUzLTEyLjEwOGE4LjA3OCA4LjA3OCAwIDAgMC0xLjk0My04LjIyN20uOTEgNy45QzEzLjk5MSAxMi4wNjggMTMuMDMgMTUuMSA4IDIxLjc0OGMtNS4wMzEtNi42NTQtNS45OTItOS42ODEtNi41NjktMTEuNUE2Ljk0OCA2Ljk0OCAwIDAgMSA4IDEuMDc0YTYuOTQ4IDYuOTQ4IDAgMCAxIDYuNTczIDkuMTc0Ii8+PHBhdGggZD0iTTggNC4xOTZhMy43OTMgMy43OTMgMCAxIDAgMy44MjQgMy43OTNBMy44MTMgMy44MTMgMCAwIDAgOCA0LjE5Nm0wIDYuNTEzYTIuNzE5IDIuNzE5IDAgMSAxIDIuNzM3LTIuNzIgMi43MzMgMi43MzMgMCAwIDEtMi43NDEgMi43MTkiLz48L2c+PC9nPjwvc3ZnPg==');
}

.block-mypage_exchange-main-left-address-content > div.item-tel::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyNCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIG9wYWNpdHk9Ii4yNzkiIGQ9Ik00MzQgNzY5aDIxdjI0aC0yMXoiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iYiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyMHYyMEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MzQgLTc2OSkiIGNsaXAtcGF0aD0idXJsKCNhKSI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMTEgLTM3NzQuNzc3IDI2NTIuNzU0KSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cGF0aCBkPSJNMTkuMTM0IDE3LjE1N2E0LjA5MyA0LjA5MyAwIDAgMCAuMzU1LTIuMzgzYy0uMS0uMTkyLS4zMjgtLjMxNC0uNjY5LS41bC0uMjUzLS4xNGMtLjUzNC0uMy0yLjc2NS0xLjUzNS0zLjE5MS0xLjcxMy0uMzctLjE1NC0uNzg5LS4zMy0xLjE4OC4yMzYtLjM4MS41NDMtMS41NDggMS44MjUtMS41NiAxLjgzOC0uMjMxLjI0OS0uNDQ0LjMzNC0uOTIyLjA2NWE2LjI1OCA2LjI1OCAwIDAgMC0uMzA5LS4xNTggMTIuMDc4IDEyLjA3OCAwIDAgMS0zLjM5My0yLjM5IDE0LjQ4MiAxNC40ODIgMCAwIDEtMi41LTMuNDQ4Yy0uMjI5LS40MzgtLjAwOC0uNjQ4LjIyNi0uODY5LjE0OC0uMTQyLjMyMS0uMzQzLjQ4OS0uNTM2LjA5MS0uMS4xNzYtLjIuMjU5LS4yOTVhMi44NyAyLjg3IDAgMCAwIC40NDItLjY3MmwuMDc2LS4xMzVhMS4wMjUgMS4wMjUgMCAwIDAgMC0uOTRjLS4wNjktLjE1Ni0uNDMzLTEuMTcyLS44NjctMi4zODMtLjE3Ny0uNS0uMzQ0LS45NjMtLjQ2LTEuMjgxLS4zNDQtLjkzNi0uNzM2LS45My0xLjAyNC0uOTE5aC0uMWE2LjEyOCA2LjEyOCAwIDAgMS0uNDI3LS4wMzVDMy45NDUuNDgyIDMuNzk0LjQ2NSAzLjYzNy40NTdoLS4wNjhhMS43OTEgMS43OTEgMCAwIDAtMS4yODYuNTlsLS4wOTQuMWE1LjU3NSA1LjU3NSAwIDAgMC0xLjc0NCAzLjk2IDkuNSA5LjUgMCAwIDAgMS43NzEgNS4xNjRsLjA4OC4xNDRhMTguNjgzIDE4LjY4MyAwIDAgMCA3Ljc3NyA3LjU1YzMuMTEgMS40IDQuMTQ3IDEuNTc4IDQuNyAxLjU3OGEyLjY3MiAyLjY3MiAwIDAgMCAuNTk0LS4wNzUgMi40NTUgMi40NTUgMCAwIDEgLjM4OC0uMDU5Yy44NDctLjA0NyAyLjktMS4wNTMgMy4zNjUtMi4yNTJtLTMuNzgzIDIuMTIxYTIuNDQ2IDIuNDQ2IDAgMCAxLS41NDEuMDY2Yy0uNjM0IDAtMS43NzctLjI2Mi00LjY1My0xLjU1NWExOC40ODIgMTguNDgyIDAgMCAxLTcuNjktNy40NjljLS4wNDgtLjA3OS0uMDgtLjEzMy0uMS0uMTYxQTkuNSA5LjUgMCAwIDEgLjYzNCA1LjExNCA1LjMyNCA1LjMyNCAwIDAgMSAyLjMxOSAxLjI4bC4xLS4xQTEuNjEzIDEuNjEzIDAgMCAxIDMuNTg2LjY0OWguMDQ1Yy4xNDYuMDA2LjI5Mi4wMjEuNDMzLjAzNi4xODguMDIuMzM1LjAzNS40NzIuMDRoLjEwOWMuMzczIDAgLjYuMTEzLjg0Ni43OTIuMS4yODUuMjQ4LjY5LjQwNSAxLjEyOGwuMDU0LjE1MWMuNDUxIDEuMjYuOCAyLjIzNy44NzIgMi40YS44MDcuODA3IDAgMCAxIC4wMTIuNzY4bC0uMDczLjEzOGEyLjY5IDIuNjkgMCAwIDEtLjQxNi42MzZjLS4wODUuMDk0LS4xNzEuMTk1LS4yNTkuMy0uMTcyLjItLjMzOS4zOTItLjQ3OC41MjRhLjgxLjgxIDAgMCAwLS4yNjMgMS4wOTUgMTQuNjU3IDE0LjY1NyAwIDAgMCAyLjUzMSAzLjUgMTIuMzggMTIuMzggMCAwIDAgMy40MzYgMi40MjFjLjEzNi4wNjguMjMzLjExNS4zMDUuMTU1YS44MDUuODA1IDAgMCAwIDEuMTQ3LS4xYy40NDQtLjQ4NyAxLjI3My0xLjQyNiAxLjU3Ni0xLjg1N3MuNTQ4LS4zNDYuOTY2LS4xNzFjLjQ0NC4xODUgMi44NDQgMS41MTkgMy4xNzEgMS43bC4yNTguMTQzYTIuNjg0IDIuNjg0IDAgMCAxIC41Mi4zMjQuMzY1LjM2NSAwIDAgMSAuMDY1LjA4NCA0LjI3IDQuMjcgMCAwIDEtLjM1OCAyLjIzNiA0LjcxNSA0LjcxNSAwIDAgMS0zLjIgMi4xMzEgMi43MDkgMi43MDkgMCAwIDAtLjQwNy4wNjEiLz48cGF0aCBkPSJNMTkuODggMTQuNTU0YTEuODY3IDEuODY3IDAgMCAwLS44NS0uNjg0bC0uMjUtLjEzOGMtLjAyNi0uMDE1LTIuNzA4LTEuNTE1LTMuMjM4LTEuNzM2YTEuMjQyIDEuMjQyIDAgMCAwLTEuNzE0LjM5M2MtLjMuNDMyLTEuMiAxLjQ0MS0xLjUyMyAxLjc5My0uMS4xMDctLjExNi4xMjgtLjM4My0uMDIyLS4wODEtLjA0Ni0uMTkzLS4xLS4zMzYtLjE3MmExMS42NjQgMTEuNjY0IDAgMCAxLTMuMjcyLTIuM0ExNC4wMiAxNC4wMiAwIDAgMSA1LjkgOC4zNDljLS4wNjYtLjEyNy0uMDY2LS4xMjcuMTM3LS4zMTkuMTY1LS4xNTguMzQ1LS4zNjYuNTI1LS41NzQuMDg0LS4xLjE2Ni0uMTkzLjI0Ny0uMjgzYTMuMzMxIDMuMzMxIDAgMCAwIC41MDktLjc3M2wuMDY5LS4xMzNBMS40NzEgMS40NzEgMCAwIDAgNy40IDQuOTI0Yy0uMDY3LS4xNTMtLjU0MS0xLjQ3Ni0uODU0LTIuMzUyLS4xNzgtLjUtLjM0NS0uOTYzLS40Ni0xLjI4MkM1LjY4Ni4yIDUuMTQ4LjA1MiA0LjYyOC4wNzdoLS4wNjdDNC40MzUuMDczIDQuMy4wNTkgNC4xNDYuMDQyUzMuODIxLjAwOCAzLjY1OSAwYTIuMjA4IDIuMjA4IDAgMCAwLTEuNjkxLjcyNWwtLjA5Mi4wOTNBNiA2IDAgMCAwIDAgNS4wOWE5Ljk1NCA5Ljk1NCAwIDAgMCAxLjg0NSA1LjQzOWwuMDgyLjEzNEExOS4xMTUgMTkuMTE1IDAgMCAwIDkuOSAxOC4zODRDMTMuMDcgMTkuODA4IDE0LjE0OSAyMCAxNC43ODYgMjBhMy4xMTUgMy4xMTUgMCAwIDAgLjY5Mi0uMDg2IDIuMDE0IDIuMDE0IDAgMCAxIC4zMTMtLjA0OGMuOTkyLS4wNTQgMy4yMDktMS4xMzcgMy43NTUtMi41MzhhNC4yOSA0LjI5IDAgMCAwIC4zMzMtMi43NzRtLTUuMDkzIDQuOTg4Yy0uNTU3IDAtMS41OTUtLjE4LTQuNy0xLjU3OEExOC42ODMgMTguNjgzIDAgMCAxIDIuMyAxMC40MTVhNS41OTMgNS41OTMgMCAwIDAtLjA4OC0uMTQ0QTkuNDk0IDkuNDk0IDAgMCAxIC40NDkgNS4xMDcgNS41NzMgNS41NzMgMCAwIDEgMi4xOSAxLjE0M2wuMDk0LS4xQTEuNzg4IDEuNzg4IDAgMCAxIDMuNTcuNDU3aC4wNjhjLjE1Ny4wMDYuMzEyLjAyMi40OC4wMzkuMTQ4LjAxNi4yOTEuMDMxLjQyNy4wMzZoLjFjLjI5MS0uMDExLjY4My0uMDE2IDEuMDIyLjkxNWwuNDYgMS4yOGMuNDMzIDEuMjEyLjggMi4yMjcuODY3IDIuMzg0YTEuMDIzIDEuMDIzIDAgMCAxIDAgLjk0bC0uMDczLjEzOWEyLjg1OCAyLjg1OCAwIDAgMS0uNDQyLjY3MWMtLjA4My4wOTItLjE2OC4xOS0uMjU5LjNhOC4zMzIgOC4zMzIgMCAwIDEtLjQ4OS41MzZjLS4yMzQuMjIyLS40NTYuNDMxLS4yMjcuODY5QTE0LjQ4NyAxNC40ODcgMCAwIDAgOCAxMi4wMTJhMTIuMDc2IDEyLjA3NiAwIDAgMCAzLjQgMi4zODhjLjEyOS4wNjMuMjMzLjExNS4zMDkuMTU4LjQ3Ny4yNjkuNjkxLjE4NS45MjEtLjA2NC4wMTItLjAxMyAxLjE3OS0xLjMgMS41Ni0xLjgzOS40LS41NjYuODE4LS4zOSAxLjE4OC0uMjM2LjQyNy4xNzggMi42NTggMS40MTMgMy4xOTEgMS43MTNsLjI1My4xNGMuMzQxLjE4Ni41NjcuMzA4LjY2OS41YTQuMSA0LjEgMCAwIDEtLjM1NSAyLjM4M2MtLjQ2OCAxLjItMi41MTkgMi4yLTMuMzY2IDIuMjUyYTIuNDU3IDIuNDU3IDAgMCAwLS4zODcuMDU5IDIuNjc1IDIuNjc1IDAgMCAxLS41OTQuMDc1IiBmaWxsPSIjMjMxODE1Ii8+PHBhdGggZD0iTTE4Ljk2MSAxNy4wODdhNC4yNzYgNC4yNzYgMCAwIDAgLjM1OC0yLjIzNi4zNTYuMzU2IDAgMCAwLS4wNjYtLjA4NCAyLjY0NiAyLjY0NiAwIDAgMC0uNTItLjMyNGwtLjI1OC0uMTQzYy0uMzI2LS4xODMtMi43MjctMS41MTctMy4xNy0xLjctLjQxOC0uMTc1LS42NjktLjI1Mi0uOTY2LjE3MXMtMS4xMzIgMS4zNy0xLjU3NSAxLjg1N2EuODA2LjgwNiAwIDAgMS0xLjE0Ny4xIDcuNzQgNy43NCAwIDAgMC0uMzA1LS4xNTUgMTIuMzkgMTIuMzkgMCAwIDEtMy40MzYtMi40MjQgMTQuNjU3IDE0LjY1NyAwIDAgMS0yLjUzMS0zLjUuODEuODEgMCAwIDEgLjI2NC0xLjFjLjEzOS0uMTMzLjMwNS0uMzI2LjQ3OC0uNTI0LjA4Ny0uMS4xNzUtLjIuMjU5LS4zYTIuNzE4IDIuNzE4IDAgMCAwIC40MTYtLjYzNmwuMDY5LS4xMjlhLjgwNi44MDYgMCAwIDAtLjAxMi0uNzY4Yy0uMDctLjE2LS40MjEtMS4xMzYtLjg3Mi0yLjRsLS4wNTEtLjE0M2MtLjE1Ni0uNDM4LS4zLS44NDMtLjQtMS4xMjgtLjI1Mi0uNjg0LS40NzctLjgtLjg1MS0uNzk3aC0uMTA5Yy0uMTM2IDAtLjI4My0uMDItLjQ3Mi0uMDRDMy45MjMuNjcgMy43NzcuNjU1IDMuNjMxLjY0OWgtLjA0NWExLjYxMyAxLjYxMyAwIDAgMC0xLjE2OS41MzFsLS4xLjFBNS4zMjQgNS4zMjQgMCAwIDAgLjYzMSA1LjExNGE5LjUgOS41IDAgMCAwIDEuNzM2IDUuMDQ2Yy4wMTkuMDI4LjA1Mi4wODIuMS4xNjFhMTguNDc5IDE4LjQ3OSAwIDAgMCA3LjY5IDcuNDY5YzIuODc0IDEuMjkzIDQuMDE5IDEuNTU5IDQuNjUzIDEuNTU5YTIuNDQ5IDIuNDQ5IDAgMCAwIC41NDEtLjA2NSAyLjcwOSAyLjcwOSAwIDAgMSAuNDA3LS4wNjEgNC43MTggNC43MTggMCAwIDAgMy4yLTIuMTMxbS04LjYyNy4yNzlhMTguMDQzIDE4LjA0MyAwIDAgMS03LjQ4Ni03LjI5MiA3LjgzOCA3LjgzOCAwIDAgMC0uMTExLS4xNzlBOS4wMyA5LjAzIDAgMCAxIDEuMDggNS4xMzFhNC45IDQuOSAwIDAgMSAxLjU1MS0zLjUyN2wuMS0uMWExLjE4NyAxLjE4NyAwIDAgMSAuODc5LS40Yy4xMzcuMDA1LjI3NC4wMi40NDIuMDM3cy4zMi4wMzMuNDYxLjAzOGExLjM3MSAxLjM3MSAwIDAgMCAuMTQ0IDBjLjE0Mi0uMDA1LjIzMi0uMDA1LjQxMy40OTQuMS4yODQuMjQ4LjY4OS40IDEuMTI2bC4wNjEuMTVjLjQ4NCAxLjM1My44MDcgMi4yNTIuODg1IDIuNDI3LjA5Mi4yMDguMDY4LjI4My4wMjcuMzZsLS4wNzQuMTRhMi4zIDIuMyAwIDAgMS0uMzUyLjU0M2MtLjA4Ni4xLS4xNzYuMi0uMjc2LjMxNi0uMTU0LjE3OC0uMzE0LjM2My0uNDM3LjQ4YTEuMjY3IDEuMjY3IDAgMCAwLS4zNTMgMS42NTQgMTUuMTE5IDE1LjExOSAwIDAgMCAyLjYxNSAzLjYxIDEyLjg0OCAxMi44NDggMCAwIDAgMy41NyAyLjUxM2MuMTEuMDU0LjIuMS4yNjYuMTM2YTEuMjU4IDEuMjU4IDAgMCAwIDEuNjg3LS4xOTFjLjEyNC0uMTM2IDEuMjIxLTEuMzQ4IDEuNjEtMS45LjEwOC0uMTUzLjEwOS0uMTUzLjQzNy0uMDE2LjM3LjE1NSAyLjUgMS4zMjkgMy4xMjYgMS42ODFsLjI2MS4xNDRjLjEzMS4wNzIuMzIuMTc0LjQuMjMxYTQuNzA4IDQuNzA4IDAgMCAxLS4zNzQgMS44NCA0LjMgNC4zIDAgMCAxLTIuODE4IDEuODQ1IDMuMTUxIDMuMTUxIDAgMCAwLS40NzkuMDdjLS40ODIuMS0xLjE0Mi4yMzctNC45Mi0xLjQ2MSIgZmlsbD0iIzIzMTgxNSIvPjwvZz48L2c+PC9zdmc+');
}

.block-mypage_exchange-main-left-address-content > div.item-web::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyNCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIG9wYWNpdHk9Ii4yNzkiIGQ9Ik00MzQgODQ3aDIxdjI0aC0yMXoiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iYiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyMXYxOEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MzQgLTg0NykiIGNsaXAtcGF0aD0idXJsKCNhKSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDM0IDg1MCkiIGNsaXAtcGF0aD0idXJsKCNiKSI+PHBhdGggZD0iTTE4LjQ4OCAxNy40OTVIMi41MTFhMi4wMTUgMi4wMTUgMCAwIDEtMi4wMDktMi4wMjFWMi41MjJBMi4wMTUgMi4wMTUgMCAwIDEgMi41MTEuNTA1aDE1Ljk3N2EyLjAxNSAyLjAxNSAwIDAgMSAyLjAwOSAyLjAxN3YxMi45NTJhMi4wMTUgMi4wMTUgMCAwIDEtMi4wMDkgMi4wMjEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTguNDg4IDE4LjAwMUgyLjUxMkEyLjUyMiAyLjUyMiAwIDAgMSAwIDE1LjQ3NFYyLjUyNkEyLjUyMiAyLjUyMiAwIDAgMSAyLjUxMi4wMDFoMTUuOTc2QTIuNTIyIDIuNTIyIDAgMCAxIDIxIDIuNTI2djEyLjk0OGEyLjUyMiAyLjUyMiAwIDAgMS0yLjUxMiAyLjUyN00yLjUxMiAxLjAxQTEuNTEzIDEuNTEzIDAgMCAwIDEgMi41MjZ2MTIuOTQ4YTEuNTEzIDEuNTEzIDAgMCAwIDEuNTA3IDEuNTE2aDE1Ljk4MUExLjUxMyAxLjUxMyAwIDAgMCAyMCAxNS40NzRWMi41MjZhMS41MTMgMS41MTMgMCAwIDAtMS41MDctMS41MTZaIiBmaWxsPSIjMWExMzExIi8+PHBhdGggZmlsbD0iIzFhMTMxMSIgZD0iTS41MDIgNi4zNDFoMTkuOTk1djEuMDFILjUwMnpNMy4yNzkgNC45NjhhMS42MDggMS42MDggMCAxIDEgMS42LTEuNjA4IDEuNjA1IDEuNjA1IDAgMCAxLTEuNiAxLjYwOG0wLTIuMzA4YS43LjcgMCAxIDAgLjcuNy43LjcgMCAwIDAtLjctLjdNNi44MTEgNC45NjhhMS42MDggMS42MDggMCAxIDEgMS42LTEuNjA4IDEuNjA1IDEuNjA1IDAgMCAxLTEuNiAxLjYwOG0wLTIuMzA4YS43LjcgMCAxIDAgLjcuNy43LjcgMCAwIDAtLjctLjdNMTAuMzQ3IDQuOTY4YTEuNjA4IDEuNjA4IDAgMSAxIDEuNi0xLjYwOCAxLjYwNSAxLjYwNSAwIDAgMS0xLjYgMS42MDhtMC0yLjMwOGEuNy43IDAgMSAwIC43LjcuNy43IDAgMCAwLS43LS43Ii8+PC9nPjwvZz48L3N2Zz4=');
}

/** mod **/
/*
.is-front .block-mypage_exchange-main-left-address-content > div .ads-front,
.is-back .block-mypage_exchange-main-left-address-content > div .ads-back {
  display: block;
}

.is-front .block-mypage_exchange-main-left-address-content > div .ads-back,
.is-back .block-mypage_exchange-main-left-address-content > div .ads-front {
  display: none;
}
*/
.is-front .block-mypage_exchange-main-left-address-content > div .ads-front,
.is-back .block-mypage_exchange-main-left-address-content > div .ads-back,
.is-front .block-mypage_exchange-main-address-content > div .ads-front,
.is-back .block-mypage_exchange-main-address-content > div .ads-back {
  display: block;
}

.is-front .block-mypage_exchange-main-left-address-content > div .ads-back,
.is-back .block-mypage_exchange-main-left-address-content > div .ads-front,
.is-front .block-mypage_exchange-main-address-content > div .ads-back,
.is-back .block-mypage_exchange-main-address-content > div .ads-front {
  display: none;
}

/** mod **/

.block-mypage_exchange-main-left-address-vcard {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 37px;
  padding: 0 24px;
  border: 1px solid #DDDDDD;
  border-top: none;
  background-color: #F9F9FB;
}

.block-mypage_exchange-main-left-address-vcard-container {
  position: relative;
}

.block-mypage_exchange-main-left-address-vcard-button {
  position: relative;
  cursor: pointer;
}

.block-mypage_exchange-main-left-address-vcard button {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  color: #5CC0BD;
  font-size: 13px;
  font-weight: 300;
  cursor: pointer;
}

.block-mypage_exchange-main-left-address-vcard button:hover {
  text-decoration: underline;
}

.block-mypage_exchange-main-left-address-vcard button:disabled {
  color: #D6D6D6;
  pointer-events: none;

}

.block-mypage_exchange-main-left-address-vcard button:disabled:hover {
  text-decoration: none;
}

.block-mypage_exchange-main-left-address-vcard button::before {
  content: '';
  display: inline-block;
  position: relative;
  width: 16px;
  height: 17px;
  margin-right: 6px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNyI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM1Y2MwYmQiIGQ9Ik0wIDBoMTZ2MTdIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzVjYzBiZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEuNDE3Ij48cGF0aCBkPSJNLjkyNiAxMi4zOTh2My43MWgxNC4xNDl2LTMuNzFNOCAxMS42MjhWLS4wMDEiLz48cGF0aCBkPSJNMy4xMjEgNy41NjIgOCAxMi40MDNsNC44OC00Ljg0MSIvPjwvZz48L3N2Zz4=');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.block-mypage_exchange-main-left-address-vcard button:disabled::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNyI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNlMmUyZTIiIGQ9Ik0wIDBoMTZ2MTdIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Q2ZDZkNiIgc3Ryb2tlLXdpZHRoPSIxLjQxNyI+PHBhdGggZD0iTS45MjYgMTIuMzk4djMuNzFoMTQuMTQ5di0zLjcxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48cGF0aCBkPSJNOCAxMS42MjhWLS4wMDEiLz48cGF0aCBkPSJNMy4xMjEgNy41NjIgOCAxMi40MDNsNC44OC00Ljg0MSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PC9nPjwvc3ZnPg==');
}

.block-mypage_exchange-main-left-address-vcard-tooltip {
  display: none;
  position: absolute;
  bottom: -47px;
  left: 50%;
  padding: 6px 12px 7px;
  border-radius: 3px;
  background-color: #000000;
  color: #ffffff;
  font-size: 12px;
  white-space: nowrap;
  transform: translate(-50%, 0);
  z-index: 9;
}

.block-mypage_exchange-main-left-address-vcard-tooltip::before {
  content: '';
  display: block;
  position: absolute;
  top: -11px;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 13px 10px;
  border-color: transparent transparent #000000 transparent;
  transform: translate(-50%, 0);
}

.block-mypage_exchange-main-right::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 128px;
  width: calc(100% - 128px);
  height: 450px;
  background: rgb(70, 186, 217);
  background: -moz-linear-gradient(45deg, rgba(70, 186, 217, 1) 0%, rgba(70, 186, 217, 1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(70, 186, 217, 1) 0%, rgba(70, 186, 217, 1) 100%);
  background: linear-gradient(45deg, rgba(70, 186, 217, 1) 0%, rgba(70, 186, 217, 1) 100%);
}

.block-mypage_exchange-main-right > * {
  position: relative;
}

.block-mypage_exchange-main-right-logo {
  position: absolute;
  top: 13px;
  right: 17px;
  width: 125px;
}

.block-mypage_exchange-main-right-logo img {
  display: block;
  width: 100%;
}

.block-mypage_exchange-main-right-face {
  display: flex;
  justify-content: center;
  width: 510px;
  height: 203px;
  padding-top: 51px;
}

.block-mypage_exchange-main-right-face figure {
  display: block;
  position: relative;
  width: 130px;
  height: 130px;
  margin: 0;
  padding: 0;
  border-radius: 130px;
}

.block-mypage_exchange-main-right-face figure::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 130px;
  height: 130px;
  border: 2px solid #46BAD9;
  border-radius: 130px;
}

.block-mypage_exchange-main-right-face figure img {
  width: 130px;
  height: 130px;
  border-radius: 130px;
  object-fit: cover;
}

.block-mypage_exchange-main-right-exchabge_area {
  position: relative;
  width: 510px;
  opacity: 0;
  transition: opacity .7s ease-in-out;
  transition-delay: .3s;
}

.is-load .block-mypage_exchange-main-right-exchabge_area {
  opacity: 1;
}

.block-mypage_exchange-main-right-exchabge_area::before {
  content: '';
  display: block;
  position: absolute;
  top: -14px;
  left: 50%;
  width: 40px;
  height: 40px;
  background-color: #F6F6F6;
  transform: translateX(-50%) rotate(-45deg) skew(-16deg, -16deg);
  box-shadow: 8px 8px 5px 0 rgba(0, 0, 0, 0.16);
}

.block-mypage_exchange-main-right-exchabge_area::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F6F6F6;
  box-shadow: 8px 8px 5px 0 rgba(0, 0, 0, 0.16);
}

.block-mypage_exchange-main-right-exchabge_area-content {
  position: relative;
  padding: 24px;
  z-index: 5;
}

.exchabge_area-content-ttl {
  margin-top: -2px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

.exchabge_area-content-tab {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.exchabge_area-content-tab-item {
  position: relative;
}

.exchabge_area-content-tab-item + .exchabge_area-content-tab-item {
  margin-left: 26px;
}

.exchabge_area-content-tab-item-icon {
  width: 63px;
  height: 72px;
  border: none;
  background-color: transparent;
  background-position: center top;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: background .15s;
}

.exchabge_area-content-tab-item-icon.item-nameroom {
  background-image: url(../img/usr/mypage/exchabge_area_tab_1_off.png);
  background-size: 57px 57px;
}

.exchabge_area-content-tab-item-icon.item-nameroom:hover {
  background-image: url(../img/usr/mypage/exchabge_area_tab_1_on.png);
  background-size: 57px 57px;
}

.is-active .exchabge_area-content-tab-item-icon.item-nameroom {
  background-image: url(../img/usr/mypage/exchabge_area_tab_1_active.png);
  background-size: 63px 72px;
}

.exchabge_area-content-tab-item-icon.item-meishi {
  background-image: url(../img/usr/mypage/exchabge_area_tab_2_off.png);
  background-size: 57px 57px;
}

.exchabge_area-content-tab-item-icon.item-meishi:hover {
  background-image: url(../img/usr/mypage/exchabge_area_tab_2_on.png);
  background-size: 57px 57px;
}

.is-active .exchabge_area-content-tab-item-icon.item-meishi {
  background-image: url(../img/usr/mypage/exchabge_area_tab_2_active.png);
  background-size: 63px 72px;
}

.exchabge_area-content-tab-item-icon.item-vcard button {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  background-position: center top;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: background .15s;
}

.exchabge_area-content-tab-item-icon.item-vcard button {
  background-image: url(../img/usr/mypage/exchabge_area_tab_3_off.png);
  background-size: 57px 57px;
}

.exchabge_area-content-tab-item-icon.item-vcard button:hover {
  background-image: url(../img/usr/mypage/exchabge_area_tab_3_on.png);
  background-size: 57px 57px;
}

.exchabge_area-content-tab-item-icon.item-vcard button:disabled {
  background-image: url(../img/usr/mypage/exchabge_area_tab_3_out.png);
  background-size: 57px 57px;
  cursor: default;
  pointer-events: none;
}

.exchabge_area-content-tab-item-tooltip {
  display: none;
  position: absolute;
  top: -47px;
  left: 50%;
  padding: 7px 12px 6px;
  border-radius: 3px;
  background-color: #000000;
  color: #ffffff;
  font-size: 12px;
  white-space: nowrap;
  transform: translate(-50%, 0);
}

.exchabge_area-content-tab-item-tooltip::before {
  content: '';
  display: block;
  position: absolute;
  bottom: -11px;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 10px 0 10px;
  border-color: #000000 transparent transparent transparent;
  transform: translate(-50%, 0);
}

.exchabge_area-content-target {
  margin-top: 12px;
}

.exchabge_area-content-target-item {
  display: none;
}

.exchabge_area-content-target-item.is-active {
  display: block;
}

.exchabge_area-content-nameroom {
  padding: 30px 0 40px;
  border-radius: 15px;
  background-color: #ffffff;
}

.exchabge_area-content-nameroom .nameroom-comment {
  font-size: 16px;
  text-align: center;
  line-height: 1.5625;
}

.exchabge_area-content-nameroom .nameroom-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

/*.exchabge_area-content-nameroom .nameroom-btn a {*/
.exchabge_area-content-nameroom .nameroom-btn a,
.exchabge_area-content-nameroom .nameroom-btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 350px;
  height: 72px;
  border-radius: 72px;
  background: rgb(15, 134, 156);
  background: -moz-linear-gradient(45deg, rgba(15, 134, 156, 1) 0%, rgba(2, 113, 134, 1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(15, 134, 156, 1) 0%, rgba(2, 113, 134, 1) 100%);
  background: linear-gradient(45deg, rgba(15, 134, 156, 1) 0%, rgba(2, 113, 134, 1) 100%);
  color: #ffffff;
  font-size: 16px;
  transition: opacity .15s;

  /** add **/
  border-width: 0px;
  /** add **/
}

/*.exchabge_area-content-nameroom .nameroom-btn a::before {*/
.exchabge_area-content-nameroom .nameroom-btn a::before,
.exchabge_area-content-nameroom .nameroom-btn button::before {
  content: '';
  display: inline-block;
  position: relative;
  width: 20px;
  height: 18px;
  margin-right: 6px;
  background-image: url(../img/usr/mypage/meishi_btn.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/*.exchabge_area-content-nameroom .nameroom-btn a:hover {*/
.exchabge_area-content-nameroom .nameroom-btn a:hover,
.exchabge_area-content-nameroom .nameroom-btn button:hover {
  text-decoration: none;
  opacity: .6;
}

.exchabge_area-content-nameroom-help {
  position: relative;
  margin-top: 19px;
  padding-left: 26px;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.5;
}

.exchabge_area-content-nameroom-help::before {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNC43NSI+PHBhdGggZD0iTTcuNSAxNC4yNWMtMy44NiAwLTctMy4wODQtNy02Ljg3NUMuNSAzLjU4NSAzLjY0LjUgNy41LjVzNyAzLjA4NCA3IDYuODc1YzAgMy43OS0zLjE0IDYuODc1LTcgNi44NzVaIi8+PHBhdGggZD0iTTcuNSAxQzMuOTE2IDEgMSAzLjg2IDEgNy4zNzVzMi45MTYgNi4zNzUgNi41IDYuMzc1UzE0IDEwLjg5IDE0IDcuMzc1IDExLjA4NCAxIDcuNSAxbTAtMUMxMS42NDIgMCAxNSAzLjMwMiAxNSA3LjM3NXMtMy4zNTggNy4zNzUtNy41IDcuMzc1Yy00LjE0MiAwLTcuNS0zLjMwMi03LjUtNy4zNzVTMy4zNTggMCA3LjUgMFoiLz48cGF0aCBkPSJNNy41MTggOC4yMTR2MS4wMjhoLS43MzRWNy45MDZBNC42MjUgNC42MjUgMCAwIDAgOC4yMTcgNi44NmExLjQ4NCAxLjQ4NCAwIDAgMCAuMjktLjg2Ni45NTYuOTU2IDAgMCAwLS4zMzItLjc4IDEuNDEgMS40MSAwIDAgMC0uOTI1LS4yNzQgMy4yNDYgMy4yNDYgMCAwIDAtMS41NjQuNDZoLS4wNDl2LS44MzlhNC44NjYgNC44NjYgMCAwIDEgMS42NzQtLjMxNkEyLjI1MiAyLjI1MiAwIDAgMSA4LjggNC43YTEuNTE3IDEuNTE3IDAgMCAxIC41NTIgMS4yMjggMS45NiAxLjk2IDAgMCAxLS4zMjcgMS4wOTQgNC43IDQuNyAwIDAgMS0xLjUwNyAxLjE5MlpNNy42MTUgMTFoLS45di0uOTI3aC45WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.exchabge_area-content-meishi {
  padding: 18px 20px 24px;
  border-radius: 15px;
  background: rgb(69, 185, 217);
  background: -moz-linear-gradient(45deg, rgba(89, 191, 192, 1) 0%, rgba(69, 185, 217, 1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(89, 191, 192, 1) 0%, rgba(69, 185, 217, 1) 100%);
  background: linear-gradient(45deg, rgba(89, 191, 19269, 185, 217, 1) 0%, rgba(69, 185, 217, 1) 100%);
}

.exchabge_area-content-meishi .meishi-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #ffffff;
  font-size: 16px;
}

.exchabge_area-content-meishi .meishi-ttl::before {
  content: '';
  display: inline-block;
  position: relative;
  width: 18px;
  height: 20px;
  margin-right: 6px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIyMCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjNDViOWRhIiBkPSJNMC0uNjc5aDE4djIwSDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAuNjc5KSIgY2xpcC1wYXRoPSJ1cmwoI2EpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMS40MiAyLjI0OCAxLjI2IDE0LjM2MWEuNjI2LjYyNiAwIDAgMC0uMTIxLjI4NUwwIDE5LjE5M3YuMjQ0YTEuMTI5IDEuMTI5IDAgMCAwIC4yNDQuNDg3Ljk0Ni45NDYgMCAwIDAgLjU3MS4xNjNjLjA4MSAwIC4xMi0uMDQxLjItLjA4Mmw0LjI2Ny0xLjg2OWEuNjQ4LjY0OCAwIDAgMCAuMjg1LS4xNjJMMTUuNzI2IDUuODYxWk0xNC4yMjIuMjE3IDE3LjE1MSAyLjdhLjk3Ni45NzYgMCAwIDEgLjEyMyAxLjM4MmwtLjYxLjczMWExLjAxNSAxLjAxNSAwIDAgMS0xLjM4My4xMjJsLTIuOTMtMi41MjNhLjk2Ljk2IDAgMCAxLS4xMjEtMS4zNDFsLjYxLS43MzJhMS4wMTIgMS4wMTIgMCAwIDEgMS4zOC0uMTIyIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTE0LjM0NiA2LjUxNSA1LjkzMyAxNi41NTJsLTEuMjE4LTEuMDU3IDguNDEtOS45OTVaIiBmaWxsPSIjNGFiYmQ0Ii8+PHBhdGggZD0ibTEyLjIzMiA0Ljg0OS04LjM3MSAxMC0xLjI2LTEuMDU3IDguNDEzLTEwWk00LjggMTcuMDc5aC0uMDQ3di4wNDFhOS4yNjggOS4yNjggMCAwIDEtMS4zOC43MzIgMS4xNjggMS4xNjggMCAwIDAtLjMyNS4xNjJsLTEuNDIyLTEuMjE4Yy4wNC0uMTIyLjA0LS4yNDMuMDgxLS4zNjVhNi40OTIgNi40OTIgMCAwIDEgLjQ4Ny0xLjQ2M3YtLjA0bC4xMjMtLjEyMiAyLjU1OSAyLjE1M1oiIGZpbGw9IiM0OWJhZDQiLz48L2c+PC9zdmc+');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/*.exchabge_area-content-meishi form {*/
.exchabge_area-content-meishi form,
.exchabge_area-content-meishi .send-form {
  margin-top: 20px;
}

/*.exchabge_area-content-meishi form > div + div {*/
.exchabge_area-content-meishi form > div + div,
.exchabge_area-content-meishi .send-form > div + div {
  margin-top: 10px;
}

.exchabge_area-content-meishi .form-name {
  display: flex;
  justify-content: space-between;
}

.exchabge_area-content-meishi input[type='text'],
.exchabge_area-content-meishi input[type='email'],
.exchabge_area-content-meishi input[type='tel'] {
  display: block;
  height: 43px;
  padding: 0 14px;
  border: none;
  border-radius: 2px;
  background-color: #ffffff;
  font-size: 15px;
  font-weight: 300;
}

.exchabge_area-content-meishi input::placeholder {
  color: #C4C4C4;
}

.exchabge_area-content-meishi .form-name input {
  width: 200px;
}

.exchabge_area-content-meishi .form-other input {
  width: 100%;
}

.exchabge_area-content-meishi .form-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  /** mod **/
  /*margin-top: 25px;*/
  margin-top: 25px !important;
  /** mod **/
}

.exchabge_area-content-meishi .form-submit button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 266px;
  height: 56px;
  border: none;
  border-radius: 4px;
  background: rgb(15, 134, 156);
  background: -moz-linear-gradient(45deg, rgba(15, 134, 156, 1) 0%, rgba(2, 113, 134, 1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(15, 134, 156, 1) 0%, rgba(2, 113, 134, 1) 100%);
  background: linear-gradient(45deg, rgba(15, 134, 156, 1) 0%, rgba(2, 113, 134, 1) 100%);
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  cursor: pointer;
  transition: opacity .15s;
}

.exchabge_area-content-meishi .form-submit button:hover {
  opacity: .6;
}

.exchabge_area-content-meishi .meishi-annotation {
  margin-top: 20px;
  padding: 0 12px;
  color: #ffffff;
  font-size: 10px;
  line-height: 1.7;
}

.block-mypage_exchange-main-right-profile {
  width: 510px;
  margin-top: 30px;
}

.block-mypage_exchange-main-right-profile-content {
  margin-top: 30px;
  padding: 30px 22px 40px;
  border: 1px solid #DDDDDD;
  background-color: #ffffff;
  font-size: 14px;
  line-height: 2;
  box-shadow: 8px 8px 5px 0 rgba(0, 0, 0, 0.16);
  word-break: break-all;
}

.block-mypage_exchange-main-right-profile .mypage_exchange-h2 .txt-en {
  color: rgba(255, 255, 255, 0.4)
}

.block-mypage_exchange-private_mode {
  position: relative;
  margin-top: 64px;
  padding-top: 34px;
}

.block-mypage_exchange-private_mode::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 9px;
  background: rgb(89, 191, 193);
  background: -moz-linear-gradient(left, rgba(89, 191, 193, 1) 0%, rgba(70, 186, 217, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(89, 191, 193, 1) 0%, rgba(70, 186, 217, 1) 100%);
  background: linear-gradient(to right, rgba(89, 191, 193, 1) 0%, rgba(70, 186, 217, 1) 100%);
}

.block-mypage_exchange-private_mode-help {
  position: relative;
  margin-top: 19px;
  padding-left: 26px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.571;
}

.block-mypage_exchange-private_mode-help::before {
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNC43NSI+PHBhdGggZD0iTTcuNSAxNC4yNWMtMy44NiAwLTctMy4wODQtNy02Ljg3NUMuNSAzLjU4NSAzLjY0LjUgNy41LjVzNyAzLjA4NCA3IDYuODc1YzAgMy43OS0zLjE0IDYuODc1LTcgNi44NzVaIi8+PHBhdGggZD0iTTcuNSAxQzMuOTE2IDEgMSAzLjg2IDEgNy4zNzVzMi45MTYgNi4zNzUgNi41IDYuMzc1UzE0IDEwLjg5IDE0IDcuMzc1IDExLjA4NCAxIDcuNSAxbTAtMUMxMS42NDIgMCAxNSAzLjMwMiAxNSA3LjM3NXMtMy4zNTggNy4zNzUtNy41IDcuMzc1Yy00LjE0MiAwLTcuNS0zLjMwMi03LjUtNy4zNzVTMy4zNTggMCA3LjUgMFoiLz48cGF0aCBkPSJNNy41MTggOC4yMTR2MS4wMjhoLS43MzRWNy45MDZBNC42MjUgNC42MjUgMCAwIDAgOC4yMTcgNi44NmExLjQ4NCAxLjQ4NCAwIDAgMCAuMjktLjg2Ni45NTYuOTU2IDAgMCAwLS4zMzItLjc4IDEuNDEgMS40MSAwIDAgMC0uOTI1LS4yNzQgMy4yNDYgMy4yNDYgMCAwIDAtMS41NjQuNDZoLS4wNDl2LS44MzlhNC44NjYgNC44NjYgMCAwIDEgMS42NzQtLjMxNkEyLjI1MiAyLjI1MiAwIDAgMSA4LjggNC43YTEuNTE3IDEuNTE3IDAgMCAxIC41NTIgMS4yMjggMS45NiAxLjk2IDAgMCAxLS4zMjcgMS4wOTQgNC43IDQuNyAwIDAgMS0xLjUwNyAxLjE5MlpNNy42MTUgMTFoLS45di0uOTI3aC45WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.block-mypage_exchange-container {
  width: 1100px;
  margin: 0 auto;
  padding: 0 11px;
}

.block-mypage_exchange-private_mode-help + .block-mypage_exchange-private_mode-btns {
  margin-top: 40px;
}

.block-mypage_exchange-private_mode-btns ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.block-mypage_exchange-private_mode-btns li {
  display: flex;
  align-items: center;
}

.block-mypage_exchange-private_mode-btns li + li {
  position: relative;
  margin-left: 127px;
}

.block-mypage_exchange-private_mode-btns li + li::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: -63px;
  width: 1px;
  height: 76px;
  margin-top: -38px;
  background-color: rgba(112, 112, 112, 0.3);
}

/*.block-mypage_exchange-private_mode-btns a*/
.block-mypage_exchange-private_mode-btns a,
.block-mypage_exchange-private_mode-btns .nameroom button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 437px;
  height: 82px;
  color: #000000;
  text-decoration: none;
  transition: background-color .15s;
  /** add **/
  background-color: #ffffff;
  border: none;
  /** add **/
}

/*.block-mypage_exchange-private_mode-btns a:hover {*/
.block-mypage_exchange-private_mode-btns a:hover,
.block-mypage_exchange-private_mode-btns .nameroom button:hover {
  background-color: #E4E4E4;
}

/** add **/
.tiktok-embed {
  height: 860px;
  margin-bottom: 200px;
}

/** add **/

/*.block-mypage_exchange-private_mode-btns .private_mode-btn {*/
.block-mypage_exchange-private_mode-btns .private_mode-btn,
.block-mypage_exchange-private_mode-btns .private_mode-btn2 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 40px;
  font-size: 20px;
  font-weight: 700;
}

/*.block-mypage_exchange-private_mode-btns .private_mode-btn::before {*/
.block-mypage_exchange-private_mode-btns .private_mode-btn::before,
.block-mypage_exchange-private_mode-btns .private_mode-btn2::before {
  content: '';
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  margin-right: 17px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.block-mypage_exchange-private_mode-btns .nameroom .private_mode-btn::before {
  background-image: url(../img/usr/mypage/private_mode_btn_nameroom.png);
}

.block-mypage_exchange-private_mode-btns .meishi .private_mode-btn::before {
  background-image: url(../img/usr/mypage/private_mode_btn_meishi.png);
}

.block-mypage_exchange-private_mode-btns .edit-tooltip_2-content {
  bottom: 32px;
}

.edit-tooltip_2 {
  position: relative;
}

.edit-tooltip_2-switch {
  width: 15px;
  height: 15px;
  margin-left: 12px;
  border-radius: 15px;
  background-color: #000000;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzLjcxMyIgaGVpZ2h0PSI2Ljc1OSI+PHBhdGggZD0iTTEuODgxIDMuOTczdjEuMDI4aC0uNzM0VjMuNjY1QTQuNjI1IDQuNjI1IDAgMCAwIDIuNTggMi42MTlhMS40ODQgMS40ODQgMCAwIDAgLjI5LS44NjYuOTU2Ljk1NiAwIDAgMC0uMzMyLS43OCAxLjQxIDEuNDEgMCAwIDAtLjkyNS0uMjc0IDMuMjQ2IDMuMjQ2IDAgMCAwLTEuNTY0LjQ2SDBWLjMyQTQuODY2IDQuODY2IDAgMCAxIDEuNjc0LjAwNGEyLjI1MiAyLjI1MiAwIDAgMSAxLjQ4OS40NTUgMS41MTcgMS41MTcgMCAwIDEgLjU1MiAxLjIyOCAxLjk2IDEuOTYgMCAwIDEtLjMyNyAxLjA5NCA0LjcgNC43IDAgMCAxLTEuNTA3IDEuMTkyWm0uMDk3IDIuNzg2aC0uOXYtLjkyN2guOVoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 4px 7px;
  color: transparent;
  font-size: 0;
  cursor: pointer;
  overflow: hidden;
  transition: opacity .12s;
}

.edit-tooltip_2-switch:hover {
  background-color: #8B8B8B;
}

.edit-tooltip_2-content {
  display: none;
  position: absolute;
  /*bottom: 32px;*/
  left: -260px;
  width: 306px;
  /* add */
  /*height: 280px;**/
  padding: 13px;
  border: 1px solid #707070;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  z-index: 9;
}

.edit-tooltip_2-content .close {
  position: absolute;
  top: 9px;
  right: 8px;
  width: 7px;
  height: 7px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjM2MyIgaGVpZ2h0PSI3LjM1MSI+PHBhdGggZD0ibTYuNzAzIDAgLjY2LjY2LTMuMDIxIDMuMDA5TDcuMzYzIDYuNjlsLS42Ni42Ni0zLjAyMi0zLjAyMUwuNjU2IDcuMzUxbC0uNjYtLjY2IDMuMDI1LTMuMDIyTDAgLjY2LjY2IDBsMy4wMjEgMy4wMDlaIi8+PC9zdmc+');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

.edit-tooltip_2-content .ttl {
  font-size: 13px;
  /*add*/
  /*font-weight: 700;*/
}

.edit-tooltip_2-content .content {
  margin-top: 16px;
}

.edit-tooltip_2-content .content dl + dl {
  margin-top: 16px;
}

.edit-tooltip_2-content .content dt {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
}

.edit-tooltip_2-content .content dd {
  font-size: 12px;
  line-height: 1.545;
}

.block-mypage_exchange-profile + .block-mypage_exchange-career {
  margin-top: 100px;
}

.block-mypage_exchange-career + .block-mypage_exchange-freearea {
  margin-top: 60px;
}

.block-mypage_exchange-profile:first-child {
  margin-top: 60px;
}

.block-mypage_exchange-career:first-child {
  margin-top: 50px;
}

.block-mypage_exchange-profile-content {
  margin-top: 38px;
  padding: 35px 40px 40px;
  border: 1px solid #DEDEDE;
  border-radius: 3px;
  font-size: 14px;
  line-height: 2;
  word-break: break-all;
}

.block-mypage_exchange-career {
  padding: 60px 0 65px;
  background-color: #F6F6F6;
}

.block-mypage_exchange-career-content {
  margin-top: 38px;
}

.block-mypage_exchange-career-content li {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 29px;
  border: 1px solid #DEDEDE;
  background-color: #ffffff;
  font-size: 14px;
  line-height: 2;
}

.block-mypage_exchange-career-content li + li {
  margin-top: 20px;
}

.block-mypage_exchange-career-content .list-year {
  width: 230px;
  font-weight: 700;
  padding-right: 30px;
  word-break: break-all;
}

.block-mypage_exchange-career-content .list-comment {
  width: calc(100% - 230px);
  word-break: break-all;
}

.block-mypage_exchange-career-content .list-comment a {
  color: #5CC0BD;
}

.block-mypage_exchange-freearea-content {
  margin-top: 63px;
}

.block-mypage_exchange-freearea-item {
  display: flex;
}

.block-mypage_exchange-freearea-item + .block-mypage_exchange-freearea-item {
  margin-top: 50px;
}

.block-mypage_exchange-freearea-item .list-left {
  position: relative;
  width: 230px;
  padding-top: 30px;
}

.block-mypage_exchange-freearea-item .list-left::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 1px;
  background-color: #46BAD9;
}

.block-mypage_exchange-freearea-item .list-left h3 {
  position: relative;
  width: 200px;
  margin: -6px 0 0;
  padding: 0 0 0 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.556;
  word-break: break-all;
}

.block-mypage_exchange-freearea-item .list-right {
  width: calc(100% - 230px);
  /* padding: 30px 0 30px 30px; */
  padding: 30px 0 30px 15px;
  border-left: 1px solid #E8E8E8;
}

.block-mypage_exchange-freearea-item .freearea-comment {
  margin-top: -7px;
  font-size: 14px;
  line-height: 2;
  word-break: break-all;
}

/** add **/
.block-mypage_exchange-freearea-item .freearea-comment a {
  color: #5CC0BD;
}

/** add **/

.block-mypage_exchange-freearea-item .freearea-comment:not(:first-child) {
  margin-top: 23px;
}

.block-mypage_exchange-freearea-item .freearea-img:not(:first-child),
.block-mypage_exchange-freearea-item .freearea-video:not(:first-child),
.block-mypage_exchange-freearea-item .freearea-link:not(:first-child) {
  margin-top: 30px;
}

.block-mypage_exchange-freearea-item .freearea-img figure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 832px;
  height: 832px;
  margin: 0;
  padding: 0;
}

.block-mypage_exchange-freearea-item .freearea-img img {
  display: block;
  flex-shrink: 0;
  max-height: 100%;
}

.block-mypage_exchange-freearea-item .freearea-video-inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.block-mypage_exchange-freearea-item .freearea-video-inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/** add **/
.block-mypage_exchange-freearea-item .freearea-video-inner2 {
  position: relative;
  width: 100%;
  padding-top: 100%;
  margin-bottom: 80px;
}

.block-mypage_exchange-freearea-item .freearea-video-inner2 blockquote {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  /*height: 100%;*/
  height: 860px;
}

/** add **/

.block-mypage_exchange-freearea-item .freearea-link {
  position: relative;
  margin-top: -7px;
  padding-left: 45px;
  font-size: 14px;
  line-height: 2;
}

.block-mypage_exchange-freearea-item .freearea-link::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 1px;
  background-color: #5CC0BD;
}

.block-mypage_exchange-freearea-item .freearea-link a {
  color: #5CC0BD;
}

.block-mypage_exchange-sns {
  margin: 87px 0 120px;
}

.block-mypage_exchange-sns-items {
  display: flex;
  align-items: center;
  justify-content: center;
}

.block-mypage_exchange-sns-items li + li {
  margin-left: 38px;
}

.block-mypage_exchange-sns-items a {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  color: transparent;
  font-size: 0;
  overflow: hidden;
  transition: opacity .15s;
}

.block-mypage_exchange-sns-items a:hover {
  opacity: .5;
}

.block-mypage_exchange-sns-items a.icon-fb {
  width: 15px;
  height: 28px;
  background-image: url(../img/usr/mypage/sns_fb.png);
}

.block-mypage_exchange-sns-items a.icon-tw {
  width: 29px;
  height: 24px;
  background-image: url(../img/usr/mypage/sns_tw.png);
}

.block-mypage_exchange-sns-items a.icon-ig {
  width: 30px;
  height: 30px;
  background-image: url(../img/usr/mypage/sns_ig.png);
}

.footer-mypage_exchange {
  margin-top: 26px;
  border-top: 1px solid rgba(112, 112, 112, 0.3);
  background-color: #F9F9FB;
}

.footer-mypage_exchange .block-mypage_exchange-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  color: #808080;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: .09em;
}

/** add **/
.form-annotation a {
  color: #42B8DD;
}

.block-mypagesearch-content-header .item-selectbox {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.block-mypagesearch-content-header .item-delete + .item-selectbox {
  margin-left: 20px;
}

.block-mypagesearch-content .selectbox-container {
  position: relative;
}

.block-mypagesearch-content .selectbox-display {
  display: flex;
  align-items: center;
  position: relative;
  width: 160px;
  height: 32px;
  padding: 0 8px;
  border: 1px solid #000000;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS44MDIiIGhlaWdodD0iNy4zNDYiPjxwYXRoIGQ9Im0uNzA3LjcwNyA1LjIyIDUuMjIgNS4xNjQtNS4yMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=');
  background-position: center right 8px;
  background-repeat: no-repeat;
  background-size: 12px 7px;
  font-size: 13px;
  cursor: pointer;
  transition: border-color .15s, box-shadow .15s;
}

.block-mypagesearch-content .selectbox-display.is-open {
  border-color: #008AE8;
  box-shadow: 0 2px 10px 0 rgba(0, 138, 232, 0.56);
}

.block-mypagesearch-content .selectbox-list {
  display: none;
  position: absolute;
  width: 160px;
  padding: 8px 0;
  border-radius: 4px;
  background-color: #ffffff;
  font-size: 13px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24);
  z-index: 9;
}

.block-mypagesearch-contentt .selectbox-list li {
  display: flex;
  align-items: center;
  width: 100%;
  height: 24px;
  padding: 0 9px;
  cursor: pointer;
  transition: background-color .15s, color .15s;
}

.block-mypagesearch-content .selectbox-list li:hover {
  background-color: #008AE8;
  color: #ffffff;
}

.block-mypagesearch-content select {
  display: none;
}

/** add **/

/*社員選択*/

.mybook-box__header {
  position: relative;
  width: 1100px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

.mybook-box__header-ttl {
  color: #4C4C4D;
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.05em;
  margin: 0;
}

.mybook-box__comment-top {
  width: 1100px;
  margin: 0 auto 16px;
  font-weight: 400;
}

.mybook-box__comment-top .cl-green {
  color: #5CC0BD;
  font-size: 14px;
}

.sp-only {
  display: none;
}

.mybook_.col1_ {
  padding: 0;
}

.block-mypage-search--search .mybooksearch_ {
  width: 100%;
  font-size: 15px;
}

.block-mypage-search--search .mybooksearch_ tr:not(:last-child) th,
.block-mypage-search--search .mybooksearch_ tr:not(:last-child) td {
  padding-bottom: 15px;
}

.block-mypage-search--search .mybooksearch_ th {
  padding-right: 20px;
}

.block-mypage-search--search .mybooksearch_ th:not(:first-child) {
  padding-left: 60px;
}

.block-mypage-search--search .mybooksearch_ td {
  width: 377px;
}

.block-mypage-search--search .mybooksearch_ td input {
  width: 377px;
  height: 43px;
  padding: 0 10px;
  border: 1px solid #707070;
  border-radius: 2px;
}

.block-employee-list {
  margin-top: 16px;
}

.block-employee-list *,
.block-employee-list *::before,
.block-employee-list *::after {
  box-sizing: border-box;
}

.block-employee-list .mybook_ {
  width: 100%;
  border: 1px solid #D4D4D4;
  border-bottom: none;
  font-size: 15px;
  line-height: 1.333;
}

.block-employee-list .mybook_ th,
.block-employee-list .mybook_ td {
  border-bottom: 1px solid #D4D4D4;
  font-weight: 500;
}

.block-employee-list .mybook_ th {
  height: 35px;
  padding: 0 12px;
  background-color: #F9F9F9;
}

.block-employee-list .mybook_ td {
  padding: 8px 12px;
  word-break: break-all;
}

.block-employee-list .mybook_ th:nth-child(1),
.block-employee-list .mybook_ td:nth-child(1) {
  width: 96px;
}

.block-employee-list .mybook_ th:nth-child(2),
.block-employee-list .mybook_ td:nth-child(2) {
  width: 85px;
  padding-right: 5px;
}

.block-employee-list .mybook_ th:nth-child(3),
.block-employee-list .mybook_ td:nth-child(3) {
  width: 230px;
  padding-right: 5px;
}

.block-employee-list .mybook_ th:nth-child(4),
.block-employee-list .mybook_ td:nth-child(4),
.block-employee-list .mybook_ th:nth-child(5),
.block-employee-list .mybook_ td:nth-child(5),
.block-employee-list .mybook_ th:nth-child(6),
.block-employee-list .mybook_ td:nth-child(6) {
  width: 194px;
  padding-right: 5px;
}

.block-employee-list .mybook_ th:nth-child(7),
.block-employee-list .mybook_ td:nth-child(7) {
  width: 104px;
  padding-right: 5px;
}

.block-employee-list .mybook_ td:nth-child(1) input[type="submit"] {
  width: 65px;
  height: 32px;
  border: none;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
}

.block-employee-backbtn .submit_ {
  margin-top: 40px;
}

.block-employee-list .select_btn {
  position: relative;
  width: 65px;
  height: 32px;
  border: none;
  border-radius: 4px;
  background: rgb(89, 191, 191);
  background: -moz-linear-gradient(45deg, rgba(89, 191, 191, 1) 0%, rgba(68, 184, 217, 1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(89, 191, 191, 1) 0%, rgba(68, 184, 217, 1) 100%);
  background: linear-gradient(45deg, rgba(89, 191, 191, 1) 0%, rgba(68, 184, 217, 1) 100%);
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}

.block-employee-list .select_btn::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: rgb(57, 152, 152);
  background: -moz-linear-gradient(45deg, rgba(57, 152, 152, 1) 0%, rgba(0, 148, 190, 1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(57, 152, 152, 1) 0%, rgba(0, 148, 190, 1) 100%);
  background: linear-gradient(45deg, rgba(57, 152, 152, 1) 0%, rgba(0, 148, 190, 1) 100%);
  opacity: 0;
  transition: opacity .15s;
}

.block-employee-list .select_btn:hover::before {
  opacity: 1;
}

.block-employee-list .select_btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: 300;
}

.block-nameroom-mypage-left-logo img{
    display: block;
    max-width: 200px;
    max-height: 200px;
    margin: 0 auto;
    object-fit: contain;
}