@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* リッチリスト */
dl.rich_list {
	margin: 20px 0;
	padding: 0;
}

dl.rich_list dt {
	position: relative;
	background: var(--color_main);
	padding: 12px 15px 10px;
	margin: 0 0 10px;
	border: 0 !important;
	line-height: 1.2em;
	font-weight: bold;
	color: #fff;
	border-radius: 7px;
}

dl.rich_list dt:before {
	content: "";
	display: block;
	position: absolute;
	border-style: solid;
	border-width: 12px 7px 0;
	border-color: var(--color_main) transparent transparent;
	left: 50px;
	bottom: -12px;
}

dl.rich_list dt[style]:before {
	background: inherit;
	border-color: transparent #fff #fff;
}

dl.rich_list dd {
	padding: 0;
	margin: 0 0 15px !important;
	border: 0 !important;
	line-height: 1.5em;
}

.post_content dl.rich_list dd .h5,
dl.rich_list dd .h5 {
	margin: 0 0 5px !important;
	padding: 3px 0 0 30px;
	background: url(./images/icon-check.png) no-repeat left top !important;
	border: 0 !important;
	background-size: 28px 28px !important;
	font-weight: bold;
	line-height: 1.2em;
	color: #030 !important;
}

dl.rich_list dd p br:first-child,
dl.rich_list dd .h5+br {
	display: none;
}

dl.rich_list dd .h5 b {
	color: #e22;
}

dl.rich_list dd p {
	margin: 0 0 0 20px !important;
	padding: 0;
	line-height: inherit;
}

.article-body dl.rich_list dd ul li {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	line-height: 1.3em !important;
}

.article-body dl.rich_list dd ul li:before {
	background: #a8a8f4;
	top: 5px;
}

@media (max-width: 600px) {
	dl.rich_list dt {
		padding: 10px 12px 8px;
	}
}

/*-----------カスタムボタン-----------*/
.wp-block-lazyblock-btn a {
	color: #fff;
	transition: all .25s;
	font-weight: 700;
	justify-content: center;
	align-items: center;
	display: inline-flex;
}

.wp-block-lazyblock-btn .icon_fix:not(.icon_left) a {
	padding-right: 2em;
}

.wp-block-lazyblock-btn .icon_fix.icon_left a {
	padding-left: 2em;
}

.wp-block-lazyblock-btn .icon_fix:not(.icon_left).icon_big a {
	padding-right: 3em;
}

.wp-block-lazyblock-btn .icon_fix.icon_left.icon_big a {
	padding-left: 3em;
}

.wp-block-lazyblock-btn .icon_fix:not(.icon_left).icon_mid a {
	padding-right: 2.5em;
}

.wp-block-lazyblock-btn .icon_fix.icon_left.icon_mid a {
	padding-left: 2.5em;
}

.wp-block-lazyblock-btn .icon_fix a .icon {
	position: absolute;
	display: block;
	transform: translateY(-50%);
	top: 50%;
}

.wp-block-lazyblock-btn .icon_fix a .icon_right {
	right: 0.5em;
}

.wp-block-lazyblock-btn .icon_fix a .icon_left {
	left: 0.5em;
}

.wp-block-lazyblock-btn a .icon {
	display: inline-block;
}

.wp-block-lazyblock-btn a .icon_right {
	margin-left: 0.2em;
}

.wp-block-lazyblock-btn a .icon_left {
	margin-right: 0.2em;
}

.wp-block-lazyblock-btn .icon_big a .icon {
	font-size: 2em;
}

.wp-block-lazyblock-btn .icon_mid a .icon {
	font-size: 1.5em;
}

.wp-block-lazyblock-btn .shadow a {
	box-shadow: var(--swl-btn_shadow);
}

.wp-block-lazyblock-btn .shadow a:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 12px 24px -12px rgba(0, 0, 0, .2);
	opacity: 1
}

.wp-block-lazyblock-btn .btn_shiny a {
	overflow: hidden;
	position: relative;
	transition: opacity .25s, -webkit-transform .25s;
	transition: opacity .25s, transform .25s;
	transition: opacity .25s, transform .25s, -webkit-transform .25s;
	z-index: 0
}

.wp-block-lazyblock-btn .btn_shiny a .linktxt:before {
	background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .6) 80%, hsla(0, 0%, 100%, 0));
	content: "";
	height: 200px;
	left: -120px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(25deg);
	transform: translateY(-50%) rotate(25deg);
	width: 80px
}

.wp-block-lazyblock-btn .btn_shiny a .linktxt:after {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: shiny_btn;
	animation-name: shiny_btn;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	background-image: linear-gradient(100deg, hsla(0, 0%, 100%, 0), #fff);
	content: "";
	height: 100%;
	left: -100px;
	position: absolute;
	top: 0;
	width: 50px
}

.wp-block-lazyblock-btn .btn_shiny a:hover {
	-webkit-transform: translateY(2px);
	transform: translateY(2px)
}

.wp-block-lazyblock-btn .btn_shiny a:hover .linktxt:before {
	left: 110%;
	transition: .25s ease-in-out
}

.wp-block-lazyblock-btn .btn_shiny a:hover .linktxt:after {
	-webkit-animation: none;
	animation: none
}

.wp-block-lazyblock-btn .btn_solid a {
	box-shadow: 0 4px 0 var(--the-solid-shadow, var(--color_main_dark));
	transition: box-shadow .25s, -webkit-transform .25s;
	transition: transform .25s, box-shadow .25s;
	transition: transform .25s, box-shadow .25s, -webkit-transform .25s;
}

.wp-block-lazyblock-btn .btn_solid a:hover {
	box-shadow: 0 0 0 transparent !important;
	-webkit-transform: translate3d(0, 4px, 0);
	transform: translate3d(0, 4px, 0)
}
.table_in_button_w .swl-inline-btn{display:block;}
.table_in_button_w .swl-inline-btn,
.table_in_button_w .swl-inline-btn a{width:100%; justify-content: center;}
@-webkit-keyframes shiny_btn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) rotate(25deg);
		transform: scale(0) rotate(25deg)
	}

	84% {
		opacity: 0;
		-webkit-transform: scale(0) rotate(25deg);
		transform: scale(0) rotate(25deg)
	}

	85% {
		opacity: .9;
		-webkit-transform: scale(1) rotate(25deg);
		transform: scale(1) rotate(25deg)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(50) rotate(25deg);
		transform: scale(50) rotate(25deg)
	}
}

@keyframes shiny_btn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) rotate(25deg);
		transform: scale(0) rotate(25deg)
	}

	84% {
		opacity: 0;
		-webkit-transform: scale(0) rotate(25deg);
		transform: scale(0) rotate(25deg)
	}

	85% {
		opacity: .9;
		-webkit-transform: scale(1) rotate(25deg);
		transform: scale(1) rotate(25deg)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(50) rotate(25deg);
		transform: scale(50) rotate(25deg)
	}
}

/*吹き出し*/
.post_content .fukidasi {
	margin-bottom: 0.5em;
}

.fukidasi,
.wp-block-lazyblock-btn .fukiari {
	text-align: center;
}

.fukidasi .fuki01,
.fukidasi .fuki02,
.wp-block-lazyblock-btn .fukiari .fuki {
	text-align: center;
	position: relative;
	display: inline-block;
	margin-bottom: 5px;
	line-height: 1.2em;
	font-size: 0.9em;
}

