@charset "UTF-8";

:root {
	--wp--preset--font-size--normal: 16px;
	--wp--preset--font-size--huge: 42px;
}

html {
	background-color: #fff;
	color: #1a1a1a;
	scroll-behavior: smooth;
}

:target {
	/* 例：ヘッダー高さ 80px の場合 */
	scroll-margin-top: 100px;
}

@media (max-width: 1023px) {
	:target {
		/* 例：SP時ヘッダー 64px */
		scroll-margin-top: 58px;
	}
}

body {
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif, "M PLUS 1p"
}

.adv-box {
	padding: 0px 5px 0px 20px;
}

.common-inner,
.common_inner {
	max-width: 1056px;
	width: 100%;
	padding-left: 1.6rem;
	padding-right: 1.6rem;
	margin: 0 auto;
	overflow: hidden
}

.fas img {
	width: 8vw;
	max-width: 40px;
}

@media only screen and (max-width:480px) {
	.common-inner,
	.common_inner {
		padding-left: 4%;
		padding-right: 4%
	}
}

.common-inner .gekitokupack-banner a img,
.common_inner .gekitokupack-banner a img {
	width: 100%;
}

.common-flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

h2.page_privacy-mv-title {
	color: #fff;
	font-size: 40px;
	letter-spacing: 4px;
	text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000, 1px 0px 1px #000, 0px 1px 1px #000, -1px 0px 1px #000, 0px -1px 1px #000;
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
	text-align: center;
	line-height: 1.2;
}

h2.page_privacy-mv-title span {
	color: #f9688f;
	font-size: 20px;
	text-shadow: none;
	display: block;
	margin-bottom: 7px;
}

h2.page_privacy-mv-title span.mv_b {
	color: #4093ad;
	font-size: 20px;
	text-shadow: none;
	display: block;
}

@media only screen and (max-width:480px),
only screen and (min-width:481px) and (max-width:769px) {
	.common-flex {
		display: block
	}
}

@media only screen and (max-width:480px) {
	h2.page_privacy-mv-title {
		font-size: 8.0vw;
	}

	h2.page_privacy-mv-title span {
		font-size: 19px;
	}
}

.common-text {
	font-size: 1.6rem;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	text-align: justify;
	text-justify: inter-ideograph
}

@media only screen and (max-width:480px),
only screen and (max-width:321px) {
	.common-text {
		font-size: 1.4rem
	}
}

.common-title {
	font-size: 3.2rem;
	letter-spacing: 0.4rem;
	/*margin-bottom: 3.2rem;*/
	color: #f9688f;
	text-align: center;
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"
}

@media only screen and (max-width:480px),
only screen and (max-width:321px) {
	.common-title {
		letter-spacing: 0;
		font-size: 2.4rem;
		margin-bottom: 1.6rem
	}
}

@media only screen and (max-width:480px) {
	.pc-only {
		display: none
	}
}

@media only screen and (min-width:770px),
only screen and (min-width:481px) and (max-width:769px) {
	.sp-only {
		display: none
	}
}

main {
	display: block;
	padding: 5rem 0 0;
}

