@charset "UTF-8";
/*
Theme Name: kantome
Theme URI:
Author: andsdow
Author URI:
Description:
Version: 1.0
*/

/*******************************************
 ***** RESET STYLE *************************
 *******************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/*******************************************
 ***** DEFAULT STYLE ***********************
 *******************************************/
html {
  overflow-y: scroll;
  font-size: 16px;
}

h1, h2, h3, h4, h5, h6,
p, td, th, li, dt, dd, blockquote, pre {
  line-height: 120%;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

i {
  font-style: italic;
}

b {
  font-weight: bold;
}

ins {
  text-decoration: none;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
}

s,
del {
  text-decoration: line-through;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

pre {
  font-family: monospace;
}

cite {
  font-style: italic;
}

blockquote {
  margin-left: 2.5%;
  margin-right: 2.5%;
}

code,
var,
kbd {
  font-family: monospace;
}



/*******************************************
 ***** COMMON STYLE ************************
 *******************************************/
html { font-size: 62.5%; }
body { font-size: 16px; font-size: 1.6rem; }

body {
  min-width: 950px;
  color: #333;
  background-color: white;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.container {
  width: 950px;
  margin: 0 auto;
}

.main-container {
  overflow: hidden;
}
/* left sidebar style */
.main-container > .sidebar {
  float: left;
  width: 250px;
}
.main-container > .main-content {
  float: right;
  width: 700px;
}

/* right sidebar style */
/*
.main-container > .sidebar {
  float: right;
  width: 250px;
}
.main-container > .main-content {
  float: left;
  width: 700px;
}
*/

a {
  color: #1122cc;
}
a:hover, a:active, a:focus {
  color: #5261f1;
}
a:hover > img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
a > img,
a > img::before,
a > img::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

p {
  line-height: 1.8;
  margin-bottom: 15px;
}

.clearfix:after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hidetext {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}


/*******************************************
 ***** HEADER STYLE ************************
 *******************************************/
.page-header {
}

/*******************************************
 ***** CONTENT STYLE ***********************
 *******************************************/
.main-content {
}

ol.topic-path {
  margin-top: 0!important;
}

.p-single__body {
  padding-top: 20px;
}
.p-single__body h5 {
  height: 37px;
  font-size: 16px;
  color: #303030;
  line-height: 36px;
  border-bottom: 1px #a7a7a7 solid;
  padding-left: 10px;
  margin-top: 28px;
  margin-bottom: 20px;
  position: relative;
}
.p-single__body h5:before {
  content: ".";
  width: 4px;
  height: 15px;
  background: #cfcfcf;
  overflow: hidden;
  position: absolute;
  top: 10px;
  left: 0;
}
.p-single__body h5:after {
  content: ".";
  width: 4px;
  height: 15px;
  background: #c9151f;
  overflow: hidden;
  position: absolute;
  top: 11px;
  left: 1px;
}
.p-single__comment {
  margin-bottom: 10px;
}
.p-single__commentInner {
  display: table;
  width: 690px;
}
.p-single__commentInner .baloonWrap,
.p-single__commentInner .avater {
  display: table-cell;
  vertical-align: middle;
}
.p-single__commentInner .baloon {
  position: relative;
  display: inline-block;
  padding: 15px;
  width: 480px;
  line-height: 1.5;
  border: 3px solid;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: 0;
}
.p-single__commentInner .baloon:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  margin-top: -9px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 9px 0 9px 19px;
  z-index: 0;
}
.p-single__commentInner .baloon:after {
  content: "";
  position: absolute;
  top: 50%; right: -12px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  z-index: -1;
}
.p-single__commentInner .baloon.baloonPink {
  background: #fbe9ea;
  border-color: #fbe9ea;
}
.p-single__commentInner .baloon.baloonPink:before,
.p-single__commentInner .baloon.baloonPink:after {
  border-color: transparent transparent transparent #fbe9ea;
}
.p-single__commentInner .baloon.baloonBlue {
  background: #c3e1ec;
  border-color: #c3e1ec;
}
.p-single__commentInner .baloon.baloonBlue:before,
.p-single__commentInner .baloon.baloonBlue:after {
  border-color: transparent transparent transparent #c3e1ec;
}

.p-applicationArticleList a {
  display: block;
  color: #333;
  text-decoration: none !important;
  -webkit-transition: all.3s;
  -o-transition: all.3s;
  transition: all.3s;
}
.p-applicationArticleList a:hover {
  opacity: .7;
}
.p-applicationArticleList__title {
  color: #007ec7!important;
}
.p-applicationArticleList .excerpt span {
  padding-left: 20px;
  color: #007ec7!important;
}
.wp-pagenavi {
  font-weight: normal!important;
  border: none;
  text-align: center;
}
.wp-pagenavi .current {
  background-color: #666;
  color: #fff;
  border: none;
  font-weight: normal!important;
}
.wp-pagenavi a, .wp-pagenavi span {
  border: none!important;
}

/*******************************************
 ***** SIDEBAR STYLE ***********************
 *******************************************/
.sidebar {
}

#kasouSide #sideCate li a {
  width: 233px;
  height: 50px;
  color: #434343;
  font-size: 14px;
  font-weight: bold;
  line-height: 50px;
  text-decoration: none;
  background: url(https://kansai-automation.co.jp/img/side/kasouside_grayBg.gif) repeat-x;
  display: block;
  padding-left: 25px;
  margin: 0;
  position: relative;
}
body.page-control-engineering #sideCate li.pm-page05 a,
body.page-application #sideCate li.m-page06 a,
body.single-control_engineering #sideCate li.page05 a,
body.page04 #sideCate li.page04 a,
body.page05 #sideCate li.page05 a,
body.page06 #sideCate li.page06 a,
body.page07 #sideCate li.page07 a,
body.page08 #sideCate li.page08 a,
body.page09 #sideCate li.page09 a {
  color: #fff!important;
  background: url(https://kansai-automation.co.jp/img/side/kasouside_redBg.gif) repeat-x!important;
}








/* ここから下層サイドカテゴリー */
#kasouSide #sideCate {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
}
#kasouSide #sideCate li {
  width: 100%;
  height: 50px;
  margin: 0;
}
#kasouSide #sideCate li a {
  width: 233px;
  height: 50px;
  color: #434343;
  font-size: 14px;
  font-weight: bold;
  line-height: 50px;
  text-decoration: none;
  background: url(https://kansai-automation.co.jp/img/side/kasouside_grayBg.gif) repeat-x;
  display: block;
  padding-left: 25px;
  margin: 0;
  position: relative;
}
body.page-control-engineering #sideCate li.page05 a,
body.page-system-check #sideCate li.page07 a,
body.single-control_engineering #sideCate li.page05 a,
body.single-system_check #sideCate li.page07 a,
body.page-application #sideCate li.page06 a,
body.single-post #sideCate li.page06 a,
div.page09 #sideCate li.page09 a {
  color: #fff!important;
  background: url(https://kansai-automation.co.jp/img/side/kasouside_redBg.gif) repeat-x!important;
}
body.page-control-engineering #sideCate li.page05 a:after,
body.page-system-check #sideCate li.page07 a:after,
body.single-control_engineering #sideCate li.page05 a:after,
body.single-system_check #sideCate li.page07 a:after,
body.page-application #sideCate li.page06 a:after,
body.single-post #sideCate li.page06 a:after {
  content: "."!important;
  width: 4px!important;
  height: 14px!important;
  background: #fff!important;
  overflow: hidden!important;
  position: absolute!important;
  top: 18px!important;
  left: 15px!important;
  -webkit-transition: .4s!important;
  transition: .4s!important;
}
body.page-control-engineering #sideCate li.page05 a:before,
body.single-control_engineering #sideCate li.page05 a:before,
body.page-application #sideCate li.page06 a:before,
body.single-post #sideCate li.page06 a:before {
  content: "."!important;
  width: 4px!important;
  height: 14px!important;
  background: #cfcfcf!important;
  overflow: hidden!important;
  position: absolute!important;
  top: 17px!important;
  left: 14px!important;
  -webkit-transition: .4s!important;
  transition: .4s!important;
}