.fukidasi .fuki01,
.fukidasi .fuki02 {
	font-size: 1em;
}

.fukidasi .fuki01,
.wp-block-lazyblock-btn .fukiari .fuki.fuki01 {
	border: 1px solid #000;
	border-radius: 100vh;
	background: #fff;
	padding: 5px 20px 3px;
	color: #000;
	z-index: 1;
}

.fukidasi .fuki01:after,
.fukidasi .fuki01:before,
.wp-block-lazyblock-btn .fukiari .fuki.fuki01:after,
.wp-block-lazyblock-btn .fukiari .fuki.fuki01:before {
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	left: 50%;
}

.fukidasi .fuki01:after,
.wp-block-lazyblock-btn .fukiari .fuki.fuki01:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-width: 11px;
	border-bottom-width: 11px;
	border-left-width: 7px;
	border-right-width: 7px;
	margin-left: -7px;
	border-top-color: #FFFFFF;
}

.fukidasi .fuki01:before,
.wp-block-lazyblock-btn .fukiari .fuki.fuki01:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-width: 12px;
	border-bottom-width: 12px;
	border-left-width: 8px;
	border-right-width: 8px;
	margin-left: -8px;
	margin-top: 1px;
	border-top-color: #000000;
}

.fukidasi .fuki02,
.wp-block-lazyblock-btn .fukiari .fuki.fuki02 {
	padding: 0 20px;
}

.fukidasi .fuki02:before,
.fukidasi .fuki02:after,
.wp-block-lazyblock-btn .fukiari .fuki.fuki02:before,
.wp-block-lazyblock-btn .fukiari .fuki.fuki02:after {
	position: absolute;
	top: 0;
	content: "";
	width: 1px;
	height: 100%;
	background: #000;
	border-radius: 3px;
}

.fukidasi .fuki02:before,
.wp-block-lazyblock-btn .fukiari .fuki.fuki02:before {
	left: 0;
	transform: rotate(-25deg);
}

.fukidasi .fuki02:after,
.wp-block-lazyblock-btn .fukiari .fuki.fuki02:after {
	right: 0;
	transform: rotate(25deg);
}

/* 装飾なし引用タグ */
blockquote.no-design {
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0;
}

blockquote.no-design:before,
blockquote.no-design:after {
	display: none;
}

/* テーブル開閉システム */
.table-close {
	margin-bottom: 0 !important;
}

.table-close table,
table.table-close {
	table-layout: fixed;
	margin-bottom: 0 !important;
}

.table-close:not(.wp-block-lazyblock-tableac .table-close)+p.table-open {
	display: inline-block;
	padding: 5px 15px;
	margin: 5px 0 20px;
	background: var(--color_main) !important;
	color: var(--color_bg) !important;
	border-radius: 20px;
	cursor: pointer;
	font-size: 14px;
	line-height: 1.4em;
	border: 2px solid #fff;
	box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;
}

.table-close+p.table-open:after {
	display: none !important;
}

/*テーブル開閉のボタン*/
.wp-block-lazyblock-tableac .table-open {
	margin-top: 10px;
	position: relative;
	display: inline-block;
	padding: 8px 25px 8px 13px;
	border: 1px solid #ccc;
	background: #f1e767;
	background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
	background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
	background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
	-webkit-box-shadow: inset 1px 1px 1px #fff;
	box-shadow: inset 1px 1px 1px #fff;
	border-radius: 8px;
	text-decoration: none;
	cursor: pointer;
	font-size: 0.8em;
}

.wp-block-lazyblock-tableac .table-open::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	width: 9px;
	height: 9px;
	margin: auto;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: translateY(-2px) rotate(135deg);
	box-sizing: border-box;
	transition: all 0.5s;
}

.wp-block-lazyblock-tableac .table-open.on:after {
	transform: translateY(1px) rotate(315deg);
}

/* ■■■■■ .tableclose ■■■■■ */
.tableclose label input,
.tableclose:has(label[data-show="1"] input[type="checkbox"]) table tr:nth-of-type(n+2),
.tableclose:has(label[data-show="2"] input[type="checkbox"]) table tr:nth-of-type(n+3),
.tableclose:has(label[data-show="3"] input[type="checkbox"]) table tr:nth-of-type(n+4),
.tableclose:has(label[data-show="4"] input[type="checkbox"]) table tr:nth-of-type(n+5),
.tableclose:has(label[data-show="5"] input[type="checkbox"]) table tr:nth-of-type(n+6),
.tableclose:has(label[data-show="6"] input[type="checkbox"]) table tr:nth-of-type(n+7),
.tableclose:has(label[data-show="7"] input[type="checkbox"]) table tr:nth-of-type(n+8),
.tableclose:has(label[data-show="8"] input[type="checkbox"]) table tr:nth-of-type(n+9),
.tableclose:has(label[data-show="9"] input[type="checkbox"]) table tr:nth-of-type(n+10),
.tableclose:has(label[data-show="10"] input[type="checkbox"]) table tr:nth-of-type(n+11),
.tableclose:has(label:not([data-show]) input[type="checkbox"]) table tr:nth-of-type(n+5) {
    display: none;
}
.tableclose:has(label input[type="checkbox"]:checked) table tr {
    display: table-row !important;
}

.tableclose label {
    display: inline-block;
    position: relative;
    padding: 5px 15px;
    margin: 5px 0 20px;
    background: #094;
    background: linear-gradient(175deg, #c5ffe6 0%,#094 80%);
    color: #fff !important;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.4em;
}
.tableclose label:hover {
    background: #094 !important;
    box-shadow: rgba(0,0,0,0.6) 2px 2px 5px;
    top: -2px;
    left: -1px;
}
.tableclose label:active {
    box-shadow: rgba(0,0,0,0.6) 0 1px 5px;
    top: 0;
    left: 0;
}
.tableclose label:after {
    content: "▲クリックで開く";
}
.tableclose label:has(input:checked):after {
    content: "▲クリックで閉じる";
}
.tableclose label[data-open-text]:after {
    content: attr(data-open-text);
}
.tableclose label[data-close-text]:has(input:checked):after {
    content: attr(data-close-text);
}

code {
	background: #f0f0f0;
	border: 1px solid #aaa;
	border-top-width: 2px;
	padding: 15px;
	position: relative;
	display: block;
	margin: 60px 0 10px !important;
}
code:before {
	content: "【コード】";
	position: absolute;
	background: #aaa;
	padding: 4px 15px;
	top: -26px;
	left: -1px;
	font-weight: bold;
	line-height: 1.1em;
	color: #fff;
	border-radius: 6px 6px 0 0;
}
code + br {
	display: none;
}
code + br + .adviser-single {
	margin-top: 0;
}
code[data-title]:before {
	content: attr(data-title);
}

/* 業者Data表示 */
.vendor-block {
	max-width: 840px;
	position: relative;
	margin: 45px auto 40px !important;
	box-sizing: border-box;
	max-width: 880px;
	padding: 0 30px 30px;
	background-color: var(--color_main_thin);
	font-size: 13px;
	line-height: 1.8em;
	box-shadow: rgba(0,0,0,0.6) 1px 1px 5px;
	border-radius: 5px;
}
.wp-block-lazyblock-cta-block + .wp-block-lazyblock-cta-block {
	margin-top: 30px !important;
}
.vendor-block.pin:after {
	content: "";
	position: absolute;
	width: 40px;
	height: 70px;
	background: url(./images/pin.png) no-repeat center center;
	background-size: 100% 100%;
	top: -45px;
	right: -18px;
	z-index: 2;
}
.vendor-block > p.midasi {
	position: relative;
	background: transparent;
	padding: 10px 10px 0 10px;
	margin: 0 -10px 15px;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.3em;
	color: var(--color_main);
	border-radius: 5px 5px 0 0;
	text-align: left;
}
.vendor-block > p.midasi:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 30%;
	left: 0;
	bottom: 0;
	background: var(--color_main);
	opacity: 0.2;
}
.vendor-block p.midasi a {
	color: var(--color_main);
	display: block;
	text-decoration: none;
}
.vendor-block p.midasi a:hover {
	color: var(--color_main_dark);
}
.vendor-head {
	/* overflow: hidden; */
	font-size: 0;
	margin-bottom: 15px;
}
.vendor-head figure {
	position: relative;
	display: inline-block;	
	width: 300px;
	height: 0;
	padding-top: 250px;
	background: #fff;background: transparent !important;
	vertical-align: middle;
	/* overflow: hidden; */
	box-shadow: #aaa 2px 2px 6px inset; box-shadow: none !important;
}
.vendor-head figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
	object-fit: cover;object-fit: contain !important;
}
.vendor-head figure > p {
	position: absolute;
	margin: auto;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 48px;
	line-height: 1.1em;
	font-family:'Times New Roman', Times, serif;
	color: #777;
	transform: translateY(-50%);
	text-shadow: rgba(0,0,0,0.5) 0 0 15px;
}
.vendor-head figure:has(span) {
	margin-bottom: 25px !important;
}

