@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap');

/*
----------------------------------------

compare

----------------------------------------
*/

:root :where(body) {
	font-family: "Outfit", "Noto Sans JP", sans-serif;
	font-weight: 500;
}

.editor-styles-wrapper .is-vertical .block-list-appender {
	width: initial;
}

.is-style-round-block {
	border-radius: 10px;
	overflow: hidden;
}

body .is-style-en,
body .en,
h1, h2, h3, h4, h5, h6,
:root :where(.wp-block-heading) {
	font-family: "Outfit", "Noto Sans JP", sans-serif;
	font-weight: 500;
}

strong,
.ttl {
	font-weight: 500;
}

.is-layout-constrained > * {
	margin-block-start: 2.1em;
}

body .block-table .tbody .th {
	background: var(--wp--preset--color--quaternary);
}

.efo-form input[type=submit],
.efo-form button[type=submit] {
	box-shadow: 0 3px 0 #138596;
}

.efo-form input[type=submit].disabled,
.efo-form button[type=submit].disabled {
	box-shadow: none;
}

body form.snow-monkey-form[data-screen=confirm] .smf-item {
	border-bottom: solid 1px var(--wp--preset--color--gray);
}

body form.snow-monkey-form[data-screen=confirm] .smf-item:nth-child( even ) {
	background: transparent;
}

body .smf-item.agree {
	padding: var(--wp--preset--spacing--30) 0;
}

body form.snow-monkey-form:not( [data-screen=confirm] ) .agree .smf-item__col--controls::before {
	top: 1.4em;
}

body .page-header .page-ttl {
	font-size: var( --wp--preset--font-size--40-px );
}

body .privacy-policy {
	max-height: 280px;
}

body .is-style-heading-01 {
	padding: .4em 0 .5em;
	border-top: double 3px var(--wp--preset--color--primary);
	border-bottom: double 3px var(--wp--preset--color--primary);
}


/* navigation
---------------------------------------- */

.g-nav .navigation .nav-btn {
	position: relative;
}

.g-nav .navigation .nav-btn::after {
	content: '';
	height: 8px;
	background: var(--wp--preset--color--secondary);
	position: absolute;
	right: 50%;
	bottom: var(--wp--preset--spacing--30);
	left: 50%;
	transition: all .2s;
}

.g-nav .navigation .nav-btn + .nav-btn::before {
	content: '';
	width: 2px;
	height: 26px;
	background: url( ../img/josuihikaku-lab/2x/dot.png ) center center / contain no-repeat;
	position: absolute;
	top: calc( 50% - 13px );
	left: -1px;
}

.g-nav .navigation .nav-btn > p > a {
	display: block;
	padding: 24px;
	letter-spacing: 2px;
	line-height: 20px;
	white-space: nowrap;
	position: relative;
	z-index: 1;
	transition: background .2s;
}

.g-nav .navigation .nav-btn::after {
	display: none !important;
}

#g-nav a[href=#] {
	pointer-events: none;
}

.g-nav .navigation .nav-btn.cmp,
.g-nav .navigation .nav-btn.contact {
	display: none;
}

.g-nav .navigation .has-child {
	position: relative;
}

.g-nav .navigation .has-child > p > a {
	padding-right: 44px;
}

.g-nav .navigation .has-child > p > a::after {
	content: '';
	display: block;
	width: 13px;
	height: 8px;
	background: url( ../img/josuihikaku-lab/2x/arrow-down.png ) center center / contain no-repeat;
	position: absolute;
	top: calc( 50% - 4px );
	right: 24px;
	transition: unset;
}

.g-nav .navigation .child {
	position: absolute !important;
	top: 100%;
	left: 50%;
	transform: translateX( -50% );
	background: var(--wp--preset--color--base);
	border-radius: 10px;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	transition: all .2s;
}

.wp-block-template-part:has( > .header-compare ) {
	position: absolute;
	top: 40px;
	right: 0;
	left: 0;
	z-index: 9999;
}

.header-compare:not( .toggle-nav ) .g-nav .navigation .nav-btn p a {
	transition: color .2s;
}

.header-compare:not( .toggle-nav ) .g-nav .navigation .cat-menu {
	list-style: none;
	padding: 0;
	white-space: nowrap;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	border: none;
}

.header-compare:not( .toggle-nav ) .g-nav .navigation .cat-menu > li + li {
	border-top: solid 1px rgba( 0, 0, 0, .15 );
}

.header-compare:not( .toggle-nav ) .g-nav .navigation .cat-menu > li > a {
	padding: 14px 36px !important;
	text-align: center;
	color: var(--wp--preset--color--base);
	transition: all .2s;
}

.header-compare:not( .toggle-nav ) > .wp-block-group {
	background: var(--wp--preset--color--base);
	padding: 10px 40px 10px 46px;
	border-radius: 45px;
}

.g-nav .navigation .cat-menu > li > a::after {
	display: none;
}

/* toggle-nav */

.toggle-btn::before,
.toggle-btn p::before,
.toggle-btn p::after {
	background: var(--wp--preset--color--base) !important;
	filter: unset !important;
}

.header.toggle-nav .g-nav {
	background: var(--wp--preset--color--light-gray) !important;
}

.header.toggle-nav .g-nav .navigation .nav-btn > p > a {
	color: var(--wp--preset--color--primary) !important;
	letter-spacing: 0 !important;
}

.header.toggle-nav .g-nav .navigation .nav-btn > p > a::before {
	background: var(--wp--preset--color--primary);
}

.header.toggle-nav .g-nav .navigation .has-child > p > a::after {
	background: var(--wp--preset--color--primary) !important;
	color: var(--wp--preset--color--base) !important;
}

.header.toggle-nav .g-nav .navigation .child {
	padding: 0 var(--wp--preset--spacing--30);
	border: solid 2px var(--wp--preset--color--primary) !important;
	background: var(--wp--preset--color--base) !important;
}

.header.toggle-nav .cat-menu > li + li {
	border: none;
	background: url( ../img/josuihikaku-lab/2x/dot-border.png ) left top / 4px repeat-x;
	padding-top: 2px;
}

.header.toggle-nav .cat-menu a {
	padding: 24px 30px 24px 68px !important;
	text-align: left;
	position: relative;
}

.header.toggle-nav .cat-menu a::after {
	content: '';
	display: inline-block !important;
	width: 9px;
	height: 14px;
	background: url( ../img/josuihikaku-lab/2x/arrow-right.png ) center center / contain no-repeat;
	position: absolute;
	top: calc( 50% - 7px );
	right: 10px;
	transition: all .2s;
}

.header.toggle-nav .g-nav .navigation {
	padding: var(--wp--preset--spacing--40);
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0 1em;
}

.header.toggle-nav .g-nav .navigation .nav-btn {
	width: calc( ( 100% - 2em ) / 3 );
	padding: 0 0 2em;
}

.header.toggle-nav .g-nav .navigation .nav-btn::after {
	display: none;
}

.header.toggle-nav .g-nav .navigation .nav-btn + .nav-btn::before {
	display: none;
}

.header.toggle-nav .g-nav .navigation .nav-btn > p {
	width: 100%;
}

.header.toggle-nav .g-nav .navigation .nav-btn.cmp,
.header.toggle-nav .g-nav .navigation .nav-btn.contact {
	display: block;
}

.header.toggle-nav .g-nav .navigation .nav-btn > p > a {
	color: var(--wp--preset--color--base);
	padding: 132px 0 0 !important;
}

.header.toggle-nav .g-nav .navigation .nav-btn > p > a::before {
	content: '';
	display: inline-block;
	font-variation-settings:
		'FILL' 1,
		'wght' 400;
	font-family: "Material Symbols Outlined";
	font-weight: 300;
	font-size: 56px;
	color: var(--wp--preset--color--base);
	width: 120px;
	height: 120px;
	line-height: 112px;
	border: solid 4px rgba( 255, 255, 255, .25 );
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: calc( 50% - 60px );
	transition: all .2s;
}

.header.toggle-nav .g-nav .navigation .nav-btn.top > p > a::before {
	content: '\e88a';
}

.header.toggle-nav .g-nav .navigation .nav-btn.rank > p > a::before {
	content: '\e7af';
}

.header.toggle-nav .g-nav .navigation .nav-btn.has-child > p > a::before {
	content: '\f02f';
}

.header.toggle-nav .g-nav .navigation .nav-btn.cmp > p > a::before {
	content: '\ef49';
}

.header.toggle-nav .g-nav .navigation .nav-btn.news > p > a::before {
	content: '\e6d3';
}

.header.toggle-nav .g-nav .navigation .nav-btn.contact > p > a::before {
	content: '\e158';
}

.header.toggle-nav .g-nav .navigation .has-child > p > a::after {
	font-family: 'Material Symbols Outlined';
	content: '\e145' !important;
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 50%;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--primary);
	position: relative;
	top: 2px;
	right: 0 !important;
	left: 10px;
}

