/* パンくず*/
.pakuz{
  color: var(--blue);
  font-size: 0.8rem;
  line-height: 36px;
  padding-top: 5px;
  text-align: center;
}
.pakuz a{
  color: var(--blue);
  text-decoration: none;
}
.pakuz a:hover{
  text-decoration: underline;
}

/* 旧モーダル */
.dialog-box-top {
    background-color: var(--blue);
    height: 45px;
    color: white;
    line-height: 40px;
    border: 2px solid var(--blue);
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    }
@media (min-width: 768px) {
  .dialog-box-top {
    line-height: 50px;
    height: 55px;
    width: min(70vw, 700px);
	}
}
.dialog-box-bottom {
  border: 2px solid var(--blue);
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  padding: 10px;
}
@media (min-width: 768px) {
.dialog-box-bottom {
  border: 2px solid var(--blue);
  text-align: center;
  padding: 20px;
  width: min(70vw, 700px);
	}
}

.dialog-box-bottom-title {
  color: var(--blue);
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
@media (min-width: 980px) {
  .dialog-box-bottom-title {
    font-size: 20px;
    line-height: 30px;  
  }
}

.dialog-box-bottom-text {
  font-size: 13px;
  line-height: 18px;
}
@media (min-width: 980px) {
  .dialog-box-bottom-text {
    font-size: 16px;
    line-height: 24px;  
  }
}


/* ボタン */
.link-button {
  flex-shrink: 0;
  padding: 0 16px;
  border: none;
  border-radius: 20px;
  background-color: var(--yellow);
  color: var(--grey-dark);
  font-weight: 700;
  font-size: 15px;
  height: 40px;
  white-space: nowrap;
  width: 300px;
}

a.link-button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  color: white;
  text-decoration-line: none;
}

.link-button:hover {
opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.back-button {
  flex-shrink: 0;
  padding: 0 16px;
  border: none;
  border-radius: 20px;
  background-color: var(--grey);
  color: var(--grey-dark);
  font-weight: 700;
  font-size: 15px;
  height: 40px;
  white-space: nowrap;
  width: 300px;
}

a.back-button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  color: var(--grey-dark);
  text-decoration-line: none;
}

.back-button:hover {
opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/* コピーダイアログ */
.success-msg {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translateX(-50%)
             translateY(-50%);
  width: 240px;
  height: 40px;
  line-height: 40px;
  background-color: #978c00;
  color: #fff;
  margin: auto;
  text-align: center;
  border-radius: 10px;
}

button {
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}