.vendor-head .point,
.vendor-block .point {
	display: inline-block;
	box-sizing: border-box;
	padding: 0 10px 20px 20px;
	width: -webkit-calc( 100% - 320px );
	width: calc( 100% - 320px );
	margin-left: 20px;
	font-size: 16px;
	vertical-align: middle;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}
.vendor-block > .point {
	display: block;
	width: auto;
	margin: 0;
}
.vendor-head .point ul,
.vendor-block .point ul {
	margin: 0;
	padding: 0;
}
.vendor-head .point p.midasi,
.vendor-block .point p.midasi {
	display: block;
	margin: 0 -10px 15px -20px;
	padding: 5px;
	background: var(--color_main);
	text-align: center;
	color: #fff;
	font-size: 120%;
	line-height: 1.2em;
	font-weight: bold;
}
.vendor-head ul li,
.vendor-block ul li {
	line-height: 1.4em;
	margin: 10px 0 0 -5px;
	padding: 5px 5px 5px 32px;
	font-weight: bold;
	animation: 6s y-flash linear infinite;
	border-radius: 20px;
	list-style: none;
	text-align: left;
}
.vendor-head ul li:nth-child(2),
.vendor-block ul li:nth-child(2) {
	animation-delay: 1s;
}
.vendor-head ul li:nth-child(3),
.vendor-block ul li:nth-child(3) {
	animation-delay: 2s;
}
.vendor-head ul li:first-child,
.vendor-block ul li:first-child {
	margin-top: 0;
}
.vendor-head ul li:before,
.vendor-block ul li:before {
	content: "";
	position: absolute;
	background: url(../../uploads/2023/11/favicon.png) no-repeat center center;
	background-size: 100% 100%;
	display: inline-block;
	width: 25px;
	height: 25px;
	top: 0;
	left: 0;
}
@keyframes y-flash {
	0% {
		background: #ff0;
	}
	10% {
		background: transparent;
	}
}
.vendor-block table {
	margin-bottom: 15px;
	line-height: 1.3em;
}
table.vendor-table tr th,
.vendor-block table tr th,
.vendor-block .wp-block-table table tr th,
.vendor-block .wp-block-table table tr th strong,
.vendor-block .wp-block-table table tr th b {
	background: var(--color_main) !important;
	color: #fff !important;
}
.vendor-block .vendor-head table.vendor-table {
	display: inline-table;
	width: -webkit-calc( 100% - 320px );
	width: calc( 100% - 320px );
	margin-left: 20px;
	vertical-align: middle;
}
.vendor-block .vendor-head table.vendor-table tr > * {
	font-size: 15px;
	line-height: 1.3em;
	padding: 5px 10px !important;
}
.vendor-block .wp-block-table ,
.vendor-block .wp-block-table table {
	width: 100% !important;
	min-width: 0 !important;
}
table.vendor-table tr th,
.vendor-block table tr th,
.vendor-block .wp-block-table table tr th {
	width: 25%;
	min-width: 80px;
}
table.vendor-table tr td,
.vendor-block table tr td {
	background-color: #fff !important;
}
.vendor-block table tr:not(:last-child) td {
	border-bottom: 1px solid #bbd0e0 ;
}
.vendor-block table tr td img {
	max-width: 120px !important;
	min-width: 80px;
	width: 80% !important;
}
.vendor-table img[src*="icon-"]{
	width: 32px !important;
	max-width: 32px !important;
	min-width: 32px !important;
	margin-left: 5px;
}
.vendor-block nav {
	text-align: center;
	margin-top: 15px;
}
.vendor-block nav a {
	width: 100% !important;
	text-align: center;
	font-size: 24px !important;
}
.vendor-block aside {
	position: relative;
	padding: 20px 15px;
	margin-top: 30px;
	font-size: 14px;
	vertical-align: middle;
	background: #fff;
/*	box-shadow: rgba(0,0,0,0.3) 2px 2px 5px inset;	*/
	border-radius: 0 8px 8px 8px;
	text-align: left;
}
.vendor-block nav {
	margin-bottom: 40px;
}
.vendor-block.innerblocks nav .swell-block-button a {
	font-size: inherit !important;
}
.vendor-block nav .wp-block-columns {
	align-items: stretch;
	gap: 10px !important;
}
.vendor-block nav .wp-block-columns .swell-block-button,
.vendor-block nav .wp-block-columns .swell-block-button a {
	height: 100%;
}
.vendor-block aside p.midasi { /* .vendor-block aside:before */
	content: "Notice";
	position: absolute;
	box-sizing: border-box;
	height: 27px;
	top: -27px;
	left: 0;
	background: #e44;
	display: block;
	padding: 2px 40px;
	margin: 0;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-radius: 5px 5px 0 0;
/*	transform: translate(-50%,-50%);	*/
/*	box-shadow: rgba(0,0,0,0.5) 2px 2px 5px;	*/
}
.vendor-block table.vendor-table.sp {
	display: none;
}
@media only screen and (max-width: 640px) {
	.vendor-block {
		padding: 0 20px 20px;
	}
	.vendor-block.pin:after {
		width: 25px;
		height: 45px;
		top: -30px;
		right: -15px;
	}
	.vendor-block > p.midasi {
		margin: 0 -20px 15px;
		padding: 10px 60px 10px 20px;
	}
	.vendor-head figure {
		display: block;	
		max-width: 100%;
		margin: 0 auto 15px;
	}
	.smt2line .vendor-head figure {
		display: inline-block;
		width: 40%;
		padding-top: 40%;
		margin: 0;
	}
	.smt2line .vendor-head .point {
		display: inline-block;
		width: 53%;
		margin: 0 0 0 2%;
		font-size: 12px;
		line-height: 1.2em;
		padding: 0 5px 5px;
	}
	.vendor-block.smt2line .vendor-head .point ul li {
		line-height: 1.2em;
		margin-top: 3px;
	}
	.vendor-block.smt2line .vendor-head table.vendor-table {
		display: inline-table;
		width: 58%;
		margin-left: 2%;
	}
	.vendor-block.smt2line .vendor-head table.vendor-table tr th {
		white-space: nowrap;
	}
	/*
	.vendor-head ul {
		display: block;
		width: auto;
		margin-left: 0;
	}
	*/
	.vendor-head .point {
		display: block;
		width: auto;
		margin-left: 0;
	}
	.vendor-block nav a.afbtn {
		font-size: 18px !important;
	}
	.vendor-block .vendor-head table.vendor-table {
		display: table;
		width: 100%;
		margin-left: 0;
	}
	.vendor-block .vendor-head table.vendor-table tr > * {
		font-size: 13px;
		line-height: 1.3em;
		padding: 5px 10px !important;
	}
	.vendor-block table.vendor-table tr.pc {
		display: none;
	}
	.vendor-block table.vendor-table.sp {
		display: table;
	}
}
@media only screen and (max-width: 580px) {
	.vendor-block {
		padding: 0 15px 15px;
	}
	.vendor-block > p.midasi {
		margin: 0 -15px 15px;
		padding: 10px 50px 10px 15px;
	}
	.vendor-block:after {
		width: 48px;
		height: 65px;
		top: -40px;
	}
	/* .vendor-head ul { */
	.vendor-head .point {
		padding: 0 10px 10px;
		margin: 10px 0 0;
		font-size: 14px;
	}
/*	.vendor-head ul:before { */
	.vendor-head .point p.midasi {
		margin-bottom: 8px;
	}
	.vendor-head ul li {
		line-height: 1.4em;
		margin: 5px 0 0 -5px;
		padding: 2px 2px 2px 25px;
	}
	.vendor-head ul li:before {
		width: 22px;
		height: 22px;
	}
	.branch_box nav a.afbtn > span {
		font-size: 15px !important;
	}
	.vendor-block table {
		margin-top: 10px;
	}
	table.vendor-table tr th,
	table.vendor-table tr td,
	.vendor-block table tr th,
	.vendor-block table tr td {
		padding: 5px;
	}
}
@media only screen and (max-width: 400px) {
	.vendor-block {
		padding: 0 10px 10px;
	}
	.vendor-block > p.midasi {
		margin: 0 -10px 15px;
		padding: 10px;
	}
	.vendor-head figure {
		width: 100%;
		padding-top: 83.3333%;
	}
	.vendor-head figure > p {
		font-size: 15vw;
	}
	.vendor-block .vendor-head table.vendor-table tr > * {
		font-size: 12px;
		line-height: 1.3em;
		padding: 5px !important;
	}
}
.vendor-table b,
.vendor-table strong,
.vendor-block b,
.vendor-block strong {
	font-weight: bold;
	color: #e22;
}
.result-box-wrap {
	background: var(--color_main_thin);
	padding: 4%;
	max-width: 880px;
	margin: auto;
	box-shadow: rgba(0,0,0,0.6) 1px 1px 5px;
}

