@charset "utf-8";
/* nagp_entry */

* {
	font-family: "Noto Sans", sans-serif;
}

/* wrap */
.nagp_entry {
	background-size: auto auto;
	background-color: #FFD900;
	background-image: repeating-linear-gradient(135deg, transparent, transparent 7px, rgba(255, 201, 0, 1) 7px, rgba(255, 201, 0, 1) 9px);
	background-repeat: repeat;
	background-size: cover;
	font-size: clamp(10px,14/750*100vw,14px);
}

.nagp_entry .contents {
	width: 90%;
	max-width: 1220px;
	margin: auto;
	padding-bottom: min(60/750*100vw,60px);
}

.nagp_entry .contents > section {
	text-align: center;
}

 /* common */
.nagp_entry .spview {
	display: none;
}

@media screen and (max-width: 780px) {
	.nagp_entry .spview {
		display: inherit;
	}
}

.nagp_entry img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.nagp_entry span.bold {
	font-weight: 600;
}

.nagp_entry span.notes {
	font-size: 1rem;
}

.nagp_entry h2 {
	display: inline-block;
	margin: 0 auto min(40/750*100vw,40px);
	padding: 0 min(10/750*100vw,10px);
	border-bottom: 2px solid #00ADA9;
	color: #00ADA9;
	text-align: center;
	font-size: clamp(10px,32/750*100vw,32px);
	font-style: normal;
	font-weight: 800;
	letter-spacing: .1em;
}

.nagp_entry h2 span {
	display: block;
	font-size: clamp(10px,20/750*100vw,20px);
	color: #00ADA9;
	font-weight: 400;
}

.nagp_entry h3 {
	width: fit-content;
	margin-bottom: min(10/750*100vw,10px);
	padding: min(2/750*100vw,2px) min(10/750*100vw,10px);
	font-size: clamp(10px,20/750*100vw,20px);
	font-weight: 600;
	letter-spacing: .1em;
	color: #fff;
}

.nagp_entry .fv {
	width: 100%;
	text-align: center;
	margin: 0 auto min(60/750*100vw,60px);
}

.nagp_entry .inner {
	margin-bottom: min(100/750*100vw,100px);
	padding: 5%;
	background: #fff;
	text-align: left;
}

/* fv */
.nagp_entry .fv_txt {
	color: #1096D8;
	padding-top: min(40/750*100vw,40px);
	font-size: clamp(10px,36/750*100vw,36px);
	font-weight: 800;
	letter-spacing: .1em;
}

.nagp_entry .entry_start,
.nagp_entry .entry_start span {
	font-size: clamp(10px,40/750*100vw,40px);
	font-weight: 600;
	color: #fff;
	-webkit-text-stroke: 2px #00ADA9;
	padding: min(10/750*100vw,10px) min(20/750*100vw,20px);
	margin-top: min(30/750*100vw,30px);
}

.nagp_entry p.ending {
	text-align: center;
	margin: 0 auto 30px;
	background: #fff;
	border: 5px solid #0092E5;
	width: 90%;
	padding: 30px 0;
}

/* selection */
.nagp_entry p::selection {
	background: #0092e5;
	color: #fff;
}


.nagp_entry h2::selection {
	background: #0092e5;
	color: #fff;
}

.nagp_entry span::selection {
	background: #0092e5;
	color: #fff;
}

.nagp_entry dt::selection {
	background: #ffe41c;
	color: #fff;
}

.nagp_entry dd::selection {
	background: #0092e5;
	color: #fff;
}

.nagp_entry th::selection {
	background: #ffe41c;
	color: #fff;
}

.nagp_entry td::selection {
	background: #ffe41c;
	color: #fff;
}

.nagp_entry li::selection {
	background: #0092e5;
	color: #fff;
}

/* detail */
.nagp_entry .inner > [class*="detail_"] {
	padding-bottom: min(60/750*100vw,60px);
}

.nagp_entry .detail .titlimg {
	width: min(488/750*100vw,488px);
	margin-bottom: min(30/750*100vw,30px);
}

.nagp_entry .detail_manga p.notes {
	padding-bottom: min(30/750*100vw,30px);
	line-height: 1.6;
}

.nagp_entry .detail_manga h3 {
	background: #3f3480;
}

.nagp_entry .detail_illust h3 {
	background: #ED6C00;
}

.nagp_entry .detail_character h3 {
	background: #E5004F;
}

.nagp_entry .detail_coloring h3{
	background: #EB6D8E;
}

.nagp_entry .detail_photo h3 {
	background: #00A161;
}

.nagp_entry .detail_txt {
	margin-bottom: min(10/750*100vw,10px);
}

