/* EX在庫診断 専用CSS　header.phpに読み込み分岐あり*/

/*** 記事タイトル・日付 非表示 ***/
.post-214 .entry-title, .post-214-entdate /* トップページ */
 { display: none; }

/*** 背景全体の色変え ***/
body,
.site,
#masthead { background-color: #FAFAFA; }
body.custom-background { background-color: #FAFAFA!important; }


/*** 字体 ***/
button, input, select, textarea, .main-navigation, .widget .widget-title,
h1, h2, h3, h4, h5, h6, pre, li, p, a, .entry-title, .page-title {
	font-family: "メイリオ","Segoe UI","Hiragino Kaku Gothic ProN","游ゴシック" ,"YuGothic", "游ゴシック体","Meiryo UI" , Meiryo , sans-serif;
	transform: rotateZ(0.03deg);
}


/*テーブル見出し部を灰色に*/
.table th {
    background-color: #ECECEC;
}


/*** 投稿ヘッダ部 ***/
.entry-header img {
	float: left;
	vertical-align: middle;
    margin-right: 1em;
}
.entry-header h2 {
	font-weight: normal;
	clear: none;
	padding-top: 0.3em;
}
.entry-header p {
	margin-bottom: 0em;
}

/*** 投稿メイン部 デザイン ***/

h1.entry-title {
	font-size: 170%;
    padding: 20px 0 10px;
    border-bottom: 2px solid #dedede;
}

h5 {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  background: #F4F4F4;/*背景色*/
  border-left: solid 5px #7DB4E6;/*左線*/
  border-bottom: solid 3px #D7D7D7;/*下線*/
}
h6.sub {
  font-size:1.1rem;
  font-weight:bold;
  color: #494949;
  background: #fffaf4;
  border-left: solid 10px #ffaf58;/*左線（実線 太さ 色）*/
  font-size: 1rem;
  margin-top: 2em;
  padding: 0.5em;
  padding-left: 1em;
}
p.entdate {
	color: #686868;
	margin-bottom: 3em;
}
p.entdate span {
	margin-right: 2em;
}
p.pretitle {
	font-weight:bold;
	margin-top:3em;
	margin-bottom:0.5em;
}
.subtitle {
	padding: 0.25em 0.5em;
	background: #f2f2f2;
	border-left: solid 5px #7db4e6;
}

.site-main {
    margin-bottom: 4em;
}

.button021 a {
    background: #eee;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: left;
    max-width: 400px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button021 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(135deg);
}
.button021 a:hover {
  background: #6bb6ff;
  color: #FFF;
}
.button021 a:hover:after {
  right: 1.4rem;
}


/*ウィジェット用*/
.zaikoshindan-sidebar .widget {
	border-top: 3.5px solid #dce6f1;
}

#widgetmenu h3 {
	font-size: 0.8125rem!important;
    line-height: 1.6153846154!important;
    margin-bottom: 0;
}
#widgetmenu #guide_menu h3 {
	margin-bottom: 0.1em!important;
	font-weight: normal!important;
}
#widgetmenu #guide_menu h3 a { color: #1a1a1a;}
#widgetmenu #guide_menu h3 a:hover { color: #1111cc;}
#widgetmenu h4 {
	font-weight: normal!important;
	font-size: 0.8125rem!important;
    line-height: 1.6153846154!important;
    margin-bottom: 0!important;
    margin-left: 2em!important;
}
#widgetmenu h4.greatgrandson {
    margin-left: 4em!important;
}
#widgetmenu ul.greatgrandson {
	list-style-type: none!important;
	margin-bottom: 1em!important;
	margin-left: 6em!important;
}
#widgetmenu ul.grandson {
	list-style-type: none!important;
	margin-bottom: 1em!important;
	margin-left: 4em!important;
}
#widgetmenu ul.child {
	list-style-type: none!important;
	margin-bottom: 1em!important;
	margin-left: 2em!important;
}

@media screen and (min-width: 56.875em) {
	.sidebar {
		float: left!important;
    	margin-left: 73%!important;
    	padding: 0!important;
    	padding-left: 2%!important;
    	width: 25!important%;
    	border-left: solid 1px #dce6f1!important;
	}
}


/*ウィジェット用*/
.zaikoshindan-sidebar .widget {
	border-top: 3.5px solid #dce6f1;
}


#widgetmenu h3 {
	font-size: 0.8125rem!important;
    line-height: 1.6153846154!important;
    margin-bottom:10px!important;
}
#widgetmenu #guide_menu h3 {
	margin-bottom: 0.1em!important;
	font-weight: normal!important;
}
#widgetmenu #guide_menu h3 a { color: #1a1a1a;}
#widgetmenu #guide_menu h3 a:hover { color: #1111cc;}
#widgetmenu h4{
	font-weight: normal!important;
	font-size: 0.8125rem!important;
    line-height: 1.6153846154!important;
    margin-bottom: 0px!important;
    margin-left: 2em!important;
}
#widgetmenu h4.greatgrandson {
    margin-left: 4em!important;
	  margin-top:0px
}
#widgetmenu ul.greatgrandson {
	list-style-type: none!important;
	margin-bottom: 1em!important;
	margin-left: 6em!important;
}
#widgetmenu ul.grandson {
	list-style-type: none!important;
	margin-bottom: 1em!important;
	margin-left: 4em!important;
}
#widgetmenu ul.child {
	list-style-type: none!important;
	margin-bottom: 1em!important;
	margin-left: 2em!important;
}
#widgetmenu h4{
	margin-top:0px!important;
	letter-spacing:0em!important;
}