/* カウントダウンタイマー */
.countdown-timer {
	text-align: center;
	font-size: 24px;
	line-height: 1.4em;
	margin: 10px auto 20px;
	padding: 8px 10px 6px;
	vertical-align: middle;
	background: var(--color_main);
	color: #fff;
	border-radius: 5px;
}

.countdown-timer strong,
.countdown-timer b {
	font-size: 130%;
}

.countdown-timer .timer {
	display: inline-block;
	margin: 5px;
	vertical-align: middle;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
}

.countdown-timer .timer strong,
.countdown-timer .timer b {
	color: #ff7;
}

@media only screen and (max-width: 480px) {
	.countdown-timer {
		font-size: 6vw;
		line-height: 1.4em;
	}

	.spec-box .countdown-timer {
		font-size: 5.3vw;
		line-height: 1.4em;
	}

	.countdown-timer .timer {
		display: block;
	}
}



/* 分岐質問CSS */
.ib{ display: inline-block !important; }
.branch_box {
	position: relative;
	background: var(--color_main);
	padding: 10px;
	overflow: visible;
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", osaka, sans-serif;
	margin: 0 0 10px !important;
	clear: both;
	border: 2px solid var(--color_main) !important;
	transition: all 0.5s linear;
	border-radius: 10px;
}
p.branch_heading {
	position: relative;
	margin: 10px 0 2px !important;
	padding: 12px 10px 10px;
	background: linear-gradient(180deg,  var(--color_main_dark) 20%,var(--color_main) 100%);
	font-weight: bold;
	font-size: 21px;
	line-height: 1.2em;
	color: #fff;
	clear: both;
	border-radius: 8px;
	text-shadow: rgba(0,0,0,0.5) -1px -1px 0;
}
/*
p.branch_heading:before {
	content: attr(data-roll);
	font-weight: bold;
	font-family: 'Times New Roman', Times, serif;
	font-size: 68px;
	line-height: 1;
	position: absolute;
	top: -15px;
	right: 20px;
	color: var(--color_main_thin);
	transform: translateX(50%) rotate(-15deg);
	z-index: 6;
	animation: 2s card-roll infinite linear;
	letter-spacing: -2px;
}
@keyframes card-roll {
	0% {
		transform: translateX(50%) perspective(500px) rotate(-15deg) rotateY(0deg);
		filter: brightness(1);
		text-shadow: #fff 0 0 3px, #fff 0 0 5px, #fff 0 0 7px, #fff 0 0 10px, #fff 0 0 15px;
	}
	30% {
		text-shadow: #fff 0 0 0, #fff 0 0 0, #fff 0 0 0, #fff 0 0 0, #fff 0 0 0;
	}
	50% {
		filter: brightness(0.5);
		transform: translateX(50%) perspective(500px) rotate(-15deg) rotateY(180deg);
	}
	100% {
		filter: brightness(1);
		transform: translateX(50%) perspective(500px) rotate(-15deg) rotateY(359deg);
		text-shadow: 0;
	}
}
*/
.roll {
  display: inline-block;
  animation: 2s roll infinite linear;
}
@keyframes roll {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.branch_box img {
	max-width: 100% !important;
}
.branch_box > div {
	position: relative;
	background: rgba(255,255,255,0.7);
	border: 1px solid #fff;
	padding: 10px;
	margin: 0 !important;
	border-radius: 10px;
	overflow: hidden;
	z-index: 10;
}
.branch_box > div figure {
	margin: 0 0 10px;
	text-align: center;
}
.branch_box > div > p {
	font-weight: bold;
	font-size: 120%;
	padding: 15px 10px;
	margin: 0 0 10px;
	background: #fff;
	border-radius: 10px;
	box-shadow: rgba(0,0,0,0.5) 1px 1px 3px inset;
	
}
.branch_box > div > p.tc {
	text-align: center;
}
.branch_box > div > p em {
	display: block;
	margin: -10px -5px -10px !important;
	background: var(--color_main_dark);
	background: linear-gradient(180deg,  var(--color_main_dark) 50%,var(--color_main) 100%);
	padding: 10px;
	color: #fff;
	font-size: 110%;
	font-style: normal;
	font-weight: bold;
	line-height: 1.2em;
	text-shadow: rgba(0,0,0,0.5) -1px -1px 0;
	box-shadow: rgba(0,0,0,0.5) 1px 1px 2px;
	border-radius: 7px;
	text-align: center;
}
.branch_box > div > p small {
	font-size: 75%;
	font-weight: normal;
}
.branch_box > div .vendor-block {
	text-align: left;
}
.branch_box > div > p.q-words {
	text-indent: -1.5em;
	padding: 15px 10px 15px 2em;
}
.branch_box > div > p.q-words:before {
	content: "Q.";
	font-family: 'Times New Roman', Times, serif;
	font-size: 150%;
	font-weight: bold;
	color: #d22;
}
.branch_box > div > nav {
	text-align: center;
}
.branch_box > div > nav > span {
	display: inline-block;
	box-sizing: border-box !important;
	padding: 0 5px !important;
	margin: 1.5% 0 !important;
	margin: 1.5% 1% !important;
	/* border: 3px solid #d55; */
	background: linear-gradient(170deg,  #002C9B 50%,#8af 100%);
	background: #002C9B;
	box-shadow: #fed 1px 1px 2px inset, rgba(0,0,0,0.5) 1px 1px 6px;
	box-shadow: rgba(0,0,0,0.5) 1px 1px 6px;
	/* text-shadow: #a66 -1px -1px 0; */
	color: #fff !important;
	font-weight: bold;
	border-radius: 5px;
	font-size: 16px !important;
	line-height: 1.2em;
	text-align: center;
	cursor: pointer;
	width: 100%;
	width: 48%;
	height: 48px;
	height: 60px;
	vertical-align: middle;
	transition: all 0.5s linear;
}
.branch_box > div > nav > span:hover {
	border-width: 1px 4px 4px 1px;
	filter: brightness(1.2);
	transition: all 0.2s linear;
}
.branch_box > div > nav > span:active {
	border-width: 4px 1px 1px 4px;
	filter: brightness(1);
	transition: all 0.2s linear;
}
.branch_box > div > nav > .start {
	height: 80px !important;
	width: 100%;
	margin: 1.5% 0 !important;
}
.branch_box > div > nav > span:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.branch_box > div > nav > span > span{
	display: inline-block;
	position: relative;
	vertical-align: middle;
	line-height: 1;
	top: 2px;
}
.branch_box > div:not(:first-of-type){
	display: none;
}
.branch_box > div > nav.reload {
	text-align: right;
}
.branch_box > div > nav.reload > span {
	display: inline-block;
	background: #fff !important;
	width: auto;
	height: auto;
	border-radius: 40px;
	padding: 0 15px 0 0 !important;
	margin: 0 !important;
	white-space: nowrap;
	color: #a60 !important;
	border: 0;
	text-shadow: none !important;
	font-size: 16px !important;
	line-height: 1;
	box-shadow: #c60 0 0 0 2px inset;
}
.branch_box > div > nav.reload > span > span {
	width: auto;
	height: auto;
	border-radius: 50%;
	padding: 8px 10px;
	margin: -2px 5px 2px 0 !important;
	background: #26a;
	background: linear-gradient(175deg, #f39800 0%, #ffd099 100%);
	font-size: 40px !important;
	line-height: 1;
	border: 2px solid #c60;
	box-shadow: #fed 1px 1px 2px inset;
	text-shadow: #a60 -1px -1px 0;
	vertical-align: middle;
	color: #fff !important;
}
.branch_box > div > nav .afbtn,
.branch_box > div > nav .afbtn > span {
	font-size: 18px !important;
	line-height: 1.2em;
}
p.branch_heading small {
	display: block;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.2em !important;
	margin: 0 0 5px;
}
.branch_box > div dl dd nav p {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 12px;
	line-height: 1.2em;
}
.branch_box > div dl dd > .words {
	background: var(--color_main_thin);
	margin: 10px 0 20px;
	padding: 10px;
	text-align: left;
	border-radius: 10px;
	border: 1px solid var(--color_main);
}
.branch_box > div dl dd > .words table {
	table-layout: fixed;
}
.branch_box > div dl dd > .words table:last-child {
	margin-bottom: 0;
}
.branch_box > div dl dd > .words table th {
	background-color: var(--color_main);
	color: #fff;
}
.branch_box > div dl dd figure {
	margin: 0 0 20px;
}
.afbtn > span,
.branch_box > div > nav .start > span {
	display: inline-block;
	position: relative;
	vertical-align: middle !important;
/*
	min-width: 100%;
*/
}
.arrow > span:before {
	content: ">>";
	color: #fff;
	display: inline-block;
	position: absolute;
	transform: translate(-100%, -50%);
	left: 0;
	top: 50%;
	white-space: nowrap;
	font-weight: normal;
	font-size: 120%;
	line-height: 1.3em;
	vertical-align: middle;
	animation: 1s arrow-move-l infinite ease-in-out;
}
.arrow > span:after {
	content: "<<";
	color: #fff;
	display: inline-block;
	position:  absolute;
	transform: translate(100%, -50%);
	right: 0;
	top: 50%;
	white-space: nowrap;
	font-weight: normal;
	font-size: 120%;
	line-height: 1.3em;
	vertical-align: middle;
	animation: 1s arrow-move-r infinite ease-in-out;
}
@keyframes arrow-move-l {
	0%{
		color: #fff;
		letter-spacing: 50px;
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80%{
		letter-spacing: 0;
		opacity: 1;
	}
	100%{
		color: #fff;
		opacity: 0;
	}
}
@keyframes arrow-move-r {
	0%{
		color: #fff;
		right: -50px;
		letter-spacing: 50px;
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80%{
		right: 0;
		letter-spacing: 0;
		opacity: 1;
	}
	100%{
		color: #fff;
		opacity: 0;
	}
}
.branch_box > div dl {
	background: #fff;
	border-radius: 5px;
	box-shadow: rgba(0,0,0,0.5) 2px 2px 5px;
	margin: 20px 0;
	padding: 0;
	text-align: center;
	overflow: visible;
}
.branch_box > div dl dt {
	background: var(--color_main_dark);
	background: linear-gradient(180deg,  var(--color_main_dark) 50%,var(--color_main) 100%);
	padding: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.2em;
	text-shadow: rgba(0,0,0,0.5) -1px -1px 0;
	border-radius: 5px 5px 0 0;
}
.branch_box > div dl dt small {
	font-size: 80%;
	font-weight: normal;
	line-height: 1.2em;
}
.branch_box > div dl dd {
	padding: 10px;
}
.branch_box > div dl dd div.vendor-block:first-child {
	margin-top: 0 !important;
}
.branch_box > div dl dd div.vendor-block + br {
	display: none !important;
}
.branch_box > div dl dd figure img {
	border: 1px solid #fff;
	box-shadow: rgba(0,0,0,0.5) 2px 2px 6px;
}
.branch-last-banner {
	font-size: 14px;
	line-height: 1.4em;
	font-weight: bold;
	padding: 10px;
	max-width: 830px;
	margin: 0 auto 20px;
	background: #fff;
	border-radius: 10px;
}
.branch-last-banner a {
	display: inline-block;
	margin: 10px 0 20px;
}
@media only screen and (max-width: 640px) {
	.branch_box > div p.words {
		font-size: 16px;
		line-height: 1.4em;
	}
}
@media only screen and (min-width: 640px) {
	.branch-last-banner {
		font-size: 17px;
		line-height: 1.4em;
	}
	p.branch_heading {
		font-size: 28px;
		line-height: 1.2em !important;
		padding: 15px;
	}
	p.branch_heading:before {
		top: -20px;
    font-size: 88px;
    line-height: 1em;
	}
	.branch_box > div ,
	.branch_box {
		padding: 15px;
	}
	.branch_box > div > nav > span {
		font-size: 21px !important;
	}
	.branch_box > div > nav .afbtn,
	.branch_box > div > nav .afbtn > span {
		font-size: 24px !important;
		line-height: 1.2em;
	}
	.branch_box > div > nav.reload {
		padding: 0 !important;
	}
	.branch_box > div > nav > span {
		width: 45%;
		height: 84px;
		margin: 1.5% !important;
	}

	.branch_box > div dl dt {
		font-size: 150%;
		border-radius: 15px 15px 0 0;
	}
	.branch_box > div dl dd nav p {
		font-size: 17px;
	}
	.branch_box > div dl {
		border-radius: 15px;
		max-width: 830px;
		margin: 30px auto;
	}
	.branch_box > div dl dd {
		padding: 20px;
	}
}
.branch_box.blue {
	background: #bde;
	border: 0 !important;
	color: #000;
}
.branch_box.blue  > div dl dt ,
p.branch_heading.blue {
	background: linear-gradient(180deg, #4e9cb9 20%,#90bcdb 100%);
}
.branch_box.blue > div {
	background: #cfebff;
}
.branch_box.blue > div > nav > span {
	background: linear-gradient(175deg, #f39800 0%, #ffd099 100%);
	text-shadow: rgba(0,0,0,0.6) -1px -1px 0;
	border-color: #a50;
}
.branch_box.blue > div dl dd > .words {
	background: #cfebff;
	border-color: #bde;
}
.branch_box.blue > div dl dd > .words table th {
	background-color: #90bcdb;
	color: #fff;
}
.img-box {
	position: relative;
	margin: 40px 0;
	padding: 20px 20px 20px 32%;
}
.img-box > img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.img-words-box {
	position: relative;
	background: rgba(255,255,255,0.7);
	padding: 20px;
	border-radius: 15px;
	box-shadow:rgba(0, 0, 0, 0.5) 2px 2px 6px;
	z-index: 1;
	font-size: 95%;
	line-height: 1.5em;
	margin: 0 !important;
	text-shadow: #fff 1px 1px 0, #fff -1px 1px 0, #fff 1px -1px 0, #fff -1px -1px 0;
}
.img-box.next {
	padding: 30% 10px 30px!important;
	min-height: 80%;
}

@media only screen and (max-width: 640px) {
	.img-box {
		padding: 28% 10px 10px 10px !important;
	}
	.img-words-box {
		padding: 10px;
		border-radius: 10px;
		line-height: 1.4em;
	}
}


/* 本体に合わせるHeader & Footer（2024/04/19） */
.l-header.-parallel .w-header{align-items:center}
.l-header.-parallel .w-header .new_btn{margin-right:20px}
.l-header.-parallel .w-header .new_btn a,
.l-header.-parallel .w-header .member_btn a{display:flex;align-items:center;text-decoration:none;vertical-align:bottom;color:#fff;font-size:1.6rem;font-family:"Noto Sans JP",sans-serif;font-weight:700;padding:15px 25px;border-radius:60px;position:relative;transition:.3s}
.l-header.-parallel .w-header .new_btn a{background-color:#f28126;border-bottom:6px solid #ea5812}
.l-header.-parallel .w-header .new_btn a img,.l-header.-parallel .w-header .member_btn a img{margin-right:10px}
.l-header.-parallel .w-header a span{font-size:16px;line-height:1}
.l-header.-parallel .w-header .member_btn a{background:#00bc5e;border-bottom:6px solid #009d38}
.l-header.-parallel .w-header .w-header__inner{margin-left:auto}
@media (min-width: 960px) {
  .-parallel-bottom .l-header__inner {
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
  }

  .-parallel-bottom .l-header__logo {
    max-width: 300px;
    padding: 0 0 0 40px;
  }

  .l-header.-parallel .w-header {
    max-width: 500px;
    padding-right: 40px;
    margin: 0;
  }

  .-parallel .l-header__gnav {
    border-top: 4px solid #00bc5e;
    margin-top: 15px;
    font-family: "Noto Sans JP", sans-serif;
  }

  .-parallel .l-header__gnav .c-gnav {
    width: 100%;
    max-width: 1350px;
    margin: auto;
  }

  .c-gnav>.menu-item {
    width: 20%;
  }

  .menu-item-4493>a {
    pointer-events: none;
  }

  .c-gnav>.menu-item:before,
  .c-gnav>.menu-item:last-child:after {
    content: "";
    position: absolute;
    top: 50%;
    background: #e0e0e0;
    width: 1px;
    height: calc(100% - 24px);
    margin-top: -12px;
  }

  .c-gnav>.menu-item:before {
    left: 0;
  }

  .c-gnav>.menu-item:last-child:after {
    right: 0;
  }

  .c-gnav>.menu-item>.sub-menu {
    width: 100%;
  }

  .c-gnav .sub-menu a {
    text-align: center;
    padding: .5em .75em;
  }

  .c-gnav .sub-menu a:before {
    display: none;
  }
}

.l-header__menuBtn .c-iconBtn {
  color: #00bc5e;
}

.c-iconBtn__label {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 10px;
}

@media screen and (max-width: 960px) {
  .l-header {
    border-bottom: 4px solid #00bc5e;
  }

  .c-widget__title.-spmenu {
    display: none;
  }

  .p-spMenu__body {
    padding: 2vw 0 10vw;
    font-family: "Noto Sans JP", sans-serif;
  }

  .p-spMenu__inner {
    width: 250px;
  }

  .c-listMenu a:before {
    left: auto;
    right: 10px;
  }

}

#custom_html-5 .custom-html-widget {
  display: flex;
  justify-items: center;
  justify-content: flex-end;
}

.-img .c-headLogo__link {
  text-align: left;
}


#custom_html-6 {
  background: #fff;
  width: 100%;
  color: #000;
  position: relative;
  padding: 20px 0;
}


#custom_html-6 .container {
  position: relative;
  z-index: 1;
}

#custom_html-6 .container p.f_info {
  text-align: center;
  margin: 20px 0 0;
}

#custom_html-6 .container p.foot_desc {
  position: relative
}

#custom_html-6 .container p.foot_desc span {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

#before_footer_widget.w-beforeFooter {
  background: #edf6dc;
  text-align: left;
  padding: 40px 0;
}


@media screen and (max-width: 780px) {
  #custom_html-6 .container p.foot_desc span {
    position: static;
    display: block;
    transform: translateY(0) !important;
    text-align: center;
  }
}

@media screen and (min-width: 960px) {

  .vsp {
    display: none;
  }

  #before_footer_widget.w-beforeFooter {
    padding: 80px 0;
  }

  #custom_html-7 .textwidget {
    display: flex;
  }

  #custom_html-7 .option {
    width: 25%;
  }

  #custom_html-7 .title {
    font-size: 1.2rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
  }
}