#kasouSide #sideCate li a:hover {
  color: #fff;
  background: url(https://kansai-automation.co.jp/img/side/kasouside_redBg.gif) repeat-x;
  -webkit-transition: .4s;
  transition: .4s;
}
#kasouSide #sideCate li a:after {
  content: ".";
  width: 4px;
  height: 14px;
  background: #c9151f;
  overflow: hidden;
  position: absolute;
  top: 18px;
  left: 15px;
  -webkit-transition: .4s;
  transition: .4s;
}
#kasouSide #sideCate li a:before {
  content: ".";
  width: 4px;
  height: 14px;
  background: #cfcfcf;
  overflow: hidden;
  position: absolute;
  top: 17px;
  left: 14px;
  -webkit-transition: .4s;
  transition: .4s;
}
#kasouSide #sideCate li a:hover:after {
  content: ".";
  width: 4px;
  height: 14px;
  background: #fff;
  overflow: hidden;
  position: absolute;
  top: 18px;
  left: 15px;
  -webkit-transition: .4s;
  transition: .4s;
}
#kasouSide #sideCate li a:hover:before {
  content: ".";
  width: 4px;
  height: 14px;
  background: #e3888d;
  overflow: hidden;
  position: absolute;
  top: 19px;
  left: 16px;
  -webkit-transition: .4s;
  transition: .4s;
}
.kasouvWrap__members {
  background: url(https://kansai-automation.co.jp/members/img/common/mv_members.jpg) no-repeat;
  background-size: cover;
}


/*******************************************
 ***** FOOTER STYLE ************************
 *******************************************/
.page-footer {
}

#footer p#fLogo {
    width: 236px;
    margin-bottom: 18px;
}

