@charset "UTF-8";
/* 
PC表示用スタイル
*/
body {
  padding: 1rem 1rem 0 1rem;
  max-width: 1000px;
  margin: 0 auto;
}
.pink,
.pink > a {
  color: #c2007b;
}
a {
  color: #009fe6;
}
/* ヘッダー */
header {
  background-color: #e7b53e;
  border-radius: 15px;
  padding: 1rem;
}
h1 {
  color: #fff;
  text-align: center;
  line-height: 3rem;
  margin-bottom: 1rem;
}
.title {
  background-color: #fff;
  color: #c2007b;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  max-width: 352px;
  margin: 0 auto;
}

/* 開催概要 */
#h_info {
  position: relative;
}
#h_info .date {
  border: 2.5px dashed #cc5520;
  padding: 1rem;
}
#h_info .date .table .tr {
  width: 100%;
  margin-bottom: 1rem;
}
#h_info .date .table .td:first-of-type {
  font-weight: bold;
  width: 7rem;
}
#h_info .date .table .td:last-of-type {
  width: 520px;
}
#h_info .img {
  position: absolute;
  max-width: 415px;
  right: 1rem;
  bottom: 1rem;
}

/* お申し込みフォームリンク */
#form_btn h2 {
  background-color: #dd960f;
  padding: 0.5rem;
  color: #fff;
  text-align: center;
}
#form_btn p {
  text-align: center;
}
#form_btn .item {
  text-align: center;
}
#form_btn .btn {
  width: 320px;
  text-align: center;
  line-height: 3rem;
  border-radius: 15px;
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  margin: 0 1rem;
  background-color: #cccccc; /* 色をグレーに */
  cursor: default; /* カーソルを標準に */
  pointer-events: none; /* クリックイベントを無効化 */
}
#form_btn .btn.kai {
  /* background-color: #d06da2; */
}
#form_btn .btn.hikai {
  /* background-color: #65b7ec; */
}

/* 申込みについて */
#info > .table > .tr {
  border: solid 1px #cc5520;
  margin-top: -1px;
}
#info > .table > .tr > .td:nth-of-type(1) {
  border-right: solid 1px #cc5520;
  width: 140px;
}
#info > .table > .tr > .td:nth-of-type(2) {
  max-width: 826px;
}
.td.qr {
  width: 305px;
}
#info > .table > .tr > .td {
  padding: 1rem;
}
#info .qr .img {
  max-width: 80px;
  margin: 0 auto;
}
#info ul {
  margin-left: 1.2rem;
}
#info li {
  list-style: disc;
}

/* お問い合わせリンク */
#cont_link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  margin: 0 auto;
}
#cont_link p {
  font-weight: bold;
}
#cont_link .img {
  width: 48px;
  height: auto;
  margin-left: 8px;
}

/* TOPに戻る */
#to_top {
  width: 48px;
  height: auto;
  position: fixed;
  bottom: 35px;
  right: calc((50% - 24px) - 460px);
}

/* フッター */
footer {
  background-color: #dd960f;
  text-align: center;
  padding: 3px;
}
footer small {
  color: #fff;
}