.foot_txt {
  margin: 0px auto 65px !important;
  font-size: 1.4rem;
  font-weight: bold;
  color: #393939;
}

.t_center {
  text-align: center;
}

#custom_html-7 {
  font-family: "Noto Sans JP", sans-serif;
}

#custom_html-7 .toggle {
  display: none;
}

#custom_html-7 .option {
  position: relative;
}

.c-widget .textwidget>:not(:last-child) {
  margin-bottom: 0;
}

#custom_html-7 ul li a {
  font-size: 0.9rem;
  font-weight: 300;
  color: #333;
  text-decoration: none;
}

#custom_html-7 .title,
#custom_html-7 .content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}

#custom_html-7 .title {
  display: block;
  color: #333;
  font-weight: bold;
}

@media screen and (max-width: 960px) {
  #custom_html-6 {
    padding: 0px 0 20px;
  }

  #custom_html-7 {
    background-color: #fff;
    padding: 10px 20px 30px;
    border-radius: 10px;
  }

  #custom_html-7 .title {
    border-bottom: solid 1px #ccc;
    padding: 1em 0.5em;
  }

  #custom_html-7 .content {
    max-height: 0;
    overflow: hidden;
  }

  #custom_html-7 .title:after,
  #custom_html-7 .title:before {
    content: "";
    position: absolute;
    right: 1.25em;
    top: 1.25em;
    width: 3px;
    height: 1.4em;
    background-color: #00bc5e;
    transition: all 0.3s;
  }

  #custom_html-7 .title:after {
    transform: rotate(90deg);
  }

  #custom_html-7 .toggle:checked+.title+.content {
    max-height: 400px;
    transition: all .8s;
  }

  #custom_html-7 .toggle:checked+.title:before {
    transform: rotate(90deg) !important;
  }

  #custom_html-7 ul {
    padding: 0.5em;
  }

  .w-beforeFooter {
    margin: 6em auto 0;
  }

  .foot_txt {
    margin: 0px auto 15px !important;
  }

  #custom_html-8 {
    margin-top: 0;
  }

  #custom_html-8 .sp_fix {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    display: flex;
    align-items: center;
  }

  #custom_html-8 .sp_fix a {
    width: 50%;
    color: #fff;
    font-size: 1rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    padding: 15px;
    background-position: left 10px center;
    background-size: 20px;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    position: relative;
    transition: 0.3s;
    text-decoration: none;
  }

  #custom_html-8 .new_btn {
    background-color: #f28126;
    border-bottom: 6px solid #ea5812;
    background-image: url("https://fukufo.co.jp/assets/img/head_icon02.svg");
  }

  #custom_html-8 .member_btn {
    background: #00bc5e;
    border-bottom: 6px solid #009d38;
    background-image: url("https://fukufo.co.jp/assets/img/head_icon02.svg");
  }

  .l-footer {
    padding-bottom: 65px;
  }

  .p-fixBtnWrap {
    bottom: calc(1.25em + 65px);
  }
}
/* パンくず */
.p-breadcrumb {
    white-space: nowrap;
    height: auto !important;
    padding: 0 5px !important;
    background: transparent;
}
.p-breadcrumb ol.l-container {
    padding: 5px 0;
    overflow-x: auto;
    max-width: 1200px;
    font-size: 14px;
}
.p-breadcrumb .p-breadcrumb__list {
    padding: 0;
	color: #444;
}
.p-breadcrumb .p-breadcrumb__list a {
    color: #444;
    text-decoration: none;
}
@media screen and (max-width: 768px) {
	.p-breadcrumb ol.l-container {
		font-size: 12px;
	}
}

