@charset "UTF-8";
/* 共通 */
html {
	scroll-behavior: smooth;
}
body {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
body::-webkit-scrollbar {
	display: none;
}
br.pc {display: block;}
br.sp {display: none;}
a {
	color: unset;
	text-decoration: none;
}
a:hover {
	opacity: 0.5;
}
i {
	margin: 0 0.5em 0 0;
}
table th,
table td {
	border: 1px solid #CCC;
	line-height: 175%;
	padding: 1em;
}
table th {
	width: 25%;
}
.only_pc {display: block !important;}
.only_sp {display: none !important;}
.video-container, .instagram-container, .facebook-container {
	margin: 30px auto;
}
@media screen and (max-width: 834px) {
	.content {
		padding: 0 2%;
	}
}
@media screen and (max-width: 480px) {
	br.pc {display: none;}
	br.sp {display: block;}
	.only_pc {display: none !important;}
  .only_sp {display: block !important;}
}


/* ヘッダー */
.header-container {
  padding: 1em 0;
}
#navi .navi-in>ul>li {
	border-left: solid #555555 1px;
	width: 15.5%;
}
.navi-in > ul .sub-menu li {
	height: 45px;
	line-height: 45px;
}
#navi .navi-in > ul > li >a {
	font-size: 15px;
	padding: 0;
}
.navi-in .has-icon {
	font-size: 15px;
	right: 15px;
}
.navi .item-label,
.navi .item-description {
  overflow: visible;
  padding-left: 1em;
  text-indent: -0.5em;
  -webkit-line-clamp: unset;
}
@media screen and (max-width: 480px) {
  .header-container {
    padding: 0;
  }
}

/* パンくずリスト */
.widget_breadcrumb_navxt {
	margin: 2.5% 0;
}
.breadcrumbs .sp {
	margin: 0 1%;
}

/* フォームボタン */
.dokodemo_button_black,
.dokodemo_button_white,
.dokodemo_button_red {
	border-radius: 0.25em;
	display: block;
	font-size: 1.25rem;
	line-height: 200%;
	margin: 0.5em auto;
	padding: 0.25em 2em;
	white-space: nowrap;
	width: fit-content;
}
.dokodemo_button_black {
	background: #32373c;
	color: #fff !important;
}
.dokodemo_button_black:hover {
	background: #32373c !important;
	color: #fff !important;
	opacity: 0.5;
}
.dokodemo_button_white {
	background: #fff;
	border: solid 1px #32373c;
	color: #32373c !important;
}
.dokodemo_button_white:hover {
	background: #fff !important;
	color: #32373c !important;
	opacity: 0.5;
}
.dokodemo_button_red {
	background: #CE300B;
	color: #fff !important;
	font-weight: bold;
	text-align: center;
}
@media screen and (max-width: 480px) {
	.dokodemo_button_black,
	.dokodemo_button_white,
	.dokodemo_button_red {
		font-size: 0.8rem;
		margin: 0 .25em .25em 0;
		padding: .25em .75em;
	}
}

/* サイドナビ */
.body .widget {
	margin-bottom: 2em;
}
.iksm-10814 .iksm-term__toggle {
	background: unset;
	border: none;
}
.navi-support figure {
	display: none;
}
.navi-support .widget-entry-card-content {
	margin: 15px;
}
@media screen and (min-width: 834px) {
	#cta_box-3 {
		display: none;
	}
}
.cta-box {
	padding: 5px;
	text-align: center;
}
.sidebar .cta-heading {
	font-size: 18px;
}


/* フッター */
#footer {
	background-color: #202020 !important;
	color: #FFFFFF;
}
#footer .widget_nav_menu ul li a {
	color: #FFFFFF;
}
table.footer_profile {
	margin: 0;
}
table.footer_profile tr,
table.footer_profile tr th,
table.footer_profile tr td {
	background-color: #202020;
	border: none;
	padding: .5em 0;
	vertical-align: top;
}
table.footer_profile tr:nth-child(n+3) td {
	line-height: 1;
	text-align: center;
}
.footer-mobile {
	padding: 0;
}
#footer .dokodemo_button_black,
#footer .dokodemo_button_white {
	font-size: 1rem;
	font-weight: bold;
	width: 100%;
}
.footer-bottom {
	margin: 0;
}
@media screen and (max-width: 1024px) {
	.footer-left,
	.footer-right {
		width: 40%;
	}
	.footer-center {
		width: 20%;
	}
}
@media screen and (max-width: 834px) {
	.article-footer,
	.entry-footer {
		margin: 0;
	}
	#footer .dokodemo_button_black,
	#footer .dokodemo_button_white {
		font-size: 90%;
	}
}