.nagp_entry .detail_txt span {
	font-size: clamp(10px,20/750*100vw,20px);
	font-weight: 600;
}

.nagp_entry .inner > [class*="detail_"] .flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nagp_entry .inner > [class*="detail_"] .flex .box {
	width: 70%;
}

.nagp_entry .inner > [class*="detail_"] .flex .box dl {
	font-size: clamp(10px,16/750*100vw,16px);
}

.nagp_entry .inner > [class*="detail_"] .flex figure {
	width: 25%;
}

.nagp_entry .inner .detail_character .flex figure,
.nagp_entry .inner .detail_coloring .flex figure {
	position: relative;
	padding: 0 2.5%;
}

.nagp_entry .inner > [class*="detail_"] .flex figure figcaption {
	text-align: center;
	font-size: clamp(10px,16/750*100vw,16px);
	font-weight: 600;
	margin-top: min(10/750*100vw,10px);
}

.nagp_entry .inner .detail_character .flex figure .position {
	position: absolute;
	top: -20%;
	left: -35%;
	width: 40%;
}

@media screen and (max-width: 750px) {
	.nagp_entry .inner > [class*="detail_"] .flex {
		flex-direction: column;
	}
	.nagp_entry .inner > [class*="detail_"] .flex .box {
		width: 100%;
	}
	.nagp_entry .inner > [class*="detail_"] .flex figure {
		width: 70%;
		margin-top: min(20/750*100vw,20px);
	}
	.nagp_entry .inner > .detail_character .flex figure,
	.nagp_entry .inner > .detail_coloring .flex figure {
		width: 50%;
	}
	.nagp_entry .inner .detail_character .flex figure .position {
		top: 0;
	}
}

/* benefits */
.nagp_entry .benefits {
	font-size: clamp(10px,16/750*100vw,16px);
}

.nagp_entry .benefits dl {
	width: 100%;
	color: #0092E5;
	margin: 0;
}