/* 投稿記事でのパンくず内の記事タイトル表示 */
.single .p-breadcrumb .p-breadcrumb__list li.p-breadcrumb__item,
.p-breadcrumb .p-breadcrumb__list li.p-breadcrumb__item,
.single .p-breadcrumb .p-breadcrumb__list li.p-breadcrumb__item:last-child > span.p-breadcrumb__text,
.p-breadcrumb .p-breadcrumb__list li.p-breadcrumb__item:last-child > span.p-breadcrumb__text {
    display: inline !important;
    white-space: wrap;
}
.single .p-breadcrumb__item:after,
.p-breadcrumb__item:after {
    display: inline-block;
    margin: 0 8px;
}
.single .p-breadcrumb .p-breadcrumb__list,
.p-breadcrumb .p-breadcrumb__list {
    display: block !important;
    width: auto !important;
    font-size: 12px;
    white-space: wrap;
}
.p-breadcrumb__item:last-child span {
	opacity: 1 !important;
}
@media (min-width: 768px) {
    .single .p-breadcrumb .p-breadcrumb__list,
    .p-breadcrumb .p-breadcrumb__list {
        font-size: 14px;
    }
}

/* 口コミブロック review-block */
.wp-block-lazyblock-review-block {
    position: relative;
    letter-spacing: 0;
}
.wp-block-lazyblock-review-block:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color_main);
    opacity: 0.4;
}
.reviewer_list_all {
    position: relative;
    display: flex;
    align-items: stretch;
    overflow-x: auto;
    padding: 15px;
    gap: 15px;
    flex-wrap: nowrap;
    z-index: 1;
}
.reviewer_list_all > .reviewer_list {
    position: relative;
    min-width: 230px;
    background: var(--color_bg);
    border-radius: 5px;
    padding: 10px;
	flex: 1;
}
.reviewer_list_all > .reviewer_list .reviewer_head {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
    align-items: stretch;
}
.reviewer_list_all > .reviewer_list .reviewer_head figure {
    width: 30%;
    text-align: center;
}
.reviewer_list_all > .reviewer_list .reviewer_head figure > div {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding: 100% 0 0;
    border-radius: 50%;
}
.reviewer_list_all > .reviewer_list .reviewer_head figure > figcaption {
    padding: 0;
    margin: 2px 0 0;
    line-height: 1.2em;
}
.reviewer_list_all > .reviewer_list .reviewer_head figure > div img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.reviewer_list_all > .reviewer_list .reviewer_head dl {
    position: relative;
    width: 70%;
    background: #eee;
    padding: 5px;
    margin: 0;
    padding: 8px;
    border-radius: 5px;
}
.reviewer_list_all > .reviewer_list .reviewer_head dl:before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width:  5px 10px 5px 0;
    border-color: transparent #eee transparent transparent;
    left: -10px;
    top: 20px;
}
.reviewer_list_all > .reviewer_list .reviewer_head dl dt {
    position: relative;
    font-size: 110%;
    line-height: 1.5em;
    width: fit-content;
    margin: 0 auto;
    padding: 0;
    white-space: nowrap;
}
.reviewer_list_all > .reviewer_list .reviewer_head dl dt:before {
    content: "★★★★★";
    color: #bbb;
}
.reviewer_list_all > .reviewer_list .reviewer_head dl dt:after {
    content: "★★★★★";
    position: absolute;
    left: 0;
    top: 0;
    color: #eecc00;
    overflow: hidden;
    white-space: nowrap;
}
.reviewer_list_all > .reviewer_list .reviewer_head dl dt[data-star="1"]:after {
    width: 1em;
}
.reviewer_list_all > .reviewer_list .reviewer_head dl dt[data-star="1.5"]:after {
    width: 1.5em;
}
.reviewer_list_all > .reviewer_list .reviewer_head dl dt[data-star="2"]:after {
    width: 2em;
}
.reviewer_list_all > .reviewer_list .reviewer_head dl dt[data-star="2.5"]:after {
    width: 2.5em;
}
.reviewer_list_all > .reviewer_list .reviewer_head dl dt[data-star="3"]:after {
    width: 3em;
}
.reviewer_list_all > .reviewer_list .reviewer_head dl dt[data-star="3.5"]:after {
    width: 3.5em;
}
.reviewer_list_all > .reviewer_list .reviewer_head dl dt[data-star="4"]:after {
    width: 4em;
}
.reviewer_list_all > .reviewer_list .reviewer_head dl dt[data-star="4.5"]:after {
    width: 4.5em;
}
.reviewer_list_all > .reviewer_list .reviewer_head dl dd {
    font-size: 90%;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    text-align: justify;
    text-justify: inter-ideograph;
}
.reviewer_list_all > .reviewer_list > p {
    font-size: 110%;
    line-height: 1.4em;
    letter-spacing: 0;
    margin: 10px 0 0;
    text-align: justify;
    text-justify: inter-ideograph;
}
@media (max-width: 480px) {
    .reviewer_list_all > .reviewer_list {
        min-width: 200px;
    }
    .wp-block-lazyblock-review-block {
        font-size: 100%;
    }
    .reviewer_list_all {
        padding: 10px;
        gap: 10px;
    }
}
/* 口コミブロック review-block end*/

