@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: 10px auto;
  max-width:800px;
}

.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: 768px) {
  .pconly {
    display: none;
  }
}

@media (min-width: 769px) {
  .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 p{
  font-size: 100%;
  text-align: left;
}

/* 2 画像(大)*/
.ptn2 img {
	width:100%;
}

/* 3 画像(中 2列)*/
.ptn3 > div{
	display:flex;
	flex-wrap:wrap;
	font-size:0;
}
.ptn3 a{
	display:inline-block;
	width:calc(50% - 5px);
}
.ptn3 a:first-child{
	margin-right:5px;
}
.ptn3 a:last-child{
	margin-left:5px;
}

/* 4 画像(小 4列)*/
.ptn4 > div{
	display:flex;
	flex-wrap:wrap;
	font-size:0;
}
.ptn4 a{
	display:inline-block;
	width:calc(25% - 7.5px);
}
.ptn4 a{
	margin-right:10px;
}
.ptn4 a:last-child{
	margin-right: 0;
}
@media(max-width:560px) {
	.ptn4 a{
		display:inline-block;
		width:calc(50% - 5px);
	}
	.ptn4 a:nth-child(odd){
		margin-right:10px;
	}
	.ptn4 a:nth-child(even){
		margin-right:0;
	}
	.ptn4 a:nth-child(-n+2){
		margin-bottom:10px;
	}
}

@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;
  }
}