.header.toggle-nav .g-nav .navigation .has-child.nav-open > p > a::after {
	content: '\e15b' !important;
}

.header.toggle-nav .g-nav .navigation .child {
	display: none;
	position: relative !important;
	top: 0;
	left: auto;
	opacity: 1;
	visibility: visible;
	width: 100%;
	background: transparent;
	margin-bottom: 2em;
	border: solid 4px rgba( 255, 255, 255, .25 );
	border-radius: 10px;
	overflow: hidden;
	z-index: 1;
	transform: none;
	transition: none;
}

.header.toggle-nav .g-nav .navigation .child .cat-menu {
	background: var(--wp--preset--color--base);
}

.header.toggle-nav .cat-menu > li > a {
	padding: 18px 20px;
}

.header.toggle-nav .cat-menu > li.alone > a {
	background: url( ../img/josuihikaku-lab/2x/icon-alone.png ) left center / 50px no-repeat;
}

.header.toggle-nav .cat-menu > li.electric > a {
	background: url( ../img/josuihikaku-lab/2x/icon-electric.png ) left center / 50px no-repeat;
}

.header.toggle-nav .cat-menu > li.baby > a {
	background: url( ../img/josuihikaku-lab/2x/icon-baby.png ) left center / 50px no-repeat;
}

.header.toggle-nav .cat-menu > li.desktop > a {
	background: url( ../img/josuihikaku-lab/2x/icon-desktop.png ) left center / 50px no-repeat;
}

.header.toggle-nav .cat-menu > li.refill > a {
	background: url( ../img/josuihikaku-lab/2x/icon-refill.png ) left center / 50px no-repeat;
}

.header.toggle-nav .cat-menu > li.direct > a {
	background: url( ../img/josuihikaku-lab/2x/icon-direct.png ) left center / 50px no-repeat;
}

.header.toggle-nav .cat-menu > li.inexpensive > a {
	background: url( ../img/josuihikaku-lab/2x/icon-inexpensive.png ) left center / 50px no-repeat;
}

.header.toggle-nav .cat-menu > li.stylish > a {
	background: url( ../img/josuihikaku-lab/2x/icon-stylish.png ) left center / 50px no-repeat;
}

.header.toggle-nav .pr {
	display: none;
}

main.wp-block-group {
	padding-right: 0 !important;
	padding-left: 0 !important;
}


/* search-box
---------------------------------------- */

.search-box {
	position: relative;
	overflow: visible;
}

.search-box .img-01 {
	position: absolute;
	top: 12px;
	left: 12px;
}

.search-box .img-02 {
	position: absolute;
	right: 5px;
	bottom: -10px;
}

.search-box > .cont {
	position: relative;
}

.search-box > .cont::before {
	content: '';
	width: 106px;
	height: 41px;
	background: url();
	position: absolute;
	top: ;
}

.search-box .search-copy {
	font-weight: bold;
}

.search-box .search-copy strong {
	color: var(--wp--preset--color--contrast);
	background: linear-gradient( transparent 50%, var(--wp--preset--color--secondary) 50% );
}

.search-toggle-btn {
	margin-top: 0 !important;
}

.editor-styles-wrapper .search-toggle-btn {
	display: block !important;
}

.search-toggle-btn .wp-block-button__link {
	display: inline-block !important;
	width: 40px;
	height: 40px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	overflow: hidden;
	text-indent: -9999px;
	position: relative;
}

.search-toggle-btn .wp-block-button__link::before,
.search-toggle-btn .wp-block-button__link::after {
	content: '';
	width: 20px;
	height: 2px;
	background: var(--wp--preset--color--base);
	position: absolute;
	top: calc( 50% - 1px );
	left: calc( 50% - 10px );
}

.search-toggle-btn .wp-block-button__link::after {
	transform: rotate( 90deg );
	transition: all .2s;
}

.search-toggle-btn .wp-block-button__link.open::after {
	opacity: 0;
	visibility: hidden;
}

.search-form {
	margin-top: 1em;
}

.search-form p {
	margin: 0 !important;
}

.search-form .form-group {
	font-size: var(--wp--preset--font-size--16-px);
}

.search-form .form-group .label {
	width: 145px;
	padding: 2.25rem 10px;
	color: var(--wp--preset--color--primary);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--17-px);
}

.search-form .form-group .input {
	width: calc( 100% - 145px );
	padding: var(--wp--preset--spacing--20);
}

.search-form .form-group .input label {
	margin: 0 !important;
	padding-right: 0 !important;
	cursor: pointer !important;
}

.search-form .form-group .input .flex {
	gap: 10px;
}

.search-form .form-group:not( .conditions ) .input label {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	line-height: 1.5;
	width: calc( ( 100% - 20px ) / 3 );
	min-height: 80px;
	font-size: var(--wp--preset--font-size--17-px);
	text-align: center;
	background: var(--wp--preset--color--light-gray);
	padding: .5em 1em .5em 2.5em !important;
	border-radius: 5px;
	transition: all .2s;
}

.search-form .form-group:not( .conditions ) .input label .note {
	display: block;
	font-size: var(--wp--preset--font-size--14-px);
}

.search-form .form-group:not( .conditions ) .input label:has( input:checked ) {
	background: var(--wp--preset--color--quaternary);
}

.search-form .form-group:not( .conditions ) .input label::before,
.search-form .form-group:not( .conditions ) .input label::after {
	transform: translateX( 1em ) !important;
}

.search-form .form-group.conditions .label {
	padding: 1em 10px;
}

.search-form .form-group.conditions .input {
	padding: 1em var(--wp--preset--spacing--20);
}

.search-form .submit-btn {
	text-align: center;
	margin-top: 1.5em;
}

.search-form .submit-btn button[type=submit] {
	width: 400px;
	max-width: 100%;
	min-width: initial;
	padding: 20px 60px;
	border-radius: 35px;
	font-size: var(--wp--preset--font-size--21-px);
	font-weight: bold;
	position: relative;
	cursor: pointer !important;
	background: var(--wp--preset--color--secondary);
	box-shadow: 0 3px 0 #cf3c00;
}

.search-form .submit-btn button[type=submit]::before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url( ../img/josuihikaku-lab/2x/search-icon.png ) center center / contain no-repeat;
	position: absolute;
	top: calc( 50% - 12px );
	left: 1.5em;
	transition: color .2s;
}

.search-form .submit-btn button[type=submit]::after {
	display: none;
}

body .efo-form label:has( input[type=checkbox] )::after {
	transition: opacity .2s;
}

.search-form .form-group:not( .conditions ) .input label:has(input[type=checkbox])::after {
	transform: translate( 1em, .12em ) rotate( 45deg ) !important;
	left: 10px;
}

body .efo-form label:has( input[type=radio] ),
body .efo-form label:has( input[type=checkbox] ) {
	padding: .2em 1em .2em 2.5em;
}

body .search-form .form-group.conditions .input .flex {
	gap: 18px 46px;
	align-items: center;
}

body .efo-form label:has( input[type=radio] )::before,
body .efo-form label:has( input[type=checkbox] )::before {
	width: 28px;
	height: 28px;
	top: calc( 50% - 14px );
	border-color: #ccc;
}

.efo-form label:has( input[type=checkbox]:checked )::after {
	transform: translateY( .15em ) rotate( 45deg ) !important;
	left: 10px;
}

.search-form .form-group:not( .conditions ) .input label:has( input:checked ):has( input[type=radio] )::before,
.search-form .form-group:not( .conditions ) .input label:has( input:checked ):has( input[type=checkbox] )::before {
	border-color: #abe2ed;
}

body .efo-form label:has( input[type=radio] )::after {
	left: 9px;
}

.my-heading-01 {
	display: grid;
	place-items: center;
	min-height: 90px;
	border-top: solid 2px var(--wp--preset--color--primary);
	border-bottom: solid 2px var(--wp--preset--color--primary);
	padding: .5em 0;
	font-size: var(--wp--preset--font-size--24-px);
	font-weight: 500;
	letter-spacing: 3px;
	color: var(--wp--preset--color--primary);
	position: relative;
}

.my-heading-01 .num,
.my-heading-01 strong {
	font-size: var(--wp--preset--font-size--32-px);
	font-family: "Outfit", "Noto Sans JP", sans-serif;
	font-style: normal;
}

.my-heading-01.rank::before {
	content: '';
	width: 84px;
	height: 40px;
	background: var(--wp--preset--color--base) url( ../img/josuihikaku-lab/2x/crown.png ) center center / contain no-repeat;
	position: absolute;
	top: 0;
	left: calc( 50% - 42px );
	transform: translateY( -75% );
}

.my-heading-01.cmp::before {
	content: '';
	width: 84px;
	height: 50px;
	background: var(--wp--preset--color--base) url( ../img/josuihikaku-lab/2x/ribbon.png ) center center / contain no-repeat;
	position: absolute;
	top: 0;
	left: calc( 50% - 42px );
	transform: translateY( -75% );
}