/* テーブル2列目も固定（2025/4/7 追加 2025/6/20 先頭セルがrowspanで結合しててもOKなように改修） */
.wp-block-table.l2 tr > *:nth-child(2) {
	position: sticky !important;
	left: 30px !important;
	z-index: 2 !important;
}
.wp-block-table.l2 tr:has(th[rowspan="2"]) + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="3"]) + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="3"]) + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="4"]) + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="4"]) + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="5"]) + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="5"]) + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="5"]) + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="5"]) + tr + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="6"]) + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="6"]) + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="6"]) + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="6"]) + tr + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="6"]) + tr + tr + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="7"]) + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="7"]) + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="7"]) + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="7"]) + tr + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="7"]) + tr + tr + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="7"]) + tr + tr + tr + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="8"]) + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="8"]) + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="8"]) + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="8"]) + tr + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="8"]) + tr + tr + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="8"]) + tr + tr + tr + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="8"]) + tr + tr + tr + tr + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="9"]) + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="9"]) + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="9"]) + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="9"]) + tr + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="9"]) + tr + tr + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="9"]) + tr + tr + tr + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="9"]) + tr + tr + tr + tr + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="9"]) + tr + tr + tr + tr + tr + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="10"]) + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="10"]) + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="10"]) + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="10"]) + tr + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="10"]) + tr + tr + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="10"]) + tr + tr + tr + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="10"]) + tr + tr + tr + tr + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="10"]) + tr + tr + tr + tr + tr + tr + tr + tr > *:first-child,
.wp-block-table.l2 tr:has(th[rowspan="10"]) + tr + tr + tr + tr + tr + tr + tr + tr + tr > *:first-child {
	position: sticky !important;
	left: 30px !important;
	z-index: 3 !important;
}
body .l-content .l-mainContent .wp-block-table.l2 tr > *:first-child,
.wp-block-table.l2 tr > *:first-child{
	max-width: 30px;
	width: 30px;
	min-width: 30px;
}
.wp-block-table.l2 figcaption {
	position: sticky;
	left: 0;
}