@media only screen and (max-width:480px),
only screen and (max-width:321px),
only screen and (max-width:1045px) {
	main {
		/* padding: 3.2rem 0*/
	}

	.colmun-box {
		width: auto !important;
		margin-top: 50px;
		margin-left: 10px !important;
		margin-right: 10px !important;
		display: block !important;
	}

	.colmun-box .colmun-left {
		display: block !important;
	}

	.colmun-box .colmun-center {
		display: block !important;
	}

	.colmun-box .colmun-right {
		width: 100% !important;
		display: block !important;
	}

	.process-request .step-box .step-detail {
		display: flex;
		flex-direction: column;
	}

	.process-request .step-box .step-text {
		width: auto !important;
		padding: 20px;
		order: 2;
	}

	.process-request .step-box .step-img {
		width: auto !important;
		text-align: center;
		padding: 20px;
		order: 1;
	}

	.related-article .related-list li {
		width: 49% !important;
		border: 1px solid #dddddd;
	}

	.related-article .related-list li .related-img {
		position: relative;
		height: 200px !important;
		overflow: hidden;
	}

	.related-article .related-list li .related-img img {
		height: auto;
	}

	.category_list a {
		color: #ffffff;
		font-weight: bold;
		position: relative;
		width: 49% !important;
		height: 80px !important;
		overflow: hidden;
		border-radius: 10px 10px;
		display: block;
	}

	.category_list a .category_name {
		width: 115px;
		font-size: 16px !important;
		text-align: center;
	}

	.popular-post-side .popularPost .post-box,
	.popular-post-bottom .popularPost .post-box {
		display: flex !important;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #707070;
	}

	.popular-post-side .popularPost .popularPostImage {
		position: relative;
		width: 100% !important;
		height: auto !important;
		padding-top: 10px;
		display: block;
	}

	.popular-post-side .popularPost .popularPostImage,
	.popular-post-bottom .popularPost .popularPostImage {
		position: relative;
		width: 100% !important;
		height: auto !important;
		padding-top: 10px;
		display: block;
	}

	.popular-post-side .popularPost .popularPostImage img,
	.popular-post-bottom .popularPost .popularPostImage img {
		width: 100% !important;
		height: auto !important;
	}

	.popular-post-side .popularPost .popularPostBody,
	.popular-post-bottom .popularPost .popularPostBody {
		width: 100% !important;
		padding-left: 10px;
		padding-top: 10px;
	}

	.popular-post-side .popularPost .popularPostImage .rank-icon img,
	.popular-post-bottom .popularPost .popularPostImage .rank-icon img {
		width: 55px !important;
		height: 60px !important;
	}

	.popular-post-side .popularPost .popularPostBody a span,
	.popular-post-bottom .popularPost .popularPostBody a span {
		display: none !important;
	}

	.popular-post-side .popularPost .popularPostBody a,
	.popular-post-bottom .popularPost .popularPostBody a {
		min-height: 85px;
		height: auto;
		line-height: 1.4 !important;
		display: block;
	}

	.popular-post-side .popularPost .popularPostBody a h4,
	.popular-post-bottom .popularPost .popularPostBody a h4 {
		font-size: 16px !important;
		display: block;
	}

	.new-trivia-list li {
		display: block !important;
		padding: 20px 0px;
		border-bottom: 1px solid #9F9F9F;
	}

	.new-trivia-list .new-trivia-post-image {
		width: 100% !important;
	}

	.new-trivia-list .new-trivia-post-image a {
		width: 100%;
		display: block;
	}

	.new-trivia-post-title a {
		height: auto !important;
		display: block;
	}
}

.colmun-box {
	width: 1100px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	display: table;
}

.colmun-box .colmun-left {
	vertical-align: top;
	display: table-cell;
}

.colmun-box .colmun-center {
	vertical-align: top;
	display: table-cell;
}

.colmun-box .colmun-right {
	width: 300px;
	vertical-align: top;
	display: table-cell;
}

.new-trivia {
	padding: 0px 20px 10px 10px !important;
}

.new-trivia-title {
	color: #4a4a4a;
	font-size: 20px;
	padding: 5px !important;
	border-bottom: 3px solid #F9688F;
}

.new-trivia-list {
	/*	padding: 10px;*/
}

.new-trivia-list li {
	display: flex;
	padding: 20px 0px;
	border-bottom: 1px solid #9F9F9F;
}

.new-trivia-list .new-trivia-post-image {
	width: 200px;
}

.new-trivia-list .new-trivia-post-image img {
	width: 100% !important;
	height: auto !important;
}

.new-trivia-post-title {
	padding: 0px 0px 0px 10px;
}

.new-trivia-post-title a {
	height: 140px;
	display: block;
}

.new-trivia-post-title a:hover {
	color: #F9688F;
}

.new-trivia-list .related-update {
	/*	width: 120px;*/
	margin-left: auto;
	display: flex;
	align-items: center;
}