/* item-table
---------------------------------------- */

.item-table .sticky-table {
	position: relative;
	padding-top: 0 !important;
}

.item-table .sticky-table .scroll-wrap {
	max-height: inherit;
	overflow-y: auto;
	border-radius: 8px 8px 0 0;
	border-right: solid 1px var(--wp--preset--color--gray);
}

.item-table .sticky-table .scroll-wrap .block-table {
	min-width: 1500px;
}

.block-table .th:last-child,
.block-table .td:last-child {
	border-right: none;
}

.item-table .sticky-table::before {
	display: block;
	content: '';
	width: 59px;
	height: 80px;
	background: url( ../img/josuihikaku-lab/2x/swipe.png ) center center / contain no-repeat;
	top: 86px;
	right: -30px;
}

.item-table .sticky-table .block-table .thead {
	border-bottom: solid 3px #007485;
}

.item-table .sticky-table .block-table .thead .th {
	border-color: var(--wp--preset--color--primary);
	padding: 0.75em;
}

.item-table .sticky-table .block-table .tr {
	grid-template-columns: 150px 54px 90px 100px repeat( auto-fit, minmax(80px, 1fr));
	font-size: 10px;
}

.item-table .sticky-table .block-table .tbody .tr:nth-of-type( 2n ) .th,
.item-table .sticky-table .block-table .tbody .tr:nth-of-type( 2n ) .td {
	background: var(--wp--preset--color--quaternary);
}

.sticky-table .block-table .tbody .th,
.sticky-table .block-table .tbody .td {
	padding: .6em;
	
	font-size: 10px;
}

.item-table .sticky-table .block-table .tbody .th:first-child {
	text-align: left;
	justify-items: start;
	padding: .6em 1em;
}

.item-table .sticky-table .block-table .tbody .th:first-child > p {
	width: 100%;
	color: var(--wp--preset--color--dark-gray);
	
}

.item-table .sticky-table .block-table .tbody .th:first-child::after {
	content: '';
	width: 1px;
	background: var(--wp--preset--color--gray);
	position: absolute;
	top: 0;
	right: 2px;
	bottom: 0;
}

.item-table .sticky-table .block-table .th:first-child a {
	display: inline-block;
	/* color: var(--wp--preset--color--contrast); */
}

.item-table .sticky-table .block-table .th:first-child > p strong {
	color: var(--wp--preset--color--contrast);
	font-size: 10px;
	font-weight: 500;
	transition: all .2s;
}

.item-table .score-wrap {
	flex-direction: column;
	gap: 0;
	padding-bottom: 6px;
}

.item-table .score-wrap .score {
	font-weight: 600;
	color: var(--wp--preset--color--secondary);
}

.item-table .score-wrap .score .num {
	font-weight: 500;
	color: var(--wp--preset--color--secondary);
	font-size: var(--wp--preset--font-size--14-px);
}

.item-table .score-wrap .star-wrap {
	width: 52px;
	height: 9px;
	background: url( ../img/common/star-bg.png ) center center / contain no-repeat;
}

.item-table .score-wrap .star img {
	max-width: 52px;
}

.item-table .wp-block-buttons > .wp-block-button {
	width: initial;
}

.item-table .wp-block-button__link {
	 padding: 0.5em 0.5em !important;
    border: solid 2px var(--wp--preset--color--secondary);
    background: var(--wp--preset--color--secondary);
    box-shadow: 0 2px 0 #cf3c00;
    border-radius: 5px;
    transition: all .2s;
}

.item-table .block-table .th,
.item-table .block-table .td {
	padding: 1.75em;
}



/* rank-box
---------------------------------------- */

.rank-box {
	padding-top: var(--wp--preset--spacing--70);
	margin-top: var(--wp--preset--spacing--20) !important;
}

.rank-box .ttl {
	position: relative;
}

.rank-box .ttl .date {
	text-align: center;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	padding: .2em 1em;
	border-radius: 2em;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(  -50%, -75% );
}

.rank-box .ttl .date::after {
	content: '';
	border: solid 10px transparent;
	border-top-color: var(--wp--preset--color--primary);
	position: absolute;
	bottom: 0;
	left: calc( 50% - 10px );
	transform: translateY( 100% );
}

.editor-styles-wrapper .rank-box .ttl .date {
	padding: 0;
	position: relative;
	left: 0;
	transform: none;

}


/* item
---------------------------------------- */

.item {
	counter-reset: list-counter;
}

.post-contents > .item > .item {
	position: relative;
	overflow: visible;
}

.post-contents > .item > .item::before {
	content: '';
	width: 76px;
	height: 76px;
	position: absolute;
	top: -18px;
	left: -18px;
	z-index: 9;
	display: inline-block;
}

.type-water-server-1 .post-contents > .item > .item::before {
	background: url( ../img/josuihikaku-lab/2x/rank-01.png ) center center / contain no-repeat;
}

.type-water-server-2 .post-contents > .item > .item::before {
	background: url( ../img/josuihikaku-lab/2x/rank-02.png ) center center / contain no-repeat;
}

.type-water-server-3 .post-contents > .item > .item::before {
	background: url( ../img/josuihikaku-lab/2x/rank-03.png ) center center / contain no-repeat;
}

.type-water-server-4 .post-contents > .item > .item::before {
	background: url( ../img/josuihikaku-lab/2x/rank-04.png ) center center / contain no-repeat;
}

.type-water-server-5 .post-contents > .item > .item::before {
	background: url( ../img/josuihikaku-lab/2x/rank-05.png ) center center / contain no-repeat;
}

.type-water-server-6 .post-contents > .item > .item::before {
	background: url( ../img/josuihikaku-lab/2x/rank-06.png ) center center / contain no-repeat;
}

.type-water-server-7 .post-contents > .item > .item::before {
	background: url( ../img/josuihikaku-lab/2x/rank-07.png ) center center / contain no-repeat;
}

.type-water-server-8 .post-contents > .item > .item::before {
	background: url( ../img/josuihikaku-lab/2x/rank-08.png ) center center / contain no-repeat;
}

.type-water-server-9 .post-contents > .item > .item::before {
	background: url( ../img/josuihikaku-lab/2x/rank-09.png ) center center / contain no-repeat;
}

.type-water-server-10 .post-contents > .item > .item::before {
	background: url( ../img/josuihikaku-lab/2x/rank-10.png ) center center / contain no-repeat;
}

.type-water-server-11 .post-contents > .item > .item::before {
	background: url( ../img/josuihikaku-lab/2x/rank-11.png ) center center / contain no-repeat;
}

.type-water-server-12 .post-contents > .item > .item::before {
	background: url( ../img/josuihikaku-lab/2x/rank-12.png ) center center / contain no-repeat;
}

.type-water-server-13 .post-contents > .item > .item::before {
	background: url( ../img/josuihikaku-lab/2x/rank-13.png ) center center / contain no-repeat;
}

.type-water-server-14 .post-contents > .item > .item::before {
	background: url( ../img/josuihikaku-lab/2x/rank-14.png ) center center / contain no-repeat;
}

.type-water-server-15 .post-contents > .item > .item::before {
	background: url( ../img/josuihikaku-lab/2x/rank-15.png ) center center / contain no-repeat;
}

.post-type-archive-water-server .post-contents > .item > .item::before {
	display: none;
}

.item::after {
	content: '';
	position: absolute;
	top: var(--wp--preset--spacing--30);
	right: var(--wp--preset--spacing--20);
	bottom: var(--wp--preset--spacing--30);
	left: var(--wp--preset--spacing--20);
	clip-path: polygon( calc( 100% - 37px ) 0, 100% 37px, 100% 100%, 0 100%, 0 0);
	background: #000;
	opacity: .04;
	transform: translateY( 8px );
	z-index: 1;
}

.item .cont-wrap {
	clip-path: polygon( calc( 100% - 37px ) 0, 100% 37px, 100% 100%, 0 100%, 0 0);
	position: relative;
	z-index: 2;
}

.item .cont-wrap::before {
	content: '';
	width: 37px;
	height: 37px;
	background: url( ../img/josuihikaku-lab/2x/item-bg.png ) center center / contain no-repeat;
	position: absolute;
	top: -2px;
	right: -2px;
}

.item .ttl {
	padding-bottom: 1.2em;
	margin-bottom: 2.4em;
	background: url( ../img/josuihikaku-lab/2x/dot-border.png ) left bottom / 4px repeat-x;
}

.item .ttl .link-to-cover-and-group-blocks .item-name {
	display: inline;
	transition: all .2s;
}

.item .item-name {
	line-height: 1.5;
	letter-spacing: .1em;
}

.item .score-wrap .star-wrap {
	width: 95px;
	height: 17px;
	background: url( ../img/common/star-bg.png ) center center / contain no-repeat;
}