#footer p#fLogo img {
    width: 100%;
}
/*******************************************
 ***** blog2016 import STYLE ***************
 *******************************************/

.p-single__body .floatArea {
  margin-bottom: 10px;
}

.p-single__body .left10 {
  width: 10%;
  height: auto;
  float: left;
}

.p-single__body .left20 {
  width: 20%;
  height: auto;
  float: left;
}

.p-single__body .left30 {
  width: 30%;
  height: auto;
  float: left;
}
.p-single__body .left40 {
  width: 40%;
  height: auto;
  float: left;
}
.p-single__body .left50 {
  width: 50%;
  height: auto;
  float: left;
}
.p-single__body .left60 {
  width: 60%;
  height: auto;
  float: left;
}
.p-single__body .left70 {
  width: 70%;
  height: auto;
  float: left;
}
.p-single__body .left80 {
  width: 80%;
  height: auto;
  float: left;
}
.p-single__body .left90 {
  width: 90%;
  height: auto;
  float: left;
}

.p-single__body .right10 {
  width: 7%;
  height: auto;
  float: left;
}
.p-single__body .right20 {
  width: 17%;
  height: auto;
  float: left;
}
.p-single__body .right30 {
  width: 27%;
  height: auto;
  float: left;
}
.p-single__body .right40 {
  width: 37%;
  height: auto;
  float: left;
}
.p-single__body .right50 {
  width: 47%;
  height: auto;
  float: left;
}
.p-single__body .right60 {
  width: 57%;
  height: auto;
  float: left;
}
.p-single__body .right70 {
  width: 67%;
  height: auto;
  float: left;
}
.p-single__body .right80 {
  width: 77%;
  height: auto;
  float: left;
}
.p-single__body .right90 {
  width: 87%;
  height: auto;
  float: left;
}

.p-single__body .left10,
.p-single__body .left20,
.p-single__body .left30,
.p-single__body .left40,
.p-single__body .left50,
.p-single__body .left60,
.p-single__body .left70,
.p-single__body .left80,
.p-single__body .left90 {
  margin-right: 3%;
}

.p-single__body .left10 img,
.p-single__body .left20 img,
.p-single__body .left30 img,
.p-single__body .left40 img,
.p-single__body .left50 img,
.p-single__body .left60 img,
.p-single__body .left70 img,
.p-single__body .left80 img,
.p-single__body .left90 img,
.p-single__body .right10 img,
.p-single__body .right20 img,
.p-single__body .right30 img,
.p-single__body .right40 img,
.p-single__body .right50 img,
.p-single__body .right60 img,
.p-single__body .right70 img,
.p-single__body .right80 img,
.p-single__body .right90 img {
  width: 100%;
  height: auto;
}

.p-single__body .m_b5 { margin-bottom: 5px; }
.p-single__body .m_b10 { margin-bottom: 10px; }
.p-single__body .m_b15 { margin-bottom: 15px; }
.p-single__body .m_b20 { margin-bottom: 20px; }
.p-single__body .m_b25 { margin-bottom: 25px; }
.p-single__body .m_b30 { margin-bottom: 30px; }