/* 記事先頭のアイキャッチ拡大阻止 */
body .l-content .l-mainContent figure.p-articleThumb img.p-articleThumb__img {
    width: auto !important;
    min-width: 0 !important;
    margin: auto;
}
/* カテゴリアイコン削除
.p-articleMetas__termList.c-categoryList {
	display: none;
}
*/

/* ■■■■■ 貸付条件 .loan-conditions-box ■■■■■ */
.loan-conditions-box {
	margin: 20px 0;
	font-size: 11px;
	line-height: 1.4em;
}
.loan-conditions-box label {
	position: relative;
	display: block;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.4em;
	cursor: pointer;
}
.loan-conditions-box label:before {
	content: "▼貸付条件";
}
.loan-conditions-box label:has(input:checked):before {
	content: "▲貸付条件";
}
.loan-conditions-box label input {
	display: none;
}
.loan-conditions-box>div {
	max-height: 0;
	margin: 0;
	padding: 0 10px;
	overflow: hidden;
	opacity: 0;
	border: 0;
	transition: all 0.3s linear;
}
.loan-conditions-box:has(input:checked)>div {
	max-height: 1400px;
	padding: 10px;
	opacity: 1;
	transition: all 0.3s linear;
	border: 1px solid #ccc;
}
.loan-conditions-box>div>div:before {
	background: #999;
	display: block;
	width: fit-content;
	padding: 5px 10px;
	color: #fff;
}
.loan-conditions-box>div>div:after {
	display: block;
	margin: 10px 0;
	white-space: pre-wrap;
}
.loan-conditions-box>div>div.aiful:before {
	content: "▼アイフル 貸付条件";
}
.loan-conditions-box>div>div.aiful:after {
    content: "商号：アイフル株式会社\A登録番号：近畿財務局長(14)第00218号\A貸付利率：3.0%～18.0%（実質年率）\A遅延損害金：20.0％（実質年率）\A契約限度額または貸付金額：800万円以内(要審査)\A返済方式：借入後残高スライド元利定額リボルビング返済方式\A返済期間・回数：借入直後最長14年6ヶ月（1～151回）\A担保・連帯保証人：不要";
}
.loan-conditions-box > div > div.lake:before {
	content: "▼レイク 貸付条件";
}
.loan-conditions-box > div > div.lake:after {
    content: "【無利息】\A・初回契約日の翌日から無利息\A・お借入れ額5万円まで180日間無利息\A・無利息期間経過後は通常金利適用\A・30日間無利息、60日間無利息（Webでのお申込み限定）、180日間無利息の併用はできません\A・60日間無利息（Webでのお申込み限定）\A・180日間無利息はご契約額が1～200万円の方が対象です\A・ご契約額が200万以上の方は30日間無利息のみ利用可能です";
    content: "【無利息】\A 365日間無利息\A※初めてのご契約\A※Webでお申込み・ご契約、ご契約額が50万円以上（お借入額1万円でも可能）でご契約後59日以内に収入証明書類の提出とレイクでの登録が完了の方\A\A 60日間無利息\A※初めてのご契約\A※Webお申込み、ご契約額が50万円未満の方\A\A・無利息期間経過後は通常金利適用\A・初回契約翌日から無利息適用\A・他の無利息商品との併用不可";
}
.loan-conditions-box > div > div.lake-plus:before {
	background: transparent;
	display: block;
	padding: 0;
	margin: 0;
	color: #000;
	content: "【貸付条件】";
}
.loan-conditions-box > div > div.lake-plus {
	margin-top: 10px;
}
.loan-conditions-box > div > div.lake-plus:after {
	display: none;
}
.loan-conditions-box > div > div.lake-plus > a:before {
	content: "・貸付条件はこちら";
}