.nagp_entry .benefits dt {
	font-size: clamp(10px,20/750*100vw,20px);
	background: linear-gradient(transparent 60%, #FFE400 0%);
	color: #00a2df;
	font-weight: 800;
	letter-spacing: 1.5px;
}

.nagp_entry .benefits dd {
	flex-basis: 70%;
}

.nagp_entry .benefits dd.bold {
	font-weight: bold;
}

.nagp_entry .benefits dd.big {
	font-size: clamp(10px,24/750*100vw,24px);
	color: #00a2df;
}

.nagp_entry .boder {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	border-bottom: 5px dotted #00a2df;
	margin-bottom: min(40/750*100vw,40px);
	padding-bottom: min(30/750*100vw,30px);
}

.nagp_entry .boder:nth-of-type(1) {
	padding-top: min(45/750*100vw,45px);
}
.nagp_entry .boder:nth-of-type(6) {
	border: none;
	margin-bottom: 0;
	padding-bottom: min(25/750*100vw,25px);
}
.nagp_entry .boder:last-of-type {
	border: none;
	margin-bottom: 0;
	padding-bottom: min(50/750*100vw,50px);
}

.nagp_entry span.aka {
	color: #D90452;
	padding-left: 4px;
}

.nagp_entry span.black {
	display: block;
	font-size: clamp(10px,14/750*100vw,14px);
	color: #000;
	font-weight: normal;
}

.nagp_entry span.boldblock {
	display: block;
	font-weight: bold;
}

.nagp_entry .benefits ul li {
	font-weight: 600;
}

@media screen and (max-width: 750px) {
	.nagp_entry .boder {
		flex-direction: column;
	}

	.nagp_entry .benefits dt {
		margin-bottom: 10px;
	}
}

/* table */
.nagp_entry table {
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 1100px;
	table-layout: fixed;
}

.nagp_entry table tr {
	background-color: #88D2FC;
	padding: .35em;
	border-bottom: 2px solid #fff;
}

.nagp_entry table th,
.nagp_entry table td {
	padding: 1em 10px 1em 1em;
	border-right: 2px solid #fff;
	text-align: center;
}

.nagp_entry table th {
	color: #fff;
}

.nagp_entry table thead tr {
	background-color: #0092E5;
	color: #fff;
}

.nagp_entry table tbody th {
	background: #6ECAFF;
	color: #fff;
}

.nagp_entry .price {
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.nagp_entry .non {
	background: #fff
}

@media screen and (max-width: 750px) {
	.nagp_entry table {
		border: 0;
		width: 100%
	}

	.nagp_entry table th {
		background-color: #167F92;
		display: block;
		border-right: none;
	}

	.nagp_entry table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.nagp_entry table tr {
		display: block;
		margin-bottom: .625em;
	}

	.nagp_entry table td {
		border-bottom: 1px solid #fff;
		display: block;
		position: relative;
		padding: .625em .625em .625em 4em;
		border-right: none;
	}

	.nagp_entry table th,
	.nagp_entry table td {
		padding: 1em 10px 1em 1em;
		border-right: none;
	}

	.nagp_entry table td::before {
		content: attr(data-label);
		font-weight: bold;
		position: absolute;
		left: 10px;
		color: #fff;
	}

	.nagp_entry table td:last-child {
		border-bottom: 0;
	}

	.nagp_entry table tbody th {
		color: #fff;
	}

	.nagp_entry td.price.none {
		display: none;
	}
}

/* li */
.nagp_entry li {
	list-style-type: none;
	position: relative;
	padding-left: 1.5em;
	margin-bottom: 8px;
	color: #000;
}

.nagp_entry li:before {
	display: block;
	position: absolute;
	left: 0px;
	top: 0.2em;
	border-radius: 50%;
	width: 1em;
	height: 1em;
	content: "";
	background: #FFE400;
}

/* btn */
.nagp_entry .btn {
	transition: .5s;
}

.nagp_entry .btn a {
	display: inline-block;
	width: 100%;
	padding: 1em;
	transition: .5s;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.nagp_entry .btn a:hover {
	background: #fff;
}

.nagp_entry .cv.btn {
	width: 50%;
	margin: min(60/750*100vw,60px) auto min(20/750*100vw,20px);
	background: #00ADA9;
	border: 2px solid #00ADA9;
}

.nagp_entry .cv.btn a:hover {
	color: #00ADA9;
}

.nagp_entry .pdf.btn {
	width: 70%;
	margin: min(20/750*100vw,20px) auto;
	background: #E5004F;
	border: 2px solid #E5004F;
}

.nagp_entry .pdf:first-of-type {
	margin-top: min(40/750*100vw,40px);
}

.nagp_entry .pdf.btn a:hover {
	color: #E5004F;
}

.nagp_entry .dl.btn {
	width: 50%;
	margin: 0 auto min(60/750*100vw,60px);
	background: #fff;
	border: 2px solid #00ADA9;
	color: #00ADA9;
}
.nagp_entry .dl.btn a {
	color: #00ADA9;
}

.nagp_entry .dl.btn a:hover {
	color: #fff;
	background: #00ADA9;
}

@media screen and (max-width: 750px) {
	.nagp_entry .titlimg {
		width: 85%;
	}

	.nagp_entry .boder:nth-of-type(1) {
		padding-top: 30px;
	}
}

/* company */
.nagp_entry .company .inner {
	margin-bottom: 0;
}

.nagp_entry .detail dl {
	display: flex;
	flex-direction: column;
}

.nagp_entry .detail dl div {
	display: flex;
	justify-content: space-between;
	border-bottom: 3px dotted #000000;
	padding: min(20/750*100vw,20px) 0;
}

.nagp_entry .detail dl div dt {
	width: 15%;
}

.nagp_entry .detail dl div dd {
	width: 82%;
}

.nagp_entry .detail dl div dd span.notes {
	font-size: clamp(10px,14/750*100vw,14px);
}

.nagp_entry .detail dl div dd span.notes a {
	color: #00a2df;
	text-decoration: underline;
}

@media screen and (max-width: 750px) {

	.nagp_entry .detail dl div {
		flex-direction: column;
		gap: 3px 0;
	}

	.nagp_entry .detail dl div dt,
	.nagp_entry .detail dl div dd {
		width: 100%;
	}
}

/* 協賛企業
-------------------------------*/
.nagp_entry .company {
	margin-bottom: min(30/750*100vw,30px);
}

.nagp_entry .company ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: min(20/750*100vw,20px) 8%;
}

.nagp_entry .company ul:last-of-type {
	gap: min(20/750*100vw,20px);
	padding-top: min(30/750*100vw,30px);
}

.nagp_entry .company ul li {
	margin: 0;
	padding: 0;
}

.nagp_entry .company ul li img {
	width: auto;
	height: 2.5em;
}
.nagp_entry .company ul li.hei3 img {
	height: 3em;
}
.nagp_entry .company ul li.hei4 img {
	height: 4em;
}

.nagp_entry .company ul li.hei5 img {
	height: 5em;
}

.nagp_entry .company ul li p {
	font-size: clamp(10px,24/750*100vw,24px);
	font-weight: 600;
}

.nagp_entry .company ul li::before {
	display: none;
}


@media screen and (max-width: 750px) {
	.nagp_entry .company ul {
		justify-content: center;
	}
}