@charset 'UTF-8';
body {
    font-family:  "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	font-weight:500;
    overflow-wrap: break-all;/*句読点の禁則処理*/
}

b, strong, .bold{
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, 'メイリオ', Meiryo, sans-serif;
}

/* IEだけに適応 */
_:lang(x)::-ms-backdrop, .selector {
	font-family: "Segoe UI", Meiryo, sans-serif;
}

p {
    margin-bottom: 1.5rem;
}

/*横並び中央配置*/
.yoko-center {
  position: relative; 
  overflow: hidden;
}

.yoko-center ul {
  position: relative;
  left: 50%; 
  float: left;
}

.yoko-center ul li {
  position: relative;
  left: -50%; 
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  list-style: none;
  text-align: center;
}

.y-c-1{
}
.y-c-2{
}
.y-c-3{
}

/*共通テキスト*/
span.text_red{
	color:#ff0000;
}

/*共通リンク*/
a:hover.hover-none {
	text-decoration: none;
}


.legacy .title_m {
	margin-bottom: 0px;
}

.legacy .block2 .name, .legacy .block3 .name {
    margin-bottom: 0px;/*システム一覧のブロック*/
}

.legacy .block2 a, .legacy .block3 a{
	max-width: 100%; /*IE11 AI画像認識構築サービスのアイテムがはみ出るのを解消*/
}

.home-cameraSystem-item-heading {
    margin-bottom: 0px;
}

.page-container._heighter {
    padding-top: 20px;/*202006高さ調整*/
    /*padding-bottom: 20px;*//*2023*/
}

/*×〇記号*/
.batsumaru-text{
	vertical-align: middle;
	margin-bottom: 0px;
}

.batsu{
    font-size: 3rem;
    color: #0071aa;
    font-weight: bold;
    float: left;
    margin-right: 10px;
    height: 50px;
}

.maru{
    font-size: 3rem;
    color: #dc3545;
    font-weight: bold;
	width: 40px;
    float: left;
}

/*テーブル*/
.legacy table.basic thead th, .legacy table.spec thead th, .legacy .blog_table thead th {
    color: #000;
    background: #f2f2f2;
	border-bottom: 1px dotted #808080 !important;
}

/*ボタン*/
/*システムお問い合わせ*/
.btn {font-weight: 600;
}

.legacy .btn_default {
    font-weight: 600;
}

/*カメラ詳細ページ価格・メーカーお問い合わせ*/
.btn-lg {
	font-weight: 600;
}

/*サブスライダー*/
.home-subSlider-desc
{
    background: rgba(255, 255, 255, .0);
	top:102px;
	bottom:0px;
}

.home-subSlider-desc .home-subSlider-heading ~ p{
	margin-top: 0.5em;
}

/*導入事例*/
.home-cameraSystem-item-jirei {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 33%;
	padding: 0 10px;
}

.home-cameraSystem-item-jirei a {
    position: relative;
    display: block;
    padding: 20px;
    text-decoration: none;
    color: inherit;
    background: #fff;
}

.home-cameraSystem-item-jirei figure {
    position: relative;
    margin: 0 0 12px 0;
}

.home-cameraSystem-item-jirei span.logo{
	font-size:20px;
	font-weight: 600;
}

.home-cameraSystem-item-jirei span.logo img{
    height: 30px !important;
}

.home-cameraSystem-item-jirei span.logo-text{
	margin: 20px 0px;
	font-size:20px;
	font-weight: 600;
}

.home-cameraSystem-item-jirei img {
    width: auto;
    height: 100px;
    -webkit-transition: -webkit-transform .2s ease-out 0s;
    transition: -webkit-transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s, -webkit-transform .2s ease-out 0s;
}

.home-cameraSystem-item-jirei img
{
    background: no-repeat 50% 50%;
    background-size: cover;
}


.home-cameraSystem-item-jirei > a:hover img{
    opacity: .8;
}




.home-cameraSystem-item-jirei-other{
	padding: 20px 20px;
 	
}

@media (max-width: 605.98px)
{
.home-cameraSystem-item-jirei {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0 20px;
	margin-bottom: 10px;
}
}

@media (max-width: 605.98px)
{
.home-cameraSystem-item-jirei {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0 20px;
	margin-bottom: 10px;
}
  
.home-cameraSystem-item-jirei-other{
    padding: 15px;
 	
}
	
}

/*カメラ検索モーダル*/
a.bigSearch-btn {
    font-weight: bold;
    font-size: 1.7rem;
}

/*カメラ検索*/
.camSearch-heading {
    display: none;
}

.camSearch-hitNum span {
    font-size: 1.5rem;
    font-weight: bold;
}

.camSearch-hitNum strong {
    font-size: 2.8rem;
	color:#dc3545;
}

.camSearch-makerItem > img,
.camSearch-makerItem span
{
    opacity: unset;
}