.item .score-wrap .star img {
	max-width: 95px;
}

.item .item-score {
	white-space: nowrap;
}

.item .score * {
	color: var(--wp--preset--color--secondary);
}

.item .score .num {
	font-size: var(--wp--preset--font-size--36-px);
	line-height: 1;
}

.item .item-copy {
	margin-top: .4em;
}

.item .info .wp-block-heading strong {
	color: var(--wp--preset--color--contrast);
	background: linear-gradient( transparent 70%, var(--wp--preset--color--secondary) 30% );
}

.item .item-slider {
	opacity: 0;
	visibility: hidden;
	height: 0;
	border: solid 1px #ccc;
}

.editor-styles-wrapper .item .item-slider,
.item .item-slider.slick-slider {
	opacity: 1;
	visibility: visible;
	height: auto;
}

.item .item-slider .wp-block-image {
	margin-block-start: 0;
	border-radius: 0;
}

.item .item-slider .slick-prev,
.item .item-slider .slick-next {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--wp--preset--color--dark-gray) !important;
}

.item .item-slider .slick-prev {
	left: -16px;
}

.item .item-slider .slick-next {
	right: -16px;
}

.item .item-slider .slick-prev:before,
.item .item-slider .slick-next:before {
	line-height: 32px;
}

.item .item-slider .slick-dots {
	bottom: -40px;
}

.item .item-slider .slick-dotted.slick-slider {
	margin: 0 0 50px;
}

.item .item-slider .slick-dots li button:before {
	font-size: 12px;
}

.item .item-slider img {
	border-radius: 0 !important;
}

body .item .is-style-table-02 th,
body .item .is-style-table-02 td,
body .editor-styles-wrapper .is-style-table-02 th:first-of-type,
body .editor-styles-wrapper .is-style-table-02 td:first-of-type {
	line-height: 1.6;
	padding: .95em 1em;
	border-color: #e5e5e5 !important;
}

body .is-style-table-02 tr:first-of-type th,
body .is-style-table-02 tr:first-of-type td,
body .editor-styles-wrapper .is-style-table-02 tr:first-of-type th,
body .editor-styles-wrapper .is-style-table-02 tr:first-of-type td {
	border-top: solid 2px var(--wp--preset--color--primary) !important;
}

.item .is-style-table-02 th:first-of-type,
.item .is-style-table-02 td:first-of-type {
	color: var(--wp--preset--color--primary);
	background: var(--wp--preset--color--quaternary);
	font-weight: bold;
	text-align: center;
}

.item .data {
	position: relative;
}

.item .point {
	position: relative;
}

.item .point-ttl {
	position: absolute;
	top: 0;
	transform: translateY( -50% );
}

.item .point li {
	text-align: left;
}

.item .point li::before {
	background: var(--wp--preset--color--secondary);
	width: 5px;
	height: 5px;
	left: .6em;
}

.item .is-style-ul-list li + li,
.item .is-style-ol-list li + li {
	margin-top: .8em;
}

.item .point strong {
	color: var(--wp--preset--color--secondary);
}

/*
.item .point strong {
	color: var(--wp--preset--color--contrast);
	background: linear-gradient( transparent 70%, var(--wp--preset--color--secondary) 30% );
}
*/

.item .comment {
	position: relative;
	font-weight: 400;
}

.item .comment .image {
	width: 122px;
	position: absolute;
	right: -1em;
	top: calc( 50% - 81px );
}

.editor-styles-wrapper .compare-btn {
	display: block !important;
	text-align: center;
}

.item .cmp {
	position: relative;
	opacity: 0;
	visibility: hidden;
	height: 0;
	margin: 0 !important;
	overflow: hidden;
}

.item .cmp.active,
.editor-styles-wrapper .item .cmp {
	opacity: 1;
	visibility: visible;
	height: auto;
	margin-block-start: 3em !important;
	overflow: visible;
}

.item .ttl-wrap {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	transform: translateY( -60% );
	z-index: 1;
}

.item .cmp-ttl {
	position: relative;
}

.item .cmp-ttl::before,
.item .cmp-ttl::after {
	content: '';
	width: 50px;
	height: 40px;
	position: absolute;
	top: calc( 50% - 30px );
	z-index: 9;
}

.item .cmp-ttl::before {
	background: url( ../img/josuihikaku-lab/2x/cmp-before.png ) center center / contain no-repeat;
	left: -25px;
}

.item .cmp-ttl::after {
	background: url( ../img/josuihikaku-lab/2x/cmp-after.png ) center center / contain no-repeat;
	right: -25px;
}