.new-trivia-list .related-update .category_tags {
	width: 100%;
}

.new-trivia-list .related-update .category_tags a {
	height: auto !important;
	color: #F9688F;
	font-size: 12px;
	padding: 0px 5px !important;
	border-radius: 10px;
	border: 2px solid #F9688F;
	display: inline-block !important;
}

.new-trivia-list .related-update .related-update-icon {
	width: 25px;
	padding: 5px;
}

.new-trivia-list .related-update .related-update-icon img {
	display: block !important;
}

.new-trivia-list .related-update .related-date {
	width: 110px;
}

.colmun-box .colmun-left .page_archive {}

#trivia-single ol {
	margin-left: 30px;
	list-style-type: decimal !important;
}

#trivia-single ol li {
	list-style-type: decimal !important;
}

#trivia-single ol li:before {
	display: none;
}

#media_detail {
	/*	width: 1000px;*/
	margin-top: 0px !important;
	padding-top: 0px !important;
}

#media_detail .colmun-center {
	padding: 0px 20px;
}

.popular-post-bottom {
	margin-top: 50px;
}

.popular-post-side,
.popular-post-bottom {
	background-color: #FDFAFB;
}

.popular-post-side h2,
.popular-post-bottom h2 {
	color: #ffffff;
	font-size: 20px;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #F9688F;
}

.popular-post-side .popularPost,
.popular-post-bottom .popularPost {
	padding: 0px 10px 0px 10px;
}

.popular-post-side .popularPost .post-box,
.popular-post-bottom .popularPost .post-box {
	display: flex;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #707070;
}

@media only screen and (min-width:770px),
only screen and (min-width:481px) {
	.popular-post-side .popularPost .popularPostImage {
		position: relative;
		width: 100px !important;
		height: auto !important;
		padding-top: 10px;
	}

	.popular-post-bottom .popularPost .popularPostImage {
		position: relative;
		width: 200px !important;
		height: auto !important;
		padding-top: 10px;
	}

	.popular-post-side .popularPost .popularPostImage img {
		width: 100px !important;
		height: auto !important;
	}

	.popular-post-bottom .popularPost .popularPostImage img {
		width: 200px !important;
		height: auto !important;
	}

	.popular-post-side .popularPost .popularPostImage .rank-icon img {
		width: 25px !important;
		height: 30px !important;
	}

	.popular-post-bottom .popularPost .popularPostImage .rank-icon img {
		width: 55px !important;
		height: 60px !important;
	}

	.popular-post-bottom .popularPost .popularPostBody a {
		min-height: 170px;
		height: auto;
		line-height: 1.4 !important;
		display: block;
	}
}

.popular-post-side .popularPost .popularPostImage .rank-icon,
.popular-post-bottom .popularPost .popularPostImage .rank-icon {
	position: absolute;
	top: 0px;
	left: 5px;
	z-index: 2;
}


.popular-post-side .popularPost .popularPostBody {
	width: 200px;
	padding-left: 5px;
	padding-top: 10px;
}

.popular-post-bottom .popularPost .popularPostBody {
	width: 800px;
	padding-left: 10px;
	padding-top: 10px;
}

.popular-post-side .popularPost .popularPostBody a {
	line-height: 1.4 !important;
	display: block;
}

.popular-post-bottom .popularPost .popularPostBody a h4 {
	font-size: 18px;
	display: block;
}

.popular-post-bottom .popularPost .popularPostBody a span {
	font-size: 14px;
	margin-top: 5px;
	display: block;
}

.popular-post-side .popularPost .popularPostBody a:hover,
.popular-post-bottom .popularPost .popularPostBody a:hover {
	color: #F9688F;
}

.popular-post-side .popularPostBody .related-update,
.popular-post-bottom .popularPostBody .related-update {
	width: 200px;
	margin-left: auto;
	display: flex;
	align-items: center;
}

.popular-post-side .popularPostBody .related-update .views,
.popular-post-bottom .popularPostBody .related-update .views {
	width: 100px;
	font-size: 13px;
	text-align: right;
	padding: 5px;
}