.camSearch-makerItem:hover > img,
.camSearch-makerItem:hover span
{
    opacity: .4;
}

.camSearch-catItem {
	color:#000 !important;
}

.camSearch-catItem:hover
{
    color: #808080;
}
.camResult .camResult-pagination:first-of-type {
	margin-top:0px;
}


/*メニュースマホ*/
@media (max-width: 959.98px){
.gNav-subB-heading {
    font-weight:normal;/*カメラシステムを探す トップページの太字を解除*/
}
}


/*検索スマホ*/
@media (max-width: 767.98px){
.camSearch-toggler span strong {
    font-size: 18px;
    line-height: 3rem;
	}
.camSearch-price li {
    display: inline-block;
    margin-right: 2rem;
}
.camSearch-func-items li{
	display:inline-block;
	margin-right:2rem;   
	}	
}

.bigSearch-makerItem > img, .bigSearch-makerItem span {
    opacity: 1;
}

.bigSearch-catItem {
    color: #000000;
}

.page-container {
    padding-top: 1.8rem;
    padding-bottom: 1rem;
}

/*カメラ詳細ページ*/
.page-multicol-container {
    padding-top: 25px;
    padding-bottom: 1em;
}

.product-header-copy {
 margin-bottom: 1em
}

.anchorNav, .legacy .anchor_nav {
	padding: 0.5rem;
	background: url(../img/bg-dot-gray.png);
}

.heading5 {
    margin-bottom: 0.6em;
}

/*カメラシステム*/
.legacy .page_contents_title {
    margin-bottom: 10px;
}

.legacy .page_title {
    margin-bottom: 20px;
}

/*ブログ*/
.entryPost-body h2 {
    margin-bottom: 10px;
}
	
div#ez-toc-container {
    margin-bottom: 20px;
}

.blogPost-body a, .blogPost-body a span.icon-external{
	color: #0071aa;
	text-decoration: underline;
}

.blogPost-body a:hover, .blogPost-body a:hover span.icon-external{
	text-decoration: none;
}

/*サイトマップ*/
.sitemap-sec {
	margin-bottom: 20px;
    padding-bottom: 0px;
}

/*Panasonicカメラ*/
span.txtbg01 {
    display: inline-block;
    font-weight: bold;
    margin: 0 0 2px 0;
    padding: 1px 6px;
    background: #ddd;
    border-radius: 5px;
}
span.txtbg01.white {
background: #fff;
box-sizing: border-box;
border: 1px solid #333;
padding: 0 5px;
}
span.txtbg01.black {
color: #fff;
background: #333;
}
span.mode_01 {
color: #FFFFFF;
display: inline-block;
font-weight: bold;
margin: 0 0 2px 0;
padding: 1px 6px;
background: #006699;
border-radius: 5px;
}

/*ネットワークカメラとはのボックス*/

.nwc-box{
    padding: 10px;
    border: 1px solid #b2b2b2;
    background: #fff;
    margin-bottom: 20px;
}

/*
section.page-multicol-offset > .page-multicol-container > .contents_field > .nwc-box > .row > .col-sm-8 > .link-box{
    border: none;
    background: #f2f2f2;
    padding:10px;
}

section.bg-dot-gray > .page-multicol-container > .contents_field > .nwc-box > .row > .col-sm-8 > .link-box{
    border: 1px solid #b2b2b2;
    background: #f2f2f2;
    padding:10px;
}
*/

section.bg-dot-gray > .page-multicol-container > .contents_field > .link-box{
    border: 1px solid #b2b2b2;
    background: #f2f2f2;
    padding:10px;
}

section.page-multicol-offset > .page-multicol-container > .contents_field > .link-box{
    border: 1px solid #b2b2b2;
    background: #f2f2f2;
    padding:10px;
}

.link-box{
    background: #f2f2f2;
    padding:10px;
}

.nwc-box > .row > .col-sm-8 > .link-box {
    border: none;
}

/*
section.page-multicol-offset > .page-multicol-container > .contents_field > .nwc-box > .row > .col-sm-8 > .link-box{
    border: none;
}
*/

/*AXIS DLPU*/
ul.dlpu-flow{
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
}

ul.dlpu-flow li{
	padding: 8%;
    background: #ffd217;
	font-weight: 700;
	height: 230px;
	position: relative;
	margin-left: 3rem;
}

@media (max-width: 767.98px){
	ul.dlpu-flow li{
	padding: 6%;
}	
}

ul.dlpu-flow li::after{
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 16px solid #4d4d4d;
	position: absolute;
	right: -25px;
	top:50%;
	margin-left: 3rem;
}

ul.dlpu-flow li:first-child{
	margin-left: 0px;
}

ul.dlpu-flow li:last-child::after{
    content: none;
}

ul.dlpu-menu{
	list-style-type: none;
	padding-left: 20px;
}

ul.dlpu-date{
	list-style-type: none;
	padding-left: 0px;
}

ul.target{
	padding-left: 37px;
}