/* トップページ */
.top-flex {
	flex-wrap: wrap !important;
}
.top-flex a {
	flex-wrap: wrap;
	font-weight: bold;
	grid-template-columns: 35% 1fr;
	width: 32.5%;
}
.top-flex::after{
	content: "";
	display: block;
	width: 32.5%;
}
.wp-block-media-text .wp-block-media-text__content {
	padding: 0 0 0 2%;
}
@media screen and (max-width: 834px) {
	.top-flex a div {
		font-size: 0.9em;
		font-weight: bold;
		text-align: center;
	}
}
@media screen and (max-width: 480px) {
	.top-flex a {
		width: 32.5% !important;
	}
	.top-flex a figure {
		margin: 0 auto !important;
		width: 75%;
	}
}


/* カテゴリーページ */
.category-page-content {
	margin-bottom: 5em;
}
.category-page-content h4 {
  background-color: #EEE;
  border-top: 2px solid #999;
  border-bottom: 2px solid #999;
	display: flex;
	align-items: center;
	margin-bottom: 1em;
}
.category_link_btn {
	display: flex;
	flex-wrap: wrap;
	gap: 1em 1.25%;
	margin-bottom: 2.5em;
	width: 100%;
}
.category_link_btn > br {
	display: none;
}
.category_link_btn a {
	border: solid 1px #CCCCCC;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	height: auto;
	width: 32.5%;
}
.category_link_btn.column2 a {
	width: 49.35%;
}
.category_link_btn.column2 a.black_mode {
  background-color: #32373C;
	color: #FFFFFF;
}
.category_link_btn.column2 a.black_mode img {
	filter: brightness(0) saturate(100%) invert(88%) sepia(89%) saturate(4%) hue-rotate(268deg) brightness(110%) contrast(97%);
}
.category_link_btn img {
	display: inline-block;
	height: 50px;
	margin: 1em 2em 1em 1em;
	width: 50px;
}
.category_link_btn span {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	flex: 1;
	line-height: 1.25;
	margin: 0;
}
.category_link_btn.column2 span {
	font-size: 15px;
}
.category_link_btn span .end {
	background-color: #e50011;
	border-radius: 50px;
	color: #fff;
	display: block;
	padding: 0.1em 0.5em 0;
	margin-bottom: 0.25em;
	width: fit-content;
}
.category_link_bnr {
	display: flex;
	flex-wrap: wrap;
	gap: 1em 1.25%;
	margin-bottom: 2.5em;
	width: 100%;
}
.category_link_bnr a {
	border: #ccc 1px solid;
	line-height: 0;
	width: 32.5%;
}
.category-page-content table.spec th {
	width: 20%;
}
ul#category_icon {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	list-style: none;
	margin: 2.5em 0;
	padding: 0;
}
ul#category_icon li {
	border: solid #4DA6FF 1px;
	border-radius: 0.25em;
	box-sizing: border-box;
	color: #4DA6FF;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.85em;
	font-weight: bold;
	line-height: 1;
	margin: 0 0.5% 0.5em;
	padding: 0.5em 0;
	width: 24%;
}
ul#category_icon li img {
	margin-right: 0.5em;
}
.category-content .middle-cate2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 5%;
}
.category-content .middle-cate3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 5%;
}
.category-content .middle-cate2 figure,
.category-content .middle-cate3 figure {
	max-width: 100%;
}
.category-content figure a {
	background-color: #ccc;
	border-radius: 0.5em;
	box-sizing: border-box;
	color: #333;
	display: block;
	font-weight: bold;
	line-height: 1;
	margin: 1em auto 0;
	padding: 0.5em 0;
	text-align: center;
}
.category-content .site_bnr {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 2em;
}
.category-content .site_bnr a {
	width: 49%;
}
a.category-recommend {
	border: #3691C6 3px solid !important;
}
a.category-recommend h4 {
	background-color: #3691C6;
	color: #fff;
	margin-bottom: 1rem;
	text-align: center;
}
@media screen and (max-width: 480px) {
	.category-page-content h4 {
		font-size: 15px;
	}
	ul#category_icon li {
		font-size: 0.9em;
		width: 49%;
	}
	.category_link_btn {
		gap: 0.5em 1.25%;
		margin-bottom: 1em;
	}
	.category_link_btn a,
	.category_link_btn.column2 a {
		line-height: 1.25;
		margin: 0 0 2% 0;
		width: 100%;
	}
	.category_link_btn img {
		height: 30px;
		margin: 2.5% 5%;
		width: 30px;
	}
	.category_link_btn span {
		font-size: 12px !important;
	}
}
.entry-card-thumb {
	width: 30%;
}
.entry-content > p {
	padding: 0 10px 5px;
}
.cate_bnr {
	display: block;
	float: right;
	width: 30%;
}
@media screen and (max-width: 480px) {
	a.cate_bnr {
		display: inline;
		float: none;
		width: 100%;
	}
}
.category-content .category-header figure.eye-catch {
	display: none;
}
.entry-card-content {
	margin-left: 33%;
}
article.post h3.entry-card-productid {
	background: #32373c;
	border: none;
	border-radius: 2em;
	color: #FFFFFF;
	display: inline-block;
	font-size: 90%;
	line-height: 150%;
	margin: .5em 0 1em 0;
	padding: .25em 1em .1em 1em;
	text-transform: uppercase;
}
@media screen and (max-width: 480px) {
	article.post h3.entry-card-productid {
		font-size: 75%;
	}
	.entry-card-thumb {
		height: unset;
		margin-right: 3%;
	}
}
article.page h3.entry-card-productid {
	display: none;
}
.entry-card-snippet,
.related-entry-card-snippet {
	color: #666;
	font-size: 0.85em;
	line-height: 1.5;
}