.popular-post-side .popularPostBody .related-update .related-date,
.popular-post-bottom .popularPostBody .related-update .related-date {
	font-size: 13px;
	text-align: right;
}

.popular-post-side .popularPostBody .related-update .related-update-icon,
.popular-post-bottom .popularPostBody .related-update .related-update-icon {
	padding: 5px;
}

.popular-post-side .popularPostBody .related-update .related-update-icon img,
.popular-post-bottom .popularPostBody .related-update .related-update-icon img {
	display: block !important;
}

/* 関連記事
*/
.related-article .related-title {
	color: #4a4a4a;
	font-size: 24px;
	border-bottom: 3px solid #F9688F;
	display: block;
}

.related-article .related-list {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 10px 5px;
}

.related-article .related-list li {
	width: 32.3333333%;
	border: 1px solid #dddddd;
}

.related-article .related-list li .related-img {
	position: relative;
	height: 200px;
	overflow: hidden;
}

.related-article .related-list li .related-img img {
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.related-article .related-list li .related-card-title {
	font-size: 15px;
	min-height: 100px;
	padding: 5px;
	height: 100%;
}

.related-article .related-list li .related-update {
	width: 120px;
	margin-left: auto;
	display: flex;
	align-items: center;
}

.related-article .related-list li .related-update .related-update-icon {
	padding: 5px;
}

.related-article .related-list li .related-update .related-update-icon img {
	display: block !important;
}

/* カテゴリ別 一覧
*/
.category_post_list {
	margin-top: 30px;
	margin-bottom: 50px;
}

.category_list {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 10px 5px;
}

.category_post_list h2 {
	color: #4a4a4a;
	font-size: 24px;
	border-bottom: 3px solid #F9688F;
	display: block;
}

.category_list a {
	color: #ffffff;
	font-weight: bold;
	position: relative;
	width: 32.5%;
	height: 133px;
	overflow: hidden;
	border-radius: 10px 10px;
	display: block;
}

.category_list a::before {
	content: "";
	width: 100%;
	height: 150px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 2;
	display: block;
}

.category_list a .category_name {
	font-size: 18px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-shadow: 5px 5px 5px #4a4a4a;
	z-index: 3;
	display: block;
}

.category_list a img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 1;
	display: block;
}

/* ご依頼の流れ
*/
.process-request {}

.process-request .main-image {
	text-align: center;
	background-color: #FFFFF7;
	padding: 30px 20px 50px 20px;
}

.process-request .main-image img {
	width: 100%;
	max-width: 1000px;
}

.process-request .step-box {
	width: 100%;
	max-width: 1000px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 10px;
}

.process-request .step-box .step {
	margin-bottom: 30px;
	background-color: #FDFAFB;
	border: 1px solid #F9688F;
}

.process-request .step-box .step h2 {
	color: #ffffff;
	font-weight: bold;
	padding: 10px;
	background-image: url(../img/media/bg-border.png);
	display: block;
}

.process-request .step-box .step-detail {
	display: flex;
}

.process-request .step-box .step-detail a {
	color: #C70039;
	text-decoration: underline;
}

.process-request .step-box .step-text {
	width: 50%;
	padding: 20px;
}

.process-request .step-box .step-img {
	width: 50%;
	text-align: center;
	padding: 20px;
}

