@charset "utf-8";
.Main__body {
	background-color: #ff9999;
	background-image: radial-gradient(#fff 10%, transparent 20%), radial-gradient(#fff 10%, transparent 20%);
	background-position: 0 0, 8px 8px;
	background-size: 16px 16px;
}
.Main__content {
	background-color: #ffffff;
	position: relative;
}
.section01 {
	position: relative;
}
.section03 {
	position: relative;
}
.pc_area01 {
	position: absolute;
	top: -38px;
	left: -28px;
}
.pc_area02 {
	position: absolute;
	bottom: 300px;
	right: -120px;
}
.pc_area03 {
	position: absolute;
	top: 500px;
	left: -120px;
}
.pc_area04 {
	position: absolute;
	bottom: -22px;
	right: -28px;
}
.anchor .button .button__type {
	color: #333333;
	background-color: #ffe699;
	position: relative;
}
.anchor .button .button__type:after {
	-webkit-backface-visibility: hidden;
	display: inline-block;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	vertical-align: middle;
	content: "";
	width: 11px;
	height: 11px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	margin-top: -7px;
	position: absolute;
	right: 22px;
	top: 1.7em;
}
.heading2:before {
	background-color: #ff9999;
}
.heading1 {
	background-color: #ffe699;
}
.heading1 .heading1__inner {
	padding: 0;
}
.attention-box {
	margin: 2em 0 0;
}
.button-wrap--centering {
	margin: 1em 0 0;
}
.button .button__type {
	background-color: #ff9999;
}
.button .button__type:after {
	-webkit-backface-visibility: hidden;
	display: inline-block;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	vertical-align: middle;
	content: "";
	width: 11px;
	height: 11px;
	-webkit-transform: rotate(46deg);
	transform: rotate(46deg);
	margin-top: -6px;
	position: absolute;
	right: 22px;
	top: 1.7em;
}
.table [class*=__cell--lv2] {
	background-color: #ffffff;
}
.table__body .table__cell .image-wrap {
	margin: 0.6em 0 0;
}
@media print, screen and (min-width: 768px) {
	.Main__body {
		padding: 6em 0;
	}
	.Main__content {
		max-width: 1200px;
		padding: 2.625em 80px 5em;
	}
	.anchor .button .button__type:hover {
		color: #ffffff;
		background-color: #323544;
	}
	.anchor .button .button__type:hover:after {
		border-top: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
	}
	.heading1 {
		width: 100%;
		margin: 6.4rem 0 0;
		padding: 0.8em 1.2em 0.8em;
	}
	[data-col-pc]:not([data-col-pc=auto]) > * {
		margin-top: 2.8em;
	}
	.button-wrap--centering .button {
		width: 90%;
		/*デジタル絵本のボタンのために90％にしたもとは70％*/
	}
	.button-wrap--centering .button .button__type {
		width: 100%;
		position: relative;
	}
	.section02 .button-wrap--centering {
		margin: 1.6em 0 0;
	}
	.section02 .button-wrap--centering .button {
		width: 40%;
	}
}
@media only screen and (max-width: 767.98px) {
	.Main__body {
		padding: 2em 0;
	}
	.section01 .heading1-v2__inner {
		padding: 0 15px 0;
	}
	.pc_area01, .pc_area02, .pc_area03, .pc_area04, .pc_br {
		display: none;
	}
	.Main__content {
		width: 94%;
		padding: 2em 14px;
	}
	.anchor .button .button__type {
		width: 100%;
	}
	.heading1 {
		width: 100%;
		margin: 3.8rem 0 0;
		padding: 1em 1em 0.8em;
	}
	[data-col-sp]:not([data-col-sp=auto]) > * {
		margin-top: 2.6em;
	}
	.button-wrap--centering .button {
		display: block;
		width: 100%;
	}
}
.ehon{
	float: left;
}
@media only screen and (max-width: 767.98px) {
	.ehon{
		float: none;
	}
}

/*20231026追記*/
.kikan {
	width: 30%!important;
}
.syouhin {
    width: 66%!important;
}
@media only screen and (max-width: 767.98px) {
.kikan {
	width: 100%!important;
}
.syouhin {
    width: 100%!important;
}
}
/*20250401追記*/
.characterbanner-List li:before {
    background-image: url("/kojin/character/img/index_ic01.webp");
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 10px;
  background-color: transparent;
  border-radius: 0;
  top: 0.7rem;
}
.unorder-pinktitle-List {
    color: #da527a!important;
  }