/* カテゴリページ：防犯カメラリスト */
article.category-content div.entry-title {
	font-weight: bold;
}
article.category-content .category-info {
	display: flex;
	justify-content: space-between;
}
article.category-content span.productid {
	background: #32373c;
	border: none;
	border-radius: 2em;
	color: #FFFFFF;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	height: fit-content;
	line-height: 150%;
	margin: .5em 0 1em 0;
	padding: .25em 1em .1em 1em;
	text-transform: uppercase;
}
@media screen and (max-width: 480px) {
	article.category-content .archive-title {
		font-size: 20px;
	}
	article.category-content span.productid {
		font-size: 50%;
	}
}

#product_list table {
	table-layout: fixed;
	width: 100%;
}
#product_list table th,
#product_list table td {
	font-size: 0.9em;
	padding: 1em;
	vertical-align: middle;
}
#product_list table th {
	text-align: center;
}
#product_list table td {
	text-align: right;
}
#product_list table.heading {
	margin: 0;
	position: sticky;
	top: 0;
	left: 0;
}
#product_list table.heading th {
	width: unset;
}
#product_list table.heading .fixed {
	width: 30%;
}
#product_list table.list .fixed {
	text-align: left;
	width: 30%;
}
#product_list table .fixed span {
	background-color: #ea5506;
	border-radius: 50px;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	text-align: center;
	width: 40%;
}
#product_list table a {
	color: #ea5506;
	font-weight: bold;
	text-decoration: underline;
}
#product_list table .fixed {
	z-index: 10;
}

@media screen and (max-width: 840px) {
	#product_list table.heading {
		top: 50px;
	}
	#product_list table.heading th {
		padding: 1em 0;
	}
}
@media screen and (max-width: 480px) {
	#product_list table th,
	#product_list table td {
		font-size: 0.8em;
	}
	#product_list table.heading tr {
		display: flex;
	flex-wrap: wrap;
	}
	#product_list table.heading th,
	#product_list table.list td {
	display: inline-block;
		width: 25%;
	}
	#product_list table.heading .fixed,
	#product_list table.list .fixed {
		display: block;
		width: 100%;
	}
	#product_list table .fixed span {
		display: inline;
		margin-right: 0.5em;
		padding: 0 0.5em;
	}
}

/* 投稿ページ */
.toc-center {
	margin: 3em auto 5em!important;
}
figure.eye-catch {
	max-width: 50%;
}
.popmake-12120,
.popmake-12135,
.popmake-12137,
.popmake-12139 {
	text-decoration: underline;
}
.is-layout-flex {
  display: flex;
  flex-wrap: wrap !important;
	justify-content: center;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
	width: 31%;
}
.table-gallary table {
	table-layout: auto;
}
.table-gallary table th {
	padding: 0.5em;
	width: 25%;
}
.table-gallary table td {
	padding: 0.5em;
	text-align: center;
}
.table-gallary table img {
	display: inline;
	width: 47.5%;
}
.download {
	display: flex;
	justify-content: space-evenly;
}
.download .dokodemo_button_black {
	text-align: center;
	width: 40%;
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item {
	max-width: calc(50% - 1em);
}
@media (min-width: 600px) {
	.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image {
		max-width: calc(33.33% - var(--gallery-block--gutter-size, 16px)*0.66667);
	}
}
@media screen and (max-width: 640px) {
	.entry-title {
		padding: 0;
	}
	.multi-layout .thead {
		display: none;
	}
	.multi-layout tr {
		width: 100%;
	}
	.multi-layout th,
	.multi-layout td {
		display: flex;
		width: 100%;
	}
	.multi-layout td.o-x {
		display: none;
	}
	.multi-layout td:before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		margin-right: 10px;
	}
}

/* 法人営業窓口ページ */
form .required {
	background-color: #e50011;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	margin: 0 0.5rem 0.5rem 0;
	text-align: center;
	width: 3rem;
}
.wpcf7-list-item {
	margin: 0 0 0 7%;
}
@media screen and (max-width: 480px) {
	.wpcf7-list-item {
		display: block;
	}
}

/* Cocoon修正用 */
@media screen and (max-width: 1023px) {
	.mobile-menu-buttons > li {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
	}
}