.item .ribbon {
	background-image:
		url( ../img/josuihikaku-lab/2x/ribbon-before.png ),
		url( ../img/josuihikaku-lab/2x/ribbon-after.png );
	background-position:
		left center,
		right center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

.item .cmp-link {
	transition: all .2s;
}

.item .cmp-link strong {
	color: var(--wp--preset--color--tertiary);
	background: linear-gradient( transparent 60%, #fcef4c 60% );
}

.item .cmp-link .more {
	position: relative;
	white-space: nowrap;
}

.item .cmp-link::after {
	content: '';
	width: 11px;
	height: 18px;
	background: url( ../img/josuihikaku-lab/2x/arrow-right-red.png ) center center / contain no-repeat;
	position: absolute;
	top: calc( 50% - 9px );
	right: 1.5em;
	transition: all .2s;
}

.item .countdown {
	color: var(--wp--preset--color--tertiary);
	white-space: nowrap;
	line-height: 1.5;
}

.item .countdown span {
	display: inline-block;
	padding: 0 .1em;
	line-height: 1;
	transform: translateY( .05em );
}

.item .countdown .en {
	font-size: var(--wp--preset--font-size--24-px);
}

.item .voice-ttl {
	position: relative;
}

.item .voice-ttl > .wp-block-group {
	display: block;
}

.item .voice-ttl > .wp-block-group > * {
	display: inline;
}

.item .voice-ttl::after {
	content: '';
	border: solid 10px transparent;
	border-top: solid 10px var(--wp--preset--color--primary);
	position: absolute;
	bottom: 0;
	left: calc( 50% - 10px );
	transform: translateY( 100% );
}

.item .voice-cont {
	margin-block-start: 5px;
	overflow: auto;
	max-height: 320px;
	flex-direction: column;
	flex-wrap: nowrap;
}

.item .voice-cont .wp-block-group:has( > p ) {
	margin-block-start: .5em;
}

.item .voice-cont .wp-block-heading {
	padding: 0 20px;
	position: relative;
}

.item .voice-cont .wp-block-heading:before,
.item .voice-cont .wp-block-heading:after {
	content: '';
	width: 2px;
	height: 100%;
	background: var(--wp--preset--color--primary);
	position: absolute;
	top: 0;
}

.item .voice-cont .wp-block-heading:before {
	left: 0;
	transform: rotate( -30deg );
}

.item .voice-cont .wp-block-heading:after {
	right: 0;
	transform: rotate( 30deg );
}

.item .voice-cont .txt {
	font-weight: 400;
}

.item .voice-cont em {
	font-style: normal;
	color: var(--wp--preset--color--primary);
}

.item .voice-cont strong {
	font-weight: 400;
	color: var(--wp--preset--color--contrast);
	background: linear-gradient( transparent 60%, #fcef4c 60% );
}

.wp-block-buttons>.wp-block-button {
	width: 400px;
	max-width: 100%;
}

.item .compare-btn .wp-block-button__link {
	width: 100%;
	font-weight: 500;
	background: var(--wp--preset--color--secondary);
	border: none;
	padding: 20px;
	line-height: 1.5;
	border-radius: 35px !important;
	box-shadow: 0 3px 0 #cf3c00;
	position: relative;
	overflow: hidden;
}

.item .compare-btn .wp-block-button__link::after {
	content: '' !important;
	width: 21px;
	height: 21px;
	background: url( ../img/josuihikaku-lab/2x/arrow-ext.png ) center center / contain no-repeat;
	position: absolute;
	top: calc( 50% - 11px );
	right: 1em;
}

@keyframes light-btn {
	0% {
		left: 0;
		opacity: 0;
	}
	20% {
		opacity: .8;
	}
	25% {
		left: calc( 100% + 120px );
		opacity: 0;
	}
	100% {
		left: calc( 100% + 120px );
		opacity: 0;
	}
}

.item .compare-btn .wp-block-button__link::before {
	content: '';
	width: 160px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient( to left, #fff 0%, transparent 100%);
	opacity: 0;
	transform: skewX(-45deg) translateX(-100%);
	animation: light-btn 3s ease-in-out 1s infinite;
}



/* cmp
---------------------------------------- */

.cmp-box .tax-list {
	background: var(--wp--preset--color--quaternary);
	padding: var(--wp--preset--spacing--40);
	border-radius: 20px;
}

.cmp-box .tax-list .thumb {
	margin: 0 !important;
}

.cmp-box .post {
	display: flex;
	align-items: center;
	padding: var(--wp--preset--spacing--40) !important;
	background: var(--wp--preset--color--base) url( ../img/josuihikaku-lab/2x/arrow-gray.png ) right 1.4em center / 15px no-repeat;
	border: solid 2px var(--wp--preset--color--contrast);
	box-shadow: 8px 8px 0 rgba( 0, 0, 0, .08 );
}

.cmp-box .post + .post {
	margin-top: 1.6em;
}

.cmp-box .post .thumb {
	width: 280px;
	margin: 0;
}

.cmp-box .post .txt {
	width: calc( 100% - 280px );
	padding: 1em 2.5em 2.5em;
}

.cmp-box .post .date {
	text-align: left;
	padding: 0;
	color: var(--wp--preset--color--primary);
	font-size: var(--wp--preset--font-size--18-px);
	font-family: "Outfit", "Noto Sans JP", sans-serif;
	font-weight: 500;
}

.cmp-box .post .ttl {
	font-size: var(--wp--preset--font-size--20-px);
	margin-top: 5px;
}

.cmp-box .post .more {
	display: none;
}

.cmp-box .post .more::after {
	content: '\e5cc';
	font-family: 'Material Symbols Outlined';
	line-height: 32px;
	color: var(--wp--preset--color--primary);
	position: absolute;
	top: calc( 50% - 16px );
	right: 3px;
	transition: all .2s;
}


/* compare-header
---------------------------------------- */

.compare-header.wp-block-cover {
	padding-top: 10em !important;
}

.compare-header-cont {
	position: relative;
}

.compare-header-cont .main-txt {
	position: absolute;
	top: -20px;
	right: 0;
	left: 80px;
}

.compare-header-cont .main-img {
	position: relative;
	z-index: 9;
}

.compare-header-cont .main-img .img-02 {
	padding-bottom: .8em;
}

.compare-header-ttl strong {
	font-weight: normal;
	font-size: 2em;
}

.compare-header .ttl-wrap .box {
	background: rgba( 255, 255, 255, .75 ) !important;
	min-width: 300px;
}

.compare-header .ttl-wrap .box strong {
	color: var(--wp--preset--color--secondary);
}

.compare-contents {
	margin-top: -40px;
	padding-top: 50px;
	padding-bottom: var(--wp--preset--spacing--40);
	border-radius: 50px 50px 0 0;
	background: var(--wp--preset--color--base);
	position: relative;
	z-index: 99;
}


/* sidebar-item
---------------------------------------- */

.sidebar .cont-wrap {
	overflow: visible;
}

.sidebar .cont-ttl {
	position: relative;
}

.sidebar .cont-ttl::before {
	content: '';
	width: 0;
	height: 0;
	border: solid 5px transparent;
	border-top-color: var(--wp--preset--color--primary);
	border-left-color: var(--wp--preset--color--primary);
	position: absolute;
	top: 0;
	left: 0;
}

.sidebar .cmp .cont-ttl::before {
	border-top-color: var(--wp--preset--color--secondary);
	border-left-color: var(--wp--preset--color--secondary);
}

.sidebar .post + .post {
	margin-top: var(--wp--preset--spacing--30);
}

.sidebar .cat-menu {
	border: none !important;
}

.sidebar .cat-menu > li {
	border-bottom: none !important;
	background: url( ../img/josuihikaku-lab/2x/dot-border.png ) left bottom / 4px repeat-x;
}

.sidebar-item .cat-menu > li {
	padding: 10px 0 11px;
}

.sidebar-item .cat-menu > li > a {
	padding-left: 68px;
	letter-spacing: 2px;
}

.sidebar-item .cat-menu > li.alone > a {
	background: url( ../img/josuihikaku-lab/2x/icon-alone.png ) left center / 50px no-repeat;
}

.sidebar-item .cat-menu > li.electric > a {
	background: url( ../img/josuihikaku-lab/2x/icon-electric.png ) left center / 50px no-repeat;
}

.sidebar-item .cat-menu > li.baby > a {
	background: url( ../img/josuihikaku-lab/2x/icon-baby.png ) left center / 50px no-repeat;
}

.sidebar-item .cat-menu > li.desktop > a {
	background: url( ../img/josuihikaku-lab/2x/icon-desktop.png ) left center / 50px no-repeat;
}

.sidebar-item .cat-menu > li.refill > a {
	background: url( ../img/josuihikaku-lab/2x/icon-refill.png ) left center / 50px no-repeat;
}

.sidebar-item .cat-menu > li.direct > a {
	background: url( ../img/josuihikaku-lab/2x/icon-direct.png ) left center / 50px no-repeat;
}

.sidebar-item .cat-menu > li.inexpensive > a {
	background: url( ../img/josuihikaku-lab/2x/icon-inexpensive.png ) left center / 50px no-repeat;
}

.sidebar-item .cat-menu > li.stylish > a {
	background: url( ../img/josuihikaku-lab/2x/icon-stylish.png ) left center / 50px no-repeat;
}

.sidebar .cat-menu > li > a::after {
	content: '';
	width: 9px;
	height: 14px;
	background: url( ../img/josuihikaku-lab/2x/arrow-right.png ) center center / contain no-repeat;
	top: calc( 50% - 7px );
}

.sidebar .txt {
	text-align: right;
	padding-bottom: .8em;
}

.sidebar .ttl {
	font-size: var(--wp--preset--font-size--17-px);
	font-family: "Outfit", "Noto Sans JP", sans-serif;
	font-weight: 500;
	text-align: left;
	margin-bottom: -.2em;
}

.sidebar .date {
	display: none;
}

.sidebar .more {
	display: inline-block;
	margin-left: auto;
	padding-left: 20px;
	color: var(--wp--preset--color--secondary);
	position: relative;
	font-size: var(--wp--preset--font-size--13-px);
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: normal;
}

.sidebar .more::before {
	content: '';
	width: 14px;
	height: 14px;
	background: url( ../img/josuihikaku-lab/2x/arrow-right-or.png ) center center / contain no-repeat;
	position: absolute;
	top: calc( 50% - 7px );
	left: 0;
}

.sidebar .post-list .post {
	background: url( ../img/josuihikaku-lab/2x/dot-border.png ) left bottom / 4px repeat-x;
	padding-bottom: .8em;
	margin-bottom: 1em;
}

main.wp-block-group {
	padding-bottom: var(--wp--preset--spacing--60) !important;
}

footer.wp-block-template-part {
	margin-top: 0 !important;
}

.bottom-nav {
	padding: 1.4em 0;
}

.bottom-nav .nav {
	gap: 5em;
}

.bottom-nav .nav > p {
	position: relative;
}

.bottom-nav .nav > p + p::before {
	content: '';
	width: 2px;
	height: 26px;
	background: url( ../img/josuihikaku-lab/2x/dot.png ) center center / contain no-repeat;
	position: absolute;
	top: calc( 50% - 13px );
	left: -2.5em;
}

.bottom-nav a {
	display: inline-block;
	position: relative;
	z-index: 2;
	transition: border .2s;
}

.bottom-nav p:has( > a )::after {
	content: '';
	height: 8px;
	position: absolute;
	right: -2px;
	bottom: 2px;
	left: -2px;
	background: var(--wp--preset--color--primary);
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	transition: all .2s;
}

.search-results:has( .search-word ) {
	background: var(--wp--preset--color--quaternary);
	border-radius: 10px;
	padding: var(--wp--preset--spacing--30);
}

.search-results:has( .search-word ) .search-word {
	font-size: var(--wp--preset--font-size--20-px);
}

.search-results:has( .search-word ) .search-num {
	color: var(--wp--preset--color--primary);
	font-size: var(--wp--preset--font-size--20-px);
	font-weight: bold;
}

.search-results:has( .search-word ) .search-num .en {
	font-size: 1.5em;
}


/*
----------------------------------------

information

----------------------------------------
*/

.post-type-archive-information .main-contents .post,
.tax-information-cat .main-contents .post,
.single-information .main-contents .post-contents,
.single-information .main-contents .writer-box {
	background: var( --wp--preset--color--base) !important;
	border-radius: 10px;
	overflow: hidden;
}

body .post-header h1,
body .post-header h3 {
	margin-top: var(--wp--preset--spacing--30);
	padding-bottom: var(--wp--preset--spacing--20);
}

.relation-box .main-ttl {
	background: var( --wp--preset--color--base);
}

.relation-box .thumb {
	border-radius: 10px;
}

.relation-box .date {
	color: var(--wp--preset--color--primary);
}

body .wp-block-search__input {
	border: solid 2px var(--wp--preset--color--primary);
	padding: 14px 50px 14px 20px;
	border-radius: 30px;
	line-height: 1.5;
}

body .wp-block-search__inside-wrapper::before {
	font-size: 32px;
	line-height: 24px;
	color: var(--wp--preset--color--primary);
	right: 20px;
	bottom: calc( 50% - 12px );
	left: auto;
}

body .sidebar .rank-list .post::before {
	width: 48px;
	height: 48px;
	line-height: 48px;
	border-radius: 50%;
	top: -5px;
	left: -5px;
}

body .post-list .post .thumb {
	border-radius: 10px;
	margin-bottom: 1.2em;
}

body .post-archive .thumb {
	border-radius: 10px;
}

body .back-btn .wp-block-button__link {
	width: 100%;
	padding-right: var(--wp--preset--spacing--40);
	padding-left: var(--wp--preset--spacing--40);
	white-space: nowrap;
}

body .writer-box .thumb img {
	object-fit: contain;
}

.post-header time {
	font-size: var(--wp--preset--font-size--16-px);
}

/*
----------------------------------------

page

----------------------------------------
*/

.company-table .block-table .th,
.company-table .block-table .td {
	padding: 1.6em;
}


/*
----------------------------------------

1400

----------------------------------------
*/

@media ( max-width: 1400px ) {

	.compare-header-cont .main-txt {
		transform: scale( .9 );
		transform-origin: center top;
	}

	.compare-header-cont .main-img .img-01 {
		transform: scale( .9 );
		transform-origin: left bottom;
	}

	.compare-header-cont .main-img .img-02 {
		transform: scale( .9 );
		transform-origin: right bottom;
	}

	.compare-contents-column {
		gap: 2em !important;
	}

	.sidebar {
		flex-basis: 270px !important;
	}

	.sidebar-item .cat-menu > li > a {
		letter-spacing: 0;
	}

}


/*
----------------------------------------

1200

----------------------------------------
*/

@media ( max-width: 1200px ) {

	.wp-block-cover__inner-container:has( > .compare-header-cont ) {
		padding: 0 !important;
	}

	.compare-header-cont .main-txt {
		transform: scale( .8 );
	}

	.compare-header-cont .main-img .img-01 {
		transform: scale( .8 );
	}

	.compare-header-cont .main-img .img-02 {
		transform: scale( .8 );
	}

	.post-contents > .item > .item::before {
		width: 64px;
		height: 64px;
		top: -10px;
		left: -10px;
	}

	.item .item-score {
		flex-direction: column;
		align-items: flex-start;
		gap: .5em;
	}

	.item .info .image {
		flex-basis: 200px !important;
	}

	.cmp-box .post .thumb {
		width: 220px;
	}

	.cmp-box .post .txt {
		width: calc( 100% - 220px );
		padding: 1em 1.5em 1.5em;
	}

	.sidebar {
		flex-basis: 240px !important;
	}

	.cat-menu > li > a {
		padding: 18px 30px 18px 0 !important;
		background-size: 40px !important;
	}

	.sidebar-item .cat-menu > li > a {
		padding-left: 50px !important;
	}

	.search-form .form-group:not( .conditions ) .input label {
		width: calc( ( 100% - 10px ) / 2 );
	}

	body .search-form .form-group.conditions .input .flex {
		gap: 18px 24px;
	}

}


/*
----------------------------------------

1000

----------------------------------------
*/

@media ( max-width: 1000px ) {

	body .compare-contents {
		padding-right: var(--wp--preset--spacing--20);
		padding-left: var(--wp--preset--spacing--20);
		overflow: hidden;
	}

	.wp-block-template-part:has( > .header-compare ) {
		top: 0;
	}

	.compare-header.wp-block-cover {
		padding-top: 6em !important;
		min-height: initial !important;
	}

	.compare-header.wp-block-cover:has( .main-img ) {
		padding-top: 0 !important;
	}


    .compare-header-cont .main-txt {
    	transform: scale( .8 ) translateY( 30% );
    	transform-origin: center center;
    }


	.compare-header-cont .main-img .img-01 {
		transform: scale( .6 );
	}

	.compare-header-cont .main-img .img-02 {
		transform: scale( .6 );
	}

	.search-box .img-01 {
		transform: scale( .8 );
		transform-origin: left top;
	}

	.search-box .img-02 {
		transform: scale( .8 );
		transform-origin: right bottom;
	}

	.item .ttl {
		padding: 0 1.5em 1.5em;
	}

	.item .item-score {
		flex-direction: row;
		align-items: center;
		gap: var(--wp--preset--spacing--30);
	}

	.compare-contents-column {
		flex-direction: column;
	}

	.search-form .form-group .label {
		width: 130px;
	}

	.search-form .form-group .input {
		width: calc( 100% - 130px );
	}

	.search-form .form-group:not( .conditions ) .input label {
		width: calc( ( 100% - 20px ) / 3 );
	}

	.search-form .form-group:not( .conditions ) .input label {
		padding-right: 0 !important;
	}

	.sidebar .post-list {
		display: flex;
		gap: 1em;
		flex-wrap: wrap;
	}

	.sidebar .post-list .post {
		width: calc( ( 100% - 2em ) / 3 );
		margin-top: 0 !important;
		padding: 0 !important;
	}

	.sidebar .post-list .post {
		background: none;
	}

	.bottom-nav .nav > p {
		padding: 0 1.5em;
	}

}


/*
----------------------------------------

781

----------------------------------------
*/

@media ( max-width: 781px ) {

	.wp-block-post-template > .item::before {
		top: -8px;
		left: -8px;
		width: 56px;
		height: 56px;
		line-height: 56px;
	}

	.item .info-wrap {
		margin: 2em 0;
		margin-block-end: 3em !important;
	}

	.item .info .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.image {
		flex-basis: 40% !important;
	}

	.item .info .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.table {
		flex-basis: 50% !important;
	}

	.item .comment {
		gap: 2em 1em;
	}

	.item .wp-block-columns.comment:not(.is-not-stacked-on-mobile)>.wp-block-column.balloon {
		flex-basis: 75% !important;
	}

	.item .wp-block-columns.comment:not(.is-not-stacked-on-mobile)>.wp-block-column.image {
		flex-basis: calc( 25% - 1em ) !important;
	}

}


/*
----------------------------------------

750

----------------------------------------
*/

@media ( max-width: 750px ) {

	body .post-header h1,
	body .post-header h3 {
		padding-bottom: 5px;
	}

	.my-heading-01 {
		flex-direction: column;
		min-height: 70px;
		letter-spacing: 1px;
		line-height: 1.5;
	}

	.my-heading-01 {
		font-size: var(--wp--preset--font-size--20-px);
	}

	.my-heading-01 .num,
	.my-heading-01 strong {
		font-size: 1.4em !important;
	}

	.my-heading-01 strong {
		display: block;
	}

	.my-heading-01 p + p {
		display: none;
	}

	.header .logo img,
	.wp-block-site-logo img {
		width: auto;
		height: 7.5vw;
	}

	.header.toggle-nav .g-nav .navigation {
		gap: 0;
		padding: 1em;
		margin: 0 !important;
	}

	.header.toggle-nav .g-nav .navigation .nav-btn {
		width: 33.3333%;
		padding: 0 0 1.5em;
	}

	.header.toggle-nav .g-nav .navigation .has-child > p > a::after {
		width: 16px;
		height: 16px;
		line-height: 16px;
		left: 4px;
	}

	.header.toggle-nav .g-nav .navigation .nav-btn > p > a {
		padding: 112px 0 0 !important;
	}

	.header.toggle-nav .g-nav .navigation .nav-btn > p > a::before {
		width: 100px;
		height: 100px;
		line-height: 92px;
		left: calc( 50% - 50px );
	}

	.header.toggle-nav .g-nav .navigation .child {
		margin-bottom: 1.5em !important;
	}

	.wp-block-cover__inner-container:has( > .compare-header-cont ) {
		padding: 0 !important;
	}

	.compare-header.wp-block-cover,
	.compare-header.wp-block-cover:has( .main-img ) {
		padding-top: 5em !important;
		padding-bottom: 1.5em !important;
	}

	.compare-header .ttl-wrap .box {
		min-width: 160px
	}

	.compare-header .ttl-wrap .box strong {
		display: block;
	}

	.compare-header-cont .main-txt {
		transform: none;
		position: relative;
		top: 0;
		right: 0;
		left: 0;
		padding-left: 5px;
	}

	.compare-header-cont .main-img {
		padding: 0 8.8vw 0 4vw !important;
		gap: 0;
	}

	.compare-header-cont .main-img .img-01 {
		width: 46vw;
		transform: none;
	}

	.compare-header-cont .main-img .img-02 {
		width: 28vw;
		transform: none;
		padding: 0;
	}

	.compare-header-cont .pr {
		position: absolute;
		right: 0;
		bottom: 1.5em;
		background: rgba( 255, 255, 255, .5 );
		z-index: 99;
	}

	.compare-header-date,
	.compare-header-copy {
		font-size: var(--wp--preset--font-size--16-px) !important;
	}

	.compare-header-ttl strong {
		font-weight: normal;
		font-size: 1.5em;
	}

	.compare-contents {
		padding-top: 30px;
		padding-bottom: 0;
		border-radius: 20px 20px 0 0;
	}

	.search-toggle-btn {
		display: block !important;
	}

	.item-table .sticky-table .scroll-wrap {
		max-height: 460px;
	}

	.item-table .sticky-table .scroll-wrap .block-table {
		min-width: 1400px;
	}

	.sticky-table .block-table .tbody .th,
	.sticky-table .block-table .tbody .td {
		padding: .6em;
		height: 56px;
	}

	.item-table .sticky-table .block-table .tr {
		grid-template-columns: 35vw 64px repeat( auto-fit, minmax(80px, 1fr));
	}

	.item-table .sticky-table .block-table .tbody .th:first-child {
		padding: .6em;
	}

	.compare-contents-column .main-contents {
		padding: 0 !important;
	}

	.main-contents > h1 {
		margin-block-start: 0 !important;
	}

	body .post-header .wp-block-post-terms {
		width: auto;
	}

	body .post-header .wp-block-post-date {
		margin-left: auto;
	}

	.sidebar .cont:has( .post-list ) {
		padding: 0 !important;
	}

	.sidebar .post-list {
		flex-direction: column;
		gap: 0;
	}

	.sidebar .post-list .post {
		width: 100%;
		padding: 1em 0 !important;
		margin: 0 !important;
	}

	body .rank-list .post::before {
		width: 32px;
		height: 32px;
		line-height: 32px;
		top: 1em;
		left: 0;
	}

	.compare-contents-column {
		margin-top: 1em !important;
	}

	.search-box {
		padding: var(--wp--preset--spacing--20) !important;
		border-radius: 15px !important;
	}

	.search-box .img-01 {
		transform: scale( .6 );
		top: -10px;
		left: -5px;
	}

	.search-box .img-02 {
		display: none;
	}

	.search-box .ttl {
		position: relative;
		margin-bottom: var(--wp--preset--spacing--40);
	}

	.search-box .search-copy {
		padding: 0 2em;
	}

	.search-box .search-ttl {
		display: inline-block;
		padding: 1.2em .4em 1.8em;
		border: solid 2px var(--wp--preset--color--primary);
		border-radius: 10px;
	}

	.search-box .cont {
		padding: var(--wp--preset--spacing--30) !important;
		border-radius: 10px !important;
	}

	.search-box .search-toggle-btn {
		position: absolute;
		bottom: -20px;
		left: calc( 50% - 20px );
	}

	.search-box .search-toggle-btn .wp-block-button {
		width: initial;
	}

	.search-form {
		margin-top: var(--wp--preset--spacing--60);
	}

	.search-form .form-group {
		flex-direction: column;
	}

	.search-form .form-group .label {
		width: 100%;
		padding: 0 !important;
	}

	.efo-form label:has( input[type=checkbox]:checked )::after {
		left: 6px;
	}

	.search-form .form-group .input {
		width: 100%;
		padding: var(--wp--preset--spacing--20) 0 var(--wp--preset--spacing--30);
	}

	.search-form .form-group.conditions .input {
		padding-right: 0;
		padding-left: 0;
	}

	.search-form .form-group:not( .conditions ) .input label {
		min-height: 50px;
		padding: .5em .5em .5em 2.2em !important;
	}

	body .efo-form label:has( input[type=radio] )::before,
	body .efo-form label:has( input[type=checkbox] )::before {
		width: 20px;
		height: 20px;
		top: calc( 50% - 10px );
	}

	.search-form .form-group:not( .conditions ) .input label::before,
	.search-form .form-group:not( .conditions ) .input label::after {
		left: -4px;
	}

	.search-form .form-group:not( .conditions ) .input label::after {
		left: 1px;
	}

	.search-form .form-group:not( .conditions ) .input label:has(input[type=checkbox])::after {
		left: 2px;
	}

	body .efo-form label:has( input[type=radio] )::after {
		left: 0;
	}

	.search-form .form-group .input .flex {
		flex-wrap: wrap;
		gap: var(--wp--preset--spacing--20);
	}

	.search-form .form-group .input label {
		flex: inherit !important;
		width: calc( ( 100% - 1em ) / 2 ) !important;
		padding-left: 1.8em;
	}

	body .search-form .form-group.conditions .input .flex {
		gap: 10px;
	}

	.search-form .submit-btn {
		margin: 5px 0 var(--wp--preset--spacing--30);
	}

	.search-form .submit-btn > button {
		width: 100% !important;
	}

	.search-form .submit-btn button[type=submit] {
		padding: var(--wp--preset--spacing--30) 1em var(--wp--preset--spacing--30) 2em;
	}

	.search-form .submit-btn button[type=submit]::before {
		width: 16px;
		height: 16px;
		top: calc( 50% - 8px );
		left: 1.2em;
	}

	.rank-box {
		padding-top: 3em;
		margin-bottom: 2em;
	}

	.item .cont-wrap {
		clip-path: polygon( calc( 100% - 24px ) 0, 100% 24px, 100% 100%, 0 100%, 0 0);
	}

	.item::after {
		clip-path: polygon( calc( 100% - 24px ) 0, 100% 24px, 100% 100%, 0 100%, 0 0);
		top: var(--wp--preset--spacing--20);
		right: var(--wp--preset--spacing--20);
		bottom: var(--wp--preset--spacing--20);
		left: var(--wp--preset--spacing--20);
		transform: translate( 5px, 5px );
	}

	.post-contents > .item > .item {
		padding: var(--wp--preset--spacing--20) !important;
		border-radius: 15px !important;
		overflow: visible;
	}

	.item .cont-wrap {
		padding: var(--wp--preset--spacing--30) !important;
	}

	.item .cont-wrap::before {
		width: 24px;
		height: 24px;
	}

	.item .ttl {
		padding: 0 0 1em;
		margin-bottom: 1.5em;
	}

	.rank-box .ttl .wp-block-heading {
		margin-top: 4px !important;
	}

	.item .item-ttl {
		flex-direction: column;
		gap: 0;
		background: transparent !important;
		padding: 0 !important;
	}

	.item .item-ttl .link-to-cover-and-group-blocks {
		width: 100%;
	}

	.post-contents > .item > .item::before {
		top: -16px;
		left: -4px;
		width: 56px;
		height: 56px;
		line-height: 56px;
	}

	.item .ttl-link {
		display: block;
		width: 100%;
	}

	.item .item-name {
		width: 100%;
		display: block !important;
		padding: 0 20px .2em;
	}

	.item .item-score {
		width: 100%;
		padding: 0;
		margin: .4em 0;
		justify-content: center;
	}

	.item .score .num {
		font-size: 1.8em;
	}

	.item .score-wrap .star-wrap {
		width: 115px;
		height: 20px;
	}

	.item .score-wrap .star img {
		max-width: 115px;
	}

	.item .item-copy {
		text-align: center;
	}

	.item .cont {
		padding: 0 !important;
	}

	.item .info-wrap {
		margin-top: 1.5em !important;
		gap: 1.5em;
	}

	.item .image:has( > .item-slider ) {
		padding: 0 8px;
	}

	.item .info .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.image {
		flex-basis: 100% !important;
	}

	.item .info .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.table {
		flex-basis: 100% !important;
	}

	.item .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.chart {
		padding: 0;
	}

	.item .comment {
		gap: 0;
	}

	.item .wp-block-columns.comment:not(.is-not-stacked-on-mobile)>.wp-block-column.balloon {
		flex-basis: 100% !important;
	}

	.item .wp-block-columns.comment:not(.is-not-stacked-on-mobile)>.wp-block-column.image {
		flex-basis: 100% !important;
	}

	.item .data {
		flex-direction: column-reverse;
		gap: 2em;
		margin-top: 1em !important;
	}

	.item .compare-btn {
		display: block !important;
		margin: 1em 0;
	}

	.item .compare-btn * {
		width: 100%;
	}

	.item .compare-btn .wp-block-button__link {
		padding: 16px 40px;
	}

	.item .compare-btn .wp-block-button__link::after {
		width: 16px;
		height: 16px;
		right: 15px !important;
	}

	.item .comment {
		padding: 5em 1em 1em !important;
		margin-top: 5.5em;
		border-radius: 1em !important;
	}

	.item .comment .image {
		width: 100%;
		text-align: center;
		top: 0;
		right: 0;
		left: 0;
		transform: translateY( -50% );
	}

	.item .comment .image .wp-block-image {
		display: inline-block;
		width: 90px;
	}

	.item .cmp {
		margin-top: 4em;
		gap: 1em;
	}

	.item .cmp-link {
		flex-direction: column;
		gap: .4em !important;
		padding: 1.6em 2.6em .8em 1em !important;
	}

	.item .cmp-link::after {
		right: 1em;
	}

	.item .countdown-wrap {
		display: block !important;
		width: 100%;
	}

	.item .countdown:has( .countdown ) {
		flex-direction: column;
		gap: 0 !important;
		padding: .5em !important;
	}

	.item .countdown span.num {
		font-size: 1.5em;
	}

	.cmp-box .tax-list {
		padding: var(--wp--preset--spacing--20) !important;
		border-radius: 15px;
	}

	.cmp-box .post {
		padding: var(--wp--preset--spacing--30) !important;
		background-size: 10px;
		background-position: right .8em center;
		box-shadow: 5px 5px 0 rgba( 0, 0, 0, .08 );
	}

	.cmp-box .post .thumb {
		width: 120px;
	}

	.cmp-box .post .txt {
		width: calc( 100% - 120px );
		padding: 0 1em !important;
	}

	.cmp-box .post .ttl {
		font-size: var(--wp--preset--font-size--16-px) !important;
	}

	body .is-layout-flow > * {
		margin-top: 1.5em;
	}

	.wp-block-template-part:has( > .page-header ) {
		margin-bottom: var(--wp--preset--spacing--30) !important;
	}

	.compare-header.wp-block-template-part:has( > .page-header ) {
		margin-bottom: -3.5em !important;
	}

	/*
	body .wp-block-group:has( > .yoast-breadcrumbs ) {
		margin-top: 0 !important;
	}
	*/

	.page-cont {
		padding: var(--wp--preset--spacing--30) !important;
	}

	.item .voice-cont {
		padding: var(--wp--preset--spacing--20) !important;
		border-width: 2px !important;
	}

	.item .voice-cont .cont {
		padding: var(--wp--preset--spacing--20) !important;
	}

	.item .voice-cont .wp-block-heading {
		font-size: var(--wp--preset--font-size--16-px) !important;
	}

	footer > .wp-block-group.footer-01 {
		padding: 2em 0 0 !important;
	}

	footer .logo {
		display: block !important;
		padding-bottom: 1em !important;
	}

	footer .nav-wrap {
		gap: 0 !important;
	}

	.bottom-nav {
		margin: 0 !important;
		padding: 0 !important;
	}

	.bottom-nav .nav {
		margin: 0 !important;
	}

	.bottom-nav .nav > p {
		padding: 0;
	}

	.bottom-nav a {
		text-align: left !important;
		padding: 1.2em 2em 1.2em 0 !important;
		background: url( ../img/josuihikaku-lab/2x/arrow-right-bl.png ) right center / 9px no-repeat !important;
	}

	.bottom-nav a::after {
		display: none;
	}

	.bottom-nav .nav > p + p::before {
		display: none;
	}

	body .bottom-nav > .wp-block-group > * {
		border: none;
		padding-bottom: 2px;
		background: url( ../img/josuihikaku-lab/2x/dot-border.png ) left bottom / 4px repeat-x;
	}

	body .copyright {
		flex-direction: column;
		gap: .5em;
	}

	footer .co-nav a {
		display: inline-block;
		border-bottom: solid 1px var( --wp--preset--color--base );
	}

	.post-archive .post-contents {
		gap: .5em;
		margin-block-start: 1.5em;
	}

	body .sidebar .post-list .post::before {
		width: 32px;
		height: 32px;
		line-height: 32px;
		top: var(--wp--preset--spacing--30);
		left: -3px;
	}

	.wp-block-buttons>.wp-block-button {
		width: 100%;
	}

	.post-header.is-layout-constrained > :first-child {
		flex-wrap: wrap;
		align-items: center;
	}

	body form.snow-monkey-form:not( [data-screen=confirm] ) .agree .smf-item__col--controls::before {
		top: 0;
	}

	body .efo-form label:has( input[type=radio] ), body .efo-form label:has( input[type=checkbox] ) {
		padding: 0.3em 0em 0.3em 2.1em;
	}

}


/*
----------------------------------------

480

----------------------------------------
*/

@media ( max-width: 480px ) {

	.item .item-copy {
		text-align: left;
	}

	.item .voice-cont .txt {
		font-size: var(--wp--preset--font-size--14-px);
	}

	.item .voice-cont .txt .read {
		width: 100%;
		text-align: left;
	}

	.item .voice-cont .txt .attr {
		width: 100%;
		text-align: right !important;
	}

	.item .voice-cont .wp-block-heading:before,
	.item .voice-cont .wp-block-heading:after {
		max-height: 60px;
		top: 50%;
	}

	.item .voice-cont .wp-block-heading:before {
		left: 15px;
		transform: rotate( -20deg ) translateY( -50% );
	}

	.item .voice-cont .wp-block-heading:after {
		right: 15px;
		transform: rotate( 20deg ) translateY( -50% );
	}

}


/*
----------------------------------------

hover

----------------------------------------
*/

@media ( min-width: 780px ) {

	.header-compare:not( .toggle-nav ) .g-nav .navigation .cat-menu > li > a:hover {
		background: var( --wp--preset--color--base );
		color: var( --wp--preset--color--primary );
	}

	.header-compare:not( .toggle-nav ) .g-nav .navigation .nav-btn:hover p a {
		color: var(--wp--preset--color--primary);
	}

	.header:not( .toggle-nav ) .g-nav .navigation .nav-btn:hover .child {
		opacity: 1;
		visibility: visible;
		z-index: 9;
	}

	.g-nav .navigation .nav-btn:hover::after {
		right: var(--wp--preset--spacing--50);
		left: var(--wp--preset--spacing--50);
	}

	.header.toggle-nav .cat-menu > li > a:hover::after {
		right: 5px;
	}

	.header.toggle-nav .g-nav .navigation .nav-btn > p > a:hover::before {
		right: 10px;
	}

	.search-form .form-group:not( .conditions ) .input label:hover {
		background: var(--wp--preset--color--light-gray);
	}

	.item-table .sticky-table .block-table .th:first-child a:hover,
		.item-table .sticky-table .block-table .th:first-child a:hover strong {
		color: var(--wp--preset--color--primary);
	}

	.item .link-to-cover-and-group-blocks:hover .cmp-link {
		background: var(--wp--preset--color--sixth) !important;
	}

	.item .link-to-cover-and-group-blocks:hover .cmp-link::after {
		right: 1em !important;
	}

	body footer a:where(:not(.wp-element-button)):hover {
		border-color: transparent;
	}

	body .post:hover .thumb img {
		opacity: .8;
	}

	body .cmp-box .post:hover {
		background-position: right .8em center;
	}

	body .cmp-box .post:hover .more::after {
		right: 0;
	}

	.item-table .wp-block-button__link:hover {
		transform: translateY( -2px );
		box-shadow: 0 4px 0 #cf3c00;
	}

	.item-table .wp-block-button__link:active {
		transform: translateY( 2px );
		box-shadow: 0 0 0 #cf3c00;
	}

	.sidebar .post:hover .more::after {
		right: 0;
	}

	.efo-form input[type=submit]:not(.disabled):hover,
	.efo-form button[type=submit]:not(.disabled):hover {
		transform: translateY( -4px ) !important;
		box-shadow: 0 6px 0 #cf3c00 !important;
	}

	.efo-form input[type=submit]:not(.disabled):active,
	.efo-form button[type=submit]:not(.disabled):active {
		transform: translateY( 2px ) !important;
		box-shadow: 0 0 0 #cf3c00 !important;
	}

	.efo-form.contact-form input[type=submit]:not(.disabled):hover,
	.efo-form.contact-form button[type=submit]:not(.disabled):hover {
		box-shadow: 0 6px 0 #138596 !important;
	}

	.efo-form.contact-form input[type=submit]:not(.disabled):active,
	.efo-form.contact-form button[type=submit]:not(.disabled):active {
		box-shadow: 0 0 0 #138596 !important;
	}

	.item .ttl .link-to-cover-and-group-blocks:hover .item-name {
		filter: saturate(180%);
	}

	.item .compare-btn .wp-block-button__link:hover {
		transform: translateY( -4px );
		box-shadow: 0 6px 0 #cf3c00;
	}

	.item .compare-btn .wp-block-button__link:active {
		transform: translateY( 2px );
		box-shadow: 0 0 0 #cf3c00;
	}

	.post:hover .thumb img,
	.post-archive .post:hover .thumb img {
		transform: scale( 1.05 ) !important;
	}

	.bottom-nav p:has( > a:hover )::after {
		opacity: 1;
		visibility: visible;
		z-index: 1;
	}

	:root :where(.wp-block-post-terms a:where(:not(.wp-element-button)):hover) {
		color: var(--wp--preset--color--base) !important;
	}

	footer .co-nav a:hover {
		color: var(--wp--preset--color--contrast);
	}

	.item .item-slider .slick-prev:hover,
	.item .item-slider .slick-next:hover {
		background: var(--wp--preset--color--primary) !important;
	}

	.item .item-slider .slick-dots li button:hover:before,
	.item .item-slider .slick-dots li button:focus:before {
		color: var(--wp--preset--color--primary) !important;
	}

}