/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 12 2025 | 09:17:10 */
.login-form {
	border: 1px solid #01479d;
}

#wpmem_login, .register-form, .login_status {
	width: 90%;
	margin: 0 auto;
}

#wpmem_login .button_div, #wpmem_reg .button_div {
	text-align: center !important;
}

#main_visual {
	border-bottom: 1px solid #ddd;
}

.buttons {
	display: block;
    width: 30%;
    padding: 10px 0;
    margin: 0 auto !important;
    background-color: #01479d;
    color: #ffffff;
    font-size: 1.2rem !important;
    font-weight: bold;
}

#wpmem_login .link-text {
	text-align: center;
}

#form-contents {
	width: 60%;
	margin: 20px auto;
	padding: 10px 2%;
	border: 1px solid #01479d;
	box-shadow: 5px 5px 10px #01479d;
}

.row {
	margin-bottom: 20px;
}

.formbox-ttl {
	margin-bottom: 10px;
}

.must {
	font-size: 0.8rem;
	color: red;
}

.confirmbtn {
	background-color: #01479d;
	color: #fff;
}

.custom label {
	margin-bottom: 20px;
	font-weight: bold;
}

.hissu {
	font-size: 0.8rem;
	color: red;
}

.remarks {
	font-size: 0.9rem;
}

.custom label p {
	margin: 10px 0;
}

.custom label strong {
	font-size: 0.9rem;
}

.drawing {
	display: block;
	width: 15%;
	border: 1px solid #01479d;
	color:  #01479d;
	text-align: center;
}

.confirmation {
	background-color: #01479d;
	color: #fff;
}

.fadein {
	opacity: 0;
	transform: translateY(50px);
	transition-property: transform, opacity;
	transition-duration: 1.5s;
	transition-delay: 0s;
}

.fadein.is-active {
	opacity: 1;
	transform: translateY(0);
}

.fadein-left {
  transform: translateX(-100%);
}

.fadein-right {
  transform: translateX(100%);
}

.fadein-visible {
  opacity: 1;
  transform: translateX(0);
}

.searchandfilter ul li {
	margin-bottom: 15px;
}

option[value = "37"], option[value = "38"], option[value="39"], option[value="40"], option[value="41"], option[value="78"] {
  display: none;
}

.cat-item-37,
.cat-item-38,
.cat-item-39,
.cat-item-40,
.cat-item-41,
.cat-item-113,
.cat-item-114,
.cat-item-78>label {
	display: none;
}

.children {
	padding-left: 20px;
}

/* アニメーション用のスタイルを .animated-children にのみ適用 */
.animated-children {
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  max-height: 0;
}

.searchandfilter ul li input[type=submit] {
	width: 30%;
	background: #1176d4;
    color: #fff;
}

.c-postTimes__posted {
	display: none;
}

.simulation {
	position: fixed;
	bottom: 35px;
	right: 6%;
	padding: 3px;
	border: 1px solid #01479d;
	background: #01479d;
	text-align: center;
}

.simulation a {
	display: block;
	color: white;
}

.p-postList__link {
	justify-content: normal;
}

.-type-list .p-postList__thumb {
	width: 20%;
}

.-type-list .p-postList__body {
	width: 80%;
}

.electricity {
	position:relative;
	padding-left:35px;
}