@media screen and (min-width: 56.875em) {
	.sidebar {
		float: left!important;
    	margin-left: 73%!important;
    	padding: 0!important;
    	padding-left: 2%!important;
    	width: 25!important%;
    	border-left: solid 1px #dce6f1!important;
	}
}


/*** リリース情報（ショートコードは拡張ソリューション共通 ***/
/* @@20250603  EX OOKAWA ADD ↓*/
table.release {border-width:1px 0 0 1px;}
table.release thead th.date {text-align: center; width:100px; background-color:#0058FF; color:white; font:bold;}
table.release thead th.version {text-align: center; width:15%; background-color:#0058FF; color:white; font:bold;}
table.release thead th.content {text-align: center; background-color:#0058FF; color:white; font:bold;}

table.release tbody tr{ /* ※交互の背景色 */
	background-color: white;
}
table.release tbody tr:nth-child(2n){ /* ※交互の背景色 */
	background-color: #f1f6fc;
}
table.release tbody tr td.date,
table.release tbody tr td.version {text-align: center;}
table.release tbody tr td ul {margin: -1em 0.3em 0 1.5em;}
/* @@20250603  EX OOKAWA ADD ↑*/

/* @@20250619  EX OOKAWA ADD↓*/
/*** トップページのリンクボタン ***/
.box{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-bottom: 30px;
}
.box .item {
	padding: 10px;
	width: 45%;
}
.box .item a {
	overflow: visible;
/*	width: 100%;
	height: 100%;*/
}
.box .item a img {
	width: 100%;
	cursor: pointer;
	display: block;
	transition-duration: 0.3s;
}
.box .item a img:hover {
	transform: scale(1.05,1.05);
	transition-duration: 0.3s;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

@media screen and (max-width: 44.374em) {
	.box .item {
		padding: 10px;
		width: 100%;
	}
}
/* @@20250619  EX OOKAWA ADD↑*/


/* @@20250620  EX OOKAWA ADD↓ */
/*** ステップチャート ***/
.flow_design10 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flow_design10 ul.flow10 {
  padding-left: 0;
}
.flow_design10 ul.flow10 > li {
  list-style-type: none;
  border: 2px solid #4D9BC1;
  padding: 20px;
  border-radius: 20px;
  margin-right: 6em;
}
.flow_design10 ul.flow10 > li:not(:last-child) {
  margin-bottom: 40px;
  position: relative;
}
.flow_design10 ul.flow10 > li:not(:last-child)::after {
  content: '';
  position: absolute;
  border: 20px solid transparent;
  width: 0;
  height: 0;
  bottom: -53px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border-top-color: #4D9BC1;
}
.flow_design10 ul.flow10 > li dl dt {
  font-size: 1.3em;
  font-weight: bold;
  border-bottom: 2pt dashed #ccc;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
.flow_design10 ul.flow10 > li .icon10 {
  color: #4D9BC1;
  margin-right: 0.5em;
}
.flow_design10 ul.flow10 > li dl dd {
  margin: 0;
}
@media screen and (max-width: 44.374em) {
	.flow_design10 ul.flow10 > li {
		margin-right: 1em;
	}
}

/*** 注意事項（※印）***/
ol.asterisk {
  list-style: none;
  counter-reset: number;
}
ol.asterisk li {
  position: relative;
  padding-left: 40px;
  padding-bottom: 1.5em;
}
ol.asterisk li::before {
  counter-increment: number;
  content: '※' counter(number) '．';
  position: absolute;
  left: 0;
}

/*** 動画目次 ***/
.pages-note {
   width:90%;
   margin: 10px 5px;
   padding: 10px 20px;
   border:2px solid #2db19a;
   border-radius: 10px;
   background:white;
}
.pages-note p.notetitle {
   margin: 0px 0px 5px 0px;
   padding: 3px 0px;
   border-bottom: 3px double #2db19a;
   font-weight: bold;
   color: #2db19a;
}
.pages-note p.notemain {
   color:#333333;
   background-image: url("/wp-content/uploads/bluedash.gif");
   line-height: 25px;
   padding: 0 15px;
}
@media screen and (max-width: 44.374em) {
	.pages-note {
		width: 95%;
		margin: 0 0 15px 0;
		padding: 10px 12px;
		border: 2px solid #2db19a;
		border-radius: 8px;
	}
}

/*** 画面上ＱＡ（開閉なし）***/
.faq-note {
   width:90%;
   margin: 0px 5px 15px 5px;
   border:3px solid #c0c0c0;
   border-radius: 10px;
}
.faq-note p.faq-notetitle {
   padding: 10px 20px;
   padding-right: 70px;
   border-radius: 10px 10px 0 0 ;
   border-bottom: 3px double #f5f5f5;
   font-weight: bold;
   color: #333333;
   background: url("/wp-content/uploads/qa_q_blue.png") no-repeat left top;
   background-size: 50px;
   background-position: 10px;
   padding-left: 70px;
   background-color:#f5f5f5;
}
.faq-note p {
   padding: 10px 20px;
   color:#333333;
   padding-left: 70px;
}
.faq-note p.faq-notemain {
   background: url("/wp-content/uploads/qa_a_green.png") no-repeat left top;
   background-size: 50px;
   background-position: 10px;
}
@media screen and (max-width: 44.374em) {
  .faq-note {
    width: 95%;
    margin: 0;
    border:3px solid #c0c0c0;
    border-radius: 10px;
  }
  .faq-note p.faq-notetitle {
    padding: 10px 70px;
  }
  .faq-note p.faq-notemain {
    padding: 10px 12px;
    padding-left: 70px;
  }
}

/***ヘッダーのスペース削減***/
.site-inner{
	margin-top:-85px;
}
@media screen and (max-width: 910px){
	.site-inner{
	margin-top:-50px;
}
}