.process-request .arrow {
	width: 100%;
	max-width: 1000px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.process-request .arrow img {
	width: 50px;
}

.marker-yellow {
	background: linear-gradient(rgba(255, 255, 255, 0) 75%, #FFFF33 75%);
}

.marker-purple {
	background: linear-gradient(rgba(255, 255, 255, 0) 75%, #a569bd 75%);
}

.marker-light_blue {
	background: linear-gradient(rgba(255, 255, 255, 0) 75%, #5cade2 75%);
}

.marker-green {
	background: linear-gradient(rgba(255, 255, 255, 0) 75%, #1abc9b 75%);
}

.marker-red {
	background: linear-gradient(rgba(255, 255, 255, 0) 75%, #ff0000 75%);
}

/* -- CTAボタンリニューアル -- */
.cta-box-renew {
	margin: 30px 0px;
	padding: 50px 20px;
	border: 5px solid #71a8eb;
	background-image: url(../img/cta/pc_cta_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.cta-box-renew .cta_title {
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.cta-box-renew .cta_title span {
	position: relative;
	color: #000000;
	font-size: 40px;
	font-weight: bold;
	text-align: left;
	padding-left: 40px;
	display: block;
}

.cta-box-renew .cta_title span:after {
	position: absolute;
	top: -30px;
	right: 25px;
	content: '';
	width: 70px;
	height: 100px;
	background-image: url(../img/cta/cta_item.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
}

.cta-box-renew .cta-renew-products {
	display: flex;
	gap: 10px 20px;
	margin-top: 30px;
}

.cta-box-renew .cta-renew-product_left {
	width: 50%;
	border: 1px solid #1d00d0;
	border-radius: 5px;
	background-color: #FFFFFF;
	padding: 10px;
}

.cta-box-renew .cta-renew-product_left a {
	width: 50%;
	box-shadow: 0px 0px 10px #4a4a4a;
	border-radius: 10px;
}

.cta-box-renew .cta-renew-product_right {
	width: 50%;
	border: 1px solid #1d00d0;
	border-radius: 5px;
	background-color: #FFFFFF;
	padding: 10px;
}

.cta-renew-product_box {
	display: flex;
	gap: 0px 0px;
}

.cta-renew-product_image {
	position: relative;
	width: 120px;
	height: 120px;
	display: block;
	overflow: hidden;
}

.cta-renew-product_image img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 150px !important;
	height: 150px !important;
}

.cta-renew_buttons {
	margin-top: 20px;
	display: flex;
	gap: 20px;

}

.cta-renew_buttons a {
	width: 340px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 0 auto;
	display: flex;
	flex-flow: column;
}

.cta-renew_buttons a span {
	display: block;
}

.cta-renew_buttons a span:nth-child(1) {
	position: relative;
}

.cta-renew_buttons a span:nth-child(1):before {
	position: absolute;
	content: '';
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
}

.cta-renew_buttons .tel_button {
	width: 50%;
	background-image: linear-gradient(88deg, rgba(105, 153, 106, 1) 20%, rgba(41, 130, 72, 1) 80%);
	box-shadow: 0px 10px 0px #114614;
	border-radius: 20px;
}

.cta-renew_buttons .tel_button a {
	padding: 15px;
}

.cta-renew_buttons .tel_button a span:nth-child(1) {
	font-size: 30px;
	padding-left: 20px;
}

.cta-renew_buttons .tel_button a span:nth-child(1):before {
	top: 0;
	left: 10px;
	width: 50px;
	height: 50px;
	background-image: url(../img/cta/icon-tel.png);
}

.cta-renew_buttons .tel_button a span:nth-child(2) {
	padding-left: 20px;
}

.cta-renew_buttons .mail_button {
	width: 50%;
	background-image: linear-gradient(88deg, rgba(249, 178, 41, 1) 20%, rgba(248, 111, 0, 1) 80%);
	box-shadow: 0px 10px 0px #974400;
	border-radius: 20px;
}

.cta-renew_buttons .mail_button a {
	padding: 15px;
	border-radius: 20px;
}

.cta-renew_buttons .mail_button a span:nth-child(1) {
	font-size: 30px;
	padding-left: 20px;
}

.cta-renew_buttons .mail_button a span:nth-child(1):before {
	top: 0;
	left: 10px;
	width: 50px;
	height: 50px;
	background-image: url(../img/cta/icon-mail.png);
}

.cta-renew_buttons .mail_button a span:nth-child(2) {
	padding-left: 20px;
}

.cta-product_detail {
	width: 65%;
	padding-right: 10px;
	background-color: #ffffff;
	border-radius: 0px 10px 10px 0px;
}

.cta-product_detail .cta-product_title {
	text-align: right;
	display: block;
}

.cta-product_detail .cta-price_excluding_tax {
	font-size: 23px;
	text-align: right;
	display: block;
}

.cta-product_detail .cta-price_including_tax {
	font-size: 13px;
	text-align: right;
	display: block;
}

.cta-product_detail .cta-regular_price {
	font-size: 12px;
	text-align: right;
	display: block;
}

.cta-product_detail .cta-regular_price span {
	position: relative;
}

.cta-product_detail .cta-regular_price span:after {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #4a4a4a;
}

@media only screen and (min-width: 320px) and (max-width: 700px) {
	.cta-box-renew {
		background-image: url(/wp-content/themes/ill/img/cta/sp_cta_bg.png);
		background-position: center;
		background-size: auto;
	}

	.cta-box-renew .cta_title {
		width: 320px;
		margin-left: auto;
		margin-right: auto;
	}

	.cta-box-renew .cta_title span {
		color: #000000;
		font-size: 30px;
		text-align: left;
		padding-left: 0px;
		text-shadow: 0px 0px 5px #FFFFFF;
	}

	.cta-box-renew .cta_title span:after {
		top: 0px;
		right: 10px;
		width: 80px;
		height: 100px;
	}

	.cta-box-renew .cta-renew-products {
		flex-flow: column;
		gap: 20px;
		margin-top: 30px;
	}

	.cta-box-renew .cta-renew-product_left,
	.cta-box-renew .cta-renew-product_right {
		width: 100% !important;
	}

	.cta-renew-product_image {
		width: 150px;
		height: 120px;
	}

	.cta-product_detail {
		width: 65% !important;
	}

	.cta-renew_buttons {
		margin-top: 20px;
		flex-flow: column;
		gap: 20px;

	}

	.cta-renew_buttons .tel_button,
	.cta-renew_buttons .mail_button {
		width: 100% !important;
		border-radius: 20px;
	}

	.cta-renew_contact_title {
		margin-top: 20px;
		margin-bottom: 20px;
		color: #226e3d;
		font-size: 25px;
		font-weight: bold;
		text-align: center;
		text-shadow: 0px 0px 5px #FFFFFF;
	}

	.cta-product_detail {
		width: 100%;
		padding-right: 10px;
		background-color: #ffffff;
		border-radius: 0px 10px 10px 0px;
	}

	.cta-product_detail .cta-product_title {
		text-align: right;
		display: block;
	}

	.cta-product_detail .cta-price_excluding_tax {
		font-size: 23px;
		text-align: right;
		display: block;
	}

	.cta-product_detail .cta-price_including_tax {
		font-size: 13px;
		text-align: right;
		display: block;
	}
}



.trivia_post_by_id {
	margin: 20px 0px;
	padding: 5px;
	border: 1px solid #D3D3D3;
	background-color: #F5F5F5;
}

.trivia_post_by_id a {
	display: flex;
	gap: 10px 10px;
	text-decoration: none;
	padding: 10px;
	background-color: #FFFFFF;
}

.trivia_post_by_id .image {
	position: relative;
	width: 200px;
	height: auto;
	overflow: hidden;
}

.trivia_post_by_id .image img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-bottom: 0px !important;
	transform: translate(-50%, -50%);
}

.trivia_post_by_id .detail {}

.trivia_post_by_id .detail h4 {
	color: #FF5733;
	font-size: 18px;
	margin: 0px !important;
	padding: 0px !important;
	border-bottom: 3px dotted #FF5733;
}

.trivia_post_by_id .detail .post_contents {
	font-size: 14px !important;
}

@media only screen and (min-width: 320px) and (max-width: 700px) {
	.trivia_post_by_id a {
		display: block;
		text-decoration: none;
		padding: 10px;
		background-color: #FFFFFF;
	}

	.trivia_post_by_id .image {
		position: relative;
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 10px;
	}

	.trivia_post_by_id .image img {
		position: inherit;
		top: 0;
		left: 0;
		margin-bottom: 0px !important;
		transform: translate(0%, 0%);
	}

	.trivia_post_by_id .detail {}

	.trivia_post_by_id .detail h4 {
		color: #FF5733;
		font-size: 18px;
		margin: 0px !important;
		padding: 0px !important;
		border-bottom: 3px dotted #FF5733;
	}

	.trivia_post_by_id .detail .post_contents {
		font-size: 14px !important;
		margin-top: 5px;
	}
}

.pagination {
	margin: 40px 0 0;
}

.nav-links {
	display: flex;
}

.pagination .page-numbers {
	display: inline-block;
	margin-right: 20px;
	padding: 10px 15px;
	color: #333;
	border-radius: 3px;
	background: #ffffff;
	border: 1px solid #F9688F;
}

.pagination .page-numbers:hover {
	background: #F9688F;
}

.pagination .current {
	padding: 10px 15px;
	background: #F9688F;
	color: #fff;
}

.pagination .prev,
.pagination .next {
	background: transparent;
	box-shadow: none;
	color: #69a4db;
}

.pagination .dots {
	background: transparent;
	box-shadow: none;
}


.trivia-pagination.pagination {
	margin: 30px auto;
	text-align: center;
	font-size: 16px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

.trivia-pagination.trivia-pagination-sp {
	display: none;
}

@media only screen and (max-width:768px) {
	.trivia-pagination.trivia-pagination-sp {
		display: flex;
	}

	.trivia-pagination.trivia-pagination-pc {
		display: none;
	}
}

.trivia-pagination a,
.trivia-pagination .current-page {
	display: inline-block;
	padding: 8px 14px;
	border-radius: 4px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #333;
	background-color: #fff;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.trivia-pagination a:hover {
	background-color: #f5f5f5;
	border-color: #999;
}

.trivia-pagination .current-page {
	font-weight: bold;
	background-color: #333;
	color: #fff;
	border-color: #333;
	pointer-events: none;
}

/* カテゴリ一覧（.category_list）専用スタイル */
.category_list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 30px;
}

.category_item {
	width: calc(25% - 15px);
	text-align: center;
	background-color: #f9f9f9;
	border-radius: 8px;
	overflow: hidden;
	transition: transform 0.3s;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.category_item:hover {
	transform: translateY(-5px);
}

.category_item a {
	width: auto !important;
	height: 100px !important;
	text-decoration: none;
	color: #333;
	display: block;
	padding: 10px;
}

.category_thumb img {
	width: 100%;
	height: auto;
	object-fit: cover;
	display: block;
	border-bottom: 1px solid #eee;
}

.category_name {
	margin-top: 5px;
	font-size: 16px !important;
	font-weight: bold;
	color: #FFFFFF;
}


.custom-toc {
	margin: 30px 0px;
	background: #f9f9f9;
	padding: 20px;
	border: 4px solid #DDDDDD;
	font-size: 16px;
	line-height: 1.6;
	border-radius: 6px;
}

.custom-toc strong {
	text-align: center;
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 12px;
	color: #333;
}

.custom-toc ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.custom-toc li {
	margin: 8px 0;
	position: relative;
}

/* 大見出し（H2） */
.custom-toc li.toc-level-2 {
	font-weight: bold;
	color: #4A4A4A;
	font-size: 18px;
	padding-left: 0.5em;
}

/* 小見出し（H3） */
.custom-toc li.toc-level-3 {
	margin-left: 1.5em;
	padding-left: 1.5em;
	font-size: 15px;
	color: #555;
}

.custom-toc li.toc-level-3::before {
	content: "●";
	position: absolute;
	left: 0;
	top: 5px;
	color: #e91e63;
	/* ピンク色 */
	font-size: 14px;
	line-height: 1;
}

/* リンク装飾 */
.custom-toc a {
	text-decoration: none;
	color: inherit;
}

.custom-toc a:hover {
	text-decoration: underline;
	color: #005f8d;
}