.electricity:before {
	content: '';
	display: block;
	width: 30px; 
	height: 30px;
	background-image: url(https://www.kyoeidenki.jp/wp-content/uploads/2024/05/electricity.png);
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
}

.database {
	position:relative;
	padding-left:35px;
}

.database:before {
	content: '';
	display: block;
	width: 30px; 
	height: 30px;
	background-image: url(https://www.kyoeidenki.jp/wp-content/uploads/2024/05/database.png);
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
}

.arm {
	position:relative;
	padding-left:35px;
}

.arm:before {
	content: '';
	display: block;
	width: 30px; 
	height: 30px;
	background-image: url(https://www.kyoeidenki.jp/wp-content/uploads/2024/05/arm.png);
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
}

.-type-thumb .p-postList__body {
	//background: transparent;
}

.-type-card .p-postList__item {
	//position: relative;
	//overflow: hidden;
}

a.p-postList__link {
	//display: block;
}

div.p-postList__body {
	//padding: 15% 10px !important;
    //position: absolute;
    //top: 0%;
    //height: 100%;
}

div.p-postList__body {
  //transition: background-color 0.3s ease;
}

.p-postList__item:hover div.p-postList__body {
  //background-color: rgba(0, 0, 0, 1) !important; /* semi-transparent black */
}

.p-postList__excerpt {
	//position: relative;
	//opacity: 0;
	//transform: translateX(-3%);
	//transition: transform 0.5s ease, opacity 0.5s ease;
}

.p-postList__item:hover .p-postList__excerpt {
	//opacity: 1;
	//transform: translateX(0);
}

div.p-postList__body h2.p-postList__title,
div.p-postList__body div {
	//color: #fff;
}

div.p-postList__body h2.p-postList__title {
	//color: #000;
	//text-shadow: 1px 1px 1px #fff,-1px 1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff;
}

.p-postList__item:hover .p-postList__title {
	//color: #fff;
	//text-shadow: none;
	
}

.dp-none {
	display: none !important;
}

.dp-bl {
	display: block !important;
}

.dp-ilbl {
	display: inline-block !important;
}

.dp-flex {
	display: -webkit-flex;
	display: flex;
}

.smf-item__controls .smf-placeholder {
	margin-bottom: 15px;
}

.smf-placeholder:has(#wholesale),.smf-placeholder:has(#production-machinery),.smf-placeholder:has(#non-production-machinery01),
.smf-placeholder:has(#non-equipment),.smf-placeholder:has(#non-manufacturing),.smf-placeholder:has(#other-industries),.smf-placeholder:has(#adopt) {
	display: none;
}

.animated-heading {
  display: flex;
  flex-wrap: wrap;
}

.animated-heading span {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.animated-heading span.visible {
  opacity: 1;
}

.searchandfilter ul li input[type=submit] {
	width: 100%;
}

.fs-08 {
	width: 100%;
}

.fs-08 option {
	font-size: 0.8rem;
}

.just-left {
	margin-left: -5%;
}

.just-right {
	margin-right: -5%;
}

summary, .summary {
  /* display: list-item;以外を指定してデフォルトの三角形アイコンを消します */
  display: block;
  width: 98%;
}

summary::-webkit-details-marker {
  /* Safariで表示されるデフォルトの三角形アイコンを消します */
  display: none;
}

.summary_inner{
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  border: 1px solid #d2beff;
  font-size: 12px;
  font-weight: bold;
  color: #002255;
}

details {
  width: 50%;
  margin-bottom: 15px;
}

/* --------アイコンを作ります-------- */
.icon {
  //display: block;
  //position: relative;
  //width: 24px;
  //margin-left: 6px;
  //flex-shrink: 0;
  //transform-origin: center 43%;
  //transition: transform 0.4s;
}

/* アコーディオンが開いた時のスタイル */
details[open] .icon {
  //transform: rotate(180deg);
}

/* アイコンのバーのスタイル */
.icon::before,
.icon::after {
  //content: "";
  //position: absolute;
  //display: block;
  //width: 15px;
  //height: 3px;
  //background-color: #7050ff;
}

.icon::before {
  //left: 0;
  //transform: rotate(45deg);
}

.icon::after {
  //right: 0;
  //transform: rotate(-45deg);
}

/* --------summaryタグの疑似要素でアイコンを作る場合-------- */
.wrapper_pseudoElementsIcon .summary_inner::after {
  //content: "";
  //display: block;
  //width: 25px;
  //height: 16px;
  //margin-left: 6px;
  //flex-shrink: 0;
  //background-image: url("icon.svg");
  //background-size: contain;
  //background-repeat: no-repeat;
  //background-position: center;
  //transform-origin: center 43%;
  /* アコーディオンが閉じる時にアイコンをアニメーションさせます */
  //animation: 0.4s close-animation;
}

@keyframes close-animation {
  from {
    transform: rotate(180deg);
  }

  to {
    transform: rotate(0deg);
  }
}

/* アコーディオンが開いた時にアイコンをアニメーションさせます */
details[open] .summary_inner::after {
  animation: 0.4s open-animation forwards;
}

@keyframes open-animation {
  from {
    transform: rotate(0deg);
  }

  to{
    transform: rotate(180deg);
  }
}

/* --------アコーディオンの中身のスタイル-------- */
.content {
  background-color: #f0f2ff;
  padding: 24px 48px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* --------レイアウト用のスタイル-------- */
.wrapper {
  display: flex;
  margin: 0 auto;
}

.wrapper details {
  margin-bottom: 16px;
}

.wrapper details:last-child {
  margin-bottom: 0;
}

.wrapper_normalIcon, .wrapper_pseudoElementsIcon {
  width: 700px;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1071px) {
  .wrapper_normalIcon {
    margin-right: 24px;
  }
}

@media (max-width: 1070px) {
  .wrapper {
    flex-direction: column;
  }

  .wrapper_normalIcon {
    margin-bottom: 24px;
  }
}

@media (max-width: 760px) {
  .wrapper_normalIcon, .wrapper_pseudoElementsIcon {
    width: 100%;
  }
}

.wrapper_title {
  font-size: 22px;
}

.kensaku-btn {
	width: 30%;
    border: 1px solid #002255;
    color: #002255;
    font-weight: bold;
}

.keyword {
	margin-bottom: 15px;
}

.pd-9 a {
	padding: 9px;
}

.pd-10 a {
	padding: 10px;
}

.btn-active {
	background-color: #01479d;
    border-color: #01479d;
    color: #fff !important;
}

.cf-box {
	width: 100%;
	padding: 20px 10px;
}

.cf-row {
	width: 100%;
	margin: 0 0 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #01479d;
}

[class^="g100-col-"],
[class^="g110-col-"],
[class^="g140-col-"],
[class^="g190-col-"],
[class^="signal-"] ,
[class^="communication-"] {
	display: -webkit-flex;
	display: flex;
	margin-bottom: 10px;
}

.cf-col div {
	margin-left: 10px;
}

[class^="voltagecurrent-"]  div, [class^="voltagecurrent-"]  p,
[class^="signal-"]  div, [class^="signal-"]  p ,
[class^="communication-"]  div, [class^="communication-"]  p{
	display: inline-block;
	margin-left: 15px;
}

.addButton, .deleteButton {
	display: inline-block !important;
	margin-left: 15px;
}

.simulator {
	width: 15%;
	text-align: right;
}

span:has(#zip),
span:has(#pref) {
	display: block;
	width: 8%;
}

span:has(#city) {
	display: block;
	width: 20%;
}


@media (max-width: 760px) {
  span:has(#zip),
  span:has(#pref),
 span:has(#city) {
	  width: 27%;
  }
}

#zip,
#pref,
#city {
	width: 100%;
}

#addr {
	widt: 50%;
}

span:has(#addr) {
	display: block;
}

@media (max-width: 760px) {
  span:has(#addr) {
	  width: 80%;
  }
}

#zip_close a {
	pointer-events: none;
}

@media (min-width: 761px) {
	.c-scrollHint {
		//display: none;
	}
}

.p-postList__excerpt p.database:before,
.p-postList__excerpt p.arm:before,
.p-postList__excerpt p.electricity:before {
	display: none;
}

.p-postList__excerpt p.database,
.p-postList__excerpt p.arm,
.p-postList__excerpt p.electricity {
	padding-left: 0;
}

.single .p-breadcrumb__item:last-child>span.p-breadcrumb__text {
	display: block;
}

span:has(.rotational-speed),
span:has(.uptime-date),
span:has(.uptime-year),
span:has(.lifespan),
span:has(.other-environment),
span:has(.number) {
	display: inline-block;
	width: 10%;
}

@media (max-width: 761px) {
	span:has(.rotational-speed),
    span:has(.uptime-date),
    span:has(.uptime-year),
    span:has(.lifespan),
    span:has(.other-environment),
    span:has(.number) {
		width: 30%;
	}
}

.rotational-speed,
.uptime-date,
.uptime-year,
.lifespan,
.number {
	width: 100%;
	text-align: right;
}

.uptime-date,
.uptime-year {
	margin-bottom:10px;
}

.fl-left {
	float: left;
}

.w-59 {
	width: 59%;
}

@media (max-width: 760px) {
	.-type-list .p-postList__thumb {
		width: 30%;
	}
	
	.-type-list .p-postList__body {
		width: 70%;
	}
	
	.-type-list .c-postThumb__cat, .-type-list2 .c-postThumb__cat {
		display: none;
	}
	
	.post_content thead td, .post_content thead th {
		width: 40% !important;
	}
}

.cmplz-cookiebanner .cmplz-links.cmplz-documents {
	display: none;
}

.grecaptcha-badge { visibility: hidden; }