@charset "utf-8";

/* 共通 */
:root {
  --basecolor: #000000;
  /*基本色*/
  --subcolor: #000000;
  /*サブカラー*/
  --highlight: #ffee00;
  /*ハイライト*/
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

.event_main {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.dnrk {
  margin: 0 auto;
  /* width:95%; */
}

.dnrk a {
  color: #146fe7;
  text-decoration: underline;
}

.dnrk img {
  max-width: 100%;
}

.dnrk mark {
  background: linear-gradient(transparent 65%, var(--highlight) 0%);
  font-weight: bold;
}

.dnrk b {
  font-weight: bold;
}

.dnrk u {
  text-decoration: underline solid #000000;
}

.dnrk p {
  margin: 0;
}


/* 画像のPCとSP */
@media (max-width: 960px) {
  .pconly {
    display: none;
  }
}

@media (min-width: 961px) {
  .sponly {
    display: none;
  }
}

.contents_wrap {
  margin: 0 auto;
}

.danraku_box {
  margin: 0;
}

/* タイトル */

.page_ttl {
  position: relative;
  margin: 0px auto 5px;
  padding: 20px;
  text-align: center;
  font-size: 250%;
  font-weight: normal;
}

.page_ttl::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 15px;
  background: radial-gradient(circle farthest-side, var(--basecolor), var(--basecolor) 30%, transparent 30%, transparent);
  background-size: 15px;
  bottom: 0;
  left: 0;
}

.page_ttl::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 15px;
  background: radial-gradient(circle farthest-side, var(--basecolor), var(--basecolor) 30%, transparent 30%, transparent);
  background-size: 15px;
  top: 0;
  left: 0;
}


/* 1 大タイトル */
.ptn1 h2 {
  font-size: 150%;
  color: var(--basecolor);
  /* border-bottom: 4px solid var(--basecolor); */
  /* margin: 30px auto 5px; */
  text-align: center;
}

/* 2 中タイトル */
.ptn2 h3 {
  font-size: 100%;
  /* margin: 10px auto 5px; */
  position: relative;
  /* padding: 0 0 0 1.2em; */
  color: var(--basecolor);
  /* border-bottom: 2px solid; */
  text-align: center;
}

/* .ptn2 h3::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: var(--basecolor);
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
} */

/* 4,6 画像に幅制限  いらない？*/
.ptn6>div,
.ptn4>div {
  margin: 0 auto;
  text-align: center;
}

/* 7 画像中央 */
.ptn7 p {
  text-align: center;
}

.ptn7 img {
  width: 100%;
}


@media(max-width:560px) {

  /*ページ*/
  .page_ttl {
    font-size: 160%;
    line-height: 1.3;
  }

  .ptn1 h2 {
    font-size: 130%
  }

  .ptn2 h3 {
    font-size: 120%;
    padding: 0 0 0 